\n ));\n\n /* Public API */\n\n function error(desc, title = 'Ошибка') {\n addNotice({ type: 'error', title, desc });\n }\n\n function info(desc, title = '') {\n addNotice({ type: 'info', title, desc });\n }\n\n function warning(desc, title = '') {\n addNotice({ type: 'warning', title, desc });\n }\n\n function clear() {\n clearNotices();\n }\n\n function parse(flash) {\n // Временное решение\n if (Array.isArray(flash)) {\n flash.forEach(addNotice);\n } else {\n let type = ['error', 'notice', 'warning'].find((type) => flash[type]);\n\n ({\n error: error,\n notice: info,\n warning: warning\n })[type](flash[type]);\n }\n }\n\n return { error, info, warning, clear, parse };\n})();\n\nexport default NoticeService;\n","import { createScope } from 'core/services/VDOM';\nexport default createScope('CheckoutForm');\n","import { h, Component } from 'preact';\nimport { Text as UIText } from 'core/components/UI/Inputs/Text/Text';\nexport class Text extends Component {\n constructor() {\n super(...arguments);\n this.componentDidMount = () => {\n this.handleFocusOnLoad();\n };\n this.handleFocusOnLoad = () => {\n if (this.props.focusOnLoad && this.inputRef) {\n setTimeout(() => {\n this.inputRef.scrollIntoView({ behavior: 'smooth' });\n this.inputRef.focus();\n }, 1000);\n }\n };\n this.handleChange = () => {\n if (!this.inputRef)\n return;\n this.props.onChange(this.inputRef.value);\n };\n this.handleRef = (el) => {\n var _a, _b;\n this.inputRef = el;\n (_b = (_a = this.props).onRef) === null || _b === void 0 ? void 0 : _b.call(_a, el);\n };\n }\n render() {\n const { field: { label, value, isRequired }, name, type = 'text', tag = 'input', disabled = false, rows, isOverflowText } = this.props;\n return (h(UIText, { label: label, value: value, name: name, type: type, tag: tag, required: isRequired, disabled: disabled, inputRef: this.handleRef, onInput: this.handleChange, rows: rows, isOverflowText: isOverflowText }));\n }\n}\n","import { h, Component } from 'preact';\nimport { Phone as UIPhone } from 'core/components/UI/Inputs';\nexport class Phone extends Component {\n render() {\n var _a;\n const { field: { label, value, isRequired }, name, disabled = false } = this.props;\n return (h(UIPhone, { label: label, value: (_a = value) !== null && _a !== void 0 ? _a : '9', name: name, required: isRequired, disabled: disabled, onChangeValue: this.props.onChange, autocomplete: 'do-not-autofill' }));\n }\n}\n","import { h, Component } from 'preact';\nimport Http from 'core/services/HttpClient';\nimport debounce from 'core/utils/debounce';\nimport { Text } from './Text';\nexport class Email extends Component {\n constructor() {\n super(...arguments);\n this.handleChange = (value) => {\n this.props.onChange(value);\n this.validateEmail(value);\n };\n // TODO: I really don't know for what it, but copy it from OrderForm\n this.validateEmail = debounce(500, (value) => {\n if (!value)\n return;\n Http.post('/orders/validate_email.json', { email: value });\n });\n }\n render() {\n const { field, name, disabled, formFields } = this.props;\n return (h(Text, { field: field, name: name, type: 'email', disabled: disabled, onChange: this.handleChange, formFields: formFields }));\n }\n}\n","import { Component, h } from 'preact';\nimport { baseAutocomplete } from 'site/VControllers/Autocomplete/components/Hoc/baseAutocomplete';\nimport { documentDispatch, COUNTRY_ID_UPDATED_EVENT } from 'core/utils/events';\nconst CountryAutocomplete = baseAutocomplete('/front_api/autocomplete/countries', 'Страна', null, {\n extraQueryParams: () => ({ delivery: true })\n});\nexport class Country extends Component {\n constructor() {\n super(...arguments);\n this.state = {\n // Store it here because creating ref is async,\n // but we need to rerender autocomplete after creating it\n inputRef: undefined\n };\n this.handleChange = (item, prevItem) => {\n if (item.id === prevItem.id)\n return;\n this.props.onChange(item.id);\n if (item.id)\n documentDispatch(COUNTRY_ID_UPDATED_EVENT, { id: item.id });\n };\n this.handleCreatingInputRef = (el) => {\n this.setState({ inputRef: el });\n };\n }\n render() {\n const { field, name, useHidden, ...autocompleteProps } = this.props;\n const { inputRef } = this.state;\n return (h(\"div\", { className: 'ui-Input __autocomplete __text __select' },\n useHidden && h(\"input\", { ref: this.handleCreatingInputRef, name: name, type: 'text', value: field.value }),\n (!useHidden || inputRef) && (h(CountryAutocomplete, Object.assign({ isRequired: field.isRequired, inputEl: inputRef, value: field.value, label: field.label }, autocompleteProps, { items: field.items, onChange: this.handleChange })))));\n }\n}\n","import { COMMIT_SET_GTM_ADDRESS_EVENT } from '../commits/gtm';\nexport function OPERATION_CHANGE_GTM_ADDRESS_EVENT(store) {\n return function (addressEvent) {\n store.commit(COMMIT_SET_GTM_ADDRESS_EVENT, addressEvent);\n };\n}\n","import { camelizeKeys } from 'humps';\nlet xhr;\nexport const makeRequest = (method, endpoint, data, cache, onReceiveData) => {\n if (xhr) {\n xhr.abort();\n }\n let cacheKey;\n if (cache) {\n cacheKey = cache.serializeCacheKey({\n headers: data.headers,\n body: data.json,\n url: endpoint,\n method\n });\n const cachedData = cache.get(cacheKey);\n if (cachedData) {\n onReceiveData(cachedData);\n return;\n }\n }\n xhr = new XMLHttpRequest();\n xhr.open(method, endpoint);\n if (data.headers) {\n Object.entries(data.headers).forEach(([header, headerValue]) => {\n xhr.setRequestHeader(header, headerValue);\n });\n }\n xhr.send(JSON.stringify(data.json));\n xhr.onreadystatechange = () => {\n var _a;\n if (!xhr || xhr.readyState !== 4) {\n return;\n }\n if (xhr.status === 200) {\n const payload = (_a = JSON.parse(xhr.response)) === null || _a === void 0 ? void 0 : _a.suggestions;\n if (payload) {\n const transformedPayload = payload.map((item) => camelizeKeys(item));\n cache === null || cache === void 0 ? void 0 : cache.set(cacheKey, transformedPayload);\n onReceiveData(transformedPayload);\n }\n }\n };\n};\n","import { HttpCache } from './abstract';\nconst minute = 60000;\nexport class DefaultHttpCache extends HttpCache {\n constructor() {\n super(...arguments);\n this._map = new Map();\n this._ttl = 10 * minute;\n }\n /**\n * Синглтон\n * @example\n * ```ts\n * cache.shared.get('key');\n * ```\n */\n static get shared() {\n if (!DefaultHttpCache.sharedInstance) {\n DefaultHttpCache.sharedInstance = new DefaultHttpCache();\n }\n return DefaultHttpCache.sharedInstance;\n }\n /**\n * Время жизни кеша в миллисекундах\n * @example\n * ```ts\n * cache.ttl = 60000;\n * cache.ttl = Infinity;\n * cache.tll = 0;\n *\n * // негативные значения игнорируются\n * cache.ttl = -1;\n * cache.ttl = Number.NEGATIVE_INFINITY;\n * ```\n */\n get ttl() {\n return this._ttl;\n }\n set ttl(ttl) {\n if (typeof ttl === 'number' && ttl >= 0) {\n this._ttl = ttl;\n }\n }\n /**\n * Количество элементов в кеше\n */\n get size() {\n return this._map.size;\n }\n get(key) {\n const data = this._map.get(key);\n if (!data)\n return null;\n if (data.expires <= Date.now()) {\n this.delete(key);\n return null;\n }\n return data.data;\n }\n set(key, data) {\n this._map.set(key, {\n data,\n expires: Date.now() + this.ttl\n });\n return this;\n }\n delete(key) {\n this._map.delete(key);\n return this;\n }\n reset() {\n this._map.clear();\n return this;\n }\n}\n","export class HttpCache {\n /**\n * Сгенерировать уникальный ключ кеша из параметров http-запроса\n * @example\n * ```ts\n * cache.serializeCacheKey({\n * url: 'https://example.com',\n * body: { key: \"value\" },\n * method: \"POST\"\n * })\n * ```\n */\n serializeCacheKey(payload) {\n try {\n return JSON.stringify(payload);\n }\n catch (_e) {\n // на случай попытки сериализации объекта с циклическими зависимостями внутри\n return payload.url + String(Math.random());\n }\n }\n}\n","import { h, Component } from 'preact';\n// @ts-ignore\nimport isEqual from 'lodash/isEqual';\n// @ts-ignore\nimport debounce from 'lodash/debounce';\nimport { uuidV4 } from 'core/utils/uuid';\nimport { makeRequest } from './request';\nimport { DefaultHttpCache } from './http-cache';\nexport class BaseSuggestions extends Component {\n constructor(props) {\n super(props);\n this.loadSuggestionsUrl = '';\n this.dontPerformBlurHandler = false;\n this.getSuggestionsUrl = () => {\n return this.loadSuggestionsUrl;\n };\n this.setupDebounce = (delay) => {\n if (typeof delay === 'number' && delay > 0) {\n this.fetchSuggestions = debounce(this.performFetchSuggestions, delay);\n }\n else {\n this.fetchSuggestions = this.performFetchSuggestions;\n }\n };\n this.fetchSuggestions = () => {\n //\n };\n this.clear = () => {\n this.setState({ query: '', inputQuery: '' });\n };\n this.handleInputFocus = (event) => {\n this.setState({ isFocused: true });\n const { suggestions } = this.state;\n if (suggestions.length === 0) {\n this.fetchSuggestions();\n }\n const { inputProps } = this.props;\n if (inputProps && inputProps.onFocus) {\n inputProps.onFocus(event);\n }\n };\n this.handleInputBlur = (event) => {\n const { suggestions, suggestionIndex } = this.state;\n const { selectOnBlur, inputProps } = this.props;\n this.setState({ isFocused: false });\n if (suggestions.length === 0) {\n this.fetchSuggestions();\n }\n if (selectOnBlur && !this.dontPerformBlurHandler) {\n if (suggestions.length > 0) {\n const suggestionIndexToSelect = suggestionIndex >= 0 && suggestionIndex < suggestions.length ? suggestionIndex : 0;\n this.selectSuggestion(suggestionIndexToSelect, true);\n }\n }\n this.dontPerformBlurHandler = false;\n if (inputProps && inputProps.onBlur) {\n inputProps.onBlur(event);\n }\n };\n this.handleInputChange = (event) => {\n const value = event.target.value;\n const { inputProps } = this.props;\n if (this.didMount) {\n this.setState({ query: value, inputQuery: value, displaySuggestions: !!value }, () => {\n this.fetchSuggestions();\n });\n }\n if (inputProps && inputProps.onChange) {\n inputProps.onChange(event);\n }\n };\n this.handleInputKeyDown = (event) => {\n this.handleKeyboard(event);\n const { inputProps } = this.props;\n if (inputProps && inputProps.onKeyDown) {\n inputProps.onKeyDown(event);\n }\n };\n this.handleInputKeyPress = (event) => {\n this.handleKeyboard(event);\n const { inputProps } = this.props;\n if (inputProps && inputProps.onKeyPress) {\n inputProps.onKeyPress(event);\n }\n };\n this.handleKeyboard = (event) => {\n const { suggestions, suggestionIndex, inputQuery } = this.state;\n if (event.which === 40) {\n // Arrow down\n event.preventDefault();\n if (suggestionIndex < suggestions.length - 1) {\n const newSuggestionIndex = suggestionIndex + 1;\n const newInputQuery = this.getSuggestionText(suggestions[newSuggestionIndex]);\n if (this.didMount) {\n this.setState({ suggestionIndex: newSuggestionIndex, query: newInputQuery });\n }\n }\n }\n else if (event.which === 38) {\n // Arrow up\n event.preventDefault();\n if (suggestionIndex >= 0) {\n const newSuggestionIndex = suggestionIndex - 1;\n const newInputQuery = newSuggestionIndex === -1 ? inputQuery : this.getSuggestionText(suggestions[newSuggestionIndex]);\n if (this.didMount) {\n this.setState({ suggestionIndex: newSuggestionIndex, query: newInputQuery });\n }\n }\n }\n else if (event.which === 13) {\n // Enter\n event.preventDefault();\n if (suggestionIndex >= 0) {\n this.selectSuggestion(suggestionIndex);\n }\n }\n };\n this.performFetchSuggestions = () => {\n const { minChars, token } = this.props;\n const { query } = this.state;\n if (typeof minChars === 'number' && minChars > 0 && query.length < minChars) {\n this.setState({ suggestions: [], suggestionIndex: -1 });\n return;\n }\n makeRequest('POST', this.getSuggestionsUrl(), {\n headers: {\n Accept: 'application/json',\n Authorization: `Token ${token}`,\n 'Content-Type': 'application/json'\n },\n json: this.getLoadSuggestionsData()\n }, this.httpCache, (suggestions) => {\n suggestions = this.filterSuggestionsBySettlement(suggestions);\n if (this.didMount) {\n if (suggestions.length === 0 && query.length > 9 && query.indexOf('кв') > 0) {\n // оставляем старые значения\n this.setState({ suggestionIndex: -1 });\n }\n else {\n this.setState({ suggestions, suggestionIndex: -1 });\n }\n }\n });\n };\n this.filterSuggestionsBySettlement = (suggestions) => {\n const { settlementQuery } = this.props;\n const { query } = this.state;\n if (!settlementQuery)\n return suggestions;\n const fullQuery = [settlementQuery, query].join(', ');\n return suggestions.filter(suggestion => (\n // .length + 1 is because user can type address without comma\n suggestion.value.split(',').length <= fullQuery.split(',').length + 1));\n };\n this.onSuggestionClick = (index, event) => {\n event.stopPropagation();\n this.selectSuggestion(index);\n };\n this.selectSuggestion = (index, isSilent = false) => {\n const { suggestions } = this.state;\n const { selectOnBlur, onChange } = this.props;\n if (suggestions.length >= index - 1) {\n const suggestion = suggestions[index];\n if (selectOnBlur) {\n this.dontPerformBlurHandler = true;\n }\n const suggestionText = this.getSuggestionText(suggestion);\n this.setState({ query: suggestionText, inputQuery: suggestionText, displaySuggestions: false }, () => {\n if (!isSilent) {\n this.fetchSuggestions();\n setTimeout(() => this.setCursorToEnd(this.textInput));\n }\n });\n if (onChange) {\n onChange(suggestion);\n }\n }\n };\n this.setCursorToEnd = (element) => {\n if (element) {\n const valueLength = element.value.length;\n if (element.selectionStart || element.selectionStart === 0) {\n element.selectionStart = valueLength;\n element.selectionEnd = valueLength;\n element.focus();\n }\n }\n };\n this.getHighlightWords = () => {\n const { inputQuery } = this.state;\n const wordsToPass = ['г', 'респ', 'ул', 'р-н', 'село', 'деревня', 'поселок', 'пр-д', 'пл', 'к', 'кв', 'обл', 'д'];\n let words = inputQuery.replace(',', '').split(' ');\n words = words.filter((word) => {\n return wordsToPass.indexOf(word) < 0;\n });\n return words;\n };\n this.getSuggestionKey = (suggestion) => suggestion.value;\n this.focus = () => {\n if (this.textInput) {\n this.textInput.focus();\n }\n };\n this.setInputValue = (value) => {\n this.setState({ query: value || '', inputQuery: value || '' });\n };\n this.didMount = false;\n const { defaultQuery, value, delay } = this.props;\n const valueQuery = value ? value.value : undefined;\n this.setupDebounce(delay);\n this.state = {\n query: defaultQuery || valueQuery || '',\n inputQuery: defaultQuery || valueQuery || '',\n isFocused: false,\n displaySuggestions: true,\n suggestions: [],\n suggestionIndex: -1\n };\n }\n componentDidMount() {\n this.didMount = true;\n }\n componentDidUpdate(prevProps) {\n const { value, delay } = this.props;\n const { query, inputQuery } = this.state;\n if (!isEqual(prevProps.value, value)) {\n const newQuery = value ? value.value : '';\n if (query !== newQuery || inputQuery !== newQuery) {\n this.setState({ query: newQuery, inputQuery: newQuery });\n }\n }\n if (delay !== prevProps.delay) {\n this.setupDebounce(delay);\n }\n }\n componentWillUnmount() {\n this.didMount = false;\n }\n get uid() {\n if (!this._uid) {\n this._uid = uuidV4();\n }\n return this._uid;\n }\n get httpCache() {\n const { httpCache: cacheProp, httpCacheTtl: ttl } = this.props;\n if (!cacheProp) {\n return null;\n }\n const cache = DefaultHttpCache.shared;\n if (typeof ttl === 'number') {\n cache.ttl = ttl;\n }\n return cache;\n }\n render() {\n const { inputProps, hintText, labelText, containerClassName, hintClassName, suggestionsClassName, suggestionClassName, currentSuggestionClassName, customInput, children } = this.props;\n const { isFocused, query, suggestions, suggestionIndex, displaySuggestions } = this.state;\n const Component = typeof customInput !== 'undefined' ? customInput : 'input';\n const optionsExpanded = isFocused && suggestions && displaySuggestions && suggestions.length > 0;\n return (h(\"div\", { role: 'combobox', \"aria-expanded\": optionsExpanded ? 'true' : 'false', \"aria-owns\": this.uid, \"aria-controls\": this.uid, \"aria-haspopup\": 'listbox', className: containerClassName || 'react-dadata react-dadata__container' },\n h(\"div\", null,\n typeof labelText !== 'undefined' && (h(\"label\", { class: 'ui-Input_label' },\n labelText,\n h(\"abbr\", { title: '\\u041E\\u0431\\u044F\\u0437\\u0430\\u0442\\u0435\\u043B\\u044C\\u043D\\u043E' }, \"*\"))),\n h(Component, Object.assign({ autoComplete: 'off', className: 'ui-Input_input' }, inputProps, { value: query, ref: (input) => {\n this.textInput = input;\n }, onInput: this.handleInputChange, onKeyPress: this.handleInputKeyPress, onKeyDown: this.handleInputKeyDown, onFocus: this.handleInputFocus, onBlur: this.handleInputBlur })),\n query && (h(\"div\", { className: 'ui-Input_autocompleteActions __visible', style: { right: 0, opacity: (isFocused ? 1 : 0) } },\n h(\"div\", { className: 'ui-Input_autocompleteClear', onClick: this.clear },\n h(\"span\", null))))),\n optionsExpanded && (h(\"ul\", { id: this.uid, \"aria-expanded\": true, role: 'listbox', className: suggestionsClassName || 'react-dadata__suggestions' },\n typeof hintText !== 'undefined' && (h(\"div\", { className: hintClassName || 'react-dadata__suggestion-note' }, hintText)),\n suggestions.map((suggestion, index) => {\n let suggestionClass = suggestionClassName || 'react-dadata__suggestion';\n if (index === suggestionIndex) {\n suggestionClass += ` ${currentSuggestionClassName || 'react-dadata__suggestion--current'}`;\n }\n return (h(\"li\", { role: 'option', \"aria-selected\": index === suggestionIndex ? 'true' : 'false', key: this.getSuggestionKey(suggestion), onMouseDown: this.onSuggestionClick.bind(this, index), className: suggestionClass }, this.renderOption(suggestion)));\n }))),\n children));\n }\n}\n","import { h, Component } from 'preact';\nimport highlightWords from 'highlight-words';\nexport class HighlightWords extends Component {\n render() {\n const { text, words, highlightClassName, tagName = 'span' } = this.props;\n const query = typeof words === 'string' ? words : words.join(' ');\n const chunks = highlightWords({ text, query });\n return (h(\"span\", { \"aria-label\": text }, chunks.map((chunk) => {\n if (!chunk.match) {\n return h(\"span\", { key: chunk.key, \"aria-hidden\": true }, chunk.text);\n }\n const Component = tagName;\n return (h(Component, { key: chunk.key, className: highlightClassName, \"aria-hidden\": true }, chunk.text));\n })));\n }\n}\n","import { h } from 'preact';\nimport { BaseSuggestions } from './BaseSuggestions';\nimport { HighlightWords } from './HighlightWords';\nexport class AddressSuggestions extends BaseSuggestions {\n constructor() {\n super(...arguments);\n this.loadSuggestionsUrl = 'https://suggestions.dadata.ru/suggestions/api/4_1/rs/suggest/address';\n this.getLoadSuggestionsData = () => {\n const { count, filterFromBound, filterToBound, filterLocations, filterLocationsBoost, filterLanguage, filterRestrictValue, settlementQuery } = this.props;\n let { query } = this.state;\n if (settlementQuery) {\n query = [settlementQuery, query].join(', ');\n }\n const requestPayload = {\n query,\n count: count || 10\n };\n if (filterFromBound && filterToBound) {\n requestPayload.from_bound = { value: filterFromBound };\n requestPayload.to_bound = { value: filterToBound };\n }\n if (filterLanguage) {\n requestPayload.language = filterLanguage;\n }\n if (filterLocations) {\n requestPayload.locations = filterLocations;\n }\n if (filterLocationsBoost) {\n requestPayload.locations_boost = filterLocationsBoost;\n }\n if (filterRestrictValue) {\n requestPayload.restrict_value = true;\n }\n return requestPayload;\n };\n this.getSuggestionText = (suggestion) => {\n if (!this.props.settlementQuery)\n return suggestion.value;\n const { streetWithType, houseType, house, blockType, block } = suggestion.data;\n const houseWithType = houseType ? `${houseType} ${house}` : null;\n const blockWithType = blockType ? `${blockType} ${block}` : null;\n const suggestionText = [streetWithType, houseWithType, blockWithType].filter(Boolean).join(', ');\n return suggestionText;\n };\n this.renderOption = (suggestion) => {\n const { renderOption, highlightClassName } = this.props;\n const { query } = this.state;\n return renderOption ? (renderOption(suggestion, query)) : (h(HighlightWords, { highlightClassName: highlightClassName || 'react-dadata--highlighted', words: this.getHighlightWords(), tagName: 'mark', text: this.getSuggestionText(suggestion) }));\n };\n }\n}\n","import 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';\nexport class Settlement extends Component {\n constructor() {\n super(...arguments);\n this.state = {\n inputRef: undefined\n };\n this.awaitCityId = null;\n this.awaitImproveAddress = 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;\n const value = event.target.value;\n this.awaitImproveAddress = true;\n (_b = (_a = this.props).onChangeValue) === null || _b === void 0 ? void 0 : _b.call(_a, FieldsKeys.Settlement, value);\n };\n this.saveSearchValue = (input) => {\n const inputRef = this.state.inputRef || this.virtualInputRef;\n if (!inputRef)\n return;\n inputRef.value = input;\n // we need to trigger update state from native event. to show user changed information\n // Current architecture of baseAutocomplete doesn't allow to pass searchValue from parent component\n inputRef.dispatchEvent(new Event('input'));\n };\n this.handleSuggestionSelect = (suggestion) => {\n var _a, _b, _c, _d;\n if (!suggestion) {\n return;\n }\n (_b = (_a = this.context) === null || _a === void 0 ? void 0 : _a.store) === null || _b === void 0 ? void 0 : _b.operate(OPERATION_CHANGE_GTM_ADDRESS_EVENT, GtmAddressEvents.AutocompleteAddress);\n const itemId = buildDaData(suggestion);\n this.awaitCityId = null;\n this.props.onChange(itemId);\n (_d = (_c = this.props).onChangeValue) === null || _d === void 0 ? void 0 : _d.call(_c, FieldsKeys.Settlement, suggestion.value);\n // small timeout for FieldsKeys.Settlement to update\n setTimeout(() => this.handleChangeCityOnSelect(suggestion), 100);\n };\n this.handleChangeCityOnSelect = (suggestion) => {\n var _a, _b;\n if (!suggestion)\n return;\n const cityField = this.field(FieldsKeys.City);\n const suggestionCityId = suggestion.data.cityKladrId;\n if (cityField && suggestionCityId && cityField.value !== suggestionCityId) {\n (_b = (_a = this.props).onChangeValue) === null || _b === void 0 ? void 0 : _b.call(_a, FieldsKeys.City, suggestionCityId);\n }\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 render() {\n var _a;\n const { field, name, disabled, useHidden } = this.props;\n const { inputRef } = this.state;\n const isMobile = Env.version === 'mobile';\n const countryField = this.field(FieldsKeys.Country);\n const countryText = (countryField === null || countryField === void 0 ? void 0 : countryField.value) ? (_a = (countryField.items.find((v) => v.id === countryField.value))) === null || _a === void 0 ? void 0 : _a.text : null;\n return (h(\"div\", { className: 'ab-test' },\n h(\"div\", { className: htmlClassNames('ui-Input') },\n useHidden && h(\"input\", { ref: this.handleInputRef, name: name, type: 'text', value: field.value }),\n (!useHidden || inputRef) && (h(AddressSuggestions, { 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: 6, customInput: isMobile ? 'textarea' : 'input', delay: 400, minChars: 1, httpCache: true, onChange: (suggestion) => this.handleSuggestionSelect(suggestion), filterFromBound: 'city', filterToBound: 'settlement', filterLocations: countryText && [{ country: countryText }], labelText: field.label, selectOnBlur: field.value ? false : true, inputProps: {\n disabled: disabled || this.isCountryBlank,\n onChange: (input) => this.handleChangeSearch(input)\n }, defaultQuery: field.value.toString() })),\n this.isCountryBlank && h(Tooltip, { label: '\\u0421\\u043D\\u0430\\u0447\\u0430\\u043B\\u0430 \\u0432\\u044B\\u0431\\u0435\\u0440\\u0438\\u0442\\u0435 \\u0441\\u0442\\u0440\\u0430\\u043D\\u0443' }))));\n }\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, settlementKladrId, settlementType } = data;\n const idSettlementValid = settlementType !== 'р-н';\n const parts = [[data.streetType, data.street]];\n const idParts = [[ContentType.City, settlementKladrId && idSettlementValid ? settlementKladrId : cityKladrId]];\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","import { ContentType } from '../../../constants';\nimport { client } from '../client';\nexport function getCities(query) {\n return client.get({ params: { query, contentType: ContentType.City, withParent: 1, limit: 50 } });\n}\n","import { autocompleteCities } from '../api/cities';\nimport { DEFAULT_COUNTRY_ID } from 'site/global/constants';\nimport { ContentType } from '../constants';\nimport { getCities } from './KladrApi/api/cities';\nimport { client } from './KladrApi/client';\nexport function fetchCityItems(params) {\n if (params.countryId !== DEFAULT_COUNTRY_ID)\n return autocompleteCities(params);\n return new Promise(async (resolve, reject) => {\n var _a;\n if (!params.query)\n return resolve({ data: [] });\n if (!client.isServiceAlive) {\n return autocompleteCities(params).then(resolve).catch(reject);\n }\n try {\n const { data: { result } } = await getCities(prepareQuery(params.query));\n resolve({ data: buildTree(result || []) });\n }\n catch (error) {\n // to fallback to our autocomplete\n autocompleteCities(params).then(resolve).catch(reject);\n (_a = window.bugsnagClient) === null || _a === void 0 ? void 0 : _a.notify(new Error(`[Kladr response error] - ${JSON.stringify(error)}`));\n }\n });\n}\n// to replace added typeShort\nfunction prepareQuery(input) {\n return input.replace(/^[А-Яа-я]\\.\\s/, '').trim();\n}\nfunction buildTree(cities) {\n const mapping = cities.reduce((result, item) => {\n var _a;\n const parent = (_a = item.parents) === null || _a === void 0 ? void 0 : _a.find(({ contentType }) => contentType === ContentType.Region);\n const parentId = (parent || item).id;\n const parentItem = result[parentId] || buildItem(parent || item);\n if (parentId !== item.id) {\n parentItem.children.push(buildItem(item));\n }\n return { ...result, [parentId]: parentItem };\n }, {});\n return Object.values(mapping);\n}\nfunction buildItem(item) {\n return {\n id: item.id,\n text: `${item.typeShort}. ${item.name}`,\n children: []\n };\n}\n","import { Component, h } from 'preact';\nimport Tooltip from 'core/components/UI/Tooltip';\nimport { baseAutocomplete } from 'site/VControllers/Autocomplete/components/Hoc/baseAutocomplete';\nimport { SELF_PARENT_IDS } from 'site/VControllers/SinglePageCheckout/constants';\nimport { fetchCityItems } from 'site/VControllers/SinglePageCheckout/services/fetchCityItems';\nimport { FieldsKeys } from '../../..';\nconst CityAutocomplete = baseAutocomplete('/front_api/autocomplete/cities', 'Город', null, {\n extraQueryParams: (component) => ({ countryId: component.props.countryId })\n});\nexport class City extends Component {\n constructor() {\n super(...arguments);\n this.state = {\n // It is storing here because creating ref is async,\n // but we need to rerender autocomplete after creating it\n inputRef: undefined\n };\n this.handleChange = (item, prevItem) => {\n if (item.id === prevItem.id)\n return;\n this.props.onChange(item.id);\n };\n this.handleCreatingInputRef = (el) => {\n this.setState({ inputRef: el });\n };\n this.handleSearchInputRef = (el) => {\n var _a, _b;\n (_b = (_a = this.props).onRef) === null || _b === void 0 ? void 0 : _b.call(_a, el);\n };\n }\n get isCountryBlank() {\n const countryField = this.props.formFields.find(field => field.key === FieldsKeys.Country);\n if (!countryField)\n return false;\n return !countryField.value;\n }\n render() {\n const { field, name, disabled, useHidden = false, ...autocompleteProps } = this.props;\n const { inputRef } = this.state;\n return (h(\"div\", { className: 'ui-Input __autocomplete __text __select' },\n useHidden && h(\"input\", { ref: this.handleCreatingInputRef, name: name, type: 'text', value: field.value }),\n (!useHidden || inputRef) && (h(CityAutocomplete, Object.assign({ isRequired: field.isRequired, inputEl: inputRef, disabled: disabled || this.isCountryBlank, value: field.value, label: field.label }, autocompleteProps, { items: field.items, countryId: field.countryId, onChange: this.handleChange, isSearchInput: true, withOnShowLoad: !!field.countryId, fetchItems: fetchCityItems, \n // skip select region from tree\n preventChange: preventChange, onInputRef: this.handleSearchInputRef }))),\n this.isCountryBlank && h(Tooltip, { label: '\\u0421\\u043D\\u0430\\u0447\\u0430\\u043B\\u0430 \\u0432\\u044B\\u0431\\u0435\\u0440\\u0438\\u0442\\u0435 \\u0441\\u0442\\u0440\\u0430\\u043D\\u0443' })));\n }\n}\nfunction preventChange({ id }) {\n id = (id === null || id === void 0 ? void 0 : id.toString()) || '';\n if (SELF_PARENT_IDS.includes(id))\n return false;\n return /^\\d{3}0{10}$/.test(id);\n}\n","import { h, Component } from 'preact';\nimport htmlClassNames from 'core/utils/htmlClassNames';\nimport { camelize } from 'humps';\nexport class Radio extends Component {\n constructor() {\n super(...arguments);\n this.handleChange = (e) => {\n const target = e.target;\n this.props.onChange(target.value);\n };\n }\n render() {\n const { value, checked, text, subtext, id, name, hidden } = this.props;\n return (h(\"label\", { className: htmlClassNames('ui-Input __radio', `__v_${camelize(value)}`, { __hidden: hidden }) },\n h(\"input\", { type: 'radio', name: name, id: id, value: value, checked: checked, onChange: this.handleChange }),\n h(\"div\", { className: 'ui-Input_indicator' }),\n h(\"span\", { className: 'ui-Input_text' }, text),\n subtext && h(\"span\", { className: 'ui-Input_subtext', dangerouslySetInnerHTML: { __html: subtext } })));\n }\n}\n","import { h, Component } from 'preact';\nimport { Radio } from 'core/components/UI/Inputs/Radio';\nimport { DEFAULT_COUNTRY_ID } from 'site/global/constants';\nimport { FieldsKeys } from '../../../constants';\nexport class RadioGroup extends Component {\n constructor() {\n super(...arguments);\n this.handleAutoSelectSingleValue = ({ field: { items, value }, onChange }) => {\n if (items.length > 1 && items.some(item => item.id === value))\n return;\n const singleOption = items[0];\n if (singleOption.id !== value)\n return onChange(singleOption.id);\n };\n this.isChecked = (item_id, value) => {\n if (item_id !== 'installments')\n return value === item_id;\n return value.toString().includes('installment');\n };\n }\n componentDidMount() {\n this.handleAutoSelectSingleValue(this.props);\n }\n componentWillUpdate(props) {\n this.handleAutoSelectSingleValue(props);\n }\n buildHint(item) {\n const country = this.props.formFields.find((field) => field.key === FieldsKeys.Country);\n if ((country === null || country === void 0 ? void 0 : country.value) !== DEFAULT_COUNTRY_ID && item.id === 'delivery')\n return '';\n return item.hint;\n }\n render() {\n const { field: { value, items, name }, onChange } = this.props;\n return (h(\"fieldset\", { className: `ui-RadioItemsContainer __itemCount_${items.length}` }, items.map((item) => (h(Radio, { value: item.id, checked: this.isChecked(item.id, value), text: item.text, subtext: this.buildHint(item), name: name, onChange: onChange, hidden: item.hidden })))));\n }\n}\n","import { h, Component } from 'preact';\nimport { Select } from 'core/components/UI/Inputs/Select';\nimport { OPERATION_LOAD_PICKUP_POINTS } from 'site/VControllers/components/Checkout/operations/form';\nexport class Terminal extends Component {\n constructor() {\n super(...arguments);\n this.handleChange = (e) => {\n const el = e.target;\n this.props.onChange(el.value);\n };\n }\n componentWillMount() {\n if (this.props.field.items.length === 0) {\n this.context.store.operate(OPERATION_LOAD_PICKUP_POINTS);\n }\n }\n render() {\n const { items, label, value, isRequired } = this.props.field;\n return (h(Select, { label: label, value: value, required: isRequired, options: items, onChange: this.handleChange }));\n }\n}\n","import { HttpClient } from 'core/services/HttpClient';\nexport async function getToken() {\n const prodTokenUrl = 'https://xapi.ozon.ru/principal-auth-api/connect/token';\n const devTokenUrl = 'https://api-stg.ozonru.me/principal-auth-api/connect/token';\n const prodData = 'grant_type=client_credentials&client_id=ApiUserInmyroom1_d85fbb95-1b6a-4ee3-a4b0-4b3976fb759d&client_secret=3aUxxLdG7TGl69Y4TAImaZZdXVAnx2Z5dus2N7wOm5c=';\n const devData = 'grant_type=client_credentials&client_id=ApiTest_11111111-1111-1111-1111-111111111111&client_secret=SRYksX3PBPUYj73A6cNqbQYRSaYNpjSodIMeWoSCQ8U=';\n const tokenUrl = Env.name === 'production' ? prodTokenUrl : devTokenUrl;\n const payload = Env.name === 'production' ? prodData : devData;\n const { data: { accessToken } } = await HttpClient.post(tokenUrl, payload, {\n headers: {\n 'Content-Type': 'application/x-www-form-urlencoded'\n },\n withCredentials: false\n });\n return accessToken;\n}\nexport async function getCityNameByPickupId(id) {\n try {\n const { data: { cityName } } = await HttpClient.get('/ozon/get_city_name_by_pickup_id', { params: { id } });\n return cityName;\n }\n catch (error) {\n console.error(error.data.error);\n }\n}\nexport async function getDeliveryPriceByAddress(address) {\n try {\n const { data: { price } } = await HttpClient.get('/ozon/calculate_delivery_price_by_address', { params: { address } });\n return price;\n }\n catch (error) {\n console.error(error.data.error);\n }\n}\n","import { getCities } from 'site/VControllers/SinglePageCheckout/services/KladrApi/api/cities';\nimport { FieldsKeys } from 'site/VControllers/SinglePageCheckout/components/Form';\nimport { updateCartInfo } from '../api/form';\nimport { getCityNameByPickupId, getDeliveryPriceByAddress } from '../api/ozon';\nimport { COMMIT_CHANGE_LOADING } from '../commits/changeLoading';\nimport { COMMIT_REFRESH_CHECKOUT } from '../commits/refreshCheckout';\nimport { COMMIT_SET_OZON_PICKUP } from '../commits/ozon';\nimport { OPERATION_LOAD_PICKUP_POINTS } from './form';\nexport function OPERATION_SET_OZON_PICKUP(store) {\n return async function ({ id, address }) {\n store.commit(COMMIT_CHANGE_LOADING, true);\n const { formFields } = store.getState();\n const deliveryPrice = await getDeliveryPriceByAddress(address);\n if (!deliveryPrice)\n return;\n const cityName = await getCityNameByPickupId(id);\n if (!cityName)\n return;\n const { data } = await getCities(cityName);\n if (!data.result || data.result.length === 0)\n return;\n const cityId = data.result[0].id;\n const country = formFields.find(({ key }) => key === FieldsKeys.Country);\n if (!country)\n return;\n return updateCartInfo({ deliveryPrice, cityId, countryId: country.value })\n .then((result) => {\n store.commit(COMMIT_SET_OZON_PICKUP, { id, address });\n store.commit(COMMIT_REFRESH_CHECKOUT, result.data);\n store.operate(OPERATION_LOAD_PICKUP_POINTS);\n })\n .catch(() => {\n store.commit(COMMIT_CHANGE_LOADING, false);\n });\n };\n}\n","import { h, Component } from 'preact';\nimport NoticeService from 'core/services/NoticeService';\nimport { OPERATION_SET_OZON_PICKUP } from 'site/VControllers/components/Checkout/operations/ozon';\nexport class Ozon extends Component {\n constructor() {\n super(...arguments);\n this.receiveMessage = (event) => {\n const host = this.context.store.getState().delivery.ozonWidgetParams.host;\n if (event.origin !== host || typeof event.data !== 'string')\n return;\n const { id, address, messageType } = JSON.parse(event.data);\n if (messageType !== 'OzonRocketWidgetSelectDeliveryVariant' || !id)\n return;\n this.context.store.operate(OPERATION_SET_OZON_PICKUP, { id, address });\n NoticeService.info('Пункт выдачи выбран');\n };\n }\n componentDidMount() {\n window.addEventListener('message', this.receiveMessage, false);\n }\n componentWillUnmount() {\n window.removeEventListener('message', this.receiveMessage, false);\n }\n get widgetSrc() {\n const { ozonWidgetParams, cityName } = this.context.store.getState().delivery;\n const { host, ...params } = ozonWidgetParams;\n return Object.entries(params).reduce((src, [key, value]) => {\n return src + '&' + key + '=' + (key === 'packages' ? JSON.stringify(value) : value);\n }, `${host}/lk/widget?defaultcity=${cityName}`);\n }\n get isInactive() {\n return Env.name === 'test' || !this.context.store.getState().delivery.ozonWidgetParams;\n }\n render() {\n if (this.isInactive)\n return h(\"div\", null);\n return (h(\"iframe\", { title: 'Ozon widget', style: 'width: 100%; height: 100%; min-width: 320px; min-height: 350px; border: none; overflow: hidden', src: this.widgetSrc }, \"\\u0411\\u0440\\u0430\\u0443\\u0437\\u0435\\u0440 \\u043D\\u0435 \\u043F\\u043E\\u0434\\u0434\\u0435\\u0440\\u0436\\u0438\\u0432\\u0430\\u0435\\u0442 iframe\"));\n }\n}\n","import { getSuggestionsByGeolocate } from 'site/VControllers/SinglePageCheckout/services/DaDataApi/api/suggestions';\nimport { FieldsKeys } from 'site/VControllers/SinglePageCheckout/components/Form';\nimport { updateCartInfo } from '../api/form';\nimport { COMMIT_CHANGE_LOADING } from '../commits/changeLoading';\nimport { COMMIT_REFRESH_CHECKOUT } from '../commits/refreshCheckout';\nimport { COMMIT_SET_YANDEX_PICKUP } from '../commits/yandex';\nimport { OPERATION_LOAD_PICKUP_POINTS } from './form';\nexport function OPERATION_SET_YANDEX_PICKUP(store) {\n return async function ({ id, coordinates, price, address, postings }) {\n store.commit(COMMIT_CHANGE_LOADING, true);\n const { formFields } = store.getState();\n const { data: { suggestions } } = await getSuggestionsByGeolocate({ lat: coordinates[0], lon: coordinates[1] });\n if (suggestions.length === 0)\n return;\n const { settlementKladrId, cityKladrId } = suggestions[0].data;\n const country = formFields.find(({ key }) => key === FieldsKeys.Country);\n if (!country)\n return;\n return updateCartInfo({\n deliveryPrice: price,\n postingsDeliveryPrice: postings,\n cityId: settlementKladrId || cityKladrId,\n countryId: country.value,\n pickupPointId: id,\n pickupPointCoordinates: coordinates,\n pickupPointAddress: address\n })\n .then((result) => {\n store.commit(COMMIT_SET_YANDEX_PICKUP, { id });\n store.commit(COMMIT_REFRESH_CHECKOUT, result.data);\n store.operate(OPERATION_LOAD_PICKUP_POINTS);\n })\n .catch(() => {\n store.commit(COMMIT_CHANGE_LOADING, false);\n });\n };\n}\n","export default function initYmapScript(yandexMapApiKey, onInit) {\n if (document.querySelector('#ymaps-script')) {\n onInit();\n return;\n }\n const script = document.createElement('script');\n script.id = 'ymaps-script';\n script.src = `https://api-maps.yandex.ru/2.1?apikey=${yandexMapApiKey}&load=package.full&lang=ru_RU`;\n script.onload = onInit;\n document.head.appendChild(script);\n}\n","import axios from 'axios';\nexport default async function getCityCenter(yandexMapApiKey, cityName) {\n var _a;\n const res = await axios.get(`https://geocode-maps.yandex.ru/1.x/?apikey=${yandexMapApiKey}&geocode=${cityName}&format=json`);\n return (_a = res.data.response.GeoObjectCollection.featureMember[0].GeoObject.Point.pos.split(' ').map(parseFloat).reverse()) !== null && _a !== void 0 ? _a : [55.76, 37.64]; // default for moscow\n}\n","import Http from 'core/services/Http';\nexport default function getPrice(id) {\n return Http.post('/yandex_delivery/delivery_price', {\n data: {\n platform_station_id: id\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 Yandex 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 } = await getPrice(object.id);\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.setBalloonData = (object) => {\n const objects = this.objectManager.objects;\n objects.balloon.setData(object);\n };\n this.reSyncObjectPrice = async (object) => {\n this.removeObjectPrice(object);\n const objects = this.objectManager.objects;\n if (objects.balloon._objectIdWithOpenBalloon !== object.id)\n return;\n // ballon renewing\n const { price, postings } = await getPrice(object.id);\n this.setObjectPrice(object, price, postings);\n const payload = this.serializePointPayload(object, price, postings);\n if (this.state.chosenPickupAddress === object.properties.fullAddress) {\n // auto reset point\n this.context.store.operate(OPERATION_SET_YANDEX_PICKUP, payload).catch(() => {\n this.setObjectActionButton(object, payload);\n });\n }\n else {\n this.setObjectActionButton(object, payload);\n }\n };\n this.setObjectPrice = (object, price, postings) => {\n object.price = price;\n if (postings)\n object.postings = postings;\n object.properties.balloonContentBody += `Стоимость: ${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","export function sanitizeForRegexp(input) {\n return input.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&');\n}\n","import { sanitizeForRegexp } from 'core/utils/sanitize';\nimport { fetchAddresses } from './fetchAddresses';\nexport async function defineCityId(cityId, address) {\n const possibleSuggestions = await lookupData(address);\n let possibleCity;\n let score = 0;\n possibleSuggestions.reduce((result, item) => {\n if (!item.searchText || result[item.id.toString()])\n return result;\n let lastCoincidence;\n const amountCoincidence = item.searchText.split(', ').reduce((acc, part) => {\n part.split(' ').forEach(part => {\n const matchRes = address.match(new RegExp(`(${sanitizeForRegexp(part)})`, 'i'));\n if (!matchRes)\n return acc;\n lastCoincidence = matchRes[0];\n return acc++;\n });\n return acc;\n }, 0);\n if (!lastCoincidence)\n return result;\n const newAddress = address.replace(new RegExp(`^.*${sanitizeForRegexp(lastCoincidence)}(\\,)? `, 'i'), item.searchText + ', ');\n result[item.id.toString()] = true;\n if (amountCoincidence > score) {\n possibleCity = { id: item.id.toString(), address: newAddress };\n score = amountCoincidence;\n }\n return result;\n }, {});\n if (!possibleCity)\n return;\n if (cityId !== possibleCity.id)\n return possibleCity;\n}\nasync function lookupData(query) {\n const possibleSuggestions = (await fetchAddresses({ query })).data;\n if (possibleSuggestions.length > 0)\n return possibleSuggestions;\n const parts = query.split(/\\s+/);\n if (parts.length <= 2)\n return [];\n return (await lookupData(parts.slice(0, parts.length - 2).join(' ')));\n}\n","import 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 { defineCityId } from 'site/VControllers/SinglePageCheckout/services/defineCityId';\nimport { INLINE_ADDRESS_ID_REGEXP, 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';\nconst BASE_ID_REGEX = /^\\d{13,}$/;\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.handleInputRef = (el) => {\n this.setState({ inputRef: el });\n };\n // to allow commit input address\n this.handleChangeSearch = (event) => {\n var _a, _b;\n const value = event.target.value;\n this.awaitImproveAddress = true;\n (_b = (_a = this.props).onChangeValue) === null || _b === void 0 ? void 0 : _b.call(_a, FieldsKeys.Address, value);\n };\n this.saveSelectedCityId = (item) => {\n var _a, _b;\n const itemId = parseItemId(item);\n if (!(itemId && this.awaitCityId)) {\n if (this.awaitImproveAddress && !this.props.disabled)\n setTimeout(this.compareAndSelectCityForUser, 100);\n this.awaitImproveAddress = false;\n return;\n }\n (_b = (_a = this.props).onChangeValue) === null || _b === void 0 ? void 0 : _b.call(_a, FieldsKeys.City, this.awaitCityId);\n this.awaitCityId = null;\n };\n //handleFinalBlur = () => {\n // this.saveSelectedCityId(item)\n //}\n // we need change city for user to show real info about delivery\n this.compareAndSelectCityForUser = async () => {\n var _a, _b;\n const { formFields, field } = this.props;\n const addressField = formFields.find(field => field.key === FieldsKeys.Address);\n const cityField = formFields.find(field => field.key === FieldsKeys.City);\n if (!(addressField && cityField))\n return;\n // if an user doesn't change a city by autocomplete we know that city can be found in loaded from backend cities \n const cityItem = cityField.items.find(item => item.id === cityField.value);\n // if we cannot find the city then user have changed city \n if (!cityItem)\n return;\n const regexp = new RegExp(`${cityItem.text.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&')}`, 'i');\n const address = addressField.value.toString();\n // if value exists then everything is ok\n if (!address || regexp.test(address))\n return;\n const defineResult = await defineCityId(cityItem.id.toString(), address);\n if (!defineResult)\n return;\n const parsedId = parseItemId({ id: defineResult.id, text: '' });\n if (parsedId) {\n field.value ? setTimeout(() => this.saveSearchValue(defineResult.address), 500) : this.saveSearchValue(defineResult.address);\n (_b = (_a = this.props).onChangeValue) === null || _b === void 0 ? void 0 : _b.call(_a, FieldsKeys.City, parsedId);\n this.props.onChange(null);\n }\n };\n this.saveSearchValue = (input) => {\n const inputRef = this.state.inputRef || this.virtualInputRef;\n if (!inputRef)\n return;\n inputRef.value = input;\n // we need to trigger update state from native event. to show user changed information\n // Current architecture of baseAutocomplete doesn't allow to pass searchValue from parent component\n inputRef.dispatchEvent(new Event('input'));\n };\n this.handleSuggestionSelect = (suggestion) => {\n var _a, _b, _c, _d;\n if (!suggestion) {\n return;\n }\n (_b = (_a = this.context) === null || _a === void 0 ? void 0 : _a.store) === null || _b === void 0 ? void 0 : _b.operate(OPERATION_CHANGE_GTM_ADDRESS_EVENT, GtmAddressEvents.AutocompleteAddress);\n const itemId = buildDaData(suggestion);\n if (suggestion.data.flat) {\n // this.props.onChangeValue?.(FieldsKeys.Apartment, suggestion.data.flat)\n }\n this.awaitCityId = null;\n this.props.onChange(itemId);\n (_d = (_c = this.props).onChangeValue) === null || _d === void 0 ? void 0 : _d.call(_c, FieldsKeys.Address, suggestion.value);\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 defaultSearchValue() {\n var _a;\n const { items, value } = this.props.field;\n if (items.length === 1 && !value && (!items[0].children || items[0].children.length === 0)) {\n // preselected city name\n return `${(_a = items[0].searchText) !== null && _a !== void 0 ? _a : items[0].text}, `;\n }\n return undefined;\n }\n get currentSavedAddressText() {\n return buildCurrentSavedAddressText(this.props.field);\n }\n render() {\n var _a, _b, _c;\n const { field, name, disabled, useHidden } = this.props;\n const { inputRef } = this.state;\n const defaultSearchValue = this.defaultSearchValue;\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 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.currentSavedAddressText))) : (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 (!useHidden || inputRef) && (h(AddressSuggestions, { 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: 6, customInput: isMobile ? 'textarea' : 'input', delay: 400, minChars: 1, httpCache: true, onChange: (suggestion) => this.handleSuggestionSelect(suggestion), filterFromBound: 'city', filterToBound: 'house', filterLocations: countryText && [{ country: countryText }], labelText: field.label, selectOnBlur: field.value ? false : true, inputProps: {\n disabled: disabled || this.isCountryBlank,\n onChange: (input) => this.handleChangeSearch(input)\n }, defaultQuery: this.currentSavedAddressText || defaultSearchValue })),\n this.isCountryBlank && h(Tooltip, { label: '\\u0421\\u043D\\u0430\\u0447\\u0430\\u043B\\u0430 \\u0432\\u044B\\u0431\\u0435\\u0440\\u0438\\u0442\\u0435 \\u0441\\u0442\\u0440\\u0430\\u043D\\u0443' }),\n notice && h(Tooltip, { label: notice.message }))));\n }\n}\nfunction parseItemId(item) {\n var _a;\n const itemId = (_a = item.id) === null || _a === void 0 ? void 0 : _a.toString();\n const matchRes = itemId === null || itemId === void 0 ? void 0 : itemId.match(INLINE_ADDRESS_ID_REGEXP);\n let cityId;\n if (matchRes) {\n cityId = matchRes[1];\n }\n if (!cityId && itemId && BASE_ID_REGEX.test(itemId))\n cityId = itemId;\n return cityId;\n}\nfunction buildCurrentSavedAddressText(field) {\n if (!field.value)\n return null;\n let text = null;\n const recurse = (items) => {\n items.forEach(item => {\n if (item.id === field.value) {\n text = item.searchText;\n return;\n }\n if (item.children) {\n recurse(item.children);\n }\n });\n };\n recurse(field.items);\n return text;\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 fakePart = data.house;\n }\n const idSettlementValid = settlementType !== 'р-н';\n const block = joinParts([[data.blockTypeFull, data.block]]);\n const parts = [\n [data.streetType, data.street],\n [data.houseType, block ? `${data.house} ${block}` : data.house]\n ];\n const idParts = [\n [ContentType.City, settlementKladrId && idSettlementValid ? settlementKladrId : cityKladrId],\n [ContentType.Building, [houseKladrId, houseFiasId, postalCode, fakePart].filter(item => !!item).join(':')]\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","import 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';\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.handleInputRef = (el) => {\n this.setState({ inputRef: el });\n };\n // to allow commit input address\n this.handleChangeSearch = (event) => {\n var _a, _b;\n const value = event.target.value;\n this.awaitImproveAddress = true;\n (_b = (_a = this.props).onChangeValue) === null || _b === void 0 ? void 0 : _b.call(_a, FieldsKeys.Address, value);\n };\n this.handleSuggestionSelect = (suggestion) => {\n var _a, _b, _c, _d;\n if (!suggestion) {\n return;\n }\n (_b = (_a = this.context) === null || _a === void 0 ? void 0 : _a.store) === null || _b === void 0 ? void 0 : _b.operate(OPERATION_CHANGE_GTM_ADDRESS_EVENT, GtmAddressEvents.AutocompleteAddress);\n const itemId = buildDaData(suggestion);\n this.awaitCityId = null;\n this.props.onChange(itemId);\n (_d = (_c = this.props).onChangeValue) === null || _d === void 0 ? void 0 : _d.call(_c, FieldsKeys.Address, suggestion.value);\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;\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 const settlementField = this.field(FieldsKeys.Settlement);\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, { 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: 6, customInput: isMobile ? 'textarea' : 'input', delay: 400, minChars: 1, httpCache: true, onChange: (suggestion) => this.handleSuggestionSelect(suggestion), filterFromBound: 'street', filterToBound: 'house', filterLocations: countryText && [{ country: countryText }], labelText: 'Улица, дом', selectOnBlur: field.value ? false : true, inputProps: {\n disabled: disabled || this.isCountryBlank || this.isSettlementBlank,\n onChange: (input) => this.handleChangeSearch(input)\n }, defaultQuery: this.currentSavedAddressText, settlementQuery: settlementField === null || settlementField === void 0 ? void 0 : settlementField.value.toString() })),\n this.isCountryBlank && h(Tooltip, { label: '\\u0421\\u043D\\u0430\\u0447\\u0430\\u043B\\u0430 \\u0432\\u044B\\u0431\\u0435\\u0440\\u0438\\u0442\\u0435 \\u0441\\u0442\\u0440\\u0430\\u043D\\u0443' }),\n notice && h(Tooltip, { label: notice.message }))));\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 fakePart = data.house;\n }\n const idSettlementValid = settlementType !== 'р-н';\n const block = joinParts([[data.blockTypeFull, data.block]]);\n const parts = [\n [data.streetType, data.street],\n [data.houseType, block ? `${data.house} ${block}` : data.house]\n ];\n const idParts = [\n [ContentType.City, settlementKladrId && idSettlementValid ? settlementKladrId : cityKladrId],\n [ContentType.Building, [houseKladrId, houseFiasId, postalCode, fakePart].filter(item => !!item).join(':')]\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 };\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 }\n componentDidMount() {\n const { field: { options: { yandexMapApiKey } } } = this.props;\n initYmapScript(yandexMapApiKey, this.initYmaps);\n }\n componentDidUpdate({ field: { value: { coordinates: prevCoords } } }) {\n const { coordinates, zoom } = this.props.field.value;\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 };\n this.handleChange = (value) => {\n if (this.state.requisite) {\n this.setState({ requisite: null, notFoundError: false });\n }\n this.props.onChange(value);\n };\n this.handleGetRequisites = async () => {\n try {\n const { data } = await getRequisites(this.props.field.value);\n this.setState({ requisite: data, notFoundError: false });\n }\n catch (_) {\n this.setState({ requisite: null, notFoundError: true });\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 } = this.props;\n const { requisite, notFoundError } = this.state;\n return (h(\"div\", null,\n h(Text, { field: field, name: name, type: 'text', disabled: disabled, onChange: this.handleChange, formFields: formFields }),\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\"))),\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' }, \"\\u041F\\u043E\\u0434\\u0442\\u0432\\u0435\\u0440\\u0434\\u0438\\u0442\\u044C\")))));\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 { Ozon } from './templates/Ozon';\nimport { Yandex } from './templates/Yandex';\nimport { InlineAddress } from './templates/InlineAddress';\nimport { InlineAddress as SettlementInlineAddress } from './templates/InlineAddress2';\nimport { AddressMap } from './templates/AddressMap';\nimport { CustomerType } from './templates/CustomerType';\nimport { Inn } from './templates/Inn';\nexport const TEMPLATES = {\n Text,\n Phone,\n Email,\n Country,\n City,\n Settlement,\n RadioGroup,\n DeliveryMethod,\n TextArea,\n Terminal,\n Ozon,\n Yandex,\n InlineAddress,\n AddressMap,\n CustomerType,\n Inn\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.Ozon]: { type: 'Ozon' },\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};\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 let FieldTemplate = TEMPLATES[this.type];\n if (!FieldTemplate) {\n return null;\n }\n if (FieldTemplate == InlineAddress) {\n FieldTemplate = SettlementInlineAddress;\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_DELIVERY_METHOD, OPERATION_CHANGE_FIELDS, OPERATION_CHANGE_INLINE_ADDRESS, OPERATION_CHANGE_PAYMENT_METHOD, OPERATION_CHANGE_ADDRESS_COORDS, OPERATION_CHANGE_TERMINAL, OPERATION_CHANGE_CUSTOMER_TYPE } 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 { client } from '../../services/KladrApi/client';\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.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 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_PICKUP_GROUP = {\n name: 'Адрес доставки',\n key: 'address',\n rows: [\n [FieldsKeys.DeliveryMethod],\n [FieldsKeys.Country, FieldsKeys.Settlement],\n [FieldsKeys.Terminal]\n ]\n};\nconst OZON_PICKUP_GROUP = {\n name: 'Адрес доставки',\n key: 'address',\n rows: [\n [FieldsKeys.DeliveryMethod],\n [FieldsKeys.Country, FieldsKeys.Settlement],\n [FieldsKeys.Ozon]\n ]\n};\nconst YANDEX_PICKUP_GROUP = {\n name: 'Адрес доставки',\n key: 'address',\n rows: [\n [FieldsKeys.DeliveryMethod],\n [FieldsKeys.Country, FieldsKeys.Settlement],\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: DEFAULT_ADDRESS_GROUP,\n addressGroup: 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.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 this.context.store.operate(OPERATION_CHANGE_ADDRESS_COORDS, null);\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 changedField = 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.InlineAddress: return { ...item, value: null };\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, changedField);\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 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 fields() {\n return this.context.currentState.formFields;\n }\n get isDisabled() {\n return this.context.currentState.loading;\n }\n get useDefaultInputs() {\n return this.countryId === DEFAULT_COUNTRY_ID && client.isServiceAlive && 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 {\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 }\n const { addressGroup = ADDRESS_GROUP, defaultAddressGroup = 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 var Countries;\n(function (Countries) {\n Countries[Countries[\"Ru\"] = 20] = \"Ru\";\n Countries[Countries[\"By\"] = 113] = \"By\";\n Countries[Countries[\"Kz\"] = 16] = \"Kz\";\n})(Countries || (Countries = {}));\nexport const DEFAULT_COUNTRY_ID = Countries.Ru;\nexport const DEFAULT_CITY_ID = 23541;\n","var store = require('./_shared')('wks');\nvar uid = require('./_uid');\nvar Symbol = require('./_global').Symbol;\nvar USE_SYMBOL = typeof Symbol == 'function';\n\nvar $exports = module.exports = function (name) {\n return store[name] || (store[name] =\n USE_SYMBOL && Symbol[name] || (USE_SYMBOL ? Symbol : uid)('Symbol.' + name));\n};\n\n$exports.store = store;\n","var core = module.exports = { version: '2.6.11' };\nif (typeof __e == 'number') __e = core; // eslint-disable-line no-undef\n","export const HEADER_KEY = 'x-cart-id';\nexport const PARAMS_KEY = '_cart_id';\nexport function getCartId() {\n let cartId;\n try {\n cartId = localStorage.getItem('shoppingCartId');\n }\n catch (_a) {\n cartId = getCartIdFromMeta();\n }\n return cartId;\n}\nexport function getCartIdFromMeta() {\n var _a;\n return (_a = document.querySelector(`meta[name=${HEADER_KEY}]`)) === null || _a === void 0 ? void 0 : _a.getAttribute('content');\n}\nexport function setCartId(cartId) {\n var _a;\n try {\n setCurrentUrl(cartId);\n localStorage.setItem('shoppingCartId', cartId !== null && cartId !== void 0 ? cartId : '');\n }\n catch (_b) {\n (_a = document.querySelector(`meta[name=${HEADER_KEY}]`)) === null || _a === void 0 ? void 0 : _a.setAttribute('content', cartId !== null && cartId !== void 0 ? cartId : '');\n }\n}\nexport function isStoreFallbackState() {\n return !navigator.cookieEnabled;\n}\nexport function prepareUrl(href) {\n if (!(href && isSuitableUrl(href)))\n return;\n if (isStoreFallbackState()) {\n const cartId = getCartId();\n if (!cartId)\n return href;\n href += href.indexOf('?') > -1 ? `&${PARAMS_KEY}=${cartId}` : `?${PARAMS_KEY}=${cartId}`;\n }\n return href;\n}\nfunction isSuitableUrl(url) {\n // already added\n if (new RegExp(PARAMS_KEY).test(url))\n return false;\n // relative\n if (/^\\//.test(url))\n return true;\n // development\n if (/localhost/.test(window.location.host))\n return true;\n // match domain\n const parts = window.location.host.split('.');\n const domain = parts[parts.length - 2];\n return (new RegExp(`\\\\.${domain}\\\\.`).test(url));\n}\nfunction setCurrentUrl(cartId) {\n try {\n const url = new URL(window.location.href);\n if (url.searchParams.get(PARAMS_KEY) === cartId)\n return;\n if (cartId) {\n url.searchParams.set(PARAMS_KEY, cartId);\n }\n else {\n url.searchParams.delete(PARAMS_KEY);\n }\n history.replaceState('', '', url.toString());\n }\n catch (_a) {\n // ignore\n }\n}\n","// https://github.com/zloirock/core-js/issues/86#issuecomment-115759028\nvar global = module.exports = typeof window != 'undefined' && window.Math == Math\n ? window : typeof self != 'undefined' && self.Math == Math ? self\n // eslint-disable-next-line no-new-func\n : Function('return this')();\nif (typeof __g == 'number') __g = global; // eslint-disable-line no-undef\n","module.exports = function (it) {\n return typeof it === 'object' ? it !== null : typeof it === 'function';\n};\n","export const SELF_PARENT_IDS = ['9900000000000', '7700000000000', '7800000000000', '9200000000000'];\nexport var ContentType;\n(function (ContentType) {\n ContentType[\"Region\"] = \"region\";\n ContentType[\"District\"] = \"district\";\n ContentType[\"City\"] = \"city\";\n ContentType[\"Street\"] = \"street\";\n ContentType[\"Building\"] = \"building\";\n})(ContentType || (ContentType = {}));\n","export function asyncLoadStyles(assetUrl) {\n return new Promise(resolve => {\n if (document.querySelector(`[href=\"${assetUrl}\"]`))\n return resolve(null);\n const link = document.createElement('link');\n link.rel = 'stylesheet';\n link.type = 'text/css';\n link.href = assetUrl;\n link.onload = () => resolve(null);\n document.getElementsByTagName('HEAD')[0].appendChild(link);\n });\n}\nexport function loadComponentsStyles(key) {\n return new Promise(resolve => {\n const stylesData = Env.componentStylesMapping[key];\n if (!stylesData)\n return resolve(null);\n const { url, class: bodyClass } = stylesData;\n if (!url && !document.body.classList.contains(bodyClass))\n document.body.classList.add(bodyClass);\n if (url)\n return asyncLoadStyles(url).finally(() => resolve(null));\n resolve(null);\n });\n}\n","import { COMMIT_REMOVE_PROMOCODE } from './promoCode';\nimport { COMMIT_CHANGE_ITEMS } from './cartItems';\nimport { COMMIT_CHANGE_FIELDS } from './form';\nimport { COMMIT_CHANGE_LOADING } from '../commits/changeLoading';\nimport { buildMd5 } from '../factories/AddressFactory';\nimport { FieldsKeys } from 'site/VControllers/SinglePageCheckout/components/Form';\nimport { COMMIT_SET_OZON_PICKUP } from './ozon';\nimport { COMMIT_SET_YANDEX_PICKUP } from './yandex';\nexport function COMMIT_REFRESH_CHECKOUT(state, payload, loadingCommit = COMMIT_CHANGE_LOADING) {\n var _a, _b, _c;\n let newState = state;\n const { delivery, isPromocodeRemoved, totalPriceInfo, isMinOrderPriceSatisfied, itemsChanges, changedFormFields, promocode, totalWeight, assemblyItems } = payload;\n if (isPromocodeRemoved)\n newState = COMMIT_REMOVE_PROMOCODE(newState);\n const changedItemsKeys = itemsChanges ? Object.keys(itemsChanges) : [];\n if (changedItemsKeys.length > 0) {\n const updatedItems = Object.keys(itemsChanges).map((key) => ({ ...itemsChanges[Number(key)], productId: Number(key) }));\n newState = COMMIT_CHANGE_ITEMS(newState, updatedItems);\n }\n if (changedFormFields && changedFormFields.length > 0) {\n const updatedFields = state.formFields.map((field) => {\n const updatingField = changedFormFields.find((changedField) => field.key === changedField.key);\n if (field.key === FieldsKeys.DeliveryMethod && (updatingField === null || updatingField === void 0 ? void 0 : updatingField.value) !== 'pickup') {\n newState = COMMIT_SET_OZON_PICKUP(newState, { id: null, address: null });\n }\n return updatingField ? { ...field, ...updatingField } : field;\n });\n newState = COMMIT_CHANGE_FIELDS(newState, updatedFields, buildMd5(updatedFields));\n }\n const oldPickupPointId = (_b = (_a = state.delivery) === null || _a === void 0 ? void 0 : _a.yandexWidgetParams) === null || _b === void 0 ? void 0 : _b.pickupPointId;\n const newPickupPointId = (_c = delivery === null || delivery === void 0 ? void 0 : delivery.yandexWidgetParams) === null || _c === void 0 ? void 0 : _c.pickupPointId;\n if (state.yandexPickupId && !!oldPickupPointId && !newPickupPointId) {\n newState = COMMIT_SET_YANDEX_PICKUP(newState, { id: null });\n }\n return {\n ...loadingCommit(newState, false),\n delivery: { ...newState.delivery, ...delivery },\n totalPriceInfo,\n isMinOrderPriceSatisfied,\n promocode,\n totalWeight,\n assemblyItems\n };\n}\n","var global = require('./_global');\nvar core = require('./_core');\nvar hide = require('./_hide');\nvar redefine = require('./_redefine');\nvar ctx = require('./_ctx');\nvar PROTOTYPE = 'prototype';\n\nvar $export = function (type, name, source) {\n var IS_FORCED = type & $export.F;\n var IS_GLOBAL = type & $export.G;\n var IS_STATIC = type & $export.S;\n var IS_PROTO = type & $export.P;\n var IS_BIND = type & $export.B;\n var target = IS_GLOBAL ? global : IS_STATIC ? global[name] || (global[name] = {}) : (global[name] || {})[PROTOTYPE];\n var exports = IS_GLOBAL ? core : core[name] || (core[name] = {});\n var expProto = exports[PROTOTYPE] || (exports[PROTOTYPE] = {});\n var key, own, out, exp;\n if (IS_GLOBAL) source = name;\n for (key in source) {\n // contains in native\n own = !IS_FORCED && target && target[key] !== undefined;\n // export native or passed\n out = (own ? target : source)[key];\n // bind timers to global for call from export context\n exp = IS_BIND && own ? ctx(out, global) : IS_PROTO && typeof out == 'function' ? ctx(Function.call, out) : out;\n // extend global\n if (target) redefine(target, key, out, type & $export.U);\n // export\n if (exports[key] != out) hide(exports, key, exp);\n if (IS_PROTO && expProto[key] != out) expProto[key] = out;\n }\n};\nglobal.core = core;\n// type bitmap\n$export.F = 1; // forced\n$export.G = 2; // global\n$export.S = 4; // static\n$export.P = 8; // proto\n$export.B = 16; // bind\n$export.W = 32; // wrap\n$export.U = 64; // safe\n$export.R = 128; // real proto method for `library`\nmodule.exports = $export;\n","// =========\n// = humps =\n// =========\n// Underscore-to-camelCase converter (and vice versa)\n// for strings and object keys\n\n// humps is copyright © 2012+ Dom Christie\n// Released under the MIT license.\n\n\n;(function(global) {\n\n var _processKeys = function(convert, obj, options) {\n if(!_isObject(obj) || _isDate(obj) || _isRegExp(obj) || _isBoolean(obj) || _isFunction(obj)) {\n return obj;\n }\n\n var output,\n i = 0,\n l = 0;\n\n if(_isArray(obj)) {\n output = [];\n for(l=obj.length; i {\n let getChildContext = () => {\n let { store } = $self.getProps();\n\n return { store: store }\n }\n\n let render = ({ children }) => {\n return children[0];\n }\n\n return { render, getChildContext }\n}\n\nexport default createVDOMComponent(Provider);\n","import EventEmitter from 'eventemitter3'\n\nimport withStore from './withStore'\nimport Provider from './Provider'\n\nfunction Store({\n props: {\n initialState\n },\n\n callbacks: {\n CALLBACK_COMMAND_CONTEXT = () => {},\n CALLBACK_BEFORE_COMMIT = () => {},\n CALLBACK_AFTER_COMMIT = () => {},\n CALLBACK_BEFORE_OPERATION = () => {},\n CALLBACK_AFTER_OPERATION = () => {},\n } = {}\n}) {\n let self = {}\n\n let eventEmitter = new EventEmitter()\n let currentState = initialState\n\n let commit = (commitFunc, ...payload) => {\n console.log('%c%s', 'background: #4a148c; color: #f3e5f5; font-size: 0.9em; padding: 2px 10px;', commitFunc.name, payload)\n\n eventEmitter.emit('beforeCommit', currentState, commitFunc, payload)\n\n currentState = { ...currentState, ...commitFunc(currentState, ...payload) }\n\n eventEmitter.emit('afterCommit', currentState, commitFunc, payload)\n }\n\n // @LEGACY\n let runCommand = (commandFunc, ...payload) => {\n console.warn(commandFunc.name, payload)\n\n return commandFunc({\n ...CALLBACK_COMMAND_CONTEXT(),\n store: self\n }, ...payload)\n }\n\n let operate = async (operationFunc, ...payload) => {\n eventEmitter.emit('beforeOperation', currentState, operationFunc, payload)\n\n let result = await operationFunc(self)(...payload)\n\n eventEmitter.emit('afterOperation', currentState, operationFunc, payload)\n\n return result\n }\n\n let getState = () => {\n return currentState\n }\n\n let on = (eventName, callback) => {\n eventEmitter.on(eventName, callback)\n }\n\n let off = (eventName, callback) => {\n eventEmitter.off(eventName, callback)\n }\n\n eventEmitter.on('afterCommit', CALLBACK_AFTER_COMMIT)\n eventEmitter.on('beforeCommit', CALLBACK_BEFORE_COMMIT)\n\n eventEmitter.on('beforeOperation', CALLBACK_BEFORE_OPERATION)\n eventEmitter.on('afterOperation', CALLBACK_AFTER_OPERATION)\n\n return self = {\n commit,\n operate,\n getState,\n runCommand,\n off,\n on\n }\n}\n\nexport default Store\n\nexport { withStore, Provider }\n","'use strict';\n\nvar bind = require('./helpers/bind');\n\n/*global toString:true*/\n\n// utils is a library of generic helper functions non-specific to axios\n\nvar toString = Object.prototype.toString;\n\n/**\n * Determine if a value is an Array\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is an Array, otherwise false\n */\nfunction isArray(val) {\n return toString.call(val) === '[object Array]';\n}\n\n/**\n * Determine if a value is undefined\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if the value is undefined, otherwise false\n */\nfunction isUndefined(val) {\n return typeof val === 'undefined';\n}\n\n/**\n * Determine if a value is a Buffer\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a Buffer, otherwise false\n */\nfunction isBuffer(val) {\n return val !== null && !isUndefined(val) && val.constructor !== null && !isUndefined(val.constructor)\n && typeof val.constructor.isBuffer === 'function' && val.constructor.isBuffer(val);\n}\n\n/**\n * Determine if a value is an ArrayBuffer\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is an ArrayBuffer, otherwise false\n */\nfunction isArrayBuffer(val) {\n return toString.call(val) === '[object ArrayBuffer]';\n}\n\n/**\n * Determine if a value is a FormData\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is an FormData, otherwise false\n */\nfunction isFormData(val) {\n return (typeof FormData !== 'undefined') && (val instanceof FormData);\n}\n\n/**\n * Determine if a value is a view on an ArrayBuffer\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a view on an ArrayBuffer, otherwise false\n */\nfunction isArrayBufferView(val) {\n var result;\n if ((typeof ArrayBuffer !== 'undefined') && (ArrayBuffer.isView)) {\n result = ArrayBuffer.isView(val);\n } else {\n result = (val) && (val.buffer) && (val.buffer instanceof ArrayBuffer);\n }\n return result;\n}\n\n/**\n * Determine if a value is a String\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a String, otherwise false\n */\nfunction isString(val) {\n return typeof val === 'string';\n}\n\n/**\n * Determine if a value is a Number\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a Number, otherwise false\n */\nfunction isNumber(val) {\n return typeof val === 'number';\n}\n\n/**\n * Determine if a value is an Object\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is an Object, otherwise false\n */\nfunction isObject(val) {\n return val !== null && typeof val === 'object';\n}\n\n/**\n * Determine if a value is a Date\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a Date, otherwise false\n */\nfunction isDate(val) {\n return toString.call(val) === '[object Date]';\n}\n\n/**\n * Determine if a value is a File\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a File, otherwise false\n */\nfunction isFile(val) {\n return toString.call(val) === '[object File]';\n}\n\n/**\n * Determine if a value is a Blob\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a Blob, otherwise false\n */\nfunction isBlob(val) {\n return toString.call(val) === '[object Blob]';\n}\n\n/**\n * Determine if a value is a Function\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a Function, otherwise false\n */\nfunction isFunction(val) {\n return toString.call(val) === '[object Function]';\n}\n\n/**\n * Determine if a value is a Stream\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a Stream, otherwise false\n */\nfunction isStream(val) {\n return isObject(val) && isFunction(val.pipe);\n}\n\n/**\n * Determine if a value is a URLSearchParams object\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a URLSearchParams object, otherwise false\n */\nfunction isURLSearchParams(val) {\n return typeof URLSearchParams !== 'undefined' && val instanceof URLSearchParams;\n}\n\n/**\n * Trim excess whitespace off the beginning and end of a string\n *\n * @param {String} str The String to trim\n * @returns {String} The String freed of excess whitespace\n */\nfunction trim(str) {\n return str.replace(/^\\s*/, '').replace(/\\s*$/, '');\n}\n\n/**\n * Determine if we're running in a standard browser environment\n *\n * This allows axios to run in a web worker, and react-native.\n * Both environments support XMLHttpRequest, but not fully standard globals.\n *\n * web workers:\n * typeof window -> undefined\n * typeof document -> undefined\n *\n * react-native:\n * navigator.product -> 'ReactNative'\n * nativescript\n * navigator.product -> 'NativeScript' or 'NS'\n */\nfunction isStandardBrowserEnv() {\n if (typeof navigator !== 'undefined' && (navigator.product === 'ReactNative' ||\n navigator.product === 'NativeScript' ||\n navigator.product === 'NS')) {\n return false;\n }\n return (\n typeof window !== 'undefined' &&\n typeof document !== 'undefined'\n );\n}\n\n/**\n * Iterate over an Array or an Object invoking a function for each item.\n *\n * If `obj` is an Array callback will be called passing\n * the value, index, and complete array for each item.\n *\n * If 'obj' is an Object callback will be called passing\n * the value, key, and complete object for each property.\n *\n * @param {Object|Array} obj The object to iterate\n * @param {Function} fn The callback to invoke for each item\n */\nfunction forEach(obj, fn) {\n // Don't bother if no value provided\n if (obj === null || typeof obj === 'undefined') {\n return;\n }\n\n // Force an array if not already something iterable\n if (typeof obj !== 'object') {\n /*eslint no-param-reassign:0*/\n obj = [obj];\n }\n\n if (isArray(obj)) {\n // Iterate over array values\n for (var i = 0, l = obj.length; i < l; i++) {\n fn.call(null, obj[i], i, obj);\n }\n } else {\n // Iterate over object keys\n for (var key in obj) {\n if (Object.prototype.hasOwnProperty.call(obj, key)) {\n fn.call(null, obj[key], key, obj);\n }\n }\n }\n}\n\n/**\n * Accepts varargs expecting each argument to be an object, then\n * immutably merges the properties of each object and returns result.\n *\n * When multiple objects contain the same key the later object in\n * the arguments list will take precedence.\n *\n * Example:\n *\n * ```js\n * var result = merge({foo: 123}, {foo: 456});\n * console.log(result.foo); // outputs 456\n * ```\n *\n * @param {Object} obj1 Object to merge\n * @returns {Object} Result of all merge properties\n */\nfunction merge(/* obj1, obj2, obj3, ... */) {\n var result = {};\n function assignValue(val, key) {\n if (typeof result[key] === 'object' && typeof val === 'object') {\n result[key] = merge(result[key], val);\n } else {\n result[key] = val;\n }\n }\n\n for (var i = 0, l = arguments.length; i < l; i++) {\n forEach(arguments[i], assignValue);\n }\n return result;\n}\n\n/**\n * Function equal to merge with the difference being that no reference\n * to original objects is kept.\n *\n * @see merge\n * @param {Object} obj1 Object to merge\n * @returns {Object} Result of all merge properties\n */\nfunction deepMerge(/* obj1, obj2, obj3, ... */) {\n var result = {};\n function assignValue(val, key) {\n if (typeof result[key] === 'object' && typeof val === 'object') {\n result[key] = deepMerge(result[key], val);\n } else if (typeof val === 'object') {\n result[key] = deepMerge({}, val);\n } else {\n result[key] = val;\n }\n }\n\n for (var i = 0, l = arguments.length; i < l; i++) {\n forEach(arguments[i], assignValue);\n }\n return result;\n}\n\n/**\n * Extends object a by mutably adding to it the properties of object b.\n *\n * @param {Object} a The object to be extended\n * @param {Object} b The object to copy properties from\n * @param {Object} thisArg The object to bind function to\n * @return {Object} The resulting value of object a\n */\nfunction extend(a, b, thisArg) {\n forEach(b, function assignValue(val, key) {\n if (thisArg && typeof val === 'function') {\n a[key] = bind(val, thisArg);\n } else {\n a[key] = val;\n }\n });\n return a;\n}\n\nmodule.exports = {\n isArray: isArray,\n isArrayBuffer: isArrayBuffer,\n isBuffer: isBuffer,\n isFormData: isFormData,\n isArrayBufferView: isArrayBufferView,\n isString: isString,\n isNumber: isNumber,\n isObject: isObject,\n isUndefined: isUndefined,\n isDate: isDate,\n isFile: isFile,\n isBlob: isBlob,\n isFunction: isFunction,\n isStream: isStream,\n isURLSearchParams: isURLSearchParams,\n isStandardBrowserEnv: isStandardBrowserEnv,\n forEach: forEach,\n merge: merge,\n deepMerge: deepMerge,\n extend: extend,\n trim: trim\n};\n","export default function waitPageLoaded() {\n return new Promise(resolve => {\n if (document.readyState === 'complete') {\n resolve();\n }\n else {\n window.addEventListener('load', function onLoad() {\n window.removeEventListener('load', onLoad);\n resolve();\n });\n }\n });\n}\n","module.exports = require('./lib/axios');","import { FieldsKeys } from 'site/VControllers/SinglePageCheckout/components/Form';\nconst convert = (field) => {\n const { value } = field;\n if (value === 'online_sbp') {\n return 'sbp';\n }\n if (value === 'online') {\n return 'bank_card';\n }\n return 'bank_card';\n};\nexport function COMMIT_SET_CONFIRMATION_TOKEN(state, payment) {\n const { formFields } = state;\n const paymentMethodField = formFields.find(field => field.key === FieldsKeys.PaymentMethod);\n return {\n ...state,\n payment: {\n method: convert(paymentMethodField),\n ...payment\n }\n };\n}\n","export function COMMIT_SET_NOTICES(state, notices) {\n return {\n ...state,\n notices: {\n ...state.notices,\n ...notices\n }\n };\n}\nexport function COMMIT_REMOVE_NOTICES(state, fieldKey) {\n const notices = state.notices;\n delete notices[fieldKey];\n return {\n ...state,\n notices\n };\n}\n","import { sendForm, updateCartInfo } from '../api/form';\nimport { pushToDataLayer } from 'core/services/GTM';\nimport { DEFAULT_CITY_ID, DEFAULT_COUNTRY_ID } from 'site/global/constants';\nimport { GtmAddressEvents } from 'site/VControllers/components/Checkout/constants';\nimport { COMMIT_CHANGE_FIELDS, COMMIT_SET_ORDER_INFO } from '../commits/form';\nimport { COMMIT_CHANGE_LOADING, COMMIT_CHANGE_DELIVERY_LOADING, COMMIT_VOID_DELIVERY_LOADING } from '../commits/changeLoading';\nimport { COMMIT_OPEN_REACHED_LIMIT_WARNING } from '../commits/reachedLimitWarning';\nimport { COMMIT_REFRESH_CHECKOUT } from '../commits/refreshCheckout';\nimport { COMMIT_SET_OZON_PICKUP } from '../commits/ozon';\nimport { COMMIT_SET_CONFIRMATION_TOKEN } from '../commits/payment';\nimport { COMMIT_SET_GTM_ADDRESS_EVENT } from '../commits/gtm';\nimport { COMMIT_SET_NOTICES, COMMIT_REMOVE_NOTICES } from '../commits/notices';\nimport { FieldsKeys } from 'site/VControllers/SinglePageCheckout/components/Form';\nimport { buildMd5 } from '../factories/AddressFactory';\nimport { getPickupPoints } from '../api/pickupPoints';\nimport { DeliveryMethod } from 'site/VControllers/SinglePageCheckout/components/Form/constants';\nimport { INLINE_ADDRESS_ID_REGEXP } from 'site/VControllers/SinglePageCheckout/services/fetchAddresses';\nimport { getSuggestionsByGeolocate } from 'site/VControllers/SinglePageCheckout/services/DaDataApi/api/suggestions';\nconst ADDRESS_WARNING_TEXT = 'Извините, мы не смогли найти адрес по вашим координатам, попробуйте ввести его вручную';\nexport function OPERATION_CHANGE_FIELDS(store) {\n return function (fields) {\n store.commit(COMMIT_CHANGE_FIELDS, fields, buildMd5(fields));\n };\n}\nexport function OPERATION_SEND_FORM(store) {\n return function () {\n store.commit(COMMIT_CHANGE_LOADING, true);\n const { totalPriceInfo: { showDeliveryPrice } } = store.getState();\n return sendForm(prepareFormData(store))\n .then(({ data }) => {\n window.dataLayer = window.dataLayer || [];\n window.dataLayer.push({ 'cartShowDeliveryPrice': `${showDeliveryPrice}` });\n pushToDataLayer({ event: 'cartOrderCreated' });\n pushGtmAddressEvent(store);\n window.dataLayer.push(data.dataLayer);\n if (data.confirmation) {\n if (data.confirmation.action === 'redirect') {\n setTimeout(() => { var _a; return window.location.href = (_a = data.confirmation) === null || _a === void 0 ? void 0 : _a.data; }, 500);\n }\n else if (data.confirmation.action === 'widget') {\n store.commit(COMMIT_SET_ORDER_INFO, data.order);\n store.commit(COMMIT_SET_CONFIRMATION_TOKEN, { token: data.confirmation.data });\n setTimeout(() => store.commit(COMMIT_CHANGE_LOADING, false), 500);\n }\n }\n else {\n setTimeout(() => window.location.href = '/orders/thank_you', 500);\n }\n })\n .catch(({ status, data }) => {\n if (status === 422 && data.errorsData && data.errorsData.invalidItems) {\n store.commit(COMMIT_OPEN_REACHED_LIMIT_WARNING, data.errorsData);\n }\n handleAddressError(store, data.errors, status);\n store.commit(COMMIT_CHANGE_LOADING, false);\n return Promise.reject({ status, data });\n });\n };\n}\nconst handleAddressError = (store, errors, status, isMobile = false) => {\n if (status === 422 && errors && errors.find(error => error.key === 'address')) {\n store.commit(COMMIT_SET_NOTICES, { [FieldsKeys.InlineAddress]: { type: 'error', message: ADDRESS_WARNING_TEXT } });\n const el = store.getState().formFieldsRefs[FieldsKeys.InlineAddress];\n if (el && isMobile) {\n setTimeout(() => { el.scrollIntoView({ behavior: 'smooth', block: 'center' }); }, 200);\n }\n else if (el && !isMobile) {\n el.scrollIntoView({ behavior: 'smooth', block: 'center' });\n el.focus();\n }\n }\n};\nexport function OPERATION_CHANGE_PAYMENT_METHOD(store) {\n return function (paymentMethod) {\n store.commit(COMMIT_CHANGE_LOADING, true);\n updateCartInfo({ paymentMethod })\n .then((result) => {\n store.commit(COMMIT_REFRESH_CHECKOUT, result.data);\n })\n .catch(() => {\n store.commit(COMMIT_CHANGE_LOADING, false);\n });\n };\n}\nexport function OPERATION_CHANGE_DELIVERY_METHOD(store) {\n return function (deliveryType) {\n store.commit(COMMIT_CHANGE_DELIVERY_LOADING, true);\n return updateCartInfo({ deliveryType, dlTerminalId: null })\n .then((result) => {\n store.commit(COMMIT_REFRESH_CHECKOUT, result.data, COMMIT_VOID_DELIVERY_LOADING);\n store.operate(OPERATION_LOAD_PICKUP_POINTS);\n setTimeout(() => store.commit(COMMIT_CHANGE_DELIVERY_LOADING, false), 500);\n })\n .catch(() => {\n store.commit(COMMIT_CHANGE_DELIVERY_LOADING, false);\n });\n };\n}\nexport function OPERATION_CHANGE_CITY(store) {\n return function (cityId) {\n const country = store.getState().formFields.find(({ key }) => key === FieldsKeys.Country);\n if (!country)\n return;\n store.commit(COMMIT_CHANGE_LOADING, true);\n return updateCartInfo({ cityId, countryId: country.value, pickupPointId: null, pickupPointCoordinates: null })\n .then((result) => {\n store.commit(COMMIT_SET_OZON_PICKUP, { id: null, address: null });\n store.commit(COMMIT_REFRESH_CHECKOUT, result.data);\n store.operate(OPERATION_LOAD_PICKUP_POINTS);\n })\n .catch(() => {\n store.commit(COMMIT_CHANGE_LOADING, false);\n });\n };\n}\nexport function OPERATION_CHANGE_INLINE_ADDRESS(store) {\n return function (inlineAddressId) {\n const formFields = store.getState().formFields;\n const country = formFields.find(field => field.key === FieldsKeys.Country);\n if (!country)\n return;\n if (!inlineAddressId) {\n store.commit(COMMIT_SET_NOTICES, { [FieldsKeys.InlineAddress]: { type: 'error', message: 'Укажите улицу и номер дома' } });\n const city = formFields.find(field => field.key === FieldsKeys.City);\n return sendUpdateCartInfo(store, { countryId: country.value, streetAddressId: null, cityId: city === null || city === void 0 ? void 0 : city.value });\n }\n const result = inlineAddressId === null || inlineAddressId === void 0 ? void 0 : inlineAddressId.match(INLINE_ADDRESS_ID_REGEXP);\n if (result) {\n const params = { countryId: country.value, streetAddressId: result[3], cityId: result[1] };\n return sendUpdateCartInfo(store, params).then(() => {\n const el = store.getState().formFieldsRefs[FieldsKeys.Apartment];\n if (el)\n setTimeout(() => el.focus(), 100);\n });\n }\n };\n}\nexport function OPERATION_CHANGE_ADDRESS_COORDS(store) {\n return async function (addressCoords) {\n store.commit(COMMIT_CHANGE_LOADING, true);\n let countryId = DEFAULT_COUNTRY_ID;\n let cityId = DEFAULT_CITY_ID;\n let streetAddressId = null;\n if (addressCoords) {\n const { formFields } = store.getState();\n const country = formFields.find(({ key }) => key === FieldsKeys.Country);\n if (!country)\n return;\n const { data: { suggestions } } = await getSuggestionsByGeolocate({ lat: addressCoords[0], lon: addressCoords[1] });\n if (suggestions.length === 0) {\n store.commit(COMMIT_SET_NOTICES, { [FieldsKeys.InlineAddress]: { type: 'error', message: ADDRESS_WARNING_TEXT } });\n store.commit(COMMIT_CHANGE_LOADING, false);\n return;\n }\n const suggestion = suggestions.find(({ data: { postalCode, houseKladrId } }) => postalCode !== null && houseKladrId !== null);\n if (!suggestion) {\n store.commit(COMMIT_SET_NOTICES, { [FieldsKeys.InlineAddress]: { type: 'error', message: ADDRESS_WARNING_TEXT } });\n store.commit(COMMIT_CHANGE_LOADING, false);\n return;\n }\n const { settlementKladrId, cityKladrId, houseKladrId, houseFiasId, postalCode } = suggestion.data;\n countryId = country.value;\n cityId = settlementKladrId || cityKladrId;\n streetAddressId = `${houseKladrId}:${houseFiasId}:${postalCode}`;\n }\n const updateCartRequest = addressCoords ? updateCartInfo({ countryId, cityId, streetAddressId }) : updateCartInfo({ streetAddressId: null });\n store.commit(COMMIT_SET_GTM_ADDRESS_EVENT, GtmAddressEvents.MapAddress);\n return updateCartRequest\n .then((result) => {\n const inlineAddress = result.data.changedFormFields.find(({ key }) => key === FieldsKeys.InlineAddress);\n const streetAddress = result.data.changedFormFields.find(({ key }) => key === FieldsKeys.StreetAddress);\n if (inlineAddress === null || inlineAddress === void 0 ? void 0 : inlineAddress.value) {\n store.commit(COMMIT_REMOVE_NOTICES, FieldsKeys.InlineAddress);\n }\n if ((streetAddress === null || streetAddress === void 0 ? void 0 : streetAddress.value) && streetAddress.value.toString().split(':').length >= 3) {\n pushToDataLayer({ event: 'cartSelectValidSuggestion' });\n }\n store.commit(COMMIT_REFRESH_CHECKOUT, result.data);\n })\n .catch(() => {\n store.commit(COMMIT_CHANGE_LOADING, false);\n });\n };\n}\nexport function OPERATION_CHANGE_TERMINAL(store) {\n return function (dlTerminalId) {\n store.commit(COMMIT_CHANGE_LOADING, true);\n return updateCartInfo({ dlTerminalId })\n .then((result) => {\n store.commit(COMMIT_REFRESH_CHECKOUT, result.data);\n })\n .catch(() => {\n store.commit(COMMIT_CHANGE_LOADING, false);\n });\n };\n}\nexport function OPERATION_INIT_CHANGE_CITY(store) {\n return async function () {\n var _a;\n const { formFieldsRefs: refs, formFields } = store.getState();\n const el = (_a = refs[FieldsKeys.InlineAddress]) !== null && _a !== void 0 ? _a : refs[FieldsKeys.City];\n if (!el) {\n const deliveryField = formFields.find(field => field.key === FieldsKeys.DeliveryMethod);\n if ((deliveryField === null || deliveryField === void 0 ? void 0 : deliveryField.value) === DeliveryMethod.Delivery)\n return;\n await store.operate(OPERATION_CHANGE_DELIVERY_METHOD, DeliveryMethod.Delivery);\n }\n setTimeout(() => {\n var _a;\n const refs = store.getState().formFieldsRefs;\n const el = (_a = refs[FieldsKeys.InlineAddress]) !== null && _a !== void 0 ? _a : refs[FieldsKeys.City];\n if (!el)\n return;\n el.scrollIntoView({ behavior: 'smooth' });\n el.focus();\n }, 500);\n };\n}\nexport function OPERATION_LOAD_PICKUP_POINTS(store) {\n return function () {\n const fields = store.getState().formFields;\n const terminalField = fields.find(field => field.key === FieldsKeys.Terminal);\n if (!(terminalField === null || terminalField === void 0 ? void 0 : terminalField.isAvailable))\n return;\n const cityField = fields.find(field => field.key === FieldsKeys.City);\n const deliveryMethod = fields.find(field => field.key === FieldsKeys.DeliveryMethod);\n if ((cityField === null || cityField === void 0 ? void 0 : cityField.value) && (deliveryMethod === null || deliveryMethod === void 0 ? void 0 : deliveryMethod.value)) {\n getPickupPoints(cityField === null || cityField === void 0 ? void 0 : cityField.value, deliveryMethod === null || deliveryMethod === void 0 ? void 0 : deliveryMethod.value).then(({ data }) => {\n const changedFields = fields.map(field => {\n if (field.key !== FieldsKeys.Terminal)\n return field;\n const fieldValue = data.map(({ value }) => value).includes(field.value.toString()) ? field.value : '';\n return { ...field, value: fieldValue, items: data.map(({ value, title: label }) => ({ value, label })) };\n });\n store.operate(OPERATION_CHANGE_FIELDS, changedFields);\n });\n }\n };\n}\nexport function OPERATION_CHANGE_CUSTOMER_TYPE(store) {\n return async function (customerType) {\n store.commit(COMMIT_CHANGE_LOADING, true);\n return updateCartInfo({ customerType })\n .then((result) => {\n store.commit(COMMIT_REFRESH_CHECKOUT, result.data);\n })\n .catch(() => {\n store.commit(COMMIT_CHANGE_LOADING, false);\n });\n };\n}\nfunction sendUpdateCartInfo(store, params) {\n store.commit(COMMIT_CHANGE_LOADING, true);\n return updateCartInfo(params)\n .then((result) => {\n const inlineAddress = result.data.changedFormFields.find(({ key }) => key === FieldsKeys.InlineAddress);\n const streetAddress = result.data.changedFormFields.find(({ key }) => key === FieldsKeys.StreetAddress);\n if (inlineAddress === null || inlineAddress === void 0 ? void 0 : inlineAddress.value) {\n store.commit(COMMIT_REMOVE_NOTICES, FieldsKeys.InlineAddress);\n }\n if ((streetAddress === null || streetAddress === void 0 ? void 0 : streetAddress.value) && streetAddress.value.toString().split(':').length >= 3) {\n pushToDataLayer({ event: 'cartSelectValidSuggestion' });\n }\n store.commit(COMMIT_REFRESH_CHECKOUT, result.data);\n store.operate(OPERATION_LOAD_PICKUP_POINTS);\n })\n .catch(() => {\n store.commit(COMMIT_CHANGE_LOADING, false);\n });\n}\nfunction prepareFormData(store) {\n var _a, _b;\n const { formFields, ozonPickupId, ozonDeliveryAddress, totalPriceInfo } = store.getState();\n const requestData = formFields.reduce((data, field) => {\n if (field.isAvailable)\n data[field.key] = field.value;\n return data;\n }, {});\n if (ozonPickupId !== undefined && ozonDeliveryAddress !== undefined) {\n requestData.delivery_info = {\n ozon_pickup_id: ozonPickupId,\n ozon_delivery_address: ozonDeliveryAddress\n };\n }\n const deliveryDatesRange = (_b = (_a = totalPriceInfo === null || totalPriceInfo === void 0 ? void 0 : totalPriceInfo.deliveryDateEstimate) === null || _a === void 0 ? void 0 : _a.maxDate) === null || _b === void 0 ? void 0 : _b.deliveryDatesRange;\n if (deliveryDatesRange !== undefined) {\n requestData.cart_stats_values = {\n delivery_dates_range: deliveryDatesRange\n };\n }\n requestData.some_random_word_mandala = 'value';\n return requestData;\n}\nfunction pushGtmAddressEvent(store) {\n const fields = store.getState().formFields;\n const deliveryType = fields.find(field => field.key === FieldsKeys.DeliveryMethod);\n if ((deliveryType === null || deliveryType === void 0 ? void 0 : deliveryType.value) !== DeliveryMethod.Delivery)\n return;\n const event = getGtmAddressEvent(store, fields);\n pushToDataLayer({ event: event });\n}\nfunction getGtmAddressEvent(store, fields) {\n const streetAddressField = fields.find(field => field.key === FieldsKeys.StreetAddress);\n if (!(streetAddressField === null || streetAddressField === void 0 ? void 0 : streetAddressField.value))\n return GtmAddressEvents.RedAddress;\n const event = store.getState().gtmAddressEvent;\n if (event)\n return event;\n return GtmAddressEvents.AutocompleteAddress;\n}\n","import HttpClient from 'core/services/HttpClient';\nexport function getPickupPoints(cityId, deliveryMethod) {\n return HttpClient.get(`/front_api/cities/${cityId}/pickup_points?delivery_method=${deliveryMethod}`);\n}\n","import { COMMIT_REFRESH_CHECKOUT } from './refreshCheckout';\nimport { COMMIT_CHANGE_LOADING } from './changeLoading';\nexport function COMMIT_CHANGE_SELECT_ITEMS(state, selected, productIds, data) {\n state = COMMIT_CHANGE_LOADING(COMMIT_REFRESH_CHECKOUT(state, data), false);\n return productIds.reduce((newState, productId) => COMMIT_CHANGE_ITEM(newState, productId, { selected }), state);\n}\nexport function COMMIT_REMOVE_ITEM(state, productId, data) {\n return { ...COMMIT_REFRESH_CHECKOUT(state, data),\n items: state.items.filter(item => item.productsSetId || item.productId !== productId)\n };\n}\nexport function COMMIT_CHANGE_ITEM_QUANTITY(state, productId, quantity, data) {\n return COMMIT_CHANGE_ITEM(COMMIT_REFRESH_CHECKOUT(state, data), productId, { quantity, changing: false });\n}\nexport function COMMIT_CHANGE_ITEM_CHANGING(state, productId, changing) {\n return COMMIT_CHANGE_ITEM(state, productId, { changing });\n}\nexport function COMMIT_CHANGE_ITEM(state, productId, itemPayload) {\n let { items } = state;\n items = items.map(item => item.productId === productId ? { ...item, ...itemPayload } : item);\n return { ...state, items };\n}\nexport function COMMIT_CHANGE_ITEMS(state, updatedItems) {\n return {\n ...state,\n items: state.items.map((item) => {\n const updatedItem = updatedItems.find(({ productId }) => productId === item.productId);\n return { ...item, ...updatedItem } || item;\n })\n };\n}\nexport function COMMIT_BULK_REMOVE(state, productIds, data) {\n return { ...COMMIT_REFRESH_CHECKOUT(state, data),\n items: state.items.filter(item => !productIds.includes(item.productId)),\n loading: false\n };\n}\nexport function COMMIT_ADD_ITEM(state, item, data) {\n let { items } = state;\n const existing = items.find(({ productId, productsSetId }) => productId === item.productId && !productsSetId);\n state = COMMIT_REFRESH_CHECKOUT(state, data);\n if (existing)\n return COMMIT_CHANGE_ITEM(state, item.productId, { ...item, changing: false });\n items.push(item);\n return { ...state, items, loading: false };\n}\nexport function COMMIT_CHANGE_ASSEMBLY(state, data) {\n return COMMIT_CHANGE_LOADING(COMMIT_REFRESH_CHECKOUT(state, data), false);\n}\nexport function COMMIT_ADDED_ASSEMBLY_ANIMATING(state, isActive) {\n return { ...state, ui: { addedAssemblyItemAnimating: isActive } };\n}\n","import { debounce } from 'throttle-debounce';\nexport default function (delay, callback) {\n return debounce(delay, false, callback);\n}\n","var isObject = require('./_is-object');\nmodule.exports = function (it) {\n if (!isObject(it)) throw TypeError(it + ' is not an object!');\n return it;\n};\n","// Thank's IE8 for his funny defineProperty\nmodule.exports = !require('./_fails')(function () {\n return Object.defineProperty({}, 'a', { get: function () { return 7; } }).a != 7;\n});\n","// optional / simple context binding\nvar aFunction = require('./_a-function');\nmodule.exports = function (fn, that, length) {\n aFunction(fn);\n if (that === undefined) return fn;\n switch (length) {\n case 1: return function (a) {\n return fn.call(that, a);\n };\n case 2: return function (a, b) {\n return fn.call(that, a, b);\n };\n case 3: return function (a, b, c) {\n return fn.call(that, a, b, c);\n };\n }\n return function (/* ...args */) {\n return fn.apply(that, arguments);\n };\n};\n","/*!\n Copyright (c) 2016 Jed Watson.\n Licensed under the MIT License (MIT), see\n http://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = [];\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (!arg) continue;\n\n\t\t\tvar argType = typeof arg;\n\n\t\t\tif (argType === 'string' || argType === 'number') {\n\t\t\t\tclasses.push(arg);\n\t\t\t} else if (Array.isArray(arg)) {\n\t\t\t\tclasses.push(classNames.apply(null, arg));\n\t\t\t} else if (argType === 'object') {\n\t\t\t\tfor (var key in arg) {\n\t\t\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\t\t\tclasses.push(key);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn classes.join(' ');\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","let id = 0;\nexport default function generateId() {\n return id++;\n}\n","import { h, Component } from 'preact';\nimport Portal from 'preact-portal';\nimport htmlClassNames from 'core/utils/htmlClassNames';\nimport rAFThrottle from 'core/utils/rAFThrottle';\nimport { getScrollParent } from 'core/utils/getScrollParent';\nexport var Position;\n(function (Position) {\n Position[\"Auto\"] = \"auto\";\n Position[\"Top\"] = \"top\";\n Position[\"Bottom\"] = \"bottom\";\n})(Position || (Position = {}));\nconst MOB_HORIZONTAL_OFFSET = 20;\nconst TOOLTIP_MAX_OFFSET = 10;\nexport default class Tooltip extends Component {\n constructor() {\n super(...arguments);\n this.state = {\n active: false\n };\n this.node = null;\n this.handleRef = (el) => {\n this.node = el;\n if (!this.parent)\n return;\n if (this.node) {\n iterateThroughScrollParents(this.parent, (node) => node.addEventListener('scroll', this.handleScroll, { passive: true }));\n this.parent.addEventListener('mouseover', this.handleMouseover);\n this.parent.addEventListener('mouseleave', this.handleMouseout);\n this.parent.addEventListener('touchstart', this.handleTouchEvent, { passive: true });\n }\n else {\n iterateThroughScrollParents(this.parent, (node) => node.removeEventListener('scroll', this.handleScroll));\n this.parent.removeEventListener('touchstart', this.handleTouchEvent);\n this.parent.removeEventListener('mouseover', this.handleMouseover);\n this.parent.removeEventListener('mouseleave', this.handleMouseout);\n }\n };\n this.handleScroll = rAFThrottle(() => {\n this.handleMouseout();\n }, 300);\n this.handleTouchEvent = () => {\n if (!this.state.active)\n return this.handleMouseover();\n this.handleMouseout();\n };\n this.handleMouseover = () => {\n this.calcPosition();\n if (!this.state.active)\n this.setState({ active: true });\n };\n this.handleMouseout = () => {\n if (this.state.active)\n this.setState({ active: false });\n };\n this.calcPosition = () => {\n if (!(this.node && this.parent))\n return;\n const pos = this.parent.getBoundingClientRect();\n this.node.style.left = `${this.calcLeftPosition(pos)}px`;\n switch (this.position) {\n case Position.Top:\n this.node.style.top = `${pos.top - this.node.offsetHeight}px`;\n break;\n case Position.Bottom:\n this.node.style.top = `${pos.top + pos.height}px`;\n break;\n }\n };\n this.calcAutoPosition = () => {\n if (!(this.node && this.parent))\n return Position.Top;\n const pos = this.parent.getBoundingClientRect();\n return (pos.top - TOOLTIP_MAX_OFFSET >= this.node.offsetHeight) ? Position.Top : Position.Bottom;\n };\n this.calcLeftPosition = (pos) => {\n let leftPosition = pos.left;\n if (Env.version === 'mobile') {\n leftPosition += pos.width - this.node.offsetWidth;\n if (leftPosition < 0 || leftPosition > pos.left) {\n return MOB_HORIZONTAL_OFFSET;\n }\n else {\n return leftPosition;\n }\n }\n else {\n return leftPosition;\n }\n };\n }\n componentDidMount() {\n window.addEventListener('scroll', this.handleScroll, { passive: true });\n }\n componentWillUnmount() {\n window.removeEventListener('scroll', this.handleScroll);\n }\n get position() {\n if (this.props.position === Position.Auto)\n return this.calcAutoPosition();\n return this.props.position || this.calcAutoPosition();\n }\n get parent() {\n var _a;\n return (_a = this.base) === null || _a === void 0 ? void 0 : _a.parentElement;\n }\n render() {\n const { label, className } = this.props;\n const rootClassName = htmlClassNames('ui-Tooltip', `__${this.position}`, className, { __active: this.state.active });\n return (h(Portal, { into: 'body' },\n h(\"div\", { ref: this.handleRef, className: rootClassName },\n h(\"div\", { className: 'ui-Tooltip_in' }, label))));\n }\n}\nfunction iterateThroughScrollParents(node, callback) {\n while (node) {\n node = getScrollParent(node);\n if (node) {\n callback(node);\n node = node.parentNode;\n }\n }\n}\n","const NOT_SCROLL_OVERFLOW = ['visible', 'hidden'];\nexport function getScrollParent(node) {\n if (!(node && node instanceof HTMLElement))\n return null;\n const { overflowY, overflowX } = window.getComputedStyle(node);\n const isScrollable = !NOT_SCROLL_OVERFLOW.includes(overflowY) || !NOT_SCROLL_OVERFLOW.includes(overflowX);\n if (isScrollable && (node.scrollHeight >= node.clientHeight || node.scrollWidth >= node.clientWidth)) {\n return node;\n }\n return getScrollParent(node.parentNode);\n}\n","export default function chunk(items, n) {\n return items.reduce((accum, item, itemIndex) => {\n let chunkIndex = Math.floor(itemIndex / n);\n accum[chunkIndex] = accum[chunkIndex] || [];\n accum[chunkIndex].push(item);\n return accum;\n }, []);\n}\n","import chunkArray from 'core/utils/array/chunk';\ncond.Any = true;\nfunction cond(...args) {\n let condition = chunkArray(args, 2)\n .map(([when, to]) => {\n return { when, to };\n })\n .find(({ when }) => {\n return typeof when === 'function'\n ? when()\n : when;\n });\n return condition ? condition.to() : null;\n}\nexport { cond };\nexport default cond;\n","import EventEmitter from 'eventemitter3'\nimport { camelize } from 'humps'\n\nimport Http from 'core/services/HttpClient'\nimport HttpRequestBatcher from 'core/services/HttpRequestBatcher'\n\nexport const ACTIONS = {\n add: 'add',\n remove: 'remove'\n}\n\nfunction preparePayload(requests) {\n const objects = {}\n requests.forEach(({ id, type }) => {\n const { [type]: typeIds = [] } = objects\n typeIds.push(id)\n objects[type] = typeIds\n })\n\n return { objects }\n}\n\nfunction retrieveResponseValue({ data }, defaultValue = 0) {\n return ({ id, type }) => {\n const { [camelize(type)]: typeRow = {} } = data\n return typeRow[id] || defaultValue\n }\n}\n\nasync function fetchObjectAddedCountBatcher(requests) {\n let result\n try {\n result = await Http.post('/front_api/favorites/fetch_objects_added_count.json', preparePayload(requests))\n } catch (_e) {\n result = { data: {} }\n }\n\n return retrieveResponseValue(result)\n}\n\nasync function checkHavingObjectBatcher(requests) {\n let result\n try {\n result = await Http.post('/front_api/favorites/check_having_objects.json', preparePayload(requests))\n } catch (_e) {\n result = { data: {} }\n }\n\n return retrieveResponseValue(result, false)\n}\n\n// @TODO возможно стоит переписать это на какой-то глобальный Store\n// На который будут подписываться контроллеры / компоненты\n// Аналогично можно сделать для счетчиков корзины\n\nlet FavoriteListService = (() => {\n const eventEmitter = new EventEmitter()\n\n const buildUrl = ({ action, objectId, objectType }) => {\n return `/front_api/favorites/${action}?object_type=${objectType}&object_id=${objectId}`\n }\n \n const toggle = ({ action, objectType, objectId, el }) => {\n const url = buildUrl({ action, objectType, objectId })\n\n return Http.post(url).then(() => {\n eventEmitter.emit(action, { objectType, objectId, el })\n eventEmitter.emit(`${action}.${objectType}.${objectId}`)\n })\n }\n\n const add = payload => {\n toggle({ ...payload, action: ACTIONS.add })\n }\n\n const remove = payload => {\n toggle({ ...payload, action: ACTIONS.remove })\n }\n\n const fetchAddedCount = ({ objectType, objectId }) => {\n return HttpRequestBatcher.request(fetchObjectAddedCountBatcher, {\n id: objectId,\n type: objectType\n })\n }\n\n const requestHaving = ({ objectType, objectId }) => {\n return HttpRequestBatcher.request(checkHavingObjectBatcher, {\n id: objectId,\n type: objectType\n })\n }\n\n const on = (eventName, callback) => eventEmitter.on(eventName, callback)\n const off = (eventName, callback) => eventEmitter.off(eventName, callback)\n\n return {\n on,\n off,\n add,\n remove,\n requestHaving,\n fetchAddedCount\n }\n})()\n\nexport default FavoriteListService\n","const DEBUG = Env.name === 'development';\nexport const CONTAINERS = {\n products: {\n catalog: 'products/catalog',\n show: 'products/show',\n showCrossSell: 'products/show/cross-sell',\n showSameCollection: 'products/show/same-collection',\n showBestsellers: 'products/show/bestsellers',\n showComparison: 'products/show/comparison',\n showPopular: 'products/show/popular'\n }\n};\nexport function getGtmContainer(el) {\n const parent = el.closest('[data-gtm-container]');\n return parent ? parent.dataset.gtmContainer : '';\n}\nexport function pushToDataLayer(data) {\n requestIdleCallback(() => {\n []\n .concat(data || [])\n .forEach(data => {\n window.dataLayer = window.dataLayer || [];\n window.dataLayer.push(data);\n if (DEBUG) {\n console.log('Push to DataLayer: ', data);\n }\n });\n }, { timeout: 1000 });\n}\n","export const parseSelector = (selector) => selector\n .replace(/%{([^}]+)}/g, '[data-el~=\"$1\"]');\n// Replacing jQuery method\n// http://youmightnotneedjquery.com/#index\nexport const index = (indexingEl) => {\n // if (!indexingEl) return -1\n let el = indexingEl;\n let i = -1;\n while (el) {\n el = el.previousElementSibling;\n i++;\n }\n return i;\n};\n","import { h, Component } from 'preact';\nimport { FormNoticeService } from 'core/services/FormNoticeService';\nimport htmlClassNames from 'core/utils/htmlClassNames';\nimport Tooltip from 'core/components/UI/Tooltip';\nexport class Text extends Component {\n constructor() {\n super(...arguments);\n this.componentDidMount = () => {\n this.handleChangeValue(this.props.value);\n };\n this.handleChangeValue = (value) => {\n requestAnimationFrame(() => {\n if (value || this.props.isLabelFixed) {\n this.setState({ isLabelFloated: true });\n return;\n }\n this.setState({ isLabelFloated: false });\n });\n };\n this.handleFocusInput = () => {\n this.setState({ isLabelFloated: true });\n };\n this.handleBlurInput = () => {\n if (this.props.value || this.props.isLabelFixed)\n return;\n this.setState({ isLabelFloated: false });\n };\n }\n get classes() {\n const { isLabelFloated } = this.state;\n const { className, color, sizeMod, notice, isOverflowText = true, isChangeProtected } = this.props;\n return htmlClassNames('ui-Input', className, {\n '__text': isOverflowText,\n [`__size_${sizeMod}`]: !!sizeMod,\n [`__color_${color}`]: !!color,\n [`__${notice === null || notice === void 0 ? void 0 : notice.type}`]: !!notice,\n '__labelFloated': isLabelFloated,\n '__changeProtected': isChangeProtected\n });\n }\n componentWillReceiveProps(nextProps) {\n if (nextProps.value !== this.props.value)\n this.handleChangeValue(nextProps.value);\n }\n render() {\n const { label, required = false, class: _class, tag: Tag = 'input', inputRef, sizeMod: _sizeMove, notice, onKeyDown, onInputChangeClick, isChangeProtected, tooltip, ...inputProps } = this.props;\n return (h(\"div\", { className: this.classes },\n notice && (h(\"div\", { className: 'ui-Input_notice' }, notice.message)),\n h(\"label\", { className: 'ui-Input_label' },\n label,\n required && (h(\"abbr\", { title: '\\u041E\\u0431\\u044F\\u0437\\u0430\\u0442\\u0435\\u043B\\u044C\\u043D\\u043E' }, \"*\"))),\n h(Tag, Object.assign({}, inputProps, { required: required, ref: inputRef, className: 'ui-Input_input', onFocus: this.handleFocusInput, onBlur: this.handleBlurInput, onKeyDown: onKeyDown })),\n isChangeProtected && (h(\"button\", { className: 'ui-Input_changeInputButton', type: 'button', onClick: onInputChangeClick }, \"\\u0418\\u0437\\u043C\\u0435\\u043D\\u0438\\u0442\\u044C\")),\n tooltip && (h(\"div\", { className: 'ui-Input_tooltip' },\n \"?\",\n h(Tooltip, { label: tooltip })))));\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};\n","var anObject = require('./_an-object');\nvar IE8_DOM_DEFINE = require('./_ie8-dom-define');\nvar toPrimitive = require('./_to-primitive');\nvar dP = Object.defineProperty;\n\nexports.f = require('./_descriptors') ? Object.defineProperty : function defineProperty(O, P, Attributes) {\n anObject(O);\n P = toPrimitive(P, true);\n anObject(Attributes);\n if (IE8_DOM_DEFINE) try {\n return dP(O, P, Attributes);\n } catch (e) { /* empty */ }\n if ('get' in Attributes || 'set' in Attributes) throw TypeError('Accessors not supported!');\n if ('value' in Attributes) O[P] = Attributes.value;\n return O;\n};\n","import Http from 'core/services/HttpClient';\nexport function sendForm(fields) {\n return Http.post('/orders', fields);\n}\nexport function updateCartInfo(params) {\n return Http.put('/cart/info', params);\n}\n","'use strict';\n\nvar stringify = require('./stringify');\nvar parse = require('./parse');\nvar formats = require('./formats');\n\nmodule.exports = {\n formats: formats,\n parse: parse,\n stringify: stringify\n};\n","var toString = {}.toString;\n\nmodule.exports = function (it) {\n return toString.call(it).slice(8, -1);\n};\n","var global = require('./_global');\nvar hide = require('./_hide');\nvar has = require('./_has');\nvar SRC = require('./_uid')('src');\nvar $toString = require('./_function-to-string');\nvar TO_STRING = 'toString';\nvar TPL = ('' + $toString).split(TO_STRING);\n\nrequire('./_core').inspectSource = function (it) {\n return $toString.call(it);\n};\n\n(module.exports = function (O, key, val, safe) {\n var isFunction = typeof val == 'function';\n if (isFunction) has(val, 'name') || hide(val, 'name', key);\n if (O[key] === val) return;\n if (isFunction) has(val, SRC) || hide(val, SRC, O[key] ? '' + O[key] : TPL.join(String(key)));\n if (O === global) {\n O[key] = val;\n } else if (!safe) {\n delete O[key];\n hide(O, key, val);\n } else if (O[key]) {\n O[key] = val;\n } else {\n hide(O, key, val);\n }\n// add fake Function#toString for correct work wrapped methods / constructors with methods like LoDash isNative\n})(Function.prototype, TO_STRING, function toString() {\n return typeof this == 'function' && this[SRC] || $toString.call(this);\n});\n","var dP = require('./_object-dp');\nvar createDesc = require('./_property-desc');\nmodule.exports = require('./_descriptors') ? function (object, key, value) {\n return dP.f(object, key, createDesc(1, value));\n} : function (object, key, value) {\n object[key] = value;\n return object;\n};\n","var hasOwnProperty = {}.hasOwnProperty;\nmodule.exports = function (it, key) {\n return hasOwnProperty.call(it, key);\n};\n","// 7.2.1 RequireObjectCoercible(argument)\nmodule.exports = function (it) {\n if (it == undefined) throw TypeError(\"Can't call method on \" + it);\n return it;\n};\n","export default function rAFThrottle(callback, threshold) {\n let ticked = true;\n let lastTimestamp = Date.now();\n return (...args) => {\n if (!ticked) {\n return;\n }\n if (threshold && Date.now() - lastTimestamp < threshold) {\n return;\n }\n window.requestAnimationFrame(() => {\n ticked = true;\n lastTimestamp = Date.now();\n callback(...args);\n });\n ticked = false;\n };\n}\n","import Store from 'core/services/Store';\nexport const initialState = {\n notices: {\n errors: {},\n info: {},\n warnings: {}\n }\n};\nexport function createStore(initialState, onChangeState) {\n if (onChangeState) {\n return Store({\n props: { initialState },\n callbacks: {\n CALLBACK_AFTER_COMMIT: onChangeState\n }\n });\n }\n return Store({\n props: { initialState }\n });\n}\n","export function COMMIT_ADD_ERRORS(state, errors) {\n return {\n ...state,\n notices: {\n ...state.notices,\n errors\n }\n };\n}\n","export function COMMIT_CLEAR_NOTICES(state) {\n return {\n ...state,\n notices: {\n errors: {},\n info: {},\n warnings: {}\n }\n };\n}\n","import { h, Component } from 'preact';\nimport { documentDispatch } from 'core/utils/events';\nimport { ADD_ERRORS_EVENT } from './events';\nimport { initialState, createStore } from './store';\nimport { COMMIT_ADD_ERRORS } from './commits/addErrors';\nimport { COMMIT_CLEAR_NOTICES } from './commits/clearNotices';\nconst store = createStore(initialState);\nexport class FormNoticeService {\n static errors(errors) {\n store.commit(COMMIT_ADD_ERRORS, errors);\n documentDispatch(ADD_ERRORS_EVENT, { errors });\n }\n static clear() {\n store.commit(COMMIT_CLEAR_NOTICES);\n }\n static get notices() {\n return store.getState().notices;\n }\n}\nexport function withFormNoticeService(WrappedComponent) {\n return class extends Component {\n constructor() {\n super(...arguments);\n this.state = {\n noticesStore: createStore(initialState, (currentState) => { this.setState(currentState); })\n };\n this.handleAddErrors = ({ detail: { errors } }) => {\n this.state.noticesStore.commit(COMMIT_ADD_ERRORS, errors);\n };\n }\n componentDidMount() {\n document.addEventListener(ADD_ERRORS_EVENT, this.handleAddErrors);\n }\n componentWillUnmount() {\n FormNoticeService.clear();\n document.removeEventListener(ADD_ERRORS_EVENT, this.handleAddErrors);\n }\n render() {\n return h(WrappedComponent, Object.assign({}, this.props, { noticesStore: this.state.noticesStore }));\n }\n };\n}\n","export const ADD_ERRORS_EVENT = 'FormNoticeService:addErrors';\n","import { atom } from 'nanostores';\nexport const $errors = atom([]);\n","import NoticeService from 'core/services/NoticeService';\nconst ValidationErrors = {\n build(errors) {\n Object.entries(errors).forEach(([field, messages]) => {\n messages.forEach(message => {\n if (field === 'base') {\n NoticeService.error(message);\n return;\n }\n NoticeService.error(message, field);\n });\n });\n }\n};\nexport default ValidationErrors;\n","/*\nStimulus 3.2.1\nCopyright © 2023 Basecamp, LLC\n */\nclass EventListener {\n constructor(eventTarget, eventName, eventOptions) {\n this.eventTarget = eventTarget;\n this.eventName = eventName;\n this.eventOptions = eventOptions;\n this.unorderedBindings = new Set();\n }\n connect() {\n this.eventTarget.addEventListener(this.eventName, this, this.eventOptions);\n }\n disconnect() {\n this.eventTarget.removeEventListener(this.eventName, this, this.eventOptions);\n }\n bindingConnected(binding) {\n this.unorderedBindings.add(binding);\n }\n bindingDisconnected(binding) {\n this.unorderedBindings.delete(binding);\n }\n handleEvent(event) {\n const extendedEvent = extendEvent(event);\n for (const binding of this.bindings) {\n if (extendedEvent.immediatePropagationStopped) {\n break;\n }\n else {\n binding.handleEvent(extendedEvent);\n }\n }\n }\n hasBindings() {\n return this.unorderedBindings.size > 0;\n }\n get bindings() {\n return Array.from(this.unorderedBindings).sort((left, right) => {\n const leftIndex = left.index, rightIndex = right.index;\n return leftIndex < rightIndex ? -1 : leftIndex > rightIndex ? 1 : 0;\n });\n }\n}\nfunction extendEvent(event) {\n if (\"immediatePropagationStopped\" in event) {\n return event;\n }\n else {\n const { stopImmediatePropagation } = event;\n return Object.assign(event, {\n immediatePropagationStopped: false,\n stopImmediatePropagation() {\n this.immediatePropagationStopped = true;\n stopImmediatePropagation.call(this);\n },\n });\n }\n}\n\nclass Dispatcher {\n constructor(application) {\n this.application = application;\n this.eventListenerMaps = new Map();\n this.started = false;\n }\n start() {\n if (!this.started) {\n this.started = true;\n this.eventListeners.forEach((eventListener) => eventListener.connect());\n }\n }\n stop() {\n if (this.started) {\n this.started = false;\n this.eventListeners.forEach((eventListener) => eventListener.disconnect());\n }\n }\n get eventListeners() {\n return Array.from(this.eventListenerMaps.values()).reduce((listeners, map) => listeners.concat(Array.from(map.values())), []);\n }\n bindingConnected(binding) {\n this.fetchEventListenerForBinding(binding).bindingConnected(binding);\n }\n bindingDisconnected(binding, clearEventListeners = false) {\n this.fetchEventListenerForBinding(binding).bindingDisconnected(binding);\n if (clearEventListeners)\n this.clearEventListenersForBinding(binding);\n }\n handleError(error, message, detail = {}) {\n this.application.handleError(error, `Error ${message}`, detail);\n }\n clearEventListenersForBinding(binding) {\n const eventListener = this.fetchEventListenerForBinding(binding);\n if (!eventListener.hasBindings()) {\n eventListener.disconnect();\n this.removeMappedEventListenerFor(binding);\n }\n }\n removeMappedEventListenerFor(binding) {\n const { eventTarget, eventName, eventOptions } = binding;\n const eventListenerMap = this.fetchEventListenerMapForEventTarget(eventTarget);\n const cacheKey = this.cacheKey(eventName, eventOptions);\n eventListenerMap.delete(cacheKey);\n if (eventListenerMap.size == 0)\n this.eventListenerMaps.delete(eventTarget);\n }\n fetchEventListenerForBinding(binding) {\n const { eventTarget, eventName, eventOptions } = binding;\n return this.fetchEventListener(eventTarget, eventName, eventOptions);\n }\n fetchEventListener(eventTarget, eventName, eventOptions) {\n const eventListenerMap = this.fetchEventListenerMapForEventTarget(eventTarget);\n const cacheKey = this.cacheKey(eventName, eventOptions);\n let eventListener = eventListenerMap.get(cacheKey);\n if (!eventListener) {\n eventListener = this.createEventListener(eventTarget, eventName, eventOptions);\n eventListenerMap.set(cacheKey, eventListener);\n }\n return eventListener;\n }\n createEventListener(eventTarget, eventName, eventOptions) {\n const eventListener = new EventListener(eventTarget, eventName, eventOptions);\n if (this.started) {\n eventListener.connect();\n }\n return eventListener;\n }\n fetchEventListenerMapForEventTarget(eventTarget) {\n let eventListenerMap = this.eventListenerMaps.get(eventTarget);\n if (!eventListenerMap) {\n eventListenerMap = new Map();\n this.eventListenerMaps.set(eventTarget, eventListenerMap);\n }\n return eventListenerMap;\n }\n cacheKey(eventName, eventOptions) {\n const parts = [eventName];\n Object.keys(eventOptions)\n .sort()\n .forEach((key) => {\n parts.push(`${eventOptions[key] ? \"\" : \"!\"}${key}`);\n });\n return parts.join(\":\");\n }\n}\n\nconst defaultActionDescriptorFilters = {\n stop({ event, value }) {\n if (value)\n event.stopPropagation();\n return true;\n },\n prevent({ event, value }) {\n if (value)\n event.preventDefault();\n return true;\n },\n self({ event, value, element }) {\n if (value) {\n return element === event.target;\n }\n else {\n return true;\n }\n },\n};\nconst descriptorPattern = /^(?:(?:([^.]+?)\\+)?(.+?)(?:\\.(.+?))?(?:@(window|document))?->)?(.+?)(?:#([^:]+?))(?::(.+))?$/;\nfunction parseActionDescriptorString(descriptorString) {\n const source = descriptorString.trim();\n const matches = source.match(descriptorPattern) || [];\n let eventName = matches[2];\n let keyFilter = matches[3];\n if (keyFilter && ![\"keydown\", \"keyup\", \"keypress\"].includes(eventName)) {\n eventName += `.${keyFilter}`;\n keyFilter = \"\";\n }\n return {\n eventTarget: parseEventTarget(matches[4]),\n eventName,\n eventOptions: matches[7] ? parseEventOptions(matches[7]) : {},\n identifier: matches[5],\n methodName: matches[6],\n keyFilter: matches[1] || keyFilter,\n };\n}\nfunction parseEventTarget(eventTargetName) {\n if (eventTargetName == \"window\") {\n return window;\n }\n else if (eventTargetName == \"document\") {\n return document;\n }\n}\nfunction parseEventOptions(eventOptions) {\n return eventOptions\n .split(\":\")\n .reduce((options, token) => Object.assign(options, { [token.replace(/^!/, \"\")]: !/^!/.test(token) }), {});\n}\nfunction stringifyEventTarget(eventTarget) {\n if (eventTarget == window) {\n return \"window\";\n }\n else if (eventTarget == document) {\n return \"document\";\n }\n}\n\nfunction camelize(value) {\n return value.replace(/(?:[_-])([a-z0-9])/g, (_, char) => char.toUpperCase());\n}\nfunction namespaceCamelize(value) {\n return camelize(value.replace(/--/g, \"-\").replace(/__/g, \"_\"));\n}\nfunction capitalize(value) {\n return value.charAt(0).toUpperCase() + value.slice(1);\n}\nfunction dasherize(value) {\n return value.replace(/([A-Z])/g, (_, char) => `-${char.toLowerCase()}`);\n}\nfunction tokenize(value) {\n return value.match(/[^\\s]+/g) || [];\n}\n\nfunction isSomething(object) {\n return object !== null && object !== undefined;\n}\nfunction hasProperty(object, property) {\n return Object.prototype.hasOwnProperty.call(object, property);\n}\n\nconst allModifiers = [\"meta\", \"ctrl\", \"alt\", \"shift\"];\nclass Action {\n constructor(element, index, descriptor, schema) {\n this.element = element;\n this.index = index;\n this.eventTarget = descriptor.eventTarget || element;\n this.eventName = descriptor.eventName || getDefaultEventNameForElement(element) || error(\"missing event name\");\n this.eventOptions = descriptor.eventOptions || {};\n this.identifier = descriptor.identifier || error(\"missing identifier\");\n this.methodName = descriptor.methodName || error(\"missing method name\");\n this.keyFilter = descriptor.keyFilter || \"\";\n this.schema = schema;\n }\n static forToken(token, schema) {\n return new this(token.element, token.index, parseActionDescriptorString(token.content), schema);\n }\n toString() {\n const eventFilter = this.keyFilter ? `.${this.keyFilter}` : \"\";\n const eventTarget = this.eventTargetName ? `@${this.eventTargetName}` : \"\";\n return `${this.eventName}${eventFilter}${eventTarget}->${this.identifier}#${this.methodName}`;\n }\n shouldIgnoreKeyboardEvent(event) {\n if (!this.keyFilter) {\n return false;\n }\n const filters = this.keyFilter.split(\"+\");\n if (this.keyFilterDissatisfied(event, filters)) {\n return true;\n }\n const standardFilter = filters.filter((key) => !allModifiers.includes(key))[0];\n if (!standardFilter) {\n return false;\n }\n if (!hasProperty(this.keyMappings, standardFilter)) {\n error(`contains unknown key filter: ${this.keyFilter}`);\n }\n return this.keyMappings[standardFilter].toLowerCase() !== event.key.toLowerCase();\n }\n shouldIgnoreMouseEvent(event) {\n if (!this.keyFilter) {\n return false;\n }\n const filters = [this.keyFilter];\n if (this.keyFilterDissatisfied(event, filters)) {\n return true;\n }\n return false;\n }\n get params() {\n const params = {};\n const pattern = new RegExp(`^data-${this.identifier}-(.+)-param$`, \"i\");\n for (const { name, value } of Array.from(this.element.attributes)) {\n const match = name.match(pattern);\n const key = match && match[1];\n if (key) {\n params[camelize(key)] = typecast(value);\n }\n }\n return params;\n }\n get eventTargetName() {\n return stringifyEventTarget(this.eventTarget);\n }\n get keyMappings() {\n return this.schema.keyMappings;\n }\n keyFilterDissatisfied(event, filters) {\n const [meta, ctrl, alt, shift] = allModifiers.map((modifier) => filters.includes(modifier));\n return event.metaKey !== meta || event.ctrlKey !== ctrl || event.altKey !== alt || event.shiftKey !== shift;\n }\n}\nconst defaultEventNames = {\n a: () => \"click\",\n button: () => \"click\",\n form: () => \"submit\",\n details: () => \"toggle\",\n input: (e) => (e.getAttribute(\"type\") == \"submit\" ? \"click\" : \"input\"),\n select: () => \"change\",\n textarea: () => \"input\",\n};\nfunction getDefaultEventNameForElement(element) {\n const tagName = element.tagName.toLowerCase();\n if (tagName in defaultEventNames) {\n return defaultEventNames[tagName](element);\n }\n}\nfunction error(message) {\n throw new Error(message);\n}\nfunction typecast(value) {\n try {\n return JSON.parse(value);\n }\n catch (o_O) {\n return value;\n }\n}\n\nclass Binding {\n constructor(context, action) {\n this.context = context;\n this.action = action;\n }\n get index() {\n return this.action.index;\n }\n get eventTarget() {\n return this.action.eventTarget;\n }\n get eventOptions() {\n return this.action.eventOptions;\n }\n get identifier() {\n return this.context.identifier;\n }\n handleEvent(event) {\n const actionEvent = this.prepareActionEvent(event);\n if (this.willBeInvokedByEvent(event) && this.applyEventModifiers(actionEvent)) {\n this.invokeWithEvent(actionEvent);\n }\n }\n get eventName() {\n return this.action.eventName;\n }\n get method() {\n const method = this.controller[this.methodName];\n if (typeof method == \"function\") {\n return method;\n }\n throw new Error(`Action \"${this.action}\" references undefined method \"${this.methodName}\"`);\n }\n applyEventModifiers(event) {\n const { element } = this.action;\n const { actionDescriptorFilters } = this.context.application;\n const { controller } = this.context;\n let passes = true;\n for (const [name, value] of Object.entries(this.eventOptions)) {\n if (name in actionDescriptorFilters) {\n const filter = actionDescriptorFilters[name];\n passes = passes && filter({ name, value, event, element, controller });\n }\n else {\n continue;\n }\n }\n return passes;\n }\n prepareActionEvent(event) {\n return Object.assign(event, { params: this.action.params });\n }\n invokeWithEvent(event) {\n const { target, currentTarget } = event;\n try {\n this.method.call(this.controller, event);\n this.context.logDebugActivity(this.methodName, { event, target, currentTarget, action: this.methodName });\n }\n catch (error) {\n const { identifier, controller, element, index } = this;\n const detail = { identifier, controller, element, index, event };\n this.context.handleError(error, `invoking action \"${this.action}\"`, detail);\n }\n }\n willBeInvokedByEvent(event) {\n const eventTarget = event.target;\n if (event instanceof KeyboardEvent && this.action.shouldIgnoreKeyboardEvent(event)) {\n return false;\n }\n if (event instanceof MouseEvent && this.action.shouldIgnoreMouseEvent(event)) {\n return false;\n }\n if (this.element === eventTarget) {\n return true;\n }\n else if (eventTarget instanceof Element && this.element.contains(eventTarget)) {\n return this.scope.containsElement(eventTarget);\n }\n else {\n return this.scope.containsElement(this.action.element);\n }\n }\n get controller() {\n return this.context.controller;\n }\n get methodName() {\n return this.action.methodName;\n }\n get element() {\n return this.scope.element;\n }\n get scope() {\n return this.context.scope;\n }\n}\n\nclass ElementObserver {\n constructor(element, delegate) {\n this.mutationObserverInit = { attributes: true, childList: true, subtree: true };\n this.element = element;\n this.started = false;\n this.delegate = delegate;\n this.elements = new Set();\n this.mutationObserver = new MutationObserver((mutations) => this.processMutations(mutations));\n }\n start() {\n if (!this.started) {\n this.started = true;\n this.mutationObserver.observe(this.element, this.mutationObserverInit);\n this.refresh();\n }\n }\n pause(callback) {\n if (this.started) {\n this.mutationObserver.disconnect();\n this.started = false;\n }\n callback();\n if (!this.started) {\n this.mutationObserver.observe(this.element, this.mutationObserverInit);\n this.started = true;\n }\n }\n stop() {\n if (this.started) {\n this.mutationObserver.takeRecords();\n this.mutationObserver.disconnect();\n this.started = false;\n }\n }\n refresh() {\n if (this.started) {\n const matches = new Set(this.matchElementsInTree());\n for (const element of Array.from(this.elements)) {\n if (!matches.has(element)) {\n this.removeElement(element);\n }\n }\n for (const element of Array.from(matches)) {\n this.addElement(element);\n }\n }\n }\n processMutations(mutations) {\n if (this.started) {\n for (const mutation of mutations) {\n this.processMutation(mutation);\n }\n }\n }\n processMutation(mutation) {\n if (mutation.type == \"attributes\") {\n this.processAttributeChange(mutation.target, mutation.attributeName);\n }\n else if (mutation.type == \"childList\") {\n this.processRemovedNodes(mutation.removedNodes);\n this.processAddedNodes(mutation.addedNodes);\n }\n }\n processAttributeChange(element, attributeName) {\n if (this.elements.has(element)) {\n if (this.delegate.elementAttributeChanged && this.matchElement(element)) {\n this.delegate.elementAttributeChanged(element, attributeName);\n }\n else {\n this.removeElement(element);\n }\n }\n else if (this.matchElement(element)) {\n this.addElement(element);\n }\n }\n processRemovedNodes(nodes) {\n for (const node of Array.from(nodes)) {\n const element = this.elementFromNode(node);\n if (element) {\n this.processTree(element, this.removeElement);\n }\n }\n }\n processAddedNodes(nodes) {\n for (const node of Array.from(nodes)) {\n const element = this.elementFromNode(node);\n if (element && this.elementIsActive(element)) {\n this.processTree(element, this.addElement);\n }\n }\n }\n matchElement(element) {\n return this.delegate.matchElement(element);\n }\n matchElementsInTree(tree = this.element) {\n return this.delegate.matchElementsInTree(tree);\n }\n processTree(tree, processor) {\n for (const element of this.matchElementsInTree(tree)) {\n processor.call(this, element);\n }\n }\n elementFromNode(node) {\n if (node.nodeType == Node.ELEMENT_NODE) {\n return node;\n }\n }\n elementIsActive(element) {\n if (element.isConnected != this.element.isConnected) {\n return false;\n }\n else {\n return this.element.contains(element);\n }\n }\n addElement(element) {\n if (!this.elements.has(element)) {\n if (this.elementIsActive(element)) {\n this.elements.add(element);\n if (this.delegate.elementMatched) {\n this.delegate.elementMatched(element);\n }\n }\n }\n }\n removeElement(element) {\n if (this.elements.has(element)) {\n this.elements.delete(element);\n if (this.delegate.elementUnmatched) {\n this.delegate.elementUnmatched(element);\n }\n }\n }\n}\n\nclass AttributeObserver {\n constructor(element, attributeName, delegate) {\n this.attributeName = attributeName;\n this.delegate = delegate;\n this.elementObserver = new ElementObserver(element, this);\n }\n get element() {\n return this.elementObserver.element;\n }\n get selector() {\n return `[${this.attributeName}]`;\n }\n start() {\n this.elementObserver.start();\n }\n pause(callback) {\n this.elementObserver.pause(callback);\n }\n stop() {\n this.elementObserver.stop();\n }\n refresh() {\n this.elementObserver.refresh();\n }\n get started() {\n return this.elementObserver.started;\n }\n matchElement(element) {\n return element.hasAttribute(this.attributeName);\n }\n matchElementsInTree(tree) {\n const match = this.matchElement(tree) ? [tree] : [];\n const matches = Array.from(tree.querySelectorAll(this.selector));\n return match.concat(matches);\n }\n elementMatched(element) {\n if (this.delegate.elementMatchedAttribute) {\n this.delegate.elementMatchedAttribute(element, this.attributeName);\n }\n }\n elementUnmatched(element) {\n if (this.delegate.elementUnmatchedAttribute) {\n this.delegate.elementUnmatchedAttribute(element, this.attributeName);\n }\n }\n elementAttributeChanged(element, attributeName) {\n if (this.delegate.elementAttributeValueChanged && this.attributeName == attributeName) {\n this.delegate.elementAttributeValueChanged(element, attributeName);\n }\n }\n}\n\nfunction add(map, key, value) {\n fetch(map, key).add(value);\n}\nfunction del(map, key, value) {\n fetch(map, key).delete(value);\n prune(map, key);\n}\nfunction fetch(map, key) {\n let values = map.get(key);\n if (!values) {\n values = new Set();\n map.set(key, values);\n }\n return values;\n}\nfunction prune(map, key) {\n const values = map.get(key);\n if (values != null && values.size == 0) {\n map.delete(key);\n }\n}\n\nclass Multimap {\n constructor() {\n this.valuesByKey = new Map();\n }\n get keys() {\n return Array.from(this.valuesByKey.keys());\n }\n get values() {\n const sets = Array.from(this.valuesByKey.values());\n return sets.reduce((values, set) => values.concat(Array.from(set)), []);\n }\n get size() {\n const sets = Array.from(this.valuesByKey.values());\n return sets.reduce((size, set) => size + set.size, 0);\n }\n add(key, value) {\n add(this.valuesByKey, key, value);\n }\n delete(key, value) {\n del(this.valuesByKey, key, value);\n }\n has(key, value) {\n const values = this.valuesByKey.get(key);\n return values != null && values.has(value);\n }\n hasKey(key) {\n return this.valuesByKey.has(key);\n }\n hasValue(value) {\n const sets = Array.from(this.valuesByKey.values());\n return sets.some((set) => set.has(value));\n }\n getValuesForKey(key) {\n const values = this.valuesByKey.get(key);\n return values ? Array.from(values) : [];\n }\n getKeysForValue(value) {\n return Array.from(this.valuesByKey)\n .filter(([_key, values]) => values.has(value))\n .map(([key, _values]) => key);\n }\n}\n\nclass IndexedMultimap extends Multimap {\n constructor() {\n super();\n this.keysByValue = new Map();\n }\n get values() {\n return Array.from(this.keysByValue.keys());\n }\n add(key, value) {\n super.add(key, value);\n add(this.keysByValue, value, key);\n }\n delete(key, value) {\n super.delete(key, value);\n del(this.keysByValue, value, key);\n }\n hasValue(value) {\n return this.keysByValue.has(value);\n }\n getKeysForValue(value) {\n const set = this.keysByValue.get(value);\n return set ? Array.from(set) : [];\n }\n}\n\nclass SelectorObserver {\n constructor(element, selector, delegate, details) {\n this._selector = selector;\n this.details = details;\n this.elementObserver = new ElementObserver(element, this);\n this.delegate = delegate;\n this.matchesByElement = new Multimap();\n }\n get started() {\n return this.elementObserver.started;\n }\n get selector() {\n return this._selector;\n }\n set selector(selector) {\n this._selector = selector;\n this.refresh();\n }\n start() {\n this.elementObserver.start();\n }\n pause(callback) {\n this.elementObserver.pause(callback);\n }\n stop() {\n this.elementObserver.stop();\n }\n refresh() {\n this.elementObserver.refresh();\n }\n get element() {\n return this.elementObserver.element;\n }\n matchElement(element) {\n const { selector } = this;\n if (selector) {\n const matches = element.matches(selector);\n if (this.delegate.selectorMatchElement) {\n return matches && this.delegate.selectorMatchElement(element, this.details);\n }\n return matches;\n }\n else {\n return false;\n }\n }\n matchElementsInTree(tree) {\n const { selector } = this;\n if (selector) {\n const match = this.matchElement(tree) ? [tree] : [];\n const matches = Array.from(tree.querySelectorAll(selector)).filter((match) => this.matchElement(match));\n return match.concat(matches);\n }\n else {\n return [];\n }\n }\n elementMatched(element) {\n const { selector } = this;\n if (selector) {\n this.selectorMatched(element, selector);\n }\n }\n elementUnmatched(element) {\n const selectors = this.matchesByElement.getKeysForValue(element);\n for (const selector of selectors) {\n this.selectorUnmatched(element, selector);\n }\n }\n elementAttributeChanged(element, _attributeName) {\n const { selector } = this;\n if (selector) {\n const matches = this.matchElement(element);\n const matchedBefore = this.matchesByElement.has(selector, element);\n if (matches && !matchedBefore) {\n this.selectorMatched(element, selector);\n }\n else if (!matches && matchedBefore) {\n this.selectorUnmatched(element, selector);\n }\n }\n }\n selectorMatched(element, selector) {\n this.delegate.selectorMatched(element, selector, this.details);\n this.matchesByElement.add(selector, element);\n }\n selectorUnmatched(element, selector) {\n this.delegate.selectorUnmatched(element, selector, this.details);\n this.matchesByElement.delete(selector, element);\n }\n}\n\nclass StringMapObserver {\n constructor(element, delegate) {\n this.element = element;\n this.delegate = delegate;\n this.started = false;\n this.stringMap = new Map();\n this.mutationObserver = new MutationObserver((mutations) => this.processMutations(mutations));\n }\n start() {\n if (!this.started) {\n this.started = true;\n this.mutationObserver.observe(this.element, { attributes: true, attributeOldValue: true });\n this.refresh();\n }\n }\n stop() {\n if (this.started) {\n this.mutationObserver.takeRecords();\n this.mutationObserver.disconnect();\n this.started = false;\n }\n }\n refresh() {\n if (this.started) {\n for (const attributeName of this.knownAttributeNames) {\n this.refreshAttribute(attributeName, null);\n }\n }\n }\n processMutations(mutations) {\n if (this.started) {\n for (const mutation of mutations) {\n this.processMutation(mutation);\n }\n }\n }\n processMutation(mutation) {\n const attributeName = mutation.attributeName;\n if (attributeName) {\n this.refreshAttribute(attributeName, mutation.oldValue);\n }\n }\n refreshAttribute(attributeName, oldValue) {\n const key = this.delegate.getStringMapKeyForAttribute(attributeName);\n if (key != null) {\n if (!this.stringMap.has(attributeName)) {\n this.stringMapKeyAdded(key, attributeName);\n }\n const value = this.element.getAttribute(attributeName);\n if (this.stringMap.get(attributeName) != value) {\n this.stringMapValueChanged(value, key, oldValue);\n }\n if (value == null) {\n const oldValue = this.stringMap.get(attributeName);\n this.stringMap.delete(attributeName);\n if (oldValue)\n this.stringMapKeyRemoved(key, attributeName, oldValue);\n }\n else {\n this.stringMap.set(attributeName, value);\n }\n }\n }\n stringMapKeyAdded(key, attributeName) {\n if (this.delegate.stringMapKeyAdded) {\n this.delegate.stringMapKeyAdded(key, attributeName);\n }\n }\n stringMapValueChanged(value, key, oldValue) {\n if (this.delegate.stringMapValueChanged) {\n this.delegate.stringMapValueChanged(value, key, oldValue);\n }\n }\n stringMapKeyRemoved(key, attributeName, oldValue) {\n if (this.delegate.stringMapKeyRemoved) {\n this.delegate.stringMapKeyRemoved(key, attributeName, oldValue);\n }\n }\n get knownAttributeNames() {\n return Array.from(new Set(this.currentAttributeNames.concat(this.recordedAttributeNames)));\n }\n get currentAttributeNames() {\n return Array.from(this.element.attributes).map((attribute) => attribute.name);\n }\n get recordedAttributeNames() {\n return Array.from(this.stringMap.keys());\n }\n}\n\nclass TokenListObserver {\n constructor(element, attributeName, delegate) {\n this.attributeObserver = new AttributeObserver(element, attributeName, this);\n this.delegate = delegate;\n this.tokensByElement = new Multimap();\n }\n get started() {\n return this.attributeObserver.started;\n }\n start() {\n this.attributeObserver.start();\n }\n pause(callback) {\n this.attributeObserver.pause(callback);\n }\n stop() {\n this.attributeObserver.stop();\n }\n refresh() {\n this.attributeObserver.refresh();\n }\n get element() {\n return this.attributeObserver.element;\n }\n get attributeName() {\n return this.attributeObserver.attributeName;\n }\n elementMatchedAttribute(element) {\n this.tokensMatched(this.readTokensForElement(element));\n }\n elementAttributeValueChanged(element) {\n const [unmatchedTokens, matchedTokens] = this.refreshTokensForElement(element);\n this.tokensUnmatched(unmatchedTokens);\n this.tokensMatched(matchedTokens);\n }\n elementUnmatchedAttribute(element) {\n this.tokensUnmatched(this.tokensByElement.getValuesForKey(element));\n }\n tokensMatched(tokens) {\n tokens.forEach((token) => this.tokenMatched(token));\n }\n tokensUnmatched(tokens) {\n tokens.forEach((token) => this.tokenUnmatched(token));\n }\n tokenMatched(token) {\n this.delegate.tokenMatched(token);\n this.tokensByElement.add(token.element, token);\n }\n tokenUnmatched(token) {\n this.delegate.tokenUnmatched(token);\n this.tokensByElement.delete(token.element, token);\n }\n refreshTokensForElement(element) {\n const previousTokens = this.tokensByElement.getValuesForKey(element);\n const currentTokens = this.readTokensForElement(element);\n const firstDifferingIndex = zip(previousTokens, currentTokens).findIndex(([previousToken, currentToken]) => !tokensAreEqual(previousToken, currentToken));\n if (firstDifferingIndex == -1) {\n return [[], []];\n }\n else {\n return [previousTokens.slice(firstDifferingIndex), currentTokens.slice(firstDifferingIndex)];\n }\n }\n readTokensForElement(element) {\n const attributeName = this.attributeName;\n const tokenString = element.getAttribute(attributeName) || \"\";\n return parseTokenString(tokenString, element, attributeName);\n }\n}\nfunction parseTokenString(tokenString, element, attributeName) {\n return tokenString\n .trim()\n .split(/\\s+/)\n .filter((content) => content.length)\n .map((content, index) => ({ element, attributeName, content, index }));\n}\nfunction zip(left, right) {\n const length = Math.max(left.length, right.length);\n return Array.from({ length }, (_, index) => [left[index], right[index]]);\n}\nfunction tokensAreEqual(left, right) {\n return left && right && left.index == right.index && left.content == right.content;\n}\n\nclass ValueListObserver {\n constructor(element, attributeName, delegate) {\n this.tokenListObserver = new TokenListObserver(element, attributeName, this);\n this.delegate = delegate;\n this.parseResultsByToken = new WeakMap();\n this.valuesByTokenByElement = new WeakMap();\n }\n get started() {\n return this.tokenListObserver.started;\n }\n start() {\n this.tokenListObserver.start();\n }\n stop() {\n this.tokenListObserver.stop();\n }\n refresh() {\n this.tokenListObserver.refresh();\n }\n get element() {\n return this.tokenListObserver.element;\n }\n get attributeName() {\n return this.tokenListObserver.attributeName;\n }\n tokenMatched(token) {\n const { element } = token;\n const { value } = this.fetchParseResultForToken(token);\n if (value) {\n this.fetchValuesByTokenForElement(element).set(token, value);\n this.delegate.elementMatchedValue(element, value);\n }\n }\n tokenUnmatched(token) {\n const { element } = token;\n const { value } = this.fetchParseResultForToken(token);\n if (value) {\n this.fetchValuesByTokenForElement(element).delete(token);\n this.delegate.elementUnmatchedValue(element, value);\n }\n }\n fetchParseResultForToken(token) {\n let parseResult = this.parseResultsByToken.get(token);\n if (!parseResult) {\n parseResult = this.parseToken(token);\n this.parseResultsByToken.set(token, parseResult);\n }\n return parseResult;\n }\n fetchValuesByTokenForElement(element) {\n let valuesByToken = this.valuesByTokenByElement.get(element);\n if (!valuesByToken) {\n valuesByToken = new Map();\n this.valuesByTokenByElement.set(element, valuesByToken);\n }\n return valuesByToken;\n }\n parseToken(token) {\n try {\n const value = this.delegate.parseValueForToken(token);\n return { value };\n }\n catch (error) {\n return { error };\n }\n }\n}\n\nclass BindingObserver {\n constructor(context, delegate) {\n this.context = context;\n this.delegate = delegate;\n this.bindingsByAction = new Map();\n }\n start() {\n if (!this.valueListObserver) {\n this.valueListObserver = new ValueListObserver(this.element, this.actionAttribute, this);\n this.valueListObserver.start();\n }\n }\n stop() {\n if (this.valueListObserver) {\n this.valueListObserver.stop();\n delete this.valueListObserver;\n this.disconnectAllActions();\n }\n }\n get element() {\n return this.context.element;\n }\n get identifier() {\n return this.context.identifier;\n }\n get actionAttribute() {\n return this.schema.actionAttribute;\n }\n get schema() {\n return this.context.schema;\n }\n get bindings() {\n return Array.from(this.bindingsByAction.values());\n }\n connectAction(action) {\n const binding = new Binding(this.context, action);\n this.bindingsByAction.set(action, binding);\n this.delegate.bindingConnected(binding);\n }\n disconnectAction(action) {\n const binding = this.bindingsByAction.get(action);\n if (binding) {\n this.bindingsByAction.delete(action);\n this.delegate.bindingDisconnected(binding);\n }\n }\n disconnectAllActions() {\n this.bindings.forEach((binding) => this.delegate.bindingDisconnected(binding, true));\n this.bindingsByAction.clear();\n }\n parseValueForToken(token) {\n const action = Action.forToken(token, this.schema);\n if (action.identifier == this.identifier) {\n return action;\n }\n }\n elementMatchedValue(element, action) {\n this.connectAction(action);\n }\n elementUnmatchedValue(element, action) {\n this.disconnectAction(action);\n }\n}\n\nclass ValueObserver {\n constructor(context, receiver) {\n this.context = context;\n this.receiver = receiver;\n this.stringMapObserver = new StringMapObserver(this.element, this);\n this.valueDescriptorMap = this.controller.valueDescriptorMap;\n }\n start() {\n this.stringMapObserver.start();\n this.invokeChangedCallbacksForDefaultValues();\n }\n stop() {\n this.stringMapObserver.stop();\n }\n get element() {\n return this.context.element;\n }\n get controller() {\n return this.context.controller;\n }\n getStringMapKeyForAttribute(attributeName) {\n if (attributeName in this.valueDescriptorMap) {\n return this.valueDescriptorMap[attributeName].name;\n }\n }\n stringMapKeyAdded(key, attributeName) {\n const descriptor = this.valueDescriptorMap[attributeName];\n if (!this.hasValue(key)) {\n this.invokeChangedCallback(key, descriptor.writer(this.receiver[key]), descriptor.writer(descriptor.defaultValue));\n }\n }\n stringMapValueChanged(value, name, oldValue) {\n const descriptor = this.valueDescriptorNameMap[name];\n if (value === null)\n return;\n if (oldValue === null) {\n oldValue = descriptor.writer(descriptor.defaultValue);\n }\n this.invokeChangedCallback(name, value, oldValue);\n }\n stringMapKeyRemoved(key, attributeName, oldValue) {\n const descriptor = this.valueDescriptorNameMap[key];\n if (this.hasValue(key)) {\n this.invokeChangedCallback(key, descriptor.writer(this.receiver[key]), oldValue);\n }\n else {\n this.invokeChangedCallback(key, descriptor.writer(descriptor.defaultValue), oldValue);\n }\n }\n invokeChangedCallbacksForDefaultValues() {\n for (const { key, name, defaultValue, writer } of this.valueDescriptors) {\n if (defaultValue != undefined && !this.controller.data.has(key)) {\n this.invokeChangedCallback(name, writer(defaultValue), undefined);\n }\n }\n }\n invokeChangedCallback(name, rawValue, rawOldValue) {\n const changedMethodName = `${name}Changed`;\n const changedMethod = this.receiver[changedMethodName];\n if (typeof changedMethod == \"function\") {\n const descriptor = this.valueDescriptorNameMap[name];\n try {\n const value = descriptor.reader(rawValue);\n let oldValue = rawOldValue;\n if (rawOldValue) {\n oldValue = descriptor.reader(rawOldValue);\n }\n changedMethod.call(this.receiver, value, oldValue);\n }\n catch (error) {\n if (error instanceof TypeError) {\n error.message = `Stimulus Value \"${this.context.identifier}.${descriptor.name}\" - ${error.message}`;\n }\n throw error;\n }\n }\n }\n get valueDescriptors() {\n const { valueDescriptorMap } = this;\n return Object.keys(valueDescriptorMap).map((key) => valueDescriptorMap[key]);\n }\n get valueDescriptorNameMap() {\n const descriptors = {};\n Object.keys(this.valueDescriptorMap).forEach((key) => {\n const descriptor = this.valueDescriptorMap[key];\n descriptors[descriptor.name] = descriptor;\n });\n return descriptors;\n }\n hasValue(attributeName) {\n const descriptor = this.valueDescriptorNameMap[attributeName];\n const hasMethodName = `has${capitalize(descriptor.name)}`;\n return this.receiver[hasMethodName];\n }\n}\n\nclass TargetObserver {\n constructor(context, delegate) {\n this.context = context;\n this.delegate = delegate;\n this.targetsByName = new Multimap();\n }\n start() {\n if (!this.tokenListObserver) {\n this.tokenListObserver = new TokenListObserver(this.element, this.attributeName, this);\n this.tokenListObserver.start();\n }\n }\n stop() {\n if (this.tokenListObserver) {\n this.disconnectAllTargets();\n this.tokenListObserver.stop();\n delete this.tokenListObserver;\n }\n }\n tokenMatched({ element, content: name }) {\n if (this.scope.containsElement(element)) {\n this.connectTarget(element, name);\n }\n }\n tokenUnmatched({ element, content: name }) {\n this.disconnectTarget(element, name);\n }\n connectTarget(element, name) {\n var _a;\n if (!this.targetsByName.has(name, element)) {\n this.targetsByName.add(name, element);\n (_a = this.tokenListObserver) === null || _a === void 0 ? void 0 : _a.pause(() => this.delegate.targetConnected(element, name));\n }\n }\n disconnectTarget(element, name) {\n var _a;\n if (this.targetsByName.has(name, element)) {\n this.targetsByName.delete(name, element);\n (_a = this.tokenListObserver) === null || _a === void 0 ? void 0 : _a.pause(() => this.delegate.targetDisconnected(element, name));\n }\n }\n disconnectAllTargets() {\n for (const name of this.targetsByName.keys) {\n for (const element of this.targetsByName.getValuesForKey(name)) {\n this.disconnectTarget(element, name);\n }\n }\n }\n get attributeName() {\n return `data-${this.context.identifier}-target`;\n }\n get element() {\n return this.context.element;\n }\n get scope() {\n return this.context.scope;\n }\n}\n\nfunction readInheritableStaticArrayValues(constructor, propertyName) {\n const ancestors = getAncestorsForConstructor(constructor);\n return Array.from(ancestors.reduce((values, constructor) => {\n getOwnStaticArrayValues(constructor, propertyName).forEach((name) => values.add(name));\n return values;\n }, new Set()));\n}\nfunction readInheritableStaticObjectPairs(constructor, propertyName) {\n const ancestors = getAncestorsForConstructor(constructor);\n return ancestors.reduce((pairs, constructor) => {\n pairs.push(...getOwnStaticObjectPairs(constructor, propertyName));\n return pairs;\n }, []);\n}\nfunction getAncestorsForConstructor(constructor) {\n const ancestors = [];\n while (constructor) {\n ancestors.push(constructor);\n constructor = Object.getPrototypeOf(constructor);\n }\n return ancestors.reverse();\n}\nfunction getOwnStaticArrayValues(constructor, propertyName) {\n const definition = constructor[propertyName];\n return Array.isArray(definition) ? definition : [];\n}\nfunction getOwnStaticObjectPairs(constructor, propertyName) {\n const definition = constructor[propertyName];\n return definition ? Object.keys(definition).map((key) => [key, definition[key]]) : [];\n}\n\nclass OutletObserver {\n constructor(context, delegate) {\n this.started = false;\n this.context = context;\n this.delegate = delegate;\n this.outletsByName = new Multimap();\n this.outletElementsByName = new Multimap();\n this.selectorObserverMap = new Map();\n this.attributeObserverMap = new Map();\n }\n start() {\n if (!this.started) {\n this.outletDefinitions.forEach((outletName) => {\n this.setupSelectorObserverForOutlet(outletName);\n this.setupAttributeObserverForOutlet(outletName);\n });\n this.started = true;\n this.dependentContexts.forEach((context) => context.refresh());\n }\n }\n refresh() {\n this.selectorObserverMap.forEach((observer) => observer.refresh());\n this.attributeObserverMap.forEach((observer) => observer.refresh());\n }\n stop() {\n if (this.started) {\n this.started = false;\n this.disconnectAllOutlets();\n this.stopSelectorObservers();\n this.stopAttributeObservers();\n }\n }\n stopSelectorObservers() {\n if (this.selectorObserverMap.size > 0) {\n this.selectorObserverMap.forEach((observer) => observer.stop());\n this.selectorObserverMap.clear();\n }\n }\n stopAttributeObservers() {\n if (this.attributeObserverMap.size > 0) {\n this.attributeObserverMap.forEach((observer) => observer.stop());\n this.attributeObserverMap.clear();\n }\n }\n selectorMatched(element, _selector, { outletName }) {\n const outlet = this.getOutlet(element, outletName);\n if (outlet) {\n this.connectOutlet(outlet, element, outletName);\n }\n }\n selectorUnmatched(element, _selector, { outletName }) {\n const outlet = this.getOutletFromMap(element, outletName);\n if (outlet) {\n this.disconnectOutlet(outlet, element, outletName);\n }\n }\n selectorMatchElement(element, { outletName }) {\n const selector = this.selector(outletName);\n const hasOutlet = this.hasOutlet(element, outletName);\n const hasOutletController = element.matches(`[${this.schema.controllerAttribute}~=${outletName}]`);\n if (selector) {\n return hasOutlet && hasOutletController && element.matches(selector);\n }\n else {\n return false;\n }\n }\n elementMatchedAttribute(_element, attributeName) {\n const outletName = this.getOutletNameFromOutletAttributeName(attributeName);\n if (outletName) {\n this.updateSelectorObserverForOutlet(outletName);\n }\n }\n elementAttributeValueChanged(_element, attributeName) {\n const outletName = this.getOutletNameFromOutletAttributeName(attributeName);\n if (outletName) {\n this.updateSelectorObserverForOutlet(outletName);\n }\n }\n elementUnmatchedAttribute(_element, attributeName) {\n const outletName = this.getOutletNameFromOutletAttributeName(attributeName);\n if (outletName) {\n this.updateSelectorObserverForOutlet(outletName);\n }\n }\n connectOutlet(outlet, element, outletName) {\n var _a;\n if (!this.outletElementsByName.has(outletName, element)) {\n this.outletsByName.add(outletName, outlet);\n this.outletElementsByName.add(outletName, element);\n (_a = this.selectorObserverMap.get(outletName)) === null || _a === void 0 ? void 0 : _a.pause(() => this.delegate.outletConnected(outlet, element, outletName));\n }\n }\n disconnectOutlet(outlet, element, outletName) {\n var _a;\n if (this.outletElementsByName.has(outletName, element)) {\n this.outletsByName.delete(outletName, outlet);\n this.outletElementsByName.delete(outletName, element);\n (_a = this.selectorObserverMap\n .get(outletName)) === null || _a === void 0 ? void 0 : _a.pause(() => this.delegate.outletDisconnected(outlet, element, outletName));\n }\n }\n disconnectAllOutlets() {\n for (const outletName of this.outletElementsByName.keys) {\n for (const element of this.outletElementsByName.getValuesForKey(outletName)) {\n for (const outlet of this.outletsByName.getValuesForKey(outletName)) {\n this.disconnectOutlet(outlet, element, outletName);\n }\n }\n }\n }\n updateSelectorObserverForOutlet(outletName) {\n const observer = this.selectorObserverMap.get(outletName);\n if (observer) {\n observer.selector = this.selector(outletName);\n }\n }\n setupSelectorObserverForOutlet(outletName) {\n const selector = this.selector(outletName);\n const selectorObserver = new SelectorObserver(document.body, selector, this, { outletName });\n this.selectorObserverMap.set(outletName, selectorObserver);\n selectorObserver.start();\n }\n setupAttributeObserverForOutlet(outletName) {\n const attributeName = this.attributeNameForOutletName(outletName);\n const attributeObserver = new AttributeObserver(this.scope.element, attributeName, this);\n this.attributeObserverMap.set(outletName, attributeObserver);\n attributeObserver.start();\n }\n selector(outletName) {\n return this.scope.outlets.getSelectorForOutletName(outletName);\n }\n attributeNameForOutletName(outletName) {\n return this.scope.schema.outletAttributeForScope(this.identifier, outletName);\n }\n getOutletNameFromOutletAttributeName(attributeName) {\n return this.outletDefinitions.find((outletName) => this.attributeNameForOutletName(outletName) === attributeName);\n }\n get outletDependencies() {\n const dependencies = new Multimap();\n this.router.modules.forEach((module) => {\n const constructor = module.definition.controllerConstructor;\n const outlets = readInheritableStaticArrayValues(constructor, \"outlets\");\n outlets.forEach((outlet) => dependencies.add(outlet, module.identifier));\n });\n return dependencies;\n }\n get outletDefinitions() {\n return this.outletDependencies.getKeysForValue(this.identifier);\n }\n get dependentControllerIdentifiers() {\n return this.outletDependencies.getValuesForKey(this.identifier);\n }\n get dependentContexts() {\n const identifiers = this.dependentControllerIdentifiers;\n return this.router.contexts.filter((context) => identifiers.includes(context.identifier));\n }\n hasOutlet(element, outletName) {\n return !!this.getOutlet(element, outletName) || !!this.getOutletFromMap(element, outletName);\n }\n getOutlet(element, outletName) {\n return this.application.getControllerForElementAndIdentifier(element, outletName);\n }\n getOutletFromMap(element, outletName) {\n return this.outletsByName.getValuesForKey(outletName).find((outlet) => outlet.element === element);\n }\n get scope() {\n return this.context.scope;\n }\n get schema() {\n return this.context.schema;\n }\n get identifier() {\n return this.context.identifier;\n }\n get application() {\n return this.context.application;\n }\n get router() {\n return this.application.router;\n }\n}\n\nclass Context {\n constructor(module, scope) {\n this.logDebugActivity = (functionName, detail = {}) => {\n const { identifier, controller, element } = this;\n detail = Object.assign({ identifier, controller, element }, detail);\n this.application.logDebugActivity(this.identifier, functionName, detail);\n };\n this.module = module;\n this.scope = scope;\n this.controller = new module.controllerConstructor(this);\n this.bindingObserver = new BindingObserver(this, this.dispatcher);\n this.valueObserver = new ValueObserver(this, this.controller);\n this.targetObserver = new TargetObserver(this, this);\n this.outletObserver = new OutletObserver(this, this);\n try {\n this.controller.initialize();\n this.logDebugActivity(\"initialize\");\n }\n catch (error) {\n this.handleError(error, \"initializing controller\");\n }\n }\n connect() {\n this.bindingObserver.start();\n this.valueObserver.start();\n this.targetObserver.start();\n this.outletObserver.start();\n try {\n this.controller.connect();\n this.logDebugActivity(\"connect\");\n }\n catch (error) {\n this.handleError(error, \"connecting controller\");\n }\n }\n refresh() {\n this.outletObserver.refresh();\n }\n disconnect() {\n try {\n this.controller.disconnect();\n this.logDebugActivity(\"disconnect\");\n }\n catch (error) {\n this.handleError(error, \"disconnecting controller\");\n }\n this.outletObserver.stop();\n this.targetObserver.stop();\n this.valueObserver.stop();\n this.bindingObserver.stop();\n }\n get application() {\n return this.module.application;\n }\n get identifier() {\n return this.module.identifier;\n }\n get schema() {\n return this.application.schema;\n }\n get dispatcher() {\n return this.application.dispatcher;\n }\n get element() {\n return this.scope.element;\n }\n get parentElement() {\n return this.element.parentElement;\n }\n handleError(error, message, detail = {}) {\n const { identifier, controller, element } = this;\n detail = Object.assign({ identifier, controller, element }, detail);\n this.application.handleError(error, `Error ${message}`, detail);\n }\n targetConnected(element, name) {\n this.invokeControllerMethod(`${name}TargetConnected`, element);\n }\n targetDisconnected(element, name) {\n this.invokeControllerMethod(`${name}TargetDisconnected`, element);\n }\n outletConnected(outlet, element, name) {\n this.invokeControllerMethod(`${namespaceCamelize(name)}OutletConnected`, outlet, element);\n }\n outletDisconnected(outlet, element, name) {\n this.invokeControllerMethod(`${namespaceCamelize(name)}OutletDisconnected`, outlet, element);\n }\n invokeControllerMethod(methodName, ...args) {\n const controller = this.controller;\n if (typeof controller[methodName] == \"function\") {\n controller[methodName](...args);\n }\n }\n}\n\nfunction bless(constructor) {\n return shadow(constructor, getBlessedProperties(constructor));\n}\nfunction shadow(constructor, properties) {\n const shadowConstructor = extend(constructor);\n const shadowProperties = getShadowProperties(constructor.prototype, properties);\n Object.defineProperties(shadowConstructor.prototype, shadowProperties);\n return shadowConstructor;\n}\nfunction getBlessedProperties(constructor) {\n const blessings = readInheritableStaticArrayValues(constructor, \"blessings\");\n return blessings.reduce((blessedProperties, blessing) => {\n const properties = blessing(constructor);\n for (const key in properties) {\n const descriptor = blessedProperties[key] || {};\n blessedProperties[key] = Object.assign(descriptor, properties[key]);\n }\n return blessedProperties;\n }, {});\n}\nfunction getShadowProperties(prototype, properties) {\n return getOwnKeys(properties).reduce((shadowProperties, key) => {\n const descriptor = getShadowedDescriptor(prototype, properties, key);\n if (descriptor) {\n Object.assign(shadowProperties, { [key]: descriptor });\n }\n return shadowProperties;\n }, {});\n}\nfunction getShadowedDescriptor(prototype, properties, key) {\n const shadowingDescriptor = Object.getOwnPropertyDescriptor(prototype, key);\n const shadowedByValue = shadowingDescriptor && \"value\" in shadowingDescriptor;\n if (!shadowedByValue) {\n const descriptor = Object.getOwnPropertyDescriptor(properties, key).value;\n if (shadowingDescriptor) {\n descriptor.get = shadowingDescriptor.get || descriptor.get;\n descriptor.set = shadowingDescriptor.set || descriptor.set;\n }\n return descriptor;\n }\n}\nconst getOwnKeys = (() => {\n if (typeof Object.getOwnPropertySymbols == \"function\") {\n return (object) => [...Object.getOwnPropertyNames(object), ...Object.getOwnPropertySymbols(object)];\n }\n else {\n return Object.getOwnPropertyNames;\n }\n})();\nconst extend = (() => {\n function extendWithReflect(constructor) {\n function extended() {\n return Reflect.construct(constructor, arguments, new.target);\n }\n extended.prototype = Object.create(constructor.prototype, {\n constructor: { value: extended },\n });\n Reflect.setPrototypeOf(extended, constructor);\n return extended;\n }\n function testReflectExtension() {\n const a = function () {\n this.a.call(this);\n };\n const b = extendWithReflect(a);\n b.prototype.a = function () { };\n return new b();\n }\n try {\n testReflectExtension();\n return extendWithReflect;\n }\n catch (error) {\n return (constructor) => class extended extends constructor {\n };\n }\n})();\n\nfunction blessDefinition(definition) {\n return {\n identifier: definition.identifier,\n controllerConstructor: bless(definition.controllerConstructor),\n };\n}\n\nclass Module {\n constructor(application, definition) {\n this.application = application;\n this.definition = blessDefinition(definition);\n this.contextsByScope = new WeakMap();\n this.connectedContexts = new Set();\n }\n get identifier() {\n return this.definition.identifier;\n }\n get controllerConstructor() {\n return this.definition.controllerConstructor;\n }\n get contexts() {\n return Array.from(this.connectedContexts);\n }\n connectContextForScope(scope) {\n const context = this.fetchContextForScope(scope);\n this.connectedContexts.add(context);\n context.connect();\n }\n disconnectContextForScope(scope) {\n const context = this.contextsByScope.get(scope);\n if (context) {\n this.connectedContexts.delete(context);\n context.disconnect();\n }\n }\n fetchContextForScope(scope) {\n let context = this.contextsByScope.get(scope);\n if (!context) {\n context = new Context(this, scope);\n this.contextsByScope.set(scope, context);\n }\n return context;\n }\n}\n\nclass ClassMap {\n constructor(scope) {\n this.scope = scope;\n }\n has(name) {\n return this.data.has(this.getDataKey(name));\n }\n get(name) {\n return this.getAll(name)[0];\n }\n getAll(name) {\n const tokenString = this.data.get(this.getDataKey(name)) || \"\";\n return tokenize(tokenString);\n }\n getAttributeName(name) {\n return this.data.getAttributeNameForKey(this.getDataKey(name));\n }\n getDataKey(name) {\n return `${name}-class`;\n }\n get data() {\n return this.scope.data;\n }\n}\n\nclass DataMap {\n constructor(scope) {\n this.scope = scope;\n }\n get element() {\n return this.scope.element;\n }\n get identifier() {\n return this.scope.identifier;\n }\n get(key) {\n const name = this.getAttributeNameForKey(key);\n return this.element.getAttribute(name);\n }\n set(key, value) {\n const name = this.getAttributeNameForKey(key);\n this.element.setAttribute(name, value);\n return this.get(key);\n }\n has(key) {\n const name = this.getAttributeNameForKey(key);\n return this.element.hasAttribute(name);\n }\n delete(key) {\n if (this.has(key)) {\n const name = this.getAttributeNameForKey(key);\n this.element.removeAttribute(name);\n return true;\n }\n else {\n return false;\n }\n }\n getAttributeNameForKey(key) {\n return `data-${this.identifier}-${dasherize(key)}`;\n }\n}\n\nclass Guide {\n constructor(logger) {\n this.warnedKeysByObject = new WeakMap();\n this.logger = logger;\n }\n warn(object, key, message) {\n let warnedKeys = this.warnedKeysByObject.get(object);\n if (!warnedKeys) {\n warnedKeys = new Set();\n this.warnedKeysByObject.set(object, warnedKeys);\n }\n if (!warnedKeys.has(key)) {\n warnedKeys.add(key);\n this.logger.warn(message, object);\n }\n }\n}\n\nfunction attributeValueContainsToken(attributeName, token) {\n return `[${attributeName}~=\"${token}\"]`;\n}\n\nclass TargetSet {\n constructor(scope) {\n this.scope = scope;\n }\n get element() {\n return this.scope.element;\n }\n get identifier() {\n return this.scope.identifier;\n }\n get schema() {\n return this.scope.schema;\n }\n has(targetName) {\n return this.find(targetName) != null;\n }\n find(...targetNames) {\n return targetNames.reduce((target, targetName) => target || this.findTarget(targetName) || this.findLegacyTarget(targetName), undefined);\n }\n findAll(...targetNames) {\n return targetNames.reduce((targets, targetName) => [\n ...targets,\n ...this.findAllTargets(targetName),\n ...this.findAllLegacyTargets(targetName),\n ], []);\n }\n findTarget(targetName) {\n const selector = this.getSelectorForTargetName(targetName);\n return this.scope.findElement(selector);\n }\n findAllTargets(targetName) {\n const selector = this.getSelectorForTargetName(targetName);\n return this.scope.findAllElements(selector);\n }\n getSelectorForTargetName(targetName) {\n const attributeName = this.schema.targetAttributeForScope(this.identifier);\n return attributeValueContainsToken(attributeName, targetName);\n }\n findLegacyTarget(targetName) {\n const selector = this.getLegacySelectorForTargetName(targetName);\n return this.deprecate(this.scope.findElement(selector), targetName);\n }\n findAllLegacyTargets(targetName) {\n const selector = this.getLegacySelectorForTargetName(targetName);\n return this.scope.findAllElements(selector).map((element) => this.deprecate(element, targetName));\n }\n getLegacySelectorForTargetName(targetName) {\n const targetDescriptor = `${this.identifier}.${targetName}`;\n return attributeValueContainsToken(this.schema.targetAttribute, targetDescriptor);\n }\n deprecate(element, targetName) {\n if (element) {\n const { identifier } = this;\n const attributeName = this.schema.targetAttribute;\n const revisedAttributeName = this.schema.targetAttributeForScope(identifier);\n this.guide.warn(element, `target:${targetName}`, `Please replace ${attributeName}=\"${identifier}.${targetName}\" with ${revisedAttributeName}=\"${targetName}\". ` +\n `The ${attributeName} attribute is deprecated and will be removed in a future version of Stimulus.`);\n }\n return element;\n }\n get guide() {\n return this.scope.guide;\n }\n}\n\nclass OutletSet {\n constructor(scope, controllerElement) {\n this.scope = scope;\n this.controllerElement = controllerElement;\n }\n get element() {\n return this.scope.element;\n }\n get identifier() {\n return this.scope.identifier;\n }\n get schema() {\n return this.scope.schema;\n }\n has(outletName) {\n return this.find(outletName) != null;\n }\n find(...outletNames) {\n return outletNames.reduce((outlet, outletName) => outlet || this.findOutlet(outletName), undefined);\n }\n findAll(...outletNames) {\n return outletNames.reduce((outlets, outletName) => [...outlets, ...this.findAllOutlets(outletName)], []);\n }\n getSelectorForOutletName(outletName) {\n const attributeName = this.schema.outletAttributeForScope(this.identifier, outletName);\n return this.controllerElement.getAttribute(attributeName);\n }\n findOutlet(outletName) {\n const selector = this.getSelectorForOutletName(outletName);\n if (selector)\n return this.findElement(selector, outletName);\n }\n findAllOutlets(outletName) {\n const selector = this.getSelectorForOutletName(outletName);\n return selector ? this.findAllElements(selector, outletName) : [];\n }\n findElement(selector, outletName) {\n const elements = this.scope.queryElements(selector);\n return elements.filter((element) => this.matchesElement(element, selector, outletName))[0];\n }\n findAllElements(selector, outletName) {\n const elements = this.scope.queryElements(selector);\n return elements.filter((element) => this.matchesElement(element, selector, outletName));\n }\n matchesElement(element, selector, outletName) {\n const controllerAttribute = element.getAttribute(this.scope.schema.controllerAttribute) || \"\";\n return element.matches(selector) && controllerAttribute.split(\" \").includes(outletName);\n }\n}\n\nclass Scope {\n constructor(schema, element, identifier, logger) {\n this.targets = new TargetSet(this);\n this.classes = new ClassMap(this);\n this.data = new DataMap(this);\n this.containsElement = (element) => {\n return element.closest(this.controllerSelector) === this.element;\n };\n this.schema = schema;\n this.element = element;\n this.identifier = identifier;\n this.guide = new Guide(logger);\n this.outlets = new OutletSet(this.documentScope, element);\n }\n findElement(selector) {\n return this.element.matches(selector) ? this.element : this.queryElements(selector).find(this.containsElement);\n }\n findAllElements(selector) {\n return [\n ...(this.element.matches(selector) ? [this.element] : []),\n ...this.queryElements(selector).filter(this.containsElement),\n ];\n }\n queryElements(selector) {\n return Array.from(this.element.querySelectorAll(selector));\n }\n get controllerSelector() {\n return attributeValueContainsToken(this.schema.controllerAttribute, this.identifier);\n }\n get isDocumentScope() {\n return this.element === document.documentElement;\n }\n get documentScope() {\n return this.isDocumentScope\n ? this\n : new Scope(this.schema, document.documentElement, this.identifier, this.guide.logger);\n }\n}\n\nclass ScopeObserver {\n constructor(element, schema, delegate) {\n this.element = element;\n this.schema = schema;\n this.delegate = delegate;\n this.valueListObserver = new ValueListObserver(this.element, this.controllerAttribute, this);\n this.scopesByIdentifierByElement = new WeakMap();\n this.scopeReferenceCounts = new WeakMap();\n }\n start() {\n this.valueListObserver.start();\n }\n stop() {\n this.valueListObserver.stop();\n }\n get controllerAttribute() {\n return this.schema.controllerAttribute;\n }\n parseValueForToken(token) {\n const { element, content: identifier } = token;\n return this.parseValueForElementAndIdentifier(element, identifier);\n }\n parseValueForElementAndIdentifier(element, identifier) {\n const scopesByIdentifier = this.fetchScopesByIdentifierForElement(element);\n let scope = scopesByIdentifier.get(identifier);\n if (!scope) {\n scope = this.delegate.createScopeForElementAndIdentifier(element, identifier);\n scopesByIdentifier.set(identifier, scope);\n }\n return scope;\n }\n elementMatchedValue(element, value) {\n const referenceCount = (this.scopeReferenceCounts.get(value) || 0) + 1;\n this.scopeReferenceCounts.set(value, referenceCount);\n if (referenceCount == 1) {\n this.delegate.scopeConnected(value);\n }\n }\n elementUnmatchedValue(element, value) {\n const referenceCount = this.scopeReferenceCounts.get(value);\n if (referenceCount) {\n this.scopeReferenceCounts.set(value, referenceCount - 1);\n if (referenceCount == 1) {\n this.delegate.scopeDisconnected(value);\n }\n }\n }\n fetchScopesByIdentifierForElement(element) {\n let scopesByIdentifier = this.scopesByIdentifierByElement.get(element);\n if (!scopesByIdentifier) {\n scopesByIdentifier = new Map();\n this.scopesByIdentifierByElement.set(element, scopesByIdentifier);\n }\n return scopesByIdentifier;\n }\n}\n\nclass Router {\n constructor(application) {\n this.application = application;\n this.scopeObserver = new ScopeObserver(this.element, this.schema, this);\n this.scopesByIdentifier = new Multimap();\n this.modulesByIdentifier = new Map();\n }\n get element() {\n return this.application.element;\n }\n get schema() {\n return this.application.schema;\n }\n get logger() {\n return this.application.logger;\n }\n get controllerAttribute() {\n return this.schema.controllerAttribute;\n }\n get modules() {\n return Array.from(this.modulesByIdentifier.values());\n }\n get contexts() {\n return this.modules.reduce((contexts, module) => contexts.concat(module.contexts), []);\n }\n start() {\n this.scopeObserver.start();\n }\n stop() {\n this.scopeObserver.stop();\n }\n loadDefinition(definition) {\n this.unloadIdentifier(definition.identifier);\n const module = new Module(this.application, definition);\n this.connectModule(module);\n const afterLoad = definition.controllerConstructor.afterLoad;\n if (afterLoad) {\n afterLoad.call(definition.controllerConstructor, definition.identifier, this.application);\n }\n }\n unloadIdentifier(identifier) {\n const module = this.modulesByIdentifier.get(identifier);\n if (module) {\n this.disconnectModule(module);\n }\n }\n getContextForElementAndIdentifier(element, identifier) {\n const module = this.modulesByIdentifier.get(identifier);\n if (module) {\n return module.contexts.find((context) => context.element == element);\n }\n }\n proposeToConnectScopeForElementAndIdentifier(element, identifier) {\n const scope = this.scopeObserver.parseValueForElementAndIdentifier(element, identifier);\n if (scope) {\n this.scopeObserver.elementMatchedValue(scope.element, scope);\n }\n else {\n console.error(`Couldn't find or create scope for identifier: \"${identifier}\" and element:`, element);\n }\n }\n handleError(error, message, detail) {\n this.application.handleError(error, message, detail);\n }\n createScopeForElementAndIdentifier(element, identifier) {\n return new Scope(this.schema, element, identifier, this.logger);\n }\n scopeConnected(scope) {\n this.scopesByIdentifier.add(scope.identifier, scope);\n const module = this.modulesByIdentifier.get(scope.identifier);\n if (module) {\n module.connectContextForScope(scope);\n }\n }\n scopeDisconnected(scope) {\n this.scopesByIdentifier.delete(scope.identifier, scope);\n const module = this.modulesByIdentifier.get(scope.identifier);\n if (module) {\n module.disconnectContextForScope(scope);\n }\n }\n connectModule(module) {\n this.modulesByIdentifier.set(module.identifier, module);\n const scopes = this.scopesByIdentifier.getValuesForKey(module.identifier);\n scopes.forEach((scope) => module.connectContextForScope(scope));\n }\n disconnectModule(module) {\n this.modulesByIdentifier.delete(module.identifier);\n const scopes = this.scopesByIdentifier.getValuesForKey(module.identifier);\n scopes.forEach((scope) => module.disconnectContextForScope(scope));\n }\n}\n\nconst defaultSchema = {\n controllerAttribute: \"data-controller\",\n actionAttribute: \"data-action\",\n targetAttribute: \"data-target\",\n targetAttributeForScope: (identifier) => `data-${identifier}-target`,\n outletAttributeForScope: (identifier, outlet) => `data-${identifier}-${outlet}-outlet`,\n keyMappings: Object.assign(Object.assign({ enter: \"Enter\", tab: \"Tab\", esc: \"Escape\", space: \" \", up: \"ArrowUp\", down: \"ArrowDown\", left: \"ArrowLeft\", right: \"ArrowRight\", home: \"Home\", end: \"End\", page_up: \"PageUp\", page_down: \"PageDown\" }, objectFromEntries(\"abcdefghijklmnopqrstuvwxyz\".split(\"\").map((c) => [c, c]))), objectFromEntries(\"0123456789\".split(\"\").map((n) => [n, n]))),\n};\nfunction objectFromEntries(array) {\n return array.reduce((memo, [k, v]) => (Object.assign(Object.assign({}, memo), { [k]: v })), {});\n}\n\nclass Application {\n constructor(element = document.documentElement, schema = defaultSchema) {\n this.logger = console;\n this.debug = false;\n this.logDebugActivity = (identifier, functionName, detail = {}) => {\n if (this.debug) {\n this.logFormattedMessage(identifier, functionName, detail);\n }\n };\n this.element = element;\n this.schema = schema;\n this.dispatcher = new Dispatcher(this);\n this.router = new Router(this);\n this.actionDescriptorFilters = Object.assign({}, defaultActionDescriptorFilters);\n }\n static start(element, schema) {\n const application = new this(element, schema);\n application.start();\n return application;\n }\n async start() {\n await domReady();\n this.logDebugActivity(\"application\", \"starting\");\n this.dispatcher.start();\n this.router.start();\n this.logDebugActivity(\"application\", \"start\");\n }\n stop() {\n this.logDebugActivity(\"application\", \"stopping\");\n this.dispatcher.stop();\n this.router.stop();\n this.logDebugActivity(\"application\", \"stop\");\n }\n register(identifier, controllerConstructor) {\n this.load({ identifier, controllerConstructor });\n }\n registerActionOption(name, filter) {\n this.actionDescriptorFilters[name] = filter;\n }\n load(head, ...rest) {\n const definitions = Array.isArray(head) ? head : [head, ...rest];\n definitions.forEach((definition) => {\n if (definition.controllerConstructor.shouldLoad) {\n this.router.loadDefinition(definition);\n }\n });\n }\n unload(head, ...rest) {\n const identifiers = Array.isArray(head) ? head : [head, ...rest];\n identifiers.forEach((identifier) => this.router.unloadIdentifier(identifier));\n }\n get controllers() {\n return this.router.contexts.map((context) => context.controller);\n }\n getControllerForElementAndIdentifier(element, identifier) {\n const context = this.router.getContextForElementAndIdentifier(element, identifier);\n return context ? context.controller : null;\n }\n handleError(error, message, detail) {\n var _a;\n this.logger.error(`%s\\n\\n%o\\n\\n%o`, message, error, detail);\n (_a = window.onerror) === null || _a === void 0 ? void 0 : _a.call(window, message, \"\", 0, 0, error);\n }\n logFormattedMessage(identifier, functionName, detail = {}) {\n detail = Object.assign({ application: this }, detail);\n this.logger.groupCollapsed(`${identifier} #${functionName}`);\n this.logger.log(\"details:\", Object.assign({}, detail));\n this.logger.groupEnd();\n }\n}\nfunction domReady() {\n return new Promise((resolve) => {\n if (document.readyState == \"loading\") {\n document.addEventListener(\"DOMContentLoaded\", () => resolve());\n }\n else {\n resolve();\n }\n });\n}\n\nfunction ClassPropertiesBlessing(constructor) {\n const classes = readInheritableStaticArrayValues(constructor, \"classes\");\n return classes.reduce((properties, classDefinition) => {\n return Object.assign(properties, propertiesForClassDefinition(classDefinition));\n }, {});\n}\nfunction propertiesForClassDefinition(key) {\n return {\n [`${key}Class`]: {\n get() {\n const { classes } = this;\n if (classes.has(key)) {\n return classes.get(key);\n }\n else {\n const attribute = classes.getAttributeName(key);\n throw new Error(`Missing attribute \"${attribute}\"`);\n }\n },\n },\n [`${key}Classes`]: {\n get() {\n return this.classes.getAll(key);\n },\n },\n [`has${capitalize(key)}Class`]: {\n get() {\n return this.classes.has(key);\n },\n },\n };\n}\n\nfunction OutletPropertiesBlessing(constructor) {\n const outlets = readInheritableStaticArrayValues(constructor, \"outlets\");\n return outlets.reduce((properties, outletDefinition) => {\n return Object.assign(properties, propertiesForOutletDefinition(outletDefinition));\n }, {});\n}\nfunction getOutletController(controller, element, identifier) {\n return controller.application.getControllerForElementAndIdentifier(element, identifier);\n}\nfunction getControllerAndEnsureConnectedScope(controller, element, outletName) {\n let outletController = getOutletController(controller, element, outletName);\n if (outletController)\n return outletController;\n controller.application.router.proposeToConnectScopeForElementAndIdentifier(element, outletName);\n outletController = getOutletController(controller, element, outletName);\n if (outletController)\n return outletController;\n}\nfunction propertiesForOutletDefinition(name) {\n const camelizedName = namespaceCamelize(name);\n return {\n [`${camelizedName}Outlet`]: {\n get() {\n const outletElement = this.outlets.find(name);\n const selector = this.outlets.getSelectorForOutletName(name);\n if (outletElement) {\n const outletController = getControllerAndEnsureConnectedScope(this, outletElement, name);\n if (outletController)\n return outletController;\n throw new Error(`The provided outlet element is missing an outlet controller \"${name}\" instance for host controller \"${this.identifier}\"`);\n }\n throw new Error(`Missing outlet element \"${name}\" for host controller \"${this.identifier}\". Stimulus couldn't find a matching outlet element using selector \"${selector}\".`);\n },\n },\n [`${camelizedName}Outlets`]: {\n get() {\n const outlets = this.outlets.findAll(name);\n if (outlets.length > 0) {\n return outlets\n .map((outletElement) => {\n const outletController = getControllerAndEnsureConnectedScope(this, outletElement, name);\n if (outletController)\n return outletController;\n console.warn(`The provided outlet element is missing an outlet controller \"${name}\" instance for host controller \"${this.identifier}\"`, outletElement);\n })\n .filter((controller) => controller);\n }\n return [];\n },\n },\n [`${camelizedName}OutletElement`]: {\n get() {\n const outletElement = this.outlets.find(name);\n const selector = this.outlets.getSelectorForOutletName(name);\n if (outletElement) {\n return outletElement;\n }\n else {\n throw new Error(`Missing outlet element \"${name}\" for host controller \"${this.identifier}\". Stimulus couldn't find a matching outlet element using selector \"${selector}\".`);\n }\n },\n },\n [`${camelizedName}OutletElements`]: {\n get() {\n return this.outlets.findAll(name);\n },\n },\n [`has${capitalize(camelizedName)}Outlet`]: {\n get() {\n return this.outlets.has(name);\n },\n },\n };\n}\n\nfunction TargetPropertiesBlessing(constructor) {\n const targets = readInheritableStaticArrayValues(constructor, \"targets\");\n return targets.reduce((properties, targetDefinition) => {\n return Object.assign(properties, propertiesForTargetDefinition(targetDefinition));\n }, {});\n}\nfunction propertiesForTargetDefinition(name) {\n return {\n [`${name}Target`]: {\n get() {\n const target = this.targets.find(name);\n if (target) {\n return target;\n }\n else {\n throw new Error(`Missing target element \"${name}\" for \"${this.identifier}\" controller`);\n }\n },\n },\n [`${name}Targets`]: {\n get() {\n return this.targets.findAll(name);\n },\n },\n [`has${capitalize(name)}Target`]: {\n get() {\n return this.targets.has(name);\n },\n },\n };\n}\n\nfunction ValuePropertiesBlessing(constructor) {\n const valueDefinitionPairs = readInheritableStaticObjectPairs(constructor, \"values\");\n const propertyDescriptorMap = {\n valueDescriptorMap: {\n get() {\n return valueDefinitionPairs.reduce((result, valueDefinitionPair) => {\n const valueDescriptor = parseValueDefinitionPair(valueDefinitionPair, this.identifier);\n const attributeName = this.data.getAttributeNameForKey(valueDescriptor.key);\n return Object.assign(result, { [attributeName]: valueDescriptor });\n }, {});\n },\n },\n };\n return valueDefinitionPairs.reduce((properties, valueDefinitionPair) => {\n return Object.assign(properties, propertiesForValueDefinitionPair(valueDefinitionPair));\n }, propertyDescriptorMap);\n}\nfunction propertiesForValueDefinitionPair(valueDefinitionPair, controller) {\n const definition = parseValueDefinitionPair(valueDefinitionPair, controller);\n const { key, name, reader: read, writer: write } = definition;\n return {\n [name]: {\n get() {\n const value = this.data.get(key);\n if (value !== null) {\n return read(value);\n }\n else {\n return definition.defaultValue;\n }\n },\n set(value) {\n if (value === undefined) {\n this.data.delete(key);\n }\n else {\n this.data.set(key, write(value));\n }\n },\n },\n [`has${capitalize(name)}`]: {\n get() {\n return this.data.has(key) || definition.hasCustomDefaultValue;\n },\n },\n };\n}\nfunction parseValueDefinitionPair([token, typeDefinition], controller) {\n return valueDescriptorForTokenAndTypeDefinition({\n controller,\n token,\n typeDefinition,\n });\n}\nfunction parseValueTypeConstant(constant) {\n switch (constant) {\n case Array:\n return \"array\";\n case Boolean:\n return \"boolean\";\n case Number:\n return \"number\";\n case Object:\n return \"object\";\n case String:\n return \"string\";\n }\n}\nfunction parseValueTypeDefault(defaultValue) {\n switch (typeof defaultValue) {\n case \"boolean\":\n return \"boolean\";\n case \"number\":\n return \"number\";\n case \"string\":\n return \"string\";\n }\n if (Array.isArray(defaultValue))\n return \"array\";\n if (Object.prototype.toString.call(defaultValue) === \"[object Object]\")\n return \"object\";\n}\nfunction parseValueTypeObject(payload) {\n const { controller, token, typeObject } = payload;\n const hasType = isSomething(typeObject.type);\n const hasDefault = isSomething(typeObject.default);\n const fullObject = hasType && hasDefault;\n const onlyType = hasType && !hasDefault;\n const onlyDefault = !hasType && hasDefault;\n const typeFromObject = parseValueTypeConstant(typeObject.type);\n const typeFromDefaultValue = parseValueTypeDefault(payload.typeObject.default);\n if (onlyType)\n return typeFromObject;\n if (onlyDefault)\n return typeFromDefaultValue;\n if (typeFromObject !== typeFromDefaultValue) {\n const propertyPath = controller ? `${controller}.${token}` : token;\n throw new Error(`The specified default value for the Stimulus Value \"${propertyPath}\" must match the defined type \"${typeFromObject}\". The provided default value of \"${typeObject.default}\" is of type \"${typeFromDefaultValue}\".`);\n }\n if (fullObject)\n return typeFromObject;\n}\nfunction parseValueTypeDefinition(payload) {\n const { controller, token, typeDefinition } = payload;\n const typeObject = { controller, token, typeObject: typeDefinition };\n const typeFromObject = parseValueTypeObject(typeObject);\n const typeFromDefaultValue = parseValueTypeDefault(typeDefinition);\n const typeFromConstant = parseValueTypeConstant(typeDefinition);\n const type = typeFromObject || typeFromDefaultValue || typeFromConstant;\n if (type)\n return type;\n const propertyPath = controller ? `${controller}.${typeDefinition}` : token;\n throw new Error(`Unknown value type \"${propertyPath}\" for \"${token}\" value`);\n}\nfunction defaultValueForDefinition(typeDefinition) {\n const constant = parseValueTypeConstant(typeDefinition);\n if (constant)\n return defaultValuesByType[constant];\n const hasDefault = hasProperty(typeDefinition, \"default\");\n const hasType = hasProperty(typeDefinition, \"type\");\n const typeObject = typeDefinition;\n if (hasDefault)\n return typeObject.default;\n if (hasType) {\n const { type } = typeObject;\n const constantFromType = parseValueTypeConstant(type);\n if (constantFromType)\n return defaultValuesByType[constantFromType];\n }\n return typeDefinition;\n}\nfunction valueDescriptorForTokenAndTypeDefinition(payload) {\n const { token, typeDefinition } = payload;\n const key = `${dasherize(token)}-value`;\n const type = parseValueTypeDefinition(payload);\n return {\n type,\n key,\n name: camelize(key),\n get defaultValue() {\n return defaultValueForDefinition(typeDefinition);\n },\n get hasCustomDefaultValue() {\n return parseValueTypeDefault(typeDefinition) !== undefined;\n },\n reader: readers[type],\n writer: writers[type] || writers.default,\n };\n}\nconst defaultValuesByType = {\n get array() {\n return [];\n },\n boolean: false,\n number: 0,\n get object() {\n return {};\n },\n string: \"\",\n};\nconst readers = {\n array(value) {\n const array = JSON.parse(value);\n if (!Array.isArray(array)) {\n throw new TypeError(`expected value of type \"array\" but instead got value \"${value}\" of type \"${parseValueTypeDefault(array)}\"`);\n }\n return array;\n },\n boolean(value) {\n return !(value == \"0\" || String(value).toLowerCase() == \"false\");\n },\n number(value) {\n return Number(value.replace(/_/g, \"\"));\n },\n object(value) {\n const object = JSON.parse(value);\n if (object === null || typeof object != \"object\" || Array.isArray(object)) {\n throw new TypeError(`expected value of type \"object\" but instead got value \"${value}\" of type \"${parseValueTypeDefault(object)}\"`);\n }\n return object;\n },\n string(value) {\n return value;\n },\n};\nconst writers = {\n default: writeString,\n array: writeJSON,\n object: writeJSON,\n};\nfunction writeJSON(value) {\n return JSON.stringify(value);\n}\nfunction writeString(value) {\n return `${value}`;\n}\n\nclass Controller {\n constructor(context) {\n this.context = context;\n }\n static get shouldLoad() {\n return true;\n }\n static afterLoad(_identifier, _application) {\n return;\n }\n get application() {\n return this.context.application;\n }\n get scope() {\n return this.context.scope;\n }\n get element() {\n return this.scope.element;\n }\n get identifier() {\n return this.scope.identifier;\n }\n get targets() {\n return this.scope.targets;\n }\n get outlets() {\n return this.scope.outlets;\n }\n get classes() {\n return this.scope.classes;\n }\n get data() {\n return this.scope.data;\n }\n initialize() {\n }\n connect() {\n }\n disconnect() {\n }\n dispatch(eventName, { target = this.element, detail = {}, prefix = this.identifier, bubbles = true, cancelable = true, } = {}) {\n const type = prefix ? `${prefix}:${eventName}` : eventName;\n const event = new CustomEvent(type, { detail, bubbles, cancelable });\n target.dispatchEvent(event);\n return event;\n }\n}\nController.blessings = [\n ClassPropertiesBlessing,\n TargetPropertiesBlessing,\n ValuePropertiesBlessing,\n OutletPropertiesBlessing,\n];\nController.targets = [];\nController.outlets = [];\nController.values = {};\n\nexport { Application, AttributeObserver, Context, Controller, ElementObserver, IndexedMultimap, Multimap, SelectorObserver, StringMapObserver, TokenListObserver, ValueListObserver, add, defaultSchema, del, fetch, prune };\n","module.exports = {};\n","// to indexed object, toObject with fallback for non-array-like ES3 strings\nvar IObject = require('./_iobject');\nvar defined = require('./_defined');\nmodule.exports = function (it) {\n return IObject(defined(it));\n};\n","// 7.1.15 ToLength\nvar toInteger = require('./_to-integer');\nvar min = Math.min;\nmodule.exports = function (it) {\n return it > 0 ? min(toInteger(it), 0x1fffffffffffff) : 0; // pow(2, 53) - 1 == 9007199254740991\n};\n","import { client } from '../client';\nconst LIMIT = 10;\nexport function getAddresses(query, page = 1, limit = LIMIT) {\n return client.get({\n params: { query, oneString: 1, withParent: 1, limit, offset: (page - 1) * limit }\n });\n}\n","import { ContentType } from '../constants';\nimport { getAddresses } from './KladrApi/api/addresses';\nimport { getSuggestions } from './DaDataApi/api/suggestions';\nimport { getCities } from '../api/cities';\nimport { DEFAULT_COUNTRY_ID } from 'site/global/constants';\nexport const INLINE_ADDRESS_ID_REGEXP = new RegExp(`^${ContentType.City}/(\\\\d+):?(${ContentType.Building}/(.+))?$`);\nexport const PART_SUBSTITUTIONS = {\n 'край': 'край',\n 'проезд': 'проезд',\n 'пр-кт': 'пр-кт',\n 'корпус': 'корпус',\n 'б-р': 'б-р',\n 'линия': 'линия',\n 'литера': 'литера',\n 'Респ': 'респ.',\n 'АО': 'АО',\n 'мкр.': 'мкр.'\n};\nconst CITY_REGEXP = /^\\s*г?\\.?\\s*[А-Яа-я\\-]+\\s*$/;\nconst NAME_SUBSTITUTIONS = {\n 'Саха /Якутия/': 'Саха (Якутия)'\n};\nexport function fetchAddresses(params) {\n return new Promise(async (resolve, reject) => {\n var _a, _b;\n if (!params.query)\n return resolve({ data: [] });\n const searchQuery = params.query.replace('/', ' ');\n let items = [];\n try {\n if (searchQuery.match(CITY_REGEXP)) {\n const { data } = await getCities({ query: searchQuery, countryId: DEFAULT_COUNTRY_ID });\n items = data;\n }\n if (items.length === 0) {\n const { data } = await getAddresses(searchQuery);\n items = buildData(data.result);\n }\n }\n catch (error) {\n (_a = window.bugsnagClient) === null || _a === void 0 ? void 0 : _a.notify(new Error(`[Kladr response error] - ${JSON.stringify(error)}`));\n }\n // we should stub requests like jarvis/spec/support/kladr.rb\n if (Env.name !== 'test' && isQuerySuitable(searchQuery)) {\n try {\n const { data } = await getSuggestions(searchQuery);\n const daDataItems = buildDaData(data === null || data === void 0 ? void 0 : data.suggestions);\n if (daDataItems.length > 0) {\n // TODO code removes whole block of suggestions\n // if we want to remove duplicates in suggestions\n // we should check children in daDataItem\n // check if child exists\n // find correct item and push child to item.children\n // const existsMap = items.reduce((acc, el) => {\n // if (el.id) acc[el.id] = true\n // return acc\n // }, {} as { [key: string]: Nullable })\n daDataItems.forEach(item => {\n // if (!(item.id && existsMap[item.id])) items.push(item)\n items.push(item);\n });\n }\n }\n catch (error) {\n reject();\n (_b = window.bugsnagClient) === null || _b === void 0 ? void 0 : _b.notify(new Error(`[Kladr response error] - ${JSON.stringify(error)}`));\n }\n }\n resolve({ data: groupByParent(items) });\n });\n}\n// to decrease requests amount to DaData\nfunction isQuerySuitable(query) {\n if (query.length < 5)\n return false;\n const chars = [...query];\n const groupChars = chars.reduce((acc, char) => { var _a; return ({ ...acc, [char]: ((_a = acc[char]) !== null && _a !== void 0 ? _a : 0) + 1 }); }, {});\n // percent of uniq characters must be greater than or equal 30 %\n return (Object.keys(groupChars).length / query.length) >= 0.3;\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 groupByParent(items) {\n const mapping = items.reduce((result, item) => {\n var _a, _b, _c;\n if (!result[item.text])\n return { ...result, [item.text]: item };\n const children = (_b = (_a = result[item.text]) === null || _a === void 0 ? void 0 : _a.children) !== null && _b !== void 0 ? _b : [];\n if (children.every(({ id }) => { var _a; return id !== ((_a = item.children) === null || _a === void 0 ? void 0 : _a[0].id); })) {\n children.push(...((_c = item.children) !== null && _c !== void 0 ? _c : []));\n }\n return { ...result, [item.text]: { ...item, children } };\n }, {});\n return Object.values(mapping);\n}\nfunction buildDaData(suggestions) {\n if (!suggestions)\n return [];\n return suggestions.reduce((acc, { 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 fakePart = data.house;\n }\n const idSettlementValid = settlementType !== 'р-н';\n const zipParts = [[undefined, postalCode]];\n const cityParts = [\n data.regionKladrId !== data.cityKladrId ? [data.regionType, data.region] : [undefined, undefined],\n [data.cityType, data.city],\n idSettlementValid ? [settlementType, data.settlement] : [undefined, undefined]\n ];\n const block = joinParts([[data.blockTypeFull, data.block]]);\n const parts = [\n [data.streetType, data.street],\n [data.houseType, block ? `${data.house} ${block}` : data.house]\n ];\n const idParts = [\n [ContentType.City, settlementKladrId && idSettlementValid ? settlementKladrId : cityKladrId],\n [ContentType.Building, [houseKladrId, houseFiasId, postalCode, fakePart].filter(item => !!item).join(':')]\n ];\n const text = joinParts(parts);\n const id = idParts.reduce((acc, [type, id]) => id ? `${acc}${acc ? ':' : ''}${type}/${id}` : acc, '');\n let children = [];\n if (text) {\n children.push({\n id,\n text,\n searchText: joinParts([...cityParts, ...parts]),\n action: data.house ? 'change' : 'improve'\n });\n }\n acc.push({\n id: cityKladrId,\n text: joinParts([...zipParts, ...cityParts]),\n searchText: joinParts(cityParts),\n action: 'improve',\n isInfo: children.length > 0,\n children\n });\n return acc;\n }, []);\n}\nfunction buildData(items) {\n if (!items)\n return [];\n return items.map(buildItem);\n}\nfunction buildItem(item) {\n var _a;\n let zip;\n let lastIds = []; // for remove duplication from self-parent city-region\n let region;\n let city;\n let street;\n let building;\n const items = [...((_a = item.parents) !== null && _a !== void 0 ? _a : []), item];\n items.forEach(obj => {\n zip = obj.zip || zip;\n switch (obj.contentType) {\n case ContentType.Building:\n building = obj;\n break;\n case ContentType.City:\n city = obj;\n break;\n case ContentType.Region:\n region = obj;\n break;\n case ContentType.Street:\n street = obj;\n break;\n }\n if (lastIds.includes(obj.id))\n return;\n lastIds.push(obj.id);\n });\n const zipParts = [[undefined, zip]];\n const cityParts = [\n region && (region === null || region === void 0 ? void 0 : region.id) !== (city === null || city === void 0 ? void 0 : city.id) ? [region.typeShort, region.name] : [undefined, undefined],\n [city === null || city === void 0 ? void 0 : city.typeShort, city === null || city === void 0 ? void 0 : city.name]\n ];\n const parts = [[street === null || street === void 0 ? void 0 : street.typeShort, street === null || street === void 0 ? void 0 : street.name], [building === null || building === void 0 ? void 0 : building.typeShort, building === null || building === void 0 ? void 0 : building.name]];\n const id = [city, building].reduce((acc, item) => {\n if (!item)\n return acc;\n return acc + `${acc ? ':' : ''}${item.contentType}/${item.id}`;\n }, '');\n const children = [];\n const text = joinParts(parts);\n if (text) {\n children.push({\n id: `${id}:${building ? `${building.guid}:${zip}` : ''}`,\n text,\n searchText: joinParts([...cityParts, ...parts]),\n action: building ? 'change' : 'improve'\n });\n }\n return {\n children,\n id: city === null || city === void 0 ? void 0 : city.id,\n text: joinParts([...zipParts, ...cityParts]),\n searchText: joinParts(cityParts),\n action: 'improve',\n isInfo: children.length > 0\n };\n}\n","'use strict';\n\nvar has = Object.prototype.hasOwnProperty\n , prefix = '~';\n\n/**\n * Constructor to create a storage for our `EE` objects.\n * An `Events` instance is a plain object whose properties are event names.\n *\n * @constructor\n * @private\n */\nfunction Events() {}\n\n//\n// We try to not inherit from `Object.prototype`. In some engines creating an\n// instance in this way is faster than calling `Object.create(null)` directly.\n// If `Object.create(null)` is not supported we prefix the event names with a\n// character to make sure that the built-in object properties are not\n// overridden or used as an attack vector.\n//\nif (Object.create) {\n Events.prototype = Object.create(null);\n\n //\n // This hack is needed because the `__proto__` property is still inherited in\n // some old browsers like Android 4, iPhone 5.1, Opera 11 and Safari 5.\n //\n if (!new Events().__proto__) prefix = false;\n}\n\n/**\n * Representation of a single event listener.\n *\n * @param {Function} fn The listener function.\n * @param {*} context The context to invoke the listener with.\n * @param {Boolean} [once=false] Specify if the listener is a one-time listener.\n * @constructor\n * @private\n */\nfunction EE(fn, context, once) {\n this.fn = fn;\n this.context = context;\n this.once = once || false;\n}\n\n/**\n * Add a listener for a given event.\n *\n * @param {EventEmitter} emitter Reference to the `EventEmitter` instance.\n * @param {(String|Symbol)} event The event name.\n * @param {Function} fn The listener function.\n * @param {*} context The context to invoke the listener with.\n * @param {Boolean} once Specify if the listener is a one-time listener.\n * @returns {EventEmitter}\n * @private\n */\nfunction addListener(emitter, event, fn, context, once) {\n if (typeof fn !== 'function') {\n throw new TypeError('The listener must be a function');\n }\n\n var listener = new EE(fn, context || emitter, once)\n , evt = prefix ? prefix + event : event;\n\n if (!emitter._events[evt]) emitter._events[evt] = listener, emitter._eventsCount++;\n else if (!emitter._events[evt].fn) emitter._events[evt].push(listener);\n else emitter._events[evt] = [emitter._events[evt], listener];\n\n return emitter;\n}\n\n/**\n * Clear event by name.\n *\n * @param {EventEmitter} emitter Reference to the `EventEmitter` instance.\n * @param {(String|Symbol)} evt The Event name.\n * @private\n */\nfunction clearEvent(emitter, evt) {\n if (--emitter._eventsCount === 0) emitter._events = new Events();\n else delete emitter._events[evt];\n}\n\n/**\n * Minimal `EventEmitter` interface that is molded against the Node.js\n * `EventEmitter` interface.\n *\n * @constructor\n * @public\n */\nfunction EventEmitter() {\n this._events = new Events();\n this._eventsCount = 0;\n}\n\n/**\n * Return an array listing the events for which the emitter has registered\n * listeners.\n *\n * @returns {Array}\n * @public\n */\nEventEmitter.prototype.eventNames = function eventNames() {\n var names = []\n , events\n , name;\n\n if (this._eventsCount === 0) return names;\n\n for (name in (events = this._events)) {\n if (has.call(events, name)) names.push(prefix ? name.slice(1) : name);\n }\n\n if (Object.getOwnPropertySymbols) {\n return names.concat(Object.getOwnPropertySymbols(events));\n }\n\n return names;\n};\n\n/**\n * Return the listeners registered for a given event.\n *\n * @param {(String|Symbol)} event The event name.\n * @returns {Array} The registered listeners.\n * @public\n */\nEventEmitter.prototype.listeners = function listeners(event) {\n var evt = prefix ? prefix + event : event\n , handlers = this._events[evt];\n\n if (!handlers) return [];\n if (handlers.fn) return [handlers.fn];\n\n for (var i = 0, l = handlers.length, ee = new Array(l); i < l; i++) {\n ee[i] = handlers[i].fn;\n }\n\n return ee;\n};\n\n/**\n * Return the number of listeners listening to a given event.\n *\n * @param {(String|Symbol)} event The event name.\n * @returns {Number} The number of listeners.\n * @public\n */\nEventEmitter.prototype.listenerCount = function listenerCount(event) {\n var evt = prefix ? prefix + event : event\n , listeners = this._events[evt];\n\n if (!listeners) return 0;\n if (listeners.fn) return 1;\n return listeners.length;\n};\n\n/**\n * Calls each of the listeners registered for a given event.\n *\n * @param {(String|Symbol)} event The event name.\n * @returns {Boolean} `true` if the event had listeners, else `false`.\n * @public\n */\nEventEmitter.prototype.emit = function emit(event, a1, a2, a3, a4, a5) {\n var evt = prefix ? prefix + event : event;\n\n if (!this._events[evt]) return false;\n\n var listeners = this._events[evt]\n , len = arguments.length\n , args\n , i;\n\n if (listeners.fn) {\n if (listeners.once) this.removeListener(event, listeners.fn, undefined, true);\n\n switch (len) {\n case 1: return listeners.fn.call(listeners.context), true;\n case 2: return listeners.fn.call(listeners.context, a1), true;\n case 3: return listeners.fn.call(listeners.context, a1, a2), true;\n case 4: return listeners.fn.call(listeners.context, a1, a2, a3), true;\n case 5: return listeners.fn.call(listeners.context, a1, a2, a3, a4), true;\n case 6: return listeners.fn.call(listeners.context, a1, a2, a3, a4, a5), true;\n }\n\n for (i = 1, args = new Array(len -1); i < len; i++) {\n args[i - 1] = arguments[i];\n }\n\n listeners.fn.apply(listeners.context, args);\n } else {\n var length = listeners.length\n , j;\n\n for (i = 0; i < length; i++) {\n if (listeners[i].once) this.removeListener(event, listeners[i].fn, undefined, true);\n\n switch (len) {\n case 1: listeners[i].fn.call(listeners[i].context); break;\n case 2: listeners[i].fn.call(listeners[i].context, a1); break;\n case 3: listeners[i].fn.call(listeners[i].context, a1, a2); break;\n case 4: listeners[i].fn.call(listeners[i].context, a1, a2, a3); break;\n default:\n if (!args) for (j = 1, args = new Array(len -1); j < len; j++) {\n args[j - 1] = arguments[j];\n }\n\n listeners[i].fn.apply(listeners[i].context, args);\n }\n }\n }\n\n return true;\n};\n\n/**\n * Add a listener for a given event.\n *\n * @param {(String|Symbol)} event The event name.\n * @param {Function} fn The listener function.\n * @param {*} [context=this] The context to invoke the listener with.\n * @returns {EventEmitter} `this`.\n * @public\n */\nEventEmitter.prototype.on = function on(event, fn, context) {\n return addListener(this, event, fn, context, false);\n};\n\n/**\n * Add a one-time listener for a given event.\n *\n * @param {(String|Symbol)} event The event name.\n * @param {Function} fn The listener function.\n * @param {*} [context=this] The context to invoke the listener with.\n * @returns {EventEmitter} `this`.\n * @public\n */\nEventEmitter.prototype.once = function once(event, fn, context) {\n return addListener(this, event, fn, context, true);\n};\n\n/**\n * Remove the listeners of a given event.\n *\n * @param {(String|Symbol)} event The event name.\n * @param {Function} fn Only remove the listeners that match this function.\n * @param {*} context Only remove the listeners that have this context.\n * @param {Boolean} once Only remove one-time listeners.\n * @returns {EventEmitter} `this`.\n * @public\n */\nEventEmitter.prototype.removeListener = function removeListener(event, fn, context, once) {\n var evt = prefix ? prefix + event : event;\n\n if (!this._events[evt]) return this;\n if (!fn) {\n clearEvent(this, evt);\n return this;\n }\n\n var listeners = this._events[evt];\n\n if (listeners.fn) {\n if (\n listeners.fn === fn &&\n (!once || listeners.once) &&\n (!context || listeners.context === context)\n ) {\n clearEvent(this, evt);\n }\n } else {\n for (var i = 0, events = [], length = listeners.length; i < length; i++) {\n if (\n listeners[i].fn !== fn ||\n (once && !listeners[i].once) ||\n (context && listeners[i].context !== context)\n ) {\n events.push(listeners[i]);\n }\n }\n\n //\n // Reset the array, or remove it completely if we have no more listeners.\n //\n if (events.length) this._events[evt] = events.length === 1 ? events[0] : events;\n else clearEvent(this, evt);\n }\n\n return this;\n};\n\n/**\n * Remove all listeners, or those of the specified event.\n *\n * @param {(String|Symbol)} [event] The event name.\n * @returns {EventEmitter} `this`.\n * @public\n */\nEventEmitter.prototype.removeAllListeners = function removeAllListeners(event) {\n var evt;\n\n if (event) {\n evt = prefix ? prefix + event : event;\n if (this._events[evt]) clearEvent(this, evt);\n } else {\n this._events = new Events();\n this._eventsCount = 0;\n }\n\n return this;\n};\n\n//\n// Alias methods names because people roll like that.\n//\nEventEmitter.prototype.off = EventEmitter.prototype.removeListener;\nEventEmitter.prototype.addListener = EventEmitter.prototype.on;\n\n//\n// Expose the prefix.\n//\nEventEmitter.prefixed = prefix;\n\n//\n// Allow `EventEmitter` to be imported as module namespace.\n//\nEventEmitter.EventEmitter = EventEmitter;\n\n//\n// Expose the module.\n//\nif ('undefined' !== typeof module) {\n module.exports = EventEmitter;\n}\n","export var ViewType;\n(function (ViewType) {\n ViewType[\"Default\"] = \"default\";\n ViewType[\"QuickView\"] = \"quick_view\";\n})(ViewType || (ViewType = {}));\n","import { ViewType } from '../constants';\nexport function buildEventName(event, viewType = ViewType.Default) {\n return [viewType || ViewType.Default, event].join(':');\n}\n","var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nimport { VController, register } from 'core/services/Controller';\nimport { LazyBlock } from 'core/services/LazyBlock';\nimport { dispatchCustomEvent, documentDispatch } from 'core/utils/events';\nimport { asyncComponent } from 'core/components/Hoc/asyncComponent';\nimport { RELOAD_ADMIN_PANEL } from 'site/controllers/AdminPanel';\nimport { CHANGE_EVENT, SHOW_PREVIEW_EVENT, HIDE_PREVIEW_EVENT } from './events';\nimport h, { scopeName } from './cssScope';\nimport { ViewType } from './constants';\nimport { buildEventName } from './utils/buildEventName';\nexport { CHANGE_EVENT, SHOW_PREVIEW_EVENT, HIDE_PREVIEW_EVENT, buildEventName, ViewType };\nconst ProductVariantsWidget = asyncComponent(() => import(/* webpackChunkName: \"desktop_c-ProductVariants\" */ './components/ProductVariantsWidget'));\nlet default_1 = class extends VController {\n constructor() {\n super(...arguments);\n this.handleSelect = (variant) => {\n dispatchCustomEvent(this.el, this.buildEventName(CHANGE_EVENT), variant);\n documentDispatch(RELOAD_ADMIN_PANEL);\n };\n this.handleShowPreview = (variant) => {\n if (!this.needHandleHoverEvents)\n return;\n dispatchCustomEvent(this.el, this.buildEventName(SHOW_PREVIEW_EVENT), variant);\n };\n this.handleHidePreview = () => {\n if (!this.needHandleHoverEvents)\n return;\n dispatchCustomEvent(this.el, this.buildEventName(HIDE_PREVIEW_EVENT));\n };\n }\n // Hover events are necessary only for the desktop version\n get needHandleHoverEvents() {\n return Env.version === 'desktop';\n }\n async init() {\n await LazyBlock.waitNative(this.el);\n super.init();\n }\n buildEventName(event) {\n return buildEventName(event, this.props.viewType);\n }\n render() {\n const { initialValue, variants, showedCount, useSelect = false, size, shownCount, type, version } = this.props;\n return (h(ProductVariantsWidget, { initialValue: initialValue, variants: variants, showedCount: showedCount, onSelect: this.handleSelect, onShowPreview: this.handleShowPreview, onHidePreview: this.handleHidePreview, useSelect: useSelect, size: size, type: type, shownCount: shownCount, version: version }));\n }\n};\ndefault_1 = __decorate([\n register(scopeName)\n], default_1);\nexport default default_1;\n","var g;\n\n// This works in non-strict mode\ng = (function() {\n\treturn this;\n})();\n\ntry {\n\t// This works if eval is allowed (see CSP)\n\tg = g || new Function(\"return this\")();\n} catch (e) {\n\t// This works if the window reference is available\n\tif (typeof window === \"object\") g = window;\n}\n\n// g can still be undefined, but nothing to do about it...\n// We return undefined, instead of nothing here, so it's\n// easier to handle this case. if(!global) { ...}\n\nmodule.exports = g;\n","var freeGlobal = require('./_freeGlobal');\n\n/** Detect free variable `self`. */\nvar freeSelf = typeof self == 'object' && self && self.Object === Object && self;\n\n/** Used as a reference to the global object. */\nvar root = freeGlobal || freeSelf || Function('return this')();\n\nmodule.exports = root;\n","export var DeliveryMessageType;\n(function (DeliveryMessageType) {\n DeliveryMessageType[\"Free\"] = \"free\";\n DeliveryMessageType[\"Undefined\"] = \"undefined\";\n DeliveryMessageType[\"Defined\"] = \"defined\";\n})(DeliveryMessageType || (DeliveryMessageType = {}));\nexport var Step;\n(function (Step) {\n Step[\"Cart\"] = \"cart\";\n Step[\"Checkout\"] = \"checkout\";\n Step[\"ThankYou\"] = \"thankYou\";\n})(Step || (Step = {}));\nexport var GtmAddressEvents;\n(function (GtmAddressEvents) {\n GtmAddressEvents[\"AutocompleteAddress\"] = \"autocompleteAddress\";\n GtmAddressEvents[\"RedAddress\"] = \"redAddress\";\n GtmAddressEvents[\"MapAddress\"] = \"mapAddress\";\n})(GtmAddressEvents || (GtmAddressEvents = {}));\n","import { h, Component } from 'preact';\nimport { loadComponentsStyles } from 'core/utils/asyncLoadAssets';\nexport function withStyleLoading(WrappedComponent, styleKey) {\n return class extends Component {\n constructor() {\n super(...arguments);\n this.state = { loading: true };\n }\n componentWillMount() {\n loadComponentsStyles(styleKey).finally(() => this.setState({ loading: false }));\n }\n render() {\n return this.state.loading ? null : h(WrappedComponent, Object.assign({}, this.props));\n }\n };\n}\n","const TRESHOLD = 300;\nconst POLL_INTERVAL = 1000;\nexport var LazyBlock;\n(function (LazyBlock) {\n let blocks = new Map();\n let observer = new IntersectionObserver(entries => {\n entries\n .filter(({ isIntersecting }) => isIntersecting)\n .filter(({ target }) => blocks.has(target))\n .forEach(({ target }) => {\n blocks.get(target).resolve();\n blocks.delete(target);\n observer.unobserve(target);\n });\n }, {\n rootMargin: `${TRESHOLD}px 0px ${TRESHOLD}px`,\n threshold: 0.01\n });\n observer.POLL_INTERVAL = POLL_INTERVAL;\n function waitNative(target) {\n return new Promise(resolve => {\n blocks.set(target, { resolve });\n observer.observe(target);\n });\n }\n LazyBlock.waitNative = waitNative;\n function wait($target) {\n const target = $target[0];\n return waitNative(target);\n }\n LazyBlock.wait = wait;\n})(LazyBlock || (LazyBlock = {}));\n","import { computed } from 'nanostores';\nimport { $errors } from './errors';\nexport const $emailErrors = computed($errors, errors => {\n return errors.filter(err => err.field === 'email');\n});\nexport const $emailErrorsFormattedToString = computed($emailErrors, emailErrors => {\n return emailErrors.map(err => err.message).join(', ');\n});\n","import { computed } from 'nanostores';\nimport { $errors } from './errors';\nexport const $passwordErrors = computed($errors, errors => {\n return errors.filter(err => err.field === 'password');\n});\nexport const $passwordErrorsFormattedToString = computed($passwordErrors, passwordErrors => {\n return passwordErrors.map(err => err.message).join(', ');\n});\n","import { computed } from 'nanostores';\nimport { $errors } from './errors';\nexport const $passwordConfirmationErrors = computed($errors, errors => {\n return errors.filter(err => err.field === 'passwordConfirmation');\n});\nexport const $passwordConfirmationErrorsFormattedToString = computed($passwordConfirmationErrors, pcErrors => {\n return pcErrors.map(err => err.message).join(', ');\n});\n","import { computed } from 'nanostores';\nimport { $errors } from './errors';\nexport const $phoneErrors = computed($errors, errors => {\n return errors.filter(err => err.field === 'phone');\n});\nexport const $phoneErrorsFormattedToString = computed($phoneErrors, phoneErrors => {\n return phoneErrors.map(err => err.message).join(', ');\n});\n","import { h, Component } from 'preact';\nimport htmlClassNames from 'core/utils/htmlClassNames';\nimport Tooltip from 'core/components/UI/Tooltip';\nimport * as validations from '../../../stores/validations';\nexport class TextControl extends Component {\n constructor() {\n super(...arguments);\n this.state = {\n labelFloating: false,\n errors: ''\n };\n this.componentDidMount = () => {\n var _a;\n // @ts-ignore\n this.unsubscribeFromErrors = (_a = validations[`$${this.props.name}ErrorsFormattedToString`]) === null || _a === void 0 ? void 0 : _a.listen(errors => {\n this.setState({ errors });\n });\n };\n this.componentWillUnmount = () => {\n var _a;\n (_a = this.unsubscribeFromErrors) === null || _a === void 0 ? void 0 : _a.call(this);\n };\n this.handleChange = (event) => {\n const target = event.target;\n this.props.onChange(target.value);\n };\n this.handleFocusInput = () => {\n this.setState({ labelFloating: true });\n };\n this.handleBlurInput = () => {\n if (this.props.value || this.props.preventLabelFloating)\n return;\n this.setState({ labelFloating: false });\n };\n }\n render() {\n const { label, required = false, disabled = false, inputRef, tooltip, type, name, value, disableAutocomplete = false, className } = this.props;\n const { labelFloating, errors } = this.state;\n return (h(\"div\", { className: htmlClassNames('control-Text', className, {\n '__labelFloating': value || labelFloating,\n '__invalid': !!errors\n }) },\n this.state.errors && (h(\"p\", { className: 'control-Text_error' }, this.state.errors)),\n h(\"label\", { className: 'control-Text_label' },\n h(\"span\", null,\n label,\n required && h(\"abbr\", { title: '\\u041E\\u0431\\u044F\\u0437\\u0430\\u0442\\u0435\\u043B\\u044C\\u043D\\u043E' }, \"*\")),\n h(\"input\", { className: 'control-Text_input', type: type, name: name, value: value, required: required, disabled: disabled, ref: inputRef, autocomplete: disableAutocomplete ? 'off' : 'on', onInput: this.handleChange, onFocus: this.handleFocusInput, onBlur: this.handleBlurInput })),\n tooltip && (h(\"div\", { className: 'control-Text_tooltip' },\n \"?\",\n h(Tooltip, { label: tooltip })))));\n }\n}\n","import debounce from 'core/utils/debounce'\n\nlet HttpRequestBatcher = (() => {\n let __requests = []\n\n let groupByBatcher = (groupMap, [batcher, request]) => {\n let requests = groupMap.get(batcher) || []\n\n groupMap.set(batcher, [...requests, request])\n\n return groupMap\n }\n\n let callBatcher = (requests, batcher) => {\n batcher(\n requests.map(({ params }) => params)\n ).then(resultMapper => {\n processResult(requests, resultMapper)\n })\n }\n\n let processResult = (requests, resultMapper) => {\n requests.forEach(({ params, resolve }) => {\n resolve(resultMapper(params))\n })\n }\n\n let processRequests = debounce(60, () => {\n __requests\n .reduce(groupByBatcher, new Map())\n .forEach(callBatcher)\n\n __requests = []\n })\n\n let request = (batcher, params = {}) => {\n return new Promise(resolve => {\n __requests.push([batcher, { resolve, params }])\n\n processRequests()\n })\n }\n\n return { request }\n})()\n\nexport default HttpRequestBatcher\n","import rAFThrottle from 'core/utils/rAFThrottle';\nimport generateId from 'core/utils/generateId';\nimport debounce from 'core/utils/debounce';\nconst TRANSITIONS = {\n up: [{\n to: 'down',\n cond: (viewportTop, point) => viewportTop > point,\n callback: (watcher) => watcher.onDown()\n }],\n down: [{\n to: 'up',\n cond: (viewportTop, point) => viewportTop < point,\n callback: (watcher) => watcher.onUp()\n }]\n};\nexport function buildWayPointService(window, getScrollOffset) {\n let __watchers = [];\n let getPoints = (watchers) => requestAnimationFrame(() => {\n watchers.forEach(watcher => {\n watcher.$$point = watcher.getPoint();\n });\n });\n let watch = (points) => {\n let watchers = points.map(({ getPoint, once = false, onDown, onUp }) => {\n let $$state = 'up';\n return {\n $$id: generateId(),\n $$point: null,\n $$state,\n getPoint,\n once,\n onDown,\n onUp\n };\n });\n __watchers.push(...watchers);\n addEventListeners();\n getPoints(watchers);\n return watchers.map(({ $$id }) => $$id);\n };\n let unwatch = (watcherIds) => {\n __watchers = __watchers.filter(({ $$id }) => !watcherIds.includes($$id));\n if (__watchers.length === 0)\n removeEventListeners();\n };\n let performTransition = ({ to: newState, callback }, watcher) => {\n watcher.$$state = newState;\n callback(watcher);\n };\n let tick = rAFThrottle(() => {\n let viewportTop = getScrollOffset();\n getPoints(__watchers);\n __watchers.forEach(watcher => {\n let transition = TRANSITIONS[watcher.$$state].find(({ cond }) => {\n return cond(viewportTop, watcher.$$point);\n });\n if (transition) {\n performTransition(transition, watcher);\n if (watcher.once)\n unwatch([watcher.$$id]);\n }\n });\n });\n let handleResize = debounce(100, () => {\n tick();\n });\n let addEventListeners = () => {\n window.addEventListener('load', tick);\n window.addEventListener('scroll', tick, { passive: true });\n window.addEventListener('resize', handleResize);\n };\n let removeEventListeners = () => {\n window.removeEventListener('load', tick);\n window.removeEventListener('scroll', tick);\n window.removeEventListener('resize', handleResize);\n };\n return { watch, unwatch };\n}\nconst WayPointService = buildWayPointService(window, () => window.pageYOffset);\nexport default WayPointService;\n","import cast from './cast';\n// 300000 => 300 000\nexport function format(value, options = {}) {\n const { format = 'ru-Ru', unit = '' } = options;\n const result = [cast(value).toLocaleString(format)];\n if (unit)\n result.push(unit);\n return result.join('\\u00A0');\n}\nexport const currencyFormat = (value) => format(value, { unit: 'Р' });\nexport const parseCurrency = (currency) => parseInt(currency.replace(/\\s/g, ''));\nconst spaceReg = /\\u00A0/g;\nexport function currencyFormatWithCaretPosition(target) {\n const prevStart = target.selectionStart;\n const prevEnd = target.selectionEnd;\n const prevValueLength = target.value.length;\n const prevSpacesCount = (target.value.match(spaceReg) || []).length;\n const value = parseCurrency(target.value);\n target.value = Number.isNaN(value) ? '' : currencyFormat(value);\n requestAnimationFrame(() => {\n const spacesCount = (target.value.match(spaceReg) || []).length;\n if (prevSpacesCount < spacesCount && spacesCount > 1 && prevValueLength !== target.value.length) {\n target.selectionStart = prevStart + 1;\n target.selectionEnd = prevEnd + 1;\n }\n else if (prevSpacesCount > spacesCount && prevValueLength !== target.value.length) {\n target.selectionStart = prevStart - 1;\n target.selectionEnd = prevEnd - 1;\n }\n else {\n target.selectionStart = prevStart;\n target.selectionEnd = prevEnd;\n }\n });\n return value;\n}\nexport default format;\n","let toArray = (value) => Array.isArray(value) ? value : [value];\nexport { toArray };\nexport default toArray;\n","var id = 0;\nvar px = Math.random();\nmodule.exports = function (key) {\n return 'Symbol('.concat(key === undefined ? '' : key, ')_', (++id + px).toString(36));\n};\n","module.exports = function (exec) {\n try {\n return !!exec();\n } catch (e) {\n return true;\n }\n};\n","module.exports = function (bitmap, value) {\n return {\n enumerable: !(bitmap & 1),\n configurable: !(bitmap & 2),\n writable: !(bitmap & 4),\n value: value\n };\n};\n","// 7.1.4 ToInteger\nvar ceil = Math.ceil;\nvar floor = Math.floor;\nmodule.exports = function (it) {\n return isNaN(it = +it) ? 0 : (it > 0 ? floor : ceil)(it);\n};\n","module.exports = function (it) {\n if (typeof it != 'function') throw TypeError(it + ' is not a function!');\n return it;\n};\n","var def = require('./_object-dp').f;\nvar has = require('./_has');\nvar TAG = require('./_wks')('toStringTag');\n\nmodule.exports = function (it, tag, stat) {\n if (it && !has(it = stat ? it : it.prototype, TAG)) def(it, TAG, { configurable: true, value: tag });\n};\n","export default (timeout) => {\n return new Promise(resolve => setTimeout(resolve, timeout));\n};\n","const DOM_COMPONENT_PREVENTED = 'DOMComponentPrevented';\n\nlet __components = new Map();\n\nlet __initedComponents = [];\n\nlet initComponent = (name, $el, props = {}) => {\n if (!__components.has(name)) {\n throw new Error(`Unknown component ${name}`);\n }\n\n let createFn = __components.get(name);\n\n Promise.resolve()\n .then(() => createFn($el, props))\n .then(({\n init,\n destroy,\n shouldInit = () => true\n } = {}) => {\n if (shouldInit()) {\n if (init) init();\n\n __initedComponents.push([$el, destroy]);\n }\n })\n}\n\nlet connect = (target = document) => {\n $(target).find('[data-dom-component]:not([data-component-inited])').each((i, el) => {\n let $el = $(el);\n let props = $el.data('props');\n\n $el.data('domComponent').split(' ').forEach(name => {\n initComponent(name, $el, props);\n });\n\n $el.attr('data-component-inited', true);\n });\n}\n\nlet disconnect = (target = document) => {\n __initedComponents = __initedComponents.filter(([$el, destroy]) => {\n if (target.contains($el[0])) {\n if (destroy) destroy();\n\n return true;\n } else {\n return false;\n }\n });\n}\n\nlet register = (name, createFn) => {\n __components.set(name, createFn);\n}\n\nexport default { register, disconnect, connect }\n\nexport { DOM_COMPONENT_PREVENTED }\n","// shim for using process in browser\nvar process = module.exports = {};\n\n// cached from whatever global is present so that test runners that stub it\n// don't break things. But we need to wrap it in a try catch in case it is\n// wrapped in strict mode code which doesn't define any globals. It's inside a\n// function because try/catches deoptimize in certain engines.\n\nvar cachedSetTimeout;\nvar cachedClearTimeout;\n\nfunction defaultSetTimout() {\n throw new Error('setTimeout has not been defined');\n}\nfunction defaultClearTimeout () {\n throw new Error('clearTimeout has not been defined');\n}\n(function () {\n try {\n if (typeof setTimeout === 'function') {\n cachedSetTimeout = setTimeout;\n } else {\n cachedSetTimeout = defaultSetTimout;\n }\n } catch (e) {\n cachedSetTimeout = defaultSetTimout;\n }\n try {\n if (typeof clearTimeout === 'function') {\n cachedClearTimeout = clearTimeout;\n } else {\n cachedClearTimeout = defaultClearTimeout;\n }\n } catch (e) {\n cachedClearTimeout = defaultClearTimeout;\n }\n} ())\nfunction runTimeout(fun) {\n if (cachedSetTimeout === setTimeout) {\n //normal enviroments in sane situations\n return setTimeout(fun, 0);\n }\n // if setTimeout wasn't available but was latter defined\n if ((cachedSetTimeout === defaultSetTimout || !cachedSetTimeout) && setTimeout) {\n cachedSetTimeout = setTimeout;\n return setTimeout(fun, 0);\n }\n try {\n // when when somebody has screwed with setTimeout but no I.E. maddness\n return cachedSetTimeout(fun, 0);\n } catch(e){\n try {\n // When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally\n return cachedSetTimeout.call(null, fun, 0);\n } catch(e){\n // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error\n return cachedSetTimeout.call(this, fun, 0);\n }\n }\n\n\n}\nfunction runClearTimeout(marker) {\n if (cachedClearTimeout === clearTimeout) {\n //normal enviroments in sane situations\n return clearTimeout(marker);\n }\n // if clearTimeout wasn't available but was latter defined\n if ((cachedClearTimeout === defaultClearTimeout || !cachedClearTimeout) && clearTimeout) {\n cachedClearTimeout = clearTimeout;\n return clearTimeout(marker);\n }\n try {\n // when when somebody has screwed with setTimeout but no I.E. maddness\n return cachedClearTimeout(marker);\n } catch (e){\n try {\n // When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally\n return cachedClearTimeout.call(null, marker);\n } catch (e){\n // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error.\n // Some versions of I.E. have different rules for clearTimeout vs setTimeout\n return cachedClearTimeout.call(this, marker);\n }\n }\n\n\n\n}\nvar queue = [];\nvar draining = false;\nvar currentQueue;\nvar queueIndex = -1;\n\nfunction cleanUpNextTick() {\n if (!draining || !currentQueue) {\n return;\n }\n draining = false;\n if (currentQueue.length) {\n queue = currentQueue.concat(queue);\n } else {\n queueIndex = -1;\n }\n if (queue.length) {\n drainQueue();\n }\n}\n\nfunction drainQueue() {\n if (draining) {\n return;\n }\n var timeout = runTimeout(cleanUpNextTick);\n draining = true;\n\n var len = queue.length;\n while(len) {\n currentQueue = queue;\n queue = [];\n while (++queueIndex < len) {\n if (currentQueue) {\n currentQueue[queueIndex].run();\n }\n }\n queueIndex = -1;\n len = queue.length;\n }\n currentQueue = null;\n draining = false;\n runClearTimeout(timeout);\n}\n\nprocess.nextTick = function (fun) {\n var args = new Array(arguments.length - 1);\n if (arguments.length > 1) {\n for (var i = 1; i < arguments.length; i++) {\n args[i - 1] = arguments[i];\n }\n }\n queue.push(new Item(fun, args));\n if (queue.length === 1 && !draining) {\n runTimeout(drainQueue);\n }\n};\n\n// v8 likes predictible objects\nfunction Item(fun, array) {\n this.fun = fun;\n this.array = array;\n}\nItem.prototype.run = function () {\n this.fun.apply(null, this.array);\n};\nprocess.title = 'browser';\nprocess.browser = true;\nprocess.env = {};\nprocess.argv = [];\nprocess.version = ''; // empty string to avoid regexp issues\nprocess.versions = {};\n\nfunction noop() {}\n\nprocess.on = noop;\nprocess.addListener = noop;\nprocess.once = noop;\nprocess.off = noop;\nprocess.removeListener = noop;\nprocess.removeAllListeners = noop;\nprocess.emit = noop;\nprocess.prependListener = noop;\nprocess.prependOnceListener = noop;\n\nprocess.listeners = function (name) { return [] }\n\nprocess.binding = function (name) {\n throw new Error('process.binding is not supported');\n};\n\nprocess.cwd = function () { return '/' };\nprocess.chdir = function (dir) {\n throw new Error('process.chdir is not supported');\n};\nprocess.umask = function() { return 0; };\n","import { createScope } from 'core/services/VDOM';\nexport default createScope('Checkout');\n","function checkTokenExists(config) {\n if (!Env.kladr.token)\n return config;\n return {\n ...config,\n timeout: 2000,\n params: { ...config.params, token: Env.kladr.token }\n };\n}\nexport default [checkTokenExists];\n","const FREE_ID = 'Free';\nfunction removeFreeRecord(response) {\n var _a;\n if (Env.kladr.token)\n return response;\n const result = (_a = response.data) === null || _a === void 0 ? void 0 : _a.result;\n if (!Array.isArray(result))\n return response;\n return {\n ...response,\n data: { ...response.data, result: (response.data.result || []).filter(({ id }) => id !== FREE_ID) }\n };\n}\nexport default [removeFreeRecord];\n","import Axios from 'axios';\nimport jsonpAdapter from 'axios-jsonp';\nimport { ContentType } from '../../constants';\nimport requestInterceptors from './interceptors/request';\nimport responseInterceptors from './interceptors/response';\nconst BASE_CONFIG = {\n adapter: jsonpAdapter,\n timeout: 5000\n};\nconst axiosInstance = Axios.create(BASE_CONFIG);\nrequestInterceptors.forEach(interceptor => {\n axiosInstance.interceptors.request.use(interceptor);\n});\nresponseInterceptors.forEach(interceptor => {\n axiosInstance.interceptors.response.use(interceptor);\n});\nlet queryProcessed = false;\nexport const client = {\n get: queryRequest,\n get isServiceAlive() {\n if (this._isServiceAvailable !== undefined)\n return this._isServiceAvailable;\n if (queryProcessed) {\n return true;\n }\n queryProcessed = true;\n const prevOnError = window.onerror;\n // sometimes Kladr api return text format as jsonp response and we have unresolved promise\n window.onerror = () => {\n this._isServiceAvailable = false;\n window.onerror = prevOnError;\n return false;\n };\n queryRequest({ params: { cityId: '0', contentType: ContentType.City } }).finally(() => {\n this._isServiceAvailable = true;\n window.onerror = prevOnError;\n });\n return true;\n }\n};\nfunction queryRequest(config) {\n // jsonpAdapter ignores baseURL and url from config\n return axiosInstance.get(Env.kladr.url, config);\n}\n","import { clean } from '../clean-stores/index.js'\n\nlet listenerQueue = []\n\nexport let notifyId = 0\n\nexport let atom = (initialValue, level) => {\n let currentListeners\n let nextListeners = []\n let store = {\n lc: 0,\n l: level || 0,\n value: initialValue,\n set(data) {\n store.value = data\n store.notify()\n },\n get() {\n if (!store.lc) {\n store.listen(() => {})()\n }\n return store.value\n },\n notify(changedKey) {\n currentListeners = nextListeners\n let runListenerQueue = !listenerQueue.length\n for (let i = 0; i < currentListeners.length; i += 2) {\n listenerQueue.push(\n currentListeners[i],\n store.value,\n changedKey,\n currentListeners[i + 1]\n )\n }\n\n if (runListenerQueue) {\n notifyId++\n for (let i = 0; i < listenerQueue.length; i += 4) {\n let skip = false\n for (let j = i + 7; j < listenerQueue.length; j += 4) {\n if (listenerQueue[j] < listenerQueue[i + 3]) {\n skip = true\n break\n }\n }\n\n if (skip) {\n listenerQueue.push(\n listenerQueue[i],\n listenerQueue[i + 1],\n listenerQueue[i + 2],\n listenerQueue[i + 3]\n )\n } else {\n listenerQueue[i](listenerQueue[i + 1], listenerQueue[i + 2])\n }\n }\n listenerQueue.length = 0\n }\n },\n listen(listener, listenerLevel) {\n if (nextListeners === currentListeners) {\n nextListeners = nextListeners.slice()\n }\n\n store.lc = nextListeners.push(listener, listenerLevel || store.l) / 2\n\n return () => {\n if (nextListeners === currentListeners) {\n nextListeners = nextListeners.slice()\n }\n let index = nextListeners.indexOf(listener)\n if (~index) {\n nextListeners.splice(index, 2)\n store.lc--\n if (!store.lc) store.off()\n }\n }\n },\n subscribe(cb, listenerLevel) {\n let unbind = store.listen(cb, listenerLevel)\n cb(store.value)\n return unbind\n },\n off() {} /* It will be called on last listener unsubscribing.\n We will redefine it in onMount and onStop. */\n }\n\n if (process.env.NODE_ENV !== 'production') {\n store[clean] = () => {\n nextListeners = []\n store.lc = 0\n store.off()\n }\n }\n\n return store\n}\n","import Http from 'core/services/HttpClient';\nexport function autocompleteCities(params) {\n return Http.get('/front_api/autocomplete/cities', { params });\n}\nexport function getCities(params) {\n return Http.get('/front_api/autocomplete/cart_cities', { params });\n}\n","import Http from 'core/services/HttpClient';\nexport function changeQuantity(productId, quantity, withoutDeliveryResult = false) {\n return Http.get(`/cart/set/${productId}`, { params: { quantity, withoutDeliveryResult } });\n}\nexport function removeItem(productId, withoutDeliveryResult = false) {\n return Http.get(`/cart/remove/${productId}`, { params: { withoutDeliveryResult } });\n}\nexport function bulkRemoveItem(products) {\n return Http.post('/cart/bulk_remove', { products });\n}\nexport function addItem(productId, quantity, refresh, paymentMethod, withoutDeliveryResult) {\n const params = { quantity };\n if (refresh)\n params.refresh = true;\n if (paymentMethod)\n params.paymentMethod = paymentMethod;\n if (withoutDeliveryResult)\n params.withoutDeliveryResult = withoutDeliveryResult;\n return Http.get(`/cart/add/${productId}.json`, { params });\n}\nexport function changeSelected(productIds, selected) {\n return Http.post('/cart/bulk_change_selected', { productIds, selected });\n}\nexport function assemblyAdd(productId) {\n return Http.post('/cart/item_services', { productId });\n}\nexport function assemblyDelete(productId) {\n return Http.delete('/cart/item_services', { data: { productId } });\n}\n","import { createScope } from 'core/services/VDOM';\nexport const scopeName = 'ProductVariants';\nexport default createScope(scopeName);\n","//Переписать все на новую модалку, а эту грохнуть\nclass Modal {\n static initClass() {\n this.prototype.defaults = {\n clone: false, // true | 'deep'\n vitalize: false,\n show: false,\n effect: 'fade',\n type: 'simple'\n }\n\n this.prototype.templates = {\n simple: `\n \n `\n }\n }\n\n constructor(options) {\n this.settings = $.extend({}, this.defaults, options)\n this.init(options)\n this.bind()\n }\n\n init(_options) {\n this.view = $(this.templates[this.settings.type])\n\n if (this.settings.id) {\n this.view.attr('id', this.settings.id)\n }\n\n if (this.settings.classes) {\n this.view.addClass(this.settings.classes)\n }\n\n if (this.settings.title) {\n this.view.find('[data-role=\"modal-title\"]').append(this.settings.title)\n }\n\n // build content\n if (this.settings.content) {\n if (typeof this.settings.content === 'string') {\n this.settings.content = $(this.settings.content)\n }\n let { content } = this.settings\n\n // clone strategy\n if (this.settings.clone) {\n if (this.settings.clone === true) {\n content = content.clone()\n }\n if (this.settings.clone === 'deep') {\n content = content.clone(true)\n }\n }\n\n if (this.settings.show) {\n content.show()\n }\n\n this.view.find('[data-role=\"modal-content\"]').append(content)\n }\n\n this.view.appendTo($(document.body))\n\n return Component.connect(this.view)\n }\n\n bind() {\n this.view.on('click', '[data-role=\"modal-close\"]', this.close.bind(this))\n\n if (this.settings.type === 'simple') {\n this.view.on('click', '[data-role=\"modal-overlay\"]', this.close.bind(this))\n }\n\n $(document.body).on('modal.close', () => {\n return this.close()\n })\n\n return $(document).on('keyup.modal', e => {\n if (e.which === 27) {\n return this.close()\n }\n })\n }\n\n show() {\n $(document.body).addClass('has-modal-open')\n\n $(window).scrollTop(pageYOffset - 0.000001) // For fix safari bug version 9.0.1\n\n return this.view.addClass('modal-open')\n }\n\n close() {\n $('body, html').removeClass('has-modal-open modal-full-page')\n this.view.removeClass('modal-open')\n this.view.remove()\n\n $(document).off('keyup.modal')\n return $(document.body).off('modal.close')\n }\n}\nModal.initClass()\n\nwindow.Modal = Modal\n\nexport { Modal }\nexport default Modal\n","// getting tag from 19.1.3.6 Object.prototype.toString()\nvar cof = require('./_cof');\nvar TAG = require('./_wks')('toStringTag');\n// ES3 wrong here\nvar ARG = cof(function () { return arguments; }()) == 'Arguments';\n\n// fallback for IE11 Script Access Denied error\nvar tryGet = function (it, key) {\n try {\n return it[key];\n } catch (e) { /* empty */ }\n};\n\nmodule.exports = function (it) {\n var O, T, B;\n return it === undefined ? 'Undefined' : it === null ? 'Null'\n // @@toStringTag case\n : typeof (T = tryGet(O = Object(it), TAG)) == 'string' ? T\n // builtinTag case\n : ARG ? cof(O)\n // ES3 arguments fallback\n : (B = cof(O)) == 'Object' && typeof O.callee == 'function' ? 'Arguments' : B;\n};\n","var core = require('./_core');\nvar global = require('./_global');\nvar SHARED = '__core-js_shared__';\nvar store = global[SHARED] || (global[SHARED] = {});\n\n(module.exports = function (key, value) {\n return store[key] || (store[key] = value !== undefined ? value : {});\n})('versions', []).push({\n version: core.version,\n mode: require('./_library') ? 'pure' : 'global',\n copyright: '© 2019 Denis Pushkarev (zloirock.ru)'\n});\n","module.exports = false;\n","var isObject = require('./_is-object');\nvar document = require('./_global').document;\n// typeof document.createElement is 'object' in old IE\nvar is = isObject(document) && isObject(document.createElement);\nmodule.exports = function (it) {\n return is ? document.createElement(it) : {};\n};\n","'use strict';\nvar $at = require('./_string-at')(true);\n\n// 21.1.3.27 String.prototype[@@iterator]()\nrequire('./_iter-define')(String, 'String', function (iterated) {\n this._t = String(iterated); // target\n this._i = 0; // next index\n// 21.1.5.2.1 %StringIteratorPrototype%.next()\n}, function () {\n var O = this._t;\n var index = this._i;\n var point;\n if (index >= O.length) return { value: undefined, done: true };\n point = $at(O, index);\n this._i += point.length;\n return { value: point, done: false };\n});\n","'use strict';\nvar LIBRARY = require('./_library');\nvar $export = require('./_export');\nvar redefine = require('./_redefine');\nvar hide = require('./_hide');\nvar Iterators = require('./_iterators');\nvar $iterCreate = require('./_iter-create');\nvar setToStringTag = require('./_set-to-string-tag');\nvar getPrototypeOf = require('./_object-gpo');\nvar ITERATOR = require('./_wks')('iterator');\nvar BUGGY = !([].keys && 'next' in [].keys()); // Safari has buggy iterators w/o `next`\nvar FF_ITERATOR = '@@iterator';\nvar KEYS = 'keys';\nvar VALUES = 'values';\n\nvar returnThis = function () { return this; };\n\nmodule.exports = function (Base, NAME, Constructor, next, DEFAULT, IS_SET, FORCED) {\n $iterCreate(Constructor, NAME, next);\n var getMethod = function (kind) {\n if (!BUGGY && kind in proto) return proto[kind];\n switch (kind) {\n case KEYS: return function keys() { return new Constructor(this, kind); };\n case VALUES: return function values() { return new Constructor(this, kind); };\n } return function entries() { return new Constructor(this, kind); };\n };\n var TAG = NAME + ' Iterator';\n var DEF_VALUES = DEFAULT == VALUES;\n var VALUES_BUG = false;\n var proto = Base.prototype;\n var $native = proto[ITERATOR] || proto[FF_ITERATOR] || DEFAULT && proto[DEFAULT];\n var $default = $native || getMethod(DEFAULT);\n var $entries = DEFAULT ? !DEF_VALUES ? $default : getMethod('entries') : undefined;\n var $anyNative = NAME == 'Array' ? proto.entries || $native : $native;\n var methods, key, IteratorPrototype;\n // Fix native\n if ($anyNative) {\n IteratorPrototype = getPrototypeOf($anyNative.call(new Base()));\n if (IteratorPrototype !== Object.prototype && IteratorPrototype.next) {\n // Set @@toStringTag to native iterators\n setToStringTag(IteratorPrototype, TAG, true);\n // fix for some old engines\n if (!LIBRARY && typeof IteratorPrototype[ITERATOR] != 'function') hide(IteratorPrototype, ITERATOR, returnThis);\n }\n }\n // fix Array#{values, @@iterator}.name in V8 / FF\n if (DEF_VALUES && $native && $native.name !== VALUES) {\n VALUES_BUG = true;\n $default = function values() { return $native.call(this); };\n }\n // Define iterator\n if ((!LIBRARY || FORCED) && (BUGGY || VALUES_BUG || !proto[ITERATOR])) {\n hide(proto, ITERATOR, $default);\n }\n // Plug for library\n Iterators[NAME] = $default;\n Iterators[TAG] = returnThis;\n if (DEFAULT) {\n methods = {\n values: DEF_VALUES ? $default : getMethod(VALUES),\n keys: IS_SET ? $default : getMethod(KEYS),\n entries: $entries\n };\n if (FORCED) for (key in methods) {\n if (!(key in proto)) redefine(proto, key, methods[key]);\n } else $export($export.P + $export.F * (BUGGY || VALUES_BUG), NAME, methods);\n }\n return methods;\n};\n","// 19.1.2.14 / 15.2.3.14 Object.keys(O)\nvar $keys = require('./_object-keys-internal');\nvar enumBugKeys = require('./_enum-bug-keys');\n\nmodule.exports = Object.keys || function keys(O) {\n return $keys(O, enumBugKeys);\n};\n","var shared = require('./_shared')('keys');\nvar uid = require('./_uid');\nmodule.exports = function (key) {\n return shared[key] || (shared[key] = uid(key));\n};\n","// 7.1.13 ToObject(argument)\nvar defined = require('./_defined');\nmodule.exports = function (it) {\n return Object(defined(it));\n};\n","// 22.1.3.31 Array.prototype[@@unscopables]\nvar UNSCOPABLES = require('./_wks')('unscopables');\nvar ArrayProto = Array.prototype;\nif (ArrayProto[UNSCOPABLES] == undefined) require('./_hide')(ArrayProto, UNSCOPABLES, {});\nmodule.exports = function (key) {\n ArrayProto[UNSCOPABLES][key] = true;\n};\n","var redefine = require('./_redefine');\nmodule.exports = function (target, src, safe) {\n for (var key in src) redefine(target, key, src[key], safe);\n return target;\n};\n","module.exports = function (it, Constructor, name, forbiddenField) {\n if (!(it instanceof Constructor) || (forbiddenField !== undefined && forbiddenField in it)) {\n throw TypeError(name + ': incorrect invocation!');\n } return it;\n};\n","var ctx = require('./_ctx');\nvar call = require('./_iter-call');\nvar isArrayIter = require('./_is-array-iter');\nvar anObject = require('./_an-object');\nvar toLength = require('./_to-length');\nvar getIterFn = require('./core.get-iterator-method');\nvar BREAK = {};\nvar RETURN = {};\nvar exports = module.exports = function (iterable, entries, fn, that, ITERATOR) {\n var iterFn = ITERATOR ? function () { return iterable; } : getIterFn(iterable);\n var f = ctx(fn, that, entries ? 2 : 1);\n var index = 0;\n var length, step, iterator, result;\n if (typeof iterFn != 'function') throw TypeError(iterable + ' is not iterable!');\n // fast case for arrays with default iterator\n if (isArrayIter(iterFn)) for (length = toLength(iterable.length); length > index; index++) {\n result = entries ? f(anObject(step = iterable[index])[0], step[1]) : f(iterable[index]);\n if (result === BREAK || result === RETURN) return result;\n } else for (iterator = iterFn.call(iterable); !(step = iterator.next()).done;) {\n result = call(iterator, f, step.value, entries);\n if (result === BREAK || result === RETURN) return result;\n }\n};\nexports.BREAK = BREAK;\nexports.RETURN = RETURN;\n","var ITERATOR = require('./_wks')('iterator');\nvar SAFE_CLOSING = false;\n\ntry {\n var riter = [7][ITERATOR]();\n riter['return'] = function () { SAFE_CLOSING = true; };\n // eslint-disable-next-line no-throw-literal\n Array.from(riter, function () { throw 2; });\n} catch (e) { /* empty */ }\n\nmodule.exports = function (exec, skipClosing) {\n if (!skipClosing && !SAFE_CLOSING) return false;\n var safe = false;\n try {\n var arr = [7];\n var iter = arr[ITERATOR]();\n iter.next = function () { return { done: safe = true }; };\n arr[ITERATOR] = function () { return iter; };\n exec(arr);\n } catch (e) { /* empty */ }\n return safe;\n};\n","export class VisibilityObserver {\n constructor() {\n this.targets = new Map();\n this.observe = (target, { onVisible, onUnvisible }) => {\n this.observer.observe(target);\n this.targets.set(target, {\n onVisible,\n onUnvisible\n });\n };\n this.unobserve = (target) => {\n this.observer.unobserve(target);\n this.targets.delete(target);\n };\n this.handleVisible = (target) => {\n var _a;\n (_a = this.targets.get(target)) === null || _a === void 0 ? void 0 : _a.onVisible();\n };\n this.handleUnvisible = (target) => {\n var _a, _b;\n (_b = (_a = this.targets.get(target)) === null || _a === void 0 ? void 0 : _a.onUnvisible) === null || _b === void 0 ? void 0 : _b.call(_a);\n };\n this.processEntries = (entries) => {\n entries.forEach(entry => {\n entry.isIntersecting\n ? this.handleVisible(entry.target)\n : this.handleUnvisible(entry.target);\n });\n };\n this.observer = new IntersectionObserver(this.processEntries);\n }\n}\n","import { scopeName } from './cssScope';\nexport const CHANGE_EVENT = `${scopeName}:change`;\nexport const SHOW_PREVIEW_EVENT = `${scopeName}:showPreview`;\nexport const HIDE_PREVIEW_EVENT = `${scopeName}:hidePreview`;\nexport const VARIANTS_LIST_STATE_EVENT = `${scopeName}:variantsListState`;\n","// Copied from `jarvis/app/assets/javascripts/site/VControllers/Autocomplete/utils/uuid.ts`\nexport function uuidV4() {\n return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {\n const r = Math.random() * 16 | 0, v = c == 'x' ? r : (r & 0x3 | 0x8);\n return v.toString(16);\n });\n}\nexport const uuidV4Reg = /^[0-9A-F]{8}-[0-9A-F]{4}-4[0-9A-F]{3}-[89AB][0-9A-F]{3}-[0-9A-F]{12}$/i;\n","import { h, Component } from 'preact';\nimport autocompleteTree from 'site/VDOMComponents/AutocompleteTree';\n// This version renders all elements without nested scroll\nconst AutocompleteTree = autocompleteTree();\nconst MOBILE_LEFT_GAP = 20;\nexport class FixedAutocomplete extends Component {\n constructor() {\n super(...arguments);\n this.input = null;\n this.state = { isLabelFloated: true };\n this.componentDidMount = () => {\n this.props.onMount();\n };\n this.handleChange = (item) => {\n this.props.onChange(item, this.input);\n };\n this.handleFocusAutocomplete = () => {\n if (this.props.disabled)\n return;\n this.setState({ isLabelFloated: true }, this.props.onOpen);\n };\n this.handleBlurAutocomplete = () => {\n this.props.onClose();\n if (this.props.selectedValue.text || this.props.isLabelFixed)\n return;\n this.setState({ isLabelFloated: false });\n };\n this.handleInput = (e) => {\n const newValue = e.target.value;\n this.props.onInput(newValue);\n };\n this.handleClear = () => {\n this.props.onInput('');\n };\n this.handleRef = (el) => {\n var _a, _b;\n this.input = el;\n (_b = (_a = this.props).onInputRef) === null || _b === void 0 ? void 0 : _b.call(_a, el);\n };\n }\n get listClassList() {\n const { buildClassName, isLoading, isOpen, items } = this.props;\n const isChildren = items.some(item => Boolean(item.children));\n return buildClassName('items __fixedList', {\n '__open': isOpen,\n '__loading': isLoading,\n '__withoutChildren': !isChildren\n });\n }\n get listStyles() {\n if (!this.input)\n return;\n const rect = this.input.getBoundingClientRect();\n if (rect.left != MOBILE_LEFT_GAP)\n return { left: `-${rect.left - MOBILE_LEFT_GAP}px` };\n }\n render() {\n const { isRequired, inputValue, selectedValue, items, buildClassName, disabled = false, label, isOpen, tag: Tag = 'input' } = this.props;\n const { isLabelFloated } = this.state;\n const isItemsShown = isOpen;\n const className = buildClassName('autocomplete', { '__autocompleteFixed': true, '__labelFloated': isLabelFloated, '__isDropdownOpen': isItemsShown });\n return (h(\"div\", { className: className, onFocusCapture: this.handleFocusAutocomplete, onBlurCapture: this.handleBlurAutocomplete, tabIndex: 0 },\n h(\"label\", { className: buildClassName('label') },\n label,\n isRequired && (h(\"abbr\", { title: '\\u041E\\u0431\\u044F\\u0437\\u0430\\u0442\\u0435\\u043B\\u044C\\u043D\\u043E' }, \"*\"))),\n h(Tag, { required: isRequired, className: buildClassName('input', { '__isDropdownOpen': isItemsShown }), value: inputValue, disabled: disabled, autocomplete: 'new-autocomplete', onInput: this.handleInput, ref: this.handleRef }),\n h(AutocompleteTree, { inputValue: inputValue, items: items, onClick: this.handleChange, onChildClick: this.handleChange, getLabel: (item) => item.text, isSelected: (item) => item.id === selectedValue.id, rootClassName: this.listClassList, notFoundJsx: items.length === 0 ? h(\"p\", null, \"\\u041D\\u0438\\u0447\\u0435\\u0433\\u043E \\u043D\\u0435 \\u043D\\u0430\\u0439\\u0434\\u0435\\u043D\\u043E\") : undefined, headJSX: h(\"h5\", { className: buildClassName('itemsTitle'), onClick: this.handleBlurAutocomplete }, \"\\u041F\\u0440\\u0435\\u0434\\u043F\\u043E\\u043B\\u043E\\u0436\\u0435\\u043D\\u0438\\u044F\"), rootStyles: this.listStyles })));\n }\n}\n","import { h, Component } from 'preact';\nimport htmlClassNames from 'core/utils/htmlClassNames';\nimport autocompleteTree from 'site/VDOMComponents/AutocompleteTree';\nimport { TextControl } from 'luxury_theme.mobile/UI/controls/TextControl';\n// This version renders all elements without nested scroll\nconst AutocompleteTree = autocompleteTree();\nexport class LuxuryAutocomplete extends Component {\n constructor() {\n super(...arguments);\n this.componentDidMount = () => {\n this.props.onMount();\n };\n this.handleChange = (item) => {\n this.props.onChange(item, this.input);\n };\n this.handleFocusAutocomplete = () => {\n if (this.props.disabled)\n return;\n this.setState({ isLabelFloated: true }, this.props.onOpen);\n };\n this.handleBlurAutocomplete = () => {\n this.props.onClose();\n if (this.props.selectedValue.text || this.props.isLabelFixed)\n return;\n this.setState({ isLabelFloated: false });\n };\n this.handleInput = (value) => {\n this.props.onInput(value);\n };\n this.handleClear = () => {\n this.props.onInput('');\n };\n this.handleRef = (el) => {\n var _a, _b;\n this.input = el;\n (_b = (_a = this.props).onInputRef) === null || _b === void 0 ? void 0 : _b.call(_a, el !== null && el !== void 0 ? el : null);\n };\n }\n get listClassList() {\n const { buildClassName, isLoading, isOpen, items } = this.props;\n const isChildren = items.some(item => Boolean(item.children));\n return buildClassName('items __fixedList', {\n '__open': isOpen,\n '__loading': isLoading,\n '__withoutChildren': !isChildren\n });\n }\n render() {\n const { isRequired, inputValue, selectedValue, items, disabled = false, label, isOpen, buildClassName } = this.props;\n return (h(\"div\", { className: htmlClassNames('control-Autocomplete', {\n '__dropOpen': isOpen\n }), onFocusCapture: this.handleFocusAutocomplete, onBlurCapture: this.handleBlurAutocomplete, tabIndex: 0 },\n h(TextControl, { type: 'text', name: 'autocomplete', label: label, required: isRequired, value: inputValue, disabled: disabled, inputRef: this.handleRef, onChange: this.handleInput, disableAutocomplete: true }),\n h(AutocompleteTree, { inputValue: inputValue, items: items, onClick: this.handleChange, onChildClick: this.handleChange, getLabel: (item) => item.text, isSelected: (item) => item.id === selectedValue.id, rootClassName: this.listClassList, notFoundJsx: items.length === 0 ? h(\"p\", null, \"\\u041D\\u0438\\u0447\\u0435\\u0433\\u043E \\u043D\\u0435 \\u043D\\u0430\\u0439\\u0434\\u0435\\u043D\\u043E\") : undefined, headJSX: h(\"h5\", { className: buildClassName('itemsTitle'), onClick: this.handleBlurAutocomplete }, \"\\u041F\\u0440\\u0435\\u0434\\u043F\\u043E\\u043B\\u043E\\u0436\\u0435\\u043D\\u0438\\u044F\") })));\n }\n}\n","import { h } from 'preact';\nexport const Actions = (props) => {\n const { buildClassName, onApply, onClear, styles, isVisible } = props;\n const handleClose = (e) => {\n e.stopPropagation();\n e.preventDefault();\n onApply();\n };\n return (h(\"div\", { className: buildClassName('autocompleteActions', { '__visible': isVisible }), style: styles },\n h(\"div\", { className: buildClassName('autocompleteClear'), onClick: onClear },\n h(\"span\", null)),\n h(\"div\", { className: buildClassName('autocompleteApply'), onClick: handleClose },\n h(\"span\", null))));\n};\n","import { h, Component } from 'preact';\nimport autocompleteTree from 'site/VDOMComponents/AutocompleteTree';\nimport { Actions } from '../../Actions';\nconst AutocompleteTree = autocompleteTree();\nexport class Autocomplete extends Component {\n constructor() {\n super(...arguments);\n this.input = null;\n this.state = { isLabelFloated: true };\n this.componentDidMount = () => {\n this.props.onMount();\n };\n this.handleChange = (item) => {\n this.props.onChange(item, this.input);\n };\n this.handleFocusAutocomplete = () => {\n if (this.props.disabled)\n return;\n this.props.onOpen();\n };\n this.handleBlurAutocomplete = () => {\n this.props.onClose();\n };\n this.handleInput = (e) => {\n const newValue = e.target.value;\n this.props.onInput(newValue);\n };\n this.handleClear = () => {\n this.props.onClear();\n };\n this.handleRef = (el) => {\n var _a, _b;\n this.input = el;\n (_b = (_a = this.props).onInputRef) === null || _b === void 0 ? void 0 : _b.call(_a, el);\n };\n this.handleApply = () => {\n var _a, _b;\n (_b = (_a = this.props).onApply) === null || _b === void 0 ? void 0 : _b.call(_a);\n };\n }\n get listClassList() {\n const { buildClassName, isLoading, isOpen } = this.props;\n return buildClassName('items', {\n '__open': isOpen,\n '__loading': isLoading\n });\n }\n render() {\n const { isRequired, inputValue, selectedValue, items, buildClassName, disabled = false, notFoundJsx, label, isOpen, tag: Tag = 'input', notice } = this.props;\n const { isLabelFloated } = this.state;\n const isItemsShown = isOpen && items.length > 0;\n return (h(\"div\", { className: buildClassName('autocomplete', { '__labelFloated': isLabelFloated, '__isDropdownOpen': isItemsShown }), onFocusCapture: this.handleFocusAutocomplete, onBlurCapture: this.handleBlurAutocomplete, tabIndex: 0 },\n notice && (h(\"div\", { className: 'ui-Input_notice' }, notice.message)),\n h(\"label\", { className: buildClassName('label') },\n label,\n isRequired && (h(\"abbr\", { title: '\\u041E\\u0431\\u044F\\u0437\\u0430\\u0442\\u0435\\u043B\\u044C\\u043D\\u043E' }, \"*\"))),\n h(Tag, { required: isRequired, className: buildClassName('input', { '__isDropdownOpen': isItemsShown }), value: inputValue, disabled: disabled, autocomplete: 'new-autocomplete', onInput: this.handleInput, ref: this.handleRef }),\n h(AutocompleteTree, { inputValue: inputValue, items: items, onClick: this.handleChange, onChildClick: this.handleChange, getLabel: (item) => item.text, isSelected: (item) => item.id === selectedValue.id, className: this.listClassList, notFoundJsx: notFoundJsx }),\n h(Actions, { isVisible: !!inputValue && isItemsShown, buildClassName: buildClassName, onApply: this.handleApply, onClear: this.handleClear })));\n }\n}\n","// TODO: refactor to two separate files with real node as value source and reactive\nimport { h, Component } from 'preact';\nimport htmlClassNames from 'core/utils/htmlClassNames';\nimport Http from 'core/services/HttpClient';\nimport { FixedAutocomplete } from '../templates/FixedAutocomplete';\nimport { LuxuryAutocomplete } from '../templates/LuxuryAutocomplete';\nimport { Autocomplete } from '../templates/Autocomplete';\nexport var TemplatesTypes;\n(function (TemplatesTypes) {\n TemplatesTypes[\"Autocomplete\"] = \"Autocomplete\";\n TemplatesTypes[\"FixedAutocomplete\"] = \"FixedAutocomplete\";\n TemplatesTypes[\"LuxuryAutocomplete\"] = \"LuxuryAutocomplete\";\n})(TemplatesTypes || (TemplatesTypes = {}));\nconst TypesToTemplatesMap = {\n [TemplatesTypes.Autocomplete]: Autocomplete,\n [TemplatesTypes.FixedAutocomplete]: FixedAutocomplete,\n [TemplatesTypes.LuxuryAutocomplete]: LuxuryAutocomplete\n};\nexport function baseAutocomplete(autocompleteUrl, initLabel, changeValueEvent, options) {\n const { extraStateBuilder = (_component) => ({}), extraQueryParams = (_component) => ({}) } = options || {};\n return (class extends Component {\n constructor() {\n super(...arguments);\n this.state = {\n ...extraStateBuilder(this),\n currentValue: this.defaultValue,\n isOpened: false,\n searchValue: '',\n searchingItems: [],\n loading: false,\n itemsLoaded: false,\n typingTimeout: 0\n };\n this.buildClassName = (elementName, mods = {}) => {\n const { baseClassName = 'ui-Input' } = this.props;\n return htmlClassNames(`${baseClassName}_${elementName}`, mods);\n };\n this.handleChangeCurrentValue = (currentValue, input, hideCallback) => {\n var _a;\n const { id: newValue } = currentValue;\n const { inputEl, onChange = () => { }, preventCloseOnChange = () => false, preventChange = () => false } = this.props;\n if (preventChange(currentValue))\n return;\n if (currentValue.action === 'improve') {\n // to improve user input\n return this.setState(state => { var _a; return ({ ...state, searchValue: `${(_a = currentValue === null || currentValue === void 0 ? void 0 : currentValue.searchText) !== null && _a !== void 0 ? _a : currentValue.text}, ` }); }, () => {\n var _a, _b;\n (_b = (_a = this.props).onImproveChange) === null || _b === void 0 ? void 0 : _b.call(_a, currentValue);\n const inputEl = input !== null && input !== void 0 ? input : this.originInputEl;\n inputEl === null || inputEl === void 0 ? void 0 : inputEl.focus();\n });\n }\n const { currentValue: oldValue } = this.state;\n if (preventCloseOnChange(currentValue)) {\n input === null || input === void 0 ? void 0 : input.focus();\n }\n else {\n this.hideDropdown();\n hideCallback === null || hideCallback === void 0 ? void 0 : hideCallback(); // to run template changed apply value\n }\n if (!inputEl)\n return onChange(currentValue, oldValue, input);\n this.setState({ currentValue, searchValue: (_a = currentValue === null || currentValue === void 0 ? void 0 : currentValue.searchText) !== null && _a !== void 0 ? _a : currentValue.text }, () => {\n inputEl.value = newValue ? newValue.toString() : '';\n onChange(currentValue, oldValue, input);\n });\n };\n this.handleChangeValueEvent = ({ detail: { item, ...otherState } }) => {\n this.setState(otherState, () => this.handleChangeCurrentValue(item));\n };\n this.showDropdown = () => {\n if (this.finalBlurTimeout) {\n clearTimeout(this.finalBlurTimeout);\n }\n if (this.props.withOnShowLoad)\n this.loadItems();\n this.setState({ isOpened: true });\n };\n this.hideDropdown = () => {\n const { searchValue, currentValue } = this.state;\n const { defaultSearchValue, onFinalBlur } = this.props;\n this.setState({ isOpened: false });\n if (defaultSearchValue && searchValue === '') {\n this.setState({ searchValue: defaultSearchValue });\n }\n if (onFinalBlur) {\n if (this.finalBlurTimeout) {\n clearTimeout(this.finalBlurTimeout);\n }\n this.finalBlurTimeout = setTimeout(() => onFinalBlur(currentValue), 100);\n }\n };\n this.handleFirstItemApply = (startItem) => {\n const recurse = (item) => {\n if (item.children) {\n recurse(item.children[0]);\n return;\n }\n if (item.action === 'change') {\n this.handleChangeCurrentValue(item);\n }\n };\n recurse(startItem);\n };\n this.handleClose = () => {\n this.hideDropdown();\n };\n this.handleApply = () => {\n const { autoSelect } = this.props;\n const { searchingItems, currentValue } = this.state;\n if (autoSelect && searchingItems.length > 0 && !currentValue.id) {\n this.handleFirstItemApply(searchingItems[0]);\n }\n };\n this.handleEnterKeyPressed = (e) => {\n if (e.key === 'Enter') {\n this.handleApply();\n }\n };\n this.handleClear = () => {\n var _a;\n this.handleChangeCurrentValue({ id: undefined, text: '' });\n (_a = this.originInputEl) === null || _a === void 0 ? void 0 : _a.focus();\n };\n this.handleChangeSearch = (searchValue) => {\n var _a, _b;\n const { typingTimeout } = this.state;\n (_b = (_a = this.props).onChangeSearch) === null || _b === void 0 ? void 0 : _b.call(_a, searchValue);\n if (typingTimeout) {\n clearTimeout(typingTimeout);\n }\n this.setState({\n searchValue,\n typingTimeout: setTimeout(this.loadItems, 700)\n });\n };\n this.fetchItems = () => Http.get(autocompleteUrl, { params: this.queryParams });\n this.loadItems = () => {\n if (!this.isSearchInput)\n return;\n if (this.state.searchValue === '') {\n this.setState({ searchingItems: [] });\n return;\n }\n this.setState({ loading: true });\n const promise = this.props.fetchItems ? this.props.fetchItems(this.queryParams) : this.fetchItems();\n promise\n .then(({ data }) => {\n let searchingItems = data\n .map(item => {\n if (this.props.preventChange) {\n return this.props.preventChange(item) ? ({ ...item, isInfo: true }) : item;\n }\n return item;\n });\n const { excludeItemsIds } = this.props;\n if (excludeItemsIds) {\n searchingItems = searchingItems.filter(item => item.id ? !excludeItemsIds.includes(Number(item.id)) : true);\n }\n this.setState({ searchingItems, loading: false, itemsLoaded: true });\n }).catch(() => {\n this.setState({ searchingItems: [], loading: false, itemsLoaded: true });\n });\n };\n this.handleInputRef = (el) => {\n var _a, _b;\n this.originInputEl = el;\n (_b = (_a = this.props).onInputRef) === null || _b === void 0 ? void 0 : _b.call(_a, el);\n };\n }\n componentDidMount() {\n if (this.props.inputEl && this.props.value)\n console.warn('You should use either inputEl or value prop');\n this.hideRealInput();\n this.assignInitState();\n this.bindListeners();\n }\n componentWillReceiveProps({ inputEl, value, items, defaultSearchValue }) {\n var _a;\n if (inputEl)\n return;\n value = value === null || value === void 0 ? void 0 : value.toString();\n if (this.state.currentValue.id !== value) {\n const currentValue = this.findItem(value, items) || this.findItem(value, this.state.searchingItems) || this.defaultValue;\n const searchValue = currentValue.id ? (_a = currentValue.searchText) !== null && _a !== void 0 ? _a : currentValue.text : defaultSearchValue !== null && defaultSearchValue !== void 0 ? defaultSearchValue : '';\n this.setState({ currentValue, searchValue }, () => { var _a, _b; return (_b = (_a = this.props).onChangeSearch) === null || _b === void 0 ? void 0 : _b.call(_a, searchValue); });\n }\n }\n componentWillUnmount() {\n this.removeListeners();\n }\n hideRealInput() {\n if (!this.props.inputEl)\n return;\n this.props.inputEl.style.display = 'none';\n }\n assignInitState() {\n var _a;\n const inputEl = this.props.inputEl;\n const value = Boolean(inputEl) ? inputEl.value : this.props.value;\n if (!value)\n return this.assignPreselectValue();\n const currentValue = this.findItem(value.toString()) || this.defaultValue;\n const { defaultSearchValue } = this.props;\n const searchValue = currentValue.id ? (_a = currentValue.searchText) !== null && _a !== void 0 ? _a : currentValue.text : defaultSearchValue !== null && defaultSearchValue !== void 0 ? defaultSearchValue : '';\n this.setState({ currentValue, searchValue }, () => { var _a, _b; return (_b = (_a = this.props).onChangeSearch) === null || _b === void 0 ? void 0 : _b.call(_a, searchValue); });\n }\n // to add ability fill preselect city\n assignPreselectValue() {\n this.setState(state => { var _a; return ({ ...state, searchValue: (_a = this.props.defaultSearchValue) !== null && _a !== void 0 ? _a : '' }); });\n }\n bindListeners() {\n document.addEventListener('keypress', this.handleEnterKeyPressed);\n if (!changeValueEvent)\n return;\n document.addEventListener(changeValueEvent, this.handleChangeValueEvent);\n }\n removeListeners() {\n document.removeEventListener('keypress', this.handleEnterKeyPressed);\n if (!changeValueEvent)\n return;\n document.removeEventListener(changeValueEvent, this.handleChangeValueEvent);\n }\n findItem(itemId, items = this.props.items) {\n var _a;\n let targetItem = null;\n for (let i = 0; i < items.length; i++) {\n let item = items[i];\n const { id, children } = item;\n if ((id === null || id === void 0 ? void 0 : id.toString()) === itemId) {\n targetItem = item;\n break;\n }\n if (children && children.length > 0) {\n for (let j = 0; j < children.length; j++) {\n let childItem = children[j];\n if (((_a = childItem.id) === null || _a === void 0 ? void 0 : _a.toString()) === itemId) {\n targetItem = childItem;\n break;\n }\n }\n }\n }\n return targetItem;\n }\n get defaultValue() {\n const { placeholder = '' } = this.props;\n return { id: undefined, text: placeholder };\n }\n get displaySearchValue() {\n if (this.props.alwaysDisplaySearchValue)\n return this.state.searchValue;\n const { searchValue, isOpened, currentValue: { text, searchText } } = this.state;\n return isOpened ? searchValue : (searchText !== null && searchText !== void 0 ? searchText : text);\n }\n get isSearchInput() {\n return !!this.state.searchValue || this.props.isSearchInput;\n }\n get items() {\n return this.state.itemsLoaded && this.isSearchInput ? this.state.searchingItems : this.props.items;\n }\n get queryParams() {\n return Object.assign({ query: this.state.searchValue }, extraQueryParams(this));\n }\n get templateType() {\n if (this.props.templateType)\n return this.props.templateType;\n if (Env.version === 'desktop' || /^\\/?admin\\//.test(window.location.pathname))\n return TemplatesTypes.Autocomplete;\n return TemplatesTypes.FixedAutocomplete;\n }\n render() {\n const { currentValue, loading, isOpened } = this.state;\n const { disabled = false, isRequired, tag, onMount = () => { }, label = initLabel, isLabelFixed, notice } = this.props;\n const Template = TypesToTemplatesMap[this.templateType];\n if (!Template)\n return null;\n return (h(Template, { isRequired: isRequired, inputValue: this.displaySearchValue, label: label, selectedValue: currentValue, items: this.items, isLoading: loading, disabled: disabled, buildClassName: this.buildClassName, onInput: this.handleChangeSearch, onChange: this.handleChangeCurrentValue, onOpen: this.showDropdown, onClose: this.handleClose, onClear: this.handleClear, onApply: this.handleApply, onMount: onMount, isOpen: isOpened, onInputRef: this.handleInputRef, tag: tag, isLabelFixed: isLabelFixed, notice: notice }));\n }\n });\n}\n","var baseIsNative = require('./_baseIsNative'),\n getValue = require('./_getValue');\n\n/**\n * Gets the native function at `key` of `object`.\n *\n * @private\n * @param {Object} object The object to query.\n * @param {string} key The key of the method to get.\n * @returns {*} Returns the function if it's native, else `undefined`.\n */\nfunction getNative(object, key) {\n var value = getValue(object, key);\n return baseIsNative(value) ? value : undefined;\n}\n\nmodule.exports = getNative;\n","import { h, Component } from 'preact';\nimport htmlClassNames from 'core/utils/htmlClassNames';\nimport { FormNoticeService } from 'core/services/FormNoticeService';\nimport Tooltip from 'core/components/UI/Tooltip';\nexport class Select extends Component {\n render() {\n const { options, label, class: _class, className, required = false, notice, tooltip, ...selectProps } = this.props;\n return (h(\"div\", { className: htmlClassNames('ui-Input', '__select', '__text', '__labelFloated', className, { [`__${notice === null || notice === void 0 ? void 0 : notice.type}`]: !!notice }) },\n notice && (h(\"div\", { className: 'ui-Input_notice' }, notice.message)),\n label && (h(\"label\", { className: 'ui-Input_label' },\n label,\n required && (h(\"abbr\", { title: '\\u041E\\u0431\\u044F\\u0437\\u0430\\u0442\\u0435\\u043B\\u044C\\u043D\\u043E' }, \"*\")))),\n h(\"select\", Object.assign({}, selectProps, { required: required, className: 'ui-Input_input' }), options.map((option) => (h(\"option\", { value: option.value }, option.label)))),\n tooltip && (h(\"div\", { className: 'ui-Input_tooltip' },\n \"?\",\n h(Tooltip, { label: tooltip })))));\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};\n","import { createScope } from 'core/services/VDOM';\nexport const ScopeName = 'AutocompleteTree';\nexport default createScope(ScopeName);\n","import { Component } from 'preact';\nimport h, { ScopeName } from '../../cssScope';\nexport class Highlighted extends Component {\n render() {\n const { inputValue, text } = this.props;\n const html = getHtmlString(inputValue, text);\n if (!html)\n return h(\"span\", null, text);\n return (h(\"span\", { dangerouslySetInnerHTML: { __html: html } }));\n }\n}\nconst makePattern = (word) => new RegExp(`${word.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&')}`, 'i');\nfunction getHtmlString(inputValue, text) {\n const words = inputValue\n .replace(/[,()]/g, '')\n .split(' ');\n let res = text;\n words.forEach((word) => {\n if (word === '')\n return;\n const query = makePattern(word).exec(text);\n if (!query)\n return;\n res = res\n .replace(new RegExp(query[0], 'g'), `${query[0]}`);\n });\n return res;\n}\n","import htmlClassNames from 'core/utils/htmlClassNames';\nimport { Component } from 'preact';\nimport h from '../../cssScope';\nimport { Highlighted } from '../Highlighted';\nexport class Item extends Component {\n constructor() {\n super(...arguments);\n this.handleClick = (event) => {\n event.stopPropagation();\n const { onChildClick, onClick, item } = this.props;\n this.isChildrenPresent ? onClick(item) : onChildClick(item);\n };\n }\n get text() {\n const { getLabel, item } = this.props;\n return getLabel(item);\n }\n get isChildrenPresent() {\n const children = this.props.item.children;\n return children && children.length > 0;\n }\n render() {\n const { inputValue, extraContent, item, root = false, isSelected = () => false } = this.props;\n return (h(\"li\", { className: htmlClassNames('sb-Item', { '__root': root }) },\n h(\"div\", { className: htmlClassNames('sb-Item_element', { '__selected': isSelected(item), '__info': item.isInfo }), onMouseDown: this.handleClick },\n h(Highlighted, { inputValue: inputValue, text: this.text })), extraContent === null || extraContent === void 0 ? void 0 :\n extraContent(item),\n this.isChildrenPresent && (h(\"ul\", { className: 'sb-List' }, item.children.map((item, i) => h(Item, Object.assign({ key: i }, this.props, { item: item, root: false })))))));\n }\n}\n","import { Component } from 'preact';\nimport { withStyleLoading } from 'core/components/Hoc/withStyleLoading';\nimport htmlClassNames from 'core/utils/htmlClassNames';\nimport h from './cssScope';\nimport { Item } from './components/Item';\nclass AutocompleteTree extends Component {\n render() {\n const { items, className, rootClassName, notFoundJsx, headJSX, maxDropdownHight, rootStyles, ...props } = this.props;\n return (h(\"div\", { className: htmlClassNames('ScopeRoot', rootClassName), style: rootStyles },\n headJSX && h(\"div\", { className: 'sb-Head' }, headJSX),\n h(\"ul\", { className: htmlClassNames('sb-List __root', className), style: { maxHeight: maxDropdownHight } },\n items.map((item, i) => h(Item, Object.assign({ key: i, item: item }, props, { root: true }))),\n notFoundJsx && !!props.inputValue && (h(\"li\", { className: 'sb-Item __root' }, notFoundJsx)))));\n }\n}\nexport default function () {\n return withStyleLoading(AutocompleteTree, 'AutocompleteTree');\n}\n","export function COMMIT_SET_OZON_PICKUP(state, { id, address }) {\n return {\n ...state,\n ozonPickupId: id,\n ozonDeliveryAddress: address\n };\n}\n","function addEnvVars(config) {\n return {\n ...config,\n headers: {\n ...config.headers,\n 'Authorization': `Token ${Env.daData.token}`\n }\n };\n}\nexport default [addEnvVars];\n","import Axios from 'axios';\nimport { camelizeKeys, decamelizeKeys } from 'humps';\nimport toArray from 'core/utils/array/toArray';\nimport requestInterceptors from './interceptors/request';\nlet { defaults: { transformRequest = [], transformResponse = [] } } = Axios;\nexport const BASE_CONFIG = {\n transformRequest: [decamelizeKeys, ...toArray(transformRequest)],\n transformResponse: [...toArray(transformResponse), camelizeKeys],\n baseURL: 'https://suggestions.dadata.ru/',\n headers: {\n 'Content-Type': 'application/json',\n 'Accept': 'application/json'\n }\n};\nconst axiosInstance = Axios.create(BASE_CONFIG);\nrequestInterceptors.forEach(interceptor => {\n axiosInstance.interceptors.request.use(interceptor);\n});\nexport default axiosInstance;\n","import client from '../client';\nconst LIMIT = 10; // max 20\nexport function getSuggestions(query, limit = LIMIT) {\n return client.post('/suggestions/api/4_1/rs/suggest/address', { query, count: limit });\n}\nexport function getSuggestionsByGeolocate(query, limit = LIMIT) {\n return client.post('/suggestions/api/4_1/rs/geolocate/address', { ...query, count: limit, radius_meters: 50 });\n}\n","export default function scrollWindowTo(point, delay) {\n return new Promise(resolve => {\n $('html, body').animate({ scrollTop: point }, delay, resolve);\n });\n}\n","import debounce from 'core/utils/debounce';\nexport var BatchRenderer;\n(function (BatchRenderer) {\n let queue = [];\n let flush = debounce(150, () => {\n requestAnimationFrame(() => {\n queue.forEach(resolve => resolve());\n queue = [];\n });\n });\n let push = (resolve) => {\n queue.push(resolve);\n flush();\n };\n async function render(callback) {\n return new Promise(resolve => push(resolve)).then(() => callback());\n }\n BatchRenderer.render = render;\n})(BatchRenderer || (BatchRenderer = {}));\nexport var LazyPhoto;\n(function (LazyPhoto) {\n const preloadPhoto = ({ src, srcset, width, height }) => {\n return new Promise(resolve => {\n const img = new Image(width, height);\n if (srcset)\n img.srcset = srcset;\n if (src)\n img.src = src;\n img.onload = () => {\n if (img.decode) {\n img.decode().then(() => {\n resolve(img.currentSrc || img.src);\n });\n }\n else {\n resolve(img.currentSrc || img.src);\n }\n };\n });\n };\n let renderPhoto = (el, src) => {\n return BatchRenderer.render(() => {\n if (el.tagName === 'IMG') {\n const image = el;\n image.src = src;\n }\n else {\n el.style.backgroundImage = `url(${src})`;\n }\n el.dataset.loaded = 'true';\n });\n };\n const sanitizeDimension = (dimension) => {\n return dimension > 0 ? dimension : undefined;\n };\n function preload(image) {\n return preloadPhoto(image);\n }\n LazyPhoto.preload = preload;\n async function load(el) {\n // *TODO: по другому сделать подгрузку фотки | Created at: 20.Aug.2019\n // потому что это нельзя отловить 404 ошибку\n const { src, srcset, loaded } = el.dataset;\n if (loaded)\n return;\n const { width, height } = el.getBoundingClientRect();\n const resultSrc = await preloadPhoto({ src, srcset, width: sanitizeDimension(width), height: sanitizeDimension(height) });\n await renderPhoto(el, resultSrc);\n }\n LazyPhoto.load = load;\n})(LazyPhoto || (LazyPhoto = {}));\n","import rAFThrottle from 'core/utils/rAFThrottle';\nclass ScrollDirectionWatcher {\n constructor(delegates, threshold = 200) {\n var _a;\n this.delegates = delegates;\n this.threshold = threshold;\n this._lastScroll = 0;\n this._scrollEnable = false;\n this._scrollDistanceThreshold = 100;\n this.handleScroll = rAFThrottle(() => {\n const scrollTop = this.delegates.scrollContainer ? this.delegates.scrollContainer.scrollTop : window.pageYOffset;\n if (scrollTop < this.threshold && !this._scrollEnable)\n return;\n let scrollOvercome = scrollTop > this._lastScroll + this._scrollDistanceThreshold;\n if (scrollTop > this._lastScroll && scrollOvercome) {\n this.delegates.onScrollDown();\n }\n else if (scrollTop < this._lastScroll) {\n this.delegates.onScrollUp();\n }\n this._scrollEnable = scrollTop > this.threshold;\n this._lastScroll = scrollTop;\n }, 300);\n const scrollingEl = (_a = this.delegates.scrollContainer) !== null && _a !== void 0 ? _a : window;\n scrollingEl.addEventListener('scroll', this.handleScroll, { passive: true });\n }\n destroy() {\n window.removeEventListener('scroll', this.handleScroll);\n }\n}\nexport { ScrollDirectionWatcher };\n","import { h } from 'preact';\nimport { currencyFormat, parseCurrency, currencyFormatWithCaretPosition } from 'core/utils/number/format';\nimport { Text } from './Text';\nconst CURRENCY_SIGN_SIZE = 2;\nexport function CurrencyText(props) {\n let { min, max, placeholder, value, onChange = () => { } } = props;\n const isInRange = (value) => {\n return value > min && value < max;\n };\n const handleChange = (e) => {\n const target = e.currentTarget;\n onChange(e, parseCurrency(target.value));\n };\n const handleKeyDown = (e) => {\n const target = e.currentTarget;\n const isLeft = e.keyCode === 39;\n const isEnd = e.keyCode === 40;\n const isCurrencyRange = target.selectionEnd >= target.value.length - CURRENCY_SIGN_SIZE;\n if (isCurrencyRange && isLeft || isEnd) {\n e.preventDefault();\n }\n };\n const handleKeyUp = (e) => {\n const target = e.currentTarget;\n const value = currencyFormatWithCaretPosition(target);\n if (isInRange(value)) {\n onChange(e, value);\n }\n };\n const handleClick = (e) => {\n const target = e.currentTarget;\n const selection = target.selectionEnd >= target.value.length - CURRENCY_SIGN_SIZE\n ? target.value.length - CURRENCY_SIGN_SIZE\n : target.selectionEnd;\n target.selectionEnd = selection;\n };\n placeholder = placeholder && currencyFormat(placeholder);\n value = value && currencyFormat(value);\n return (h(Text, Object.assign({}, props, { type: 'text', value: value, placeholder: placeholder, onClick: handleClick, onKeyUp: handleKeyUp, onChange: handleChange, onKeyDown: handleKeyDown })));\n}\n","import { h, Component } from 'preact';\nimport IMask from 'imask';\nimport { Text } from './Text';\nimport { formatPhone } from 'core/utils/formatPhone';\nimport { Countries, DEFAULT_COUNTRY_ID } from 'site/global/constants';\nimport { COUNTRY_ID_UPDATED_EVENT } from 'core/utils/events';\nconst MASK_MAPPING = {\n [Countries.Ru]: '+{7} 000 000 00 00',\n [Countries.By]: '+{375} 000 000 00 00',\n [Countries.Kz]: '+{7} 000 000 00 00'\n};\nexport class Phone extends Component {\n constructor() {\n super(...arguments);\n this.countryId = DEFAULT_COUNTRY_ID;\n this.handleChange = () => {\n var _a, _b, _c;\n const { value, onChangeValue } = this.props;\n if (this.inputRef && this.maskRef) {\n this.maskRef.value = this.countryId === Countries.Ru ? formatPhone((_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.value) : (_b = this.inputRef) === null || _b === void 0 ? void 0 : _b.value;\n }\n const currentValue = ((_c = this.maskRef) === null || _c === void 0 ? void 0 : _c.unmaskedValue) || value;\n onChangeValue(currentValue);\n };\n this.handleRef = (el) => {\n this.inputRef = el;\n this.handlePropsUpdate();\n };\n }\n componentWillUnmount() {\n var _a;\n (_a = this.maskRef) === null || _a === void 0 ? void 0 : _a.destroy();\n this.maskRef = undefined;\n }\n componentDidMount() {\n document.addEventListener(COUNTRY_ID_UPDATED_EVENT, (e) => {\n const detail = e.detail;\n this.countryId = detail.id;\n this.handlePropsUpdate();\n });\n }\n componentDidUpdate() {\n this.handlePropsUpdate();\n }\n handlePropsUpdate() {\n var _a;\n if (this.inputRef) {\n (_a = this.maskRef) === null || _a === void 0 ? void 0 : _a.destroy();\n this.inputRef.value = this.props.value;\n const mask = MASK_MAPPING[this.countryId];\n this.maskRef = IMask(this.inputRef, { mask });\n }\n }\n render() {\n var _a;\n const { value, onChangeValue: _onChangeValue, ...props } = this.props;\n return (h(Text, Object.assign({ inputRef: this.handleRef, onInput: this.handleChange, isLabelFixed: Boolean(value || ((_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.value)) }, props)));\n }\n}\n","(function (global, factory) {\n typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('preact')) :\n typeof define === 'function' && define.amd ? define(['preact'], factory) :\n (global.preactPortal = factory(global.preact));\n}(this, (function (preact) { 'use strict';\n\nvar asyncGenerator = function () {\n function AwaitValue(value) {\n this.value = value;\n }\n\n function AsyncGenerator(gen) {\n var front, back;\n\n function send(key, arg) {\n return new Promise(function (resolve, reject) {\n var request = {\n key: key,\n arg: arg,\n resolve: resolve,\n reject: reject,\n next: null\n };\n\n if (back) {\n back = back.next = request;\n } else {\n front = back = request;\n resume(key, arg);\n }\n });\n }\n\n function resume(key, arg) {\n try {\n var result = gen[key](arg);\n var value = result.value;\n\n if (value instanceof AwaitValue) {\n Promise.resolve(value.value).then(function (arg) {\n resume(\"next\", arg);\n }, function (arg) {\n resume(\"throw\", arg);\n });\n } else {\n settle(result.done ? \"return\" : \"normal\", result.value);\n }\n } catch (err) {\n settle(\"throw\", err);\n }\n }\n\n function settle(type, value) {\n switch (type) {\n case \"return\":\n front.resolve({\n value: value,\n done: true\n });\n break;\n\n case \"throw\":\n front.reject(value);\n break;\n\n default:\n front.resolve({\n value: value,\n done: false\n });\n break;\n }\n\n front = front.next;\n\n if (front) {\n resume(front.key, front.arg);\n } else {\n back = null;\n }\n }\n\n this._invoke = send;\n\n if (typeof gen.return !== \"function\") {\n this.return = undefined;\n }\n }\n\n if (typeof Symbol === \"function\" && Symbol.asyncIterator) {\n AsyncGenerator.prototype[Symbol.asyncIterator] = function () {\n return this;\n };\n }\n\n AsyncGenerator.prototype.next = function (arg) {\n return this._invoke(\"next\", arg);\n };\n\n AsyncGenerator.prototype.throw = function (arg) {\n return this._invoke(\"throw\", arg);\n };\n\n AsyncGenerator.prototype.return = function (arg) {\n return this._invoke(\"return\", arg);\n };\n\n return {\n wrap: function (fn) {\n return function () {\n return new AsyncGenerator(fn.apply(this, arguments));\n };\n },\n await: function (value) {\n return new AwaitValue(value);\n }\n };\n}();\n\nvar classCallCheck = function (instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n};\n\nvar inherits = function (subClass, superClass) {\n if (typeof superClass !== \"function\" && superClass !== null) {\n throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass);\n }\n\n subClass.prototype = Object.create(superClass && superClass.prototype, {\n constructor: {\n value: subClass,\n enumerable: false,\n writable: true,\n configurable: true\n }\n });\n if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;\n};\n\nvar possibleConstructorReturn = function (self, call) {\n if (!self) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n\n return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self;\n};\n\nvar Portal = function (_Component) {\n\tinherits(Portal, _Component);\n\n\tfunction Portal() {\n\t\tclassCallCheck(this, Portal);\n\t\treturn possibleConstructorReturn(this, _Component.apply(this, arguments));\n\t}\n\n\tPortal.prototype.componentDidUpdate = function componentDidUpdate(props) {\n\t\tfor (var i in props) {\n\t\t\tif (props[i] !== this.props[i]) {\n\t\t\t\treturn setTimeout(this.renderLayer);\n\t\t\t}\n\t\t}\n\t};\n\n\tPortal.prototype.componentDidMount = function componentDidMount() {\n\t\tthis.isMounted = true;\n\t\tthis.renderLayer = this.renderLayer.bind(this);\n\t\tthis.renderLayer();\n\t};\n\n\tPortal.prototype.componentWillUnmount = function componentWillUnmount() {\n\t\tthis.renderLayer(false);\n\t\tthis.isMounted = false;\n\t\tif (this.remote) this.remote.parentNode.removeChild(this.remote);\n\t};\n\n\tPortal.prototype.findNode = function findNode(node) {\n\t\treturn typeof node === 'string' ? document.querySelector(node) : node;\n\t};\n\n\tPortal.prototype.renderLayer = function renderLayer() {\n\t\tvar show = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;\n\n\t\tif (!this.isMounted) return;\n\n\t\tif (this.props.into !== this.intoPointer) {\n\t\t\tthis.intoPointer = this.props.into;\n\t\t\tif (this.into && this.remote) {\n\t\t\t\tthis.remote = preact.render(preact.h(PortalProxy, null), this.into, this.remote);\n\t\t\t}\n\t\t\tthis.into = this.findNode(this.props.into);\n\t\t}\n\n\t\tthis.remote = preact.render(preact.h(\n\t\t\tPortalProxy,\n\t\t\t{ context: this.context },\n\t\t\tshow && this.props.children || null\n\t\t), this.into, this.remote);\n\t};\n\n\tPortal.prototype.render = function render() {\n\t\treturn null;\n\t};\n\n\treturn Portal;\n}(preact.Component);\n\nvar PortalProxy = function (_Component2) {\n\tinherits(PortalProxy, _Component2);\n\n\tfunction PortalProxy() {\n\t\tclassCallCheck(this, PortalProxy);\n\t\treturn possibleConstructorReturn(this, _Component2.apply(this, arguments));\n\t}\n\n\tPortalProxy.prototype.getChildContext = function getChildContext() {\n\t\treturn this.props.context;\n\t};\n\n\tPortalProxy.prototype.render = function render(_ref) {\n\t\tvar children = _ref.children;\n\n\t\treturn children && children[0] || null;\n\t};\n\n\treturn PortalProxy;\n}(preact.Component);\n\nreturn Portal;\n\n})));\n//# sourceMappingURL=preact-portal.js.map\n","var Symbol = require('./_Symbol'),\n getRawTag = require('./_getRawTag'),\n objectToString = require('./_objectToString');\n\n/** `Object#toString` result references. */\nvar nullTag = '[object Null]',\n undefinedTag = '[object Undefined]';\n\n/** Built-in value references. */\nvar symToStringTag = Symbol ? Symbol.toStringTag : undefined;\n\n/**\n * The base implementation of `getTag` without fallbacks for buggy environments.\n *\n * @private\n * @param {*} value The value to query.\n * @returns {string} Returns the `toStringTag`.\n */\nfunction baseGetTag(value) {\n if (value == null) {\n return value === undefined ? undefinedTag : nullTag;\n }\n return (symToStringTag && symToStringTag in Object(value))\n ? getRawTag(value)\n : objectToString(value);\n}\n\nmodule.exports = baseGetTag;\n","/**\n * Checks if `value` is object-like. A value is object-like if it's not `null`\n * and has a `typeof` result of \"object\".\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is object-like, else `false`.\n * @example\n *\n * _.isObjectLike({});\n * // => true\n *\n * _.isObjectLike([1, 2, 3]);\n * // => true\n *\n * _.isObjectLike(_.noop);\n * // => false\n *\n * _.isObjectLike(null);\n * // => false\n */\nfunction isObjectLike(value) {\n return value != null && typeof value == 'object';\n}\n\nmodule.exports = isObjectLike;\n","'use strict';\n// 19.1.3.6 Object.prototype.toString()\nvar classof = require('./_classof');\nvar test = {};\ntest[require('./_wks')('toStringTag')] = 'z';\nif (test + '' != '[object z]') {\n require('./_redefine')(Object.prototype, 'toString', function toString() {\n return '[object ' + classof(this) + ']';\n }, true);\n}\n","module.exports = !require('./_descriptors') && !require('./_fails')(function () {\n return Object.defineProperty(require('./_dom-create')('div'), 'a', { get: function () { return 7; } }).a != 7;\n});\n","// 7.1.1 ToPrimitive(input [, PreferredType])\nvar isObject = require('./_is-object');\n// instead of the ES6 spec version, we didn't implement @@toPrimitive case\n// and the second argument - flag - preferred type is a string\nmodule.exports = function (it, S) {\n if (!isObject(it)) return it;\n var fn, val;\n if (S && typeof (fn = it.toString) == 'function' && !isObject(val = fn.call(it))) return val;\n if (typeof (fn = it.valueOf) == 'function' && !isObject(val = fn.call(it))) return val;\n if (!S && typeof (fn = it.toString) == 'function' && !isObject(val = fn.call(it))) return val;\n throw TypeError(\"Can't convert object to primitive value\");\n};\n","// 19.1.2.2 / 15.2.3.5 Object.create(O [, Properties])\nvar anObject = require('./_an-object');\nvar dPs = require('./_object-dps');\nvar enumBugKeys = require('./_enum-bug-keys');\nvar IE_PROTO = require('./_shared-key')('IE_PROTO');\nvar Empty = function () { /* empty */ };\nvar PROTOTYPE = 'prototype';\n\n// Create object with fake `null` prototype: use iframe Object with cleared prototype\nvar createDict = function () {\n // Thrash, waste and sodomy: IE GC bug\n var iframe = require('./_dom-create')('iframe');\n var i = enumBugKeys.length;\n var lt = '<';\n var gt = '>';\n var iframeDocument;\n iframe.style.display = 'none';\n require('./_html').appendChild(iframe);\n iframe.src = 'javascript:'; // eslint-disable-line no-script-url\n // createDict = iframe.contentWindow.Object;\n // html.removeChild(iframe);\n iframeDocument = iframe.contentWindow.document;\n iframeDocument.open();\n iframeDocument.write(lt + 'script' + gt + 'document.F=Object' + lt + '/script' + gt);\n iframeDocument.close();\n createDict = iframeDocument.F;\n while (i--) delete createDict[PROTOTYPE][enumBugKeys[i]];\n return createDict();\n};\n\nmodule.exports = Object.create || function create(O, Properties) {\n var result;\n if (O !== null) {\n Empty[PROTOTYPE] = anObject(O);\n result = new Empty();\n Empty[PROTOTYPE] = null;\n // add \"__proto__\" for Object.getPrototypeOf polyfill\n result[IE_PROTO] = O;\n } else result = createDict();\n return Properties === undefined ? result : dPs(result, Properties);\n};\n","// fallback for non-array-like ES3 and non-enumerable old V8 strings\nvar cof = require('./_cof');\n// eslint-disable-next-line no-prototype-builtins\nmodule.exports = Object('z').propertyIsEnumerable(0) ? Object : function (it) {\n return cof(it) == 'String' ? it.split('') : Object(it);\n};\n","// false -> Array#indexOf\n// true -> Array#includes\nvar toIObject = require('./_to-iobject');\nvar toLength = require('./_to-length');\nvar toAbsoluteIndex = require('./_to-absolute-index');\nmodule.exports = function (IS_INCLUDES) {\n return function ($this, el, fromIndex) {\n var O = toIObject($this);\n var length = toLength(O.length);\n var index = toAbsoluteIndex(fromIndex, length);\n var value;\n // Array#includes uses SameValueZero equality algorithm\n // eslint-disable-next-line no-self-compare\n if (IS_INCLUDES && el != el) while (length > index) {\n value = O[index++];\n // eslint-disable-next-line no-self-compare\n if (value != value) return true;\n // Array#indexOf ignores holes, Array#includes - not\n } else for (;length > index; index++) if (IS_INCLUDES || index in O) {\n if (O[index] === el) return IS_INCLUDES || index || 0;\n } return !IS_INCLUDES && -1;\n };\n};\n","// IE 8- don't enum bug keys\nmodule.exports = (\n 'constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf'\n).split(',');\n","var document = require('./_global').document;\nmodule.exports = document && document.documentElement;\n","var $iterators = require('./es6.array.iterator');\nvar getKeys = require('./_object-keys');\nvar redefine = require('./_redefine');\nvar global = require('./_global');\nvar hide = require('./_hide');\nvar Iterators = require('./_iterators');\nvar wks = require('./_wks');\nvar ITERATOR = wks('iterator');\nvar TO_STRING_TAG = wks('toStringTag');\nvar ArrayValues = Iterators.Array;\n\nvar DOMIterables = {\n CSSRuleList: true, // TODO: Not spec compliant, should be false.\n CSSStyleDeclaration: false,\n CSSValueList: false,\n ClientRectList: false,\n DOMRectList: false,\n DOMStringList: false,\n DOMTokenList: true,\n DataTransferItemList: false,\n FileList: false,\n HTMLAllCollection: false,\n HTMLCollection: false,\n HTMLFormElement: false,\n HTMLSelectElement: false,\n MediaList: true, // TODO: Not spec compliant, should be false.\n MimeTypeArray: false,\n NamedNodeMap: false,\n NodeList: true,\n PaintRequestList: false,\n Plugin: false,\n PluginArray: false,\n SVGLengthList: false,\n SVGNumberList: false,\n SVGPathSegList: false,\n SVGPointList: false,\n SVGStringList: false,\n SVGTransformList: false,\n SourceBufferList: false,\n StyleSheetList: true, // TODO: Not spec compliant, should be false.\n TextTrackCueList: false,\n TextTrackList: false,\n TouchList: false\n};\n\nfor (var collections = getKeys(DOMIterables), i = 0; i < collections.length; i++) {\n var NAME = collections[i];\n var explicit = DOMIterables[NAME];\n var Collection = global[NAME];\n var proto = Collection && Collection.prototype;\n var key;\n if (proto) {\n if (!proto[ITERATOR]) hide(proto, ITERATOR, ArrayValues);\n if (!proto[TO_STRING_TAG]) hide(proto, TO_STRING_TAG, NAME);\n Iterators[NAME] = ArrayValues;\n if (explicit) for (key in $iterators) if (!proto[key]) redefine(proto, key, $iterators[key], true);\n }\n}\n","module.exports = function (done, value) {\n return { value: value, done: !!done };\n};\n","// call something on iterator step with safe closing on error\nvar anObject = require('./_an-object');\nmodule.exports = function (iterator, fn, value, entries) {\n try {\n return entries ? fn(anObject(value)[0], value[1]) : fn(value);\n // 7.4.6 IteratorClose(iterator, completion)\n } catch (e) {\n var ret = iterator['return'];\n if (ret !== undefined) anObject(ret.call(iterator));\n throw e;\n }\n};\n","// check on default Array iterator\nvar Iterators = require('./_iterators');\nvar ITERATOR = require('./_wks')('iterator');\nvar ArrayProto = Array.prototype;\n\nmodule.exports = function (it) {\n return it !== undefined && (Iterators.Array === it || ArrayProto[ITERATOR] === it);\n};\n","var classof = require('./_classof');\nvar ITERATOR = require('./_wks')('iterator');\nvar Iterators = require('./_iterators');\nmodule.exports = require('./_core').getIteratorMethod = function (it) {\n if (it != undefined) return it[ITERATOR]\n || it['@@iterator']\n || Iterators[classof(it)];\n};\n","'use strict';\nvar global = require('./_global');\nvar dP = require('./_object-dp');\nvar DESCRIPTORS = require('./_descriptors');\nvar SPECIES = require('./_wks')('species');\n\nmodule.exports = function (KEY) {\n var C = global[KEY];\n if (DESCRIPTORS && C && !C[SPECIES]) dP.f(C, SPECIES, {\n configurable: true,\n get: function () { return this; }\n });\n};\n","var META = require('./_uid')('meta');\nvar isObject = require('./_is-object');\nvar has = require('./_has');\nvar setDesc = require('./_object-dp').f;\nvar id = 0;\nvar isExtensible = Object.isExtensible || function () {\n return true;\n};\nvar FREEZE = !require('./_fails')(function () {\n return isExtensible(Object.preventExtensions({}));\n});\nvar setMeta = function (it) {\n setDesc(it, META, { value: {\n i: 'O' + ++id, // object ID\n w: {} // weak collections IDs\n } });\n};\nvar fastKey = function (it, create) {\n // return primitive with prefix\n if (!isObject(it)) return typeof it == 'symbol' ? it : (typeof it == 'string' ? 'S' : 'P') + it;\n if (!has(it, META)) {\n // can't set metadata to uncaught frozen object\n if (!isExtensible(it)) return 'F';\n // not necessary to add metadata\n if (!create) return 'E';\n // add missing metadata\n setMeta(it);\n // return object ID\n } return it[META].i;\n};\nvar getWeak = function (it, create) {\n if (!has(it, META)) {\n // can't set metadata to uncaught frozen object\n if (!isExtensible(it)) return true;\n // not necessary to add metadata\n if (!create) return false;\n // add missing metadata\n setMeta(it);\n // return hash weak collections IDs\n } return it[META].w;\n};\n// add metadata on freeze-family methods calling\nvar onFreeze = function (it) {\n if (FREEZE && meta.NEED && isExtensible(it) && !has(it, META)) setMeta(it);\n return it;\n};\nvar meta = module.exports = {\n KEY: META,\n NEED: false,\n fastKey: fastKey,\n getWeak: getWeak,\n onFreeze: onFreeze\n};\n","var isObject = require('./_is-object');\nmodule.exports = function (it, TYPE) {\n if (!isObject(it) || it._t !== TYPE) throw TypeError('Incompatible receiver, ' + TYPE + ' required!');\n return it;\n};\n","exports.f = {}.propertyIsEnumerable;\n","var ctx = require('./_ctx');\nvar invoke = require('./_invoke');\nvar html = require('./_html');\nvar cel = require('./_dom-create');\nvar global = require('./_global');\nvar process = global.process;\nvar setTask = global.setImmediate;\nvar clearTask = global.clearImmediate;\nvar MessageChannel = global.MessageChannel;\nvar Dispatch = global.Dispatch;\nvar counter = 0;\nvar queue = {};\nvar ONREADYSTATECHANGE = 'onreadystatechange';\nvar defer, channel, port;\nvar run = function () {\n var id = +this;\n // eslint-disable-next-line no-prototype-builtins\n if (queue.hasOwnProperty(id)) {\n var fn = queue[id];\n delete queue[id];\n fn();\n }\n};\nvar listener = function (event) {\n run.call(event.data);\n};\n// Node.js 0.9+ & IE10+ has setImmediate, otherwise:\nif (!setTask || !clearTask) {\n setTask = function setImmediate(fn) {\n var args = [];\n var i = 1;\n while (arguments.length > i) args.push(arguments[i++]);\n queue[++counter] = function () {\n // eslint-disable-next-line no-new-func\n invoke(typeof fn == 'function' ? fn : Function(fn), args);\n };\n defer(counter);\n return counter;\n };\n clearTask = function clearImmediate(id) {\n delete queue[id];\n };\n // Node.js 0.8-\n if (require('./_cof')(process) == 'process') {\n defer = function (id) {\n process.nextTick(ctx(run, id, 1));\n };\n // Sphere (JS game engine) Dispatch API\n } else if (Dispatch && Dispatch.now) {\n defer = function (id) {\n Dispatch.now(ctx(run, id, 1));\n };\n // Browsers with MessageChannel, includes WebWorkers\n } else if (MessageChannel) {\n channel = new MessageChannel();\n port = channel.port2;\n channel.port1.onmessage = listener;\n defer = ctx(port.postMessage, port, 1);\n // Browsers with postMessage, skip WebWorkers\n // IE8 has postMessage, but it's sync & typeof its postMessage is 'object'\n } else if (global.addEventListener && typeof postMessage == 'function' && !global.importScripts) {\n defer = function (id) {\n global.postMessage(id + '', '*');\n };\n global.addEventListener('message', listener, false);\n // IE8-\n } else if (ONREADYSTATECHANGE in cel('script')) {\n defer = function (id) {\n html.appendChild(cel('script'))[ONREADYSTATECHANGE] = function () {\n html.removeChild(this);\n run.call(id);\n };\n };\n // Rest old browsers\n } else {\n defer = function (id) {\n setTimeout(ctx(run, id, 1), 0);\n };\n }\n}\nmodule.exports = {\n set: setTask,\n clear: clearTask\n};\n","'use strict';\n// 25.4.1.5 NewPromiseCapability(C)\nvar aFunction = require('./_a-function');\n\nfunction PromiseCapability(C) {\n var resolve, reject;\n this.promise = new C(function ($$resolve, $$reject) {\n if (resolve !== undefined || reject !== undefined) throw TypeError('Bad Promise constructor');\n resolve = $$resolve;\n reject = $$reject;\n });\n this.resolve = aFunction(resolve);\n this.reject = aFunction(reject);\n}\n\nmodule.exports.f = function (C) {\n return new PromiseCapability(C);\n};\n","var global = require('./_global');\nvar navigator = global.navigator;\n\nmodule.exports = navigator && navigator.userAgent || '';\n","var DESCRIPTORS = require('./_descriptors');\nvar getKeys = require('./_object-keys');\nvar toIObject = require('./_to-iobject');\nvar isEnum = require('./_object-pie').f;\nmodule.exports = function (isEntries) {\n return function (it) {\n var O = toIObject(it);\n var keys = getKeys(O);\n var length = keys.length;\n var i = 0;\n var result = [];\n var key;\n while (length > i) {\n key = keys[i++];\n if (!DESCRIPTORS || isEnum.call(O, key)) {\n result.push(isEntries ? [key, O[key]] : O[key]);\n }\n }\n return result;\n };\n};\n","/**\n * Copyright (c) 2014-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nvar runtime = (function (exports) {\n \"use strict\";\n\n var Op = Object.prototype;\n var hasOwn = Op.hasOwnProperty;\n var undefined; // More compressible than void 0.\n var $Symbol = typeof Symbol === \"function\" ? Symbol : {};\n var iteratorSymbol = $Symbol.iterator || \"@@iterator\";\n var asyncIteratorSymbol = $Symbol.asyncIterator || \"@@asyncIterator\";\n var toStringTagSymbol = $Symbol.toStringTag || \"@@toStringTag\";\n\n function wrap(innerFn, outerFn, self, tryLocsList) {\n // If outerFn provided and outerFn.prototype is a Generator, then outerFn.prototype instanceof Generator.\n var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator;\n var generator = Object.create(protoGenerator.prototype);\n var context = new Context(tryLocsList || []);\n\n // The ._invoke method unifies the implementations of the .next,\n // .throw, and .return methods.\n generator._invoke = makeInvokeMethod(innerFn, self, context);\n\n return generator;\n }\n exports.wrap = wrap;\n\n // Try/catch helper to minimize deoptimizations. Returns a completion\n // record like context.tryEntries[i].completion. This interface could\n // have been (and was previously) designed to take a closure to be\n // invoked without arguments, but in all the cases we care about we\n // already have an existing method we want to call, so there's no need\n // to create a new function object. We can even get away with assuming\n // the method takes exactly one argument, since that happens to be true\n // in every case, so we don't have to touch the arguments object. The\n // only additional allocation required is the completion record, which\n // has a stable shape and so hopefully should be cheap to allocate.\n function tryCatch(fn, obj, arg) {\n try {\n return { type: \"normal\", arg: fn.call(obj, arg) };\n } catch (err) {\n return { type: \"throw\", arg: err };\n }\n }\n\n var GenStateSuspendedStart = \"suspendedStart\";\n var GenStateSuspendedYield = \"suspendedYield\";\n var GenStateExecuting = \"executing\";\n var GenStateCompleted = \"completed\";\n\n // Returning this object from the innerFn has the same effect as\n // breaking out of the dispatch switch statement.\n var ContinueSentinel = {};\n\n // Dummy constructor functions that we use as the .constructor and\n // .constructor.prototype properties for functions that return Generator\n // objects. For full spec compliance, you may wish to configure your\n // minifier not to mangle the names of these two functions.\n function Generator() {}\n function GeneratorFunction() {}\n function GeneratorFunctionPrototype() {}\n\n // This is a polyfill for %IteratorPrototype% for environments that\n // don't natively support it.\n var IteratorPrototype = {};\n IteratorPrototype[iteratorSymbol] = function () {\n return this;\n };\n\n var getProto = Object.getPrototypeOf;\n var NativeIteratorPrototype = getProto && getProto(getProto(values([])));\n if (NativeIteratorPrototype &&\n NativeIteratorPrototype !== Op &&\n hasOwn.call(NativeIteratorPrototype, iteratorSymbol)) {\n // This environment has a native %IteratorPrototype%; use it instead\n // of the polyfill.\n IteratorPrototype = NativeIteratorPrototype;\n }\n\n var Gp = GeneratorFunctionPrototype.prototype =\n Generator.prototype = Object.create(IteratorPrototype);\n GeneratorFunction.prototype = Gp.constructor = GeneratorFunctionPrototype;\n GeneratorFunctionPrototype.constructor = GeneratorFunction;\n GeneratorFunctionPrototype[toStringTagSymbol] =\n GeneratorFunction.displayName = \"GeneratorFunction\";\n\n // Helper for defining the .next, .throw, and .return methods of the\n // Iterator interface in terms of a single ._invoke method.\n function defineIteratorMethods(prototype) {\n [\"next\", \"throw\", \"return\"].forEach(function(method) {\n prototype[method] = function(arg) {\n return this._invoke(method, arg);\n };\n });\n }\n\n exports.isGeneratorFunction = function(genFun) {\n var ctor = typeof genFun === \"function\" && genFun.constructor;\n return ctor\n ? ctor === GeneratorFunction ||\n // For the native GeneratorFunction constructor, the best we can\n // do is to check its .name property.\n (ctor.displayName || ctor.name) === \"GeneratorFunction\"\n : false;\n };\n\n exports.mark = function(genFun) {\n if (Object.setPrototypeOf) {\n Object.setPrototypeOf(genFun, GeneratorFunctionPrototype);\n } else {\n genFun.__proto__ = GeneratorFunctionPrototype;\n if (!(toStringTagSymbol in genFun)) {\n genFun[toStringTagSymbol] = \"GeneratorFunction\";\n }\n }\n genFun.prototype = Object.create(Gp);\n return genFun;\n };\n\n // Within the body of any async function, `await x` is transformed to\n // `yield regeneratorRuntime.awrap(x)`, so that the runtime can test\n // `hasOwn.call(value, \"__await\")` to determine if the yielded value is\n // meant to be awaited.\n exports.awrap = function(arg) {\n return { __await: arg };\n };\n\n function AsyncIterator(generator, PromiseImpl) {\n function invoke(method, arg, resolve, reject) {\n var record = tryCatch(generator[method], generator, arg);\n if (record.type === \"throw\") {\n reject(record.arg);\n } else {\n var result = record.arg;\n var value = result.value;\n if (value &&\n typeof value === \"object\" &&\n hasOwn.call(value, \"__await\")) {\n return PromiseImpl.resolve(value.__await).then(function(value) {\n invoke(\"next\", value, resolve, reject);\n }, function(err) {\n invoke(\"throw\", err, resolve, reject);\n });\n }\n\n return PromiseImpl.resolve(value).then(function(unwrapped) {\n // When a yielded Promise is resolved, its final value becomes\n // the .value of the Promise<{value,done}> result for the\n // current iteration.\n result.value = unwrapped;\n resolve(result);\n }, function(error) {\n // If a rejected Promise was yielded, throw the rejection back\n // into the async generator function so it can be handled there.\n return invoke(\"throw\", error, resolve, reject);\n });\n }\n }\n\n var previousPromise;\n\n function enqueue(method, arg) {\n function callInvokeWithMethodAndArg() {\n return new PromiseImpl(function(resolve, reject) {\n invoke(method, arg, resolve, reject);\n });\n }\n\n return previousPromise =\n // If enqueue has been called before, then we want to wait until\n // all previous Promises have been resolved before calling invoke,\n // so that results are always delivered in the correct order. If\n // enqueue has not been called before, then it is important to\n // call invoke immediately, without waiting on a callback to fire,\n // so that the async generator function has the opportunity to do\n // any necessary setup in a predictable way. This predictability\n // is why the Promise constructor synchronously invokes its\n // executor callback, and why async functions synchronously\n // execute code before the first await. Since we implement simple\n // async functions in terms of async generators, it is especially\n // important to get this right, even though it requires care.\n previousPromise ? previousPromise.then(\n callInvokeWithMethodAndArg,\n // Avoid propagating failures to Promises returned by later\n // invocations of the iterator.\n callInvokeWithMethodAndArg\n ) : callInvokeWithMethodAndArg();\n }\n\n // Define the unified helper method that is used to implement .next,\n // .throw, and .return (see defineIteratorMethods).\n this._invoke = enqueue;\n }\n\n defineIteratorMethods(AsyncIterator.prototype);\n AsyncIterator.prototype[asyncIteratorSymbol] = function () {\n return this;\n };\n exports.AsyncIterator = AsyncIterator;\n\n // Note that simple async functions are implemented on top of\n // AsyncIterator objects; they just return a Promise for the value of\n // the final result produced by the iterator.\n exports.async = function(innerFn, outerFn, self, tryLocsList, PromiseImpl) {\n if (PromiseImpl === void 0) PromiseImpl = Promise;\n\n var iter = new AsyncIterator(\n wrap(innerFn, outerFn, self, tryLocsList),\n PromiseImpl\n );\n\n return exports.isGeneratorFunction(outerFn)\n ? iter // If outerFn is a generator, return the full iterator.\n : iter.next().then(function(result) {\n return result.done ? result.value : iter.next();\n });\n };\n\n function makeInvokeMethod(innerFn, self, context) {\n var state = GenStateSuspendedStart;\n\n return function invoke(method, arg) {\n if (state === GenStateExecuting) {\n throw new Error(\"Generator is already running\");\n }\n\n if (state === GenStateCompleted) {\n if (method === \"throw\") {\n throw arg;\n }\n\n // Be forgiving, per 25.3.3.3.3 of the spec:\n // https://people.mozilla.org/~jorendorff/es6-draft.html#sec-generatorresume\n return doneResult();\n }\n\n context.method = method;\n context.arg = arg;\n\n while (true) {\n var delegate = context.delegate;\n if (delegate) {\n var delegateResult = maybeInvokeDelegate(delegate, context);\n if (delegateResult) {\n if (delegateResult === ContinueSentinel) continue;\n return delegateResult;\n }\n }\n\n if (context.method === \"next\") {\n // Setting context._sent for legacy support of Babel's\n // function.sent implementation.\n context.sent = context._sent = context.arg;\n\n } else if (context.method === \"throw\") {\n if (state === GenStateSuspendedStart) {\n state = GenStateCompleted;\n throw context.arg;\n }\n\n context.dispatchException(context.arg);\n\n } else if (context.method === \"return\") {\n context.abrupt(\"return\", context.arg);\n }\n\n state = GenStateExecuting;\n\n var record = tryCatch(innerFn, self, context);\n if (record.type === \"normal\") {\n // If an exception is thrown from innerFn, we leave state ===\n // GenStateExecuting and loop back for another invocation.\n state = context.done\n ? GenStateCompleted\n : GenStateSuspendedYield;\n\n if (record.arg === ContinueSentinel) {\n continue;\n }\n\n return {\n value: record.arg,\n done: context.done\n };\n\n } else if (record.type === \"throw\") {\n state = GenStateCompleted;\n // Dispatch the exception by looping back around to the\n // context.dispatchException(context.arg) call above.\n context.method = \"throw\";\n context.arg = record.arg;\n }\n }\n };\n }\n\n // Call delegate.iterator[context.method](context.arg) and handle the\n // result, either by returning a { value, done } result from the\n // delegate iterator, or by modifying context.method and context.arg,\n // setting context.delegate to null, and returning the ContinueSentinel.\n function maybeInvokeDelegate(delegate, context) {\n var method = delegate.iterator[context.method];\n if (method === undefined) {\n // A .throw or .return when the delegate iterator has no .throw\n // method always terminates the yield* loop.\n context.delegate = null;\n\n if (context.method === \"throw\") {\n // Note: [\"return\"] must be used for ES3 parsing compatibility.\n if (delegate.iterator[\"return\"]) {\n // If the delegate iterator has a return method, give it a\n // chance to clean up.\n context.method = \"return\";\n context.arg = undefined;\n maybeInvokeDelegate(delegate, context);\n\n if (context.method === \"throw\") {\n // If maybeInvokeDelegate(context) changed context.method from\n // \"return\" to \"throw\", let that override the TypeError below.\n return ContinueSentinel;\n }\n }\n\n context.method = \"throw\";\n context.arg = new TypeError(\n \"The iterator does not provide a 'throw' method\");\n }\n\n return ContinueSentinel;\n }\n\n var record = tryCatch(method, delegate.iterator, context.arg);\n\n if (record.type === \"throw\") {\n context.method = \"throw\";\n context.arg = record.arg;\n context.delegate = null;\n return ContinueSentinel;\n }\n\n var info = record.arg;\n\n if (! info) {\n context.method = \"throw\";\n context.arg = new TypeError(\"iterator result is not an object\");\n context.delegate = null;\n return ContinueSentinel;\n }\n\n if (info.done) {\n // Assign the result of the finished delegate to the temporary\n // variable specified by delegate.resultName (see delegateYield).\n context[delegate.resultName] = info.value;\n\n // Resume execution at the desired location (see delegateYield).\n context.next = delegate.nextLoc;\n\n // If context.method was \"throw\" but the delegate handled the\n // exception, let the outer generator proceed normally. If\n // context.method was \"next\", forget context.arg since it has been\n // \"consumed\" by the delegate iterator. If context.method was\n // \"return\", allow the original .return call to continue in the\n // outer generator.\n if (context.method !== \"return\") {\n context.method = \"next\";\n context.arg = undefined;\n }\n\n } else {\n // Re-yield the result returned by the delegate method.\n return info;\n }\n\n // The delegate iterator is finished, so forget it and continue with\n // the outer generator.\n context.delegate = null;\n return ContinueSentinel;\n }\n\n // Define Generator.prototype.{next,throw,return} in terms of the\n // unified ._invoke helper method.\n defineIteratorMethods(Gp);\n\n Gp[toStringTagSymbol] = \"Generator\";\n\n // A Generator should always return itself as the iterator object when the\n // @@iterator function is called on it. Some browsers' implementations of the\n // iterator prototype chain incorrectly implement this, causing the Generator\n // object to not be returned from this call. This ensures that doesn't happen.\n // See https://github.com/facebook/regenerator/issues/274 for more details.\n Gp[iteratorSymbol] = function() {\n return this;\n };\n\n Gp.toString = function() {\n return \"[object Generator]\";\n };\n\n function pushTryEntry(locs) {\n var entry = { tryLoc: locs[0] };\n\n if (1 in locs) {\n entry.catchLoc = locs[1];\n }\n\n if (2 in locs) {\n entry.finallyLoc = locs[2];\n entry.afterLoc = locs[3];\n }\n\n this.tryEntries.push(entry);\n }\n\n function resetTryEntry(entry) {\n var record = entry.completion || {};\n record.type = \"normal\";\n delete record.arg;\n entry.completion = record;\n }\n\n function Context(tryLocsList) {\n // The root entry object (effectively a try statement without a catch\n // or a finally block) gives us a place to store values thrown from\n // locations where there is no enclosing try statement.\n this.tryEntries = [{ tryLoc: \"root\" }];\n tryLocsList.forEach(pushTryEntry, this);\n this.reset(true);\n }\n\n exports.keys = function(object) {\n var keys = [];\n for (var key in object) {\n keys.push(key);\n }\n keys.reverse();\n\n // Rather than returning an object with a next method, we keep\n // things simple and return the next function itself.\n return function next() {\n while (keys.length) {\n var key = keys.pop();\n if (key in object) {\n next.value = key;\n next.done = false;\n return next;\n }\n }\n\n // To avoid creating an additional object, we just hang the .value\n // and .done properties off the next function object itself. This\n // also ensures that the minifier will not anonymize the function.\n next.done = true;\n return next;\n };\n };\n\n function values(iterable) {\n if (iterable) {\n var iteratorMethod = iterable[iteratorSymbol];\n if (iteratorMethod) {\n return iteratorMethod.call(iterable);\n }\n\n if (typeof iterable.next === \"function\") {\n return iterable;\n }\n\n if (!isNaN(iterable.length)) {\n var i = -1, next = function next() {\n while (++i < iterable.length) {\n if (hasOwn.call(iterable, i)) {\n next.value = iterable[i];\n next.done = false;\n return next;\n }\n }\n\n next.value = undefined;\n next.done = true;\n\n return next;\n };\n\n return next.next = next;\n }\n }\n\n // Return an iterator with no values.\n return { next: doneResult };\n }\n exports.values = values;\n\n function doneResult() {\n return { value: undefined, done: true };\n }\n\n Context.prototype = {\n constructor: Context,\n\n reset: function(skipTempReset) {\n this.prev = 0;\n this.next = 0;\n // Resetting context._sent for legacy support of Babel's\n // function.sent implementation.\n this.sent = this._sent = undefined;\n this.done = false;\n this.delegate = null;\n\n this.method = \"next\";\n this.arg = undefined;\n\n this.tryEntries.forEach(resetTryEntry);\n\n if (!skipTempReset) {\n for (var name in this) {\n // Not sure about the optimal order of these conditions:\n if (name.charAt(0) === \"t\" &&\n hasOwn.call(this, name) &&\n !isNaN(+name.slice(1))) {\n this[name] = undefined;\n }\n }\n }\n },\n\n stop: function() {\n this.done = true;\n\n var rootEntry = this.tryEntries[0];\n var rootRecord = rootEntry.completion;\n if (rootRecord.type === \"throw\") {\n throw rootRecord.arg;\n }\n\n return this.rval;\n },\n\n dispatchException: function(exception) {\n if (this.done) {\n throw exception;\n }\n\n var context = this;\n function handle(loc, caught) {\n record.type = \"throw\";\n record.arg = exception;\n context.next = loc;\n\n if (caught) {\n // If the dispatched exception was caught by a catch block,\n // then let that catch block handle the exception normally.\n context.method = \"next\";\n context.arg = undefined;\n }\n\n return !! caught;\n }\n\n for (var i = this.tryEntries.length - 1; i >= 0; --i) {\n var entry = this.tryEntries[i];\n var record = entry.completion;\n\n if (entry.tryLoc === \"root\") {\n // Exception thrown outside of any try block that could handle\n // it, so set the completion value of the entire function to\n // throw the exception.\n return handle(\"end\");\n }\n\n if (entry.tryLoc <= this.prev) {\n var hasCatch = hasOwn.call(entry, \"catchLoc\");\n var hasFinally = hasOwn.call(entry, \"finallyLoc\");\n\n if (hasCatch && hasFinally) {\n if (this.prev < entry.catchLoc) {\n return handle(entry.catchLoc, true);\n } else if (this.prev < entry.finallyLoc) {\n return handle(entry.finallyLoc);\n }\n\n } else if (hasCatch) {\n if (this.prev < entry.catchLoc) {\n return handle(entry.catchLoc, true);\n }\n\n } else if (hasFinally) {\n if (this.prev < entry.finallyLoc) {\n return handle(entry.finallyLoc);\n }\n\n } else {\n throw new Error(\"try statement without catch or finally\");\n }\n }\n }\n },\n\n abrupt: function(type, arg) {\n for (var i = this.tryEntries.length - 1; i >= 0; --i) {\n var entry = this.tryEntries[i];\n if (entry.tryLoc <= this.prev &&\n hasOwn.call(entry, \"finallyLoc\") &&\n this.prev < entry.finallyLoc) {\n var finallyEntry = entry;\n break;\n }\n }\n\n if (finallyEntry &&\n (type === \"break\" ||\n type === \"continue\") &&\n finallyEntry.tryLoc <= arg &&\n arg <= finallyEntry.finallyLoc) {\n // Ignore the finally entry if control is not jumping to a\n // location outside the try/catch block.\n finallyEntry = null;\n }\n\n var record = finallyEntry ? finallyEntry.completion : {};\n record.type = type;\n record.arg = arg;\n\n if (finallyEntry) {\n this.method = \"next\";\n this.next = finallyEntry.finallyLoc;\n return ContinueSentinel;\n }\n\n return this.complete(record);\n },\n\n complete: function(record, afterLoc) {\n if (record.type === \"throw\") {\n throw record.arg;\n }\n\n if (record.type === \"break\" ||\n record.type === \"continue\") {\n this.next = record.arg;\n } else if (record.type === \"return\") {\n this.rval = this.arg = record.arg;\n this.method = \"return\";\n this.next = \"end\";\n } else if (record.type === \"normal\" && afterLoc) {\n this.next = afterLoc;\n }\n\n return ContinueSentinel;\n },\n\n finish: function(finallyLoc) {\n for (var i = this.tryEntries.length - 1; i >= 0; --i) {\n var entry = this.tryEntries[i];\n if (entry.finallyLoc === finallyLoc) {\n this.complete(entry.completion, entry.afterLoc);\n resetTryEntry(entry);\n return ContinueSentinel;\n }\n }\n },\n\n \"catch\": function(tryLoc) {\n for (var i = this.tryEntries.length - 1; i >= 0; --i) {\n var entry = this.tryEntries[i];\n if (entry.tryLoc === tryLoc) {\n var record = entry.completion;\n if (record.type === \"throw\") {\n var thrown = record.arg;\n resetTryEntry(entry);\n }\n return thrown;\n }\n }\n\n // The context.catch method must only be called with a location\n // argument that corresponds to a known catch block.\n throw new Error(\"illegal catch attempt\");\n },\n\n delegateYield: function(iterable, resultName, nextLoc) {\n this.delegate = {\n iterator: values(iterable),\n resultName: resultName,\n nextLoc: nextLoc\n };\n\n if (this.method === \"next\") {\n // Deliberately forget the last sent value so that we don't\n // accidentally pass it on to the delegate.\n this.arg = undefined;\n }\n\n return ContinueSentinel;\n }\n };\n\n // Regardless of whether this script is executing as a CommonJS module\n // or not, return the runtime object so that we can declare the variable\n // regeneratorRuntime in the outer scope, which allows this module to be\n // injected easily by `bin/regenerator --include-runtime script.js`.\n return exports;\n\n}(\n // If this script is executing as a CommonJS module, use module.exports\n // as the regeneratorRuntime namespace. Otherwise create a new empty\n // object. Either way, the resulting object will be used to initialize\n // the regeneratorRuntime variable at the top of this file.\n typeof module === \"object\" ? module.exports : {}\n));\n\ntry {\n regeneratorRuntime = runtime;\n} catch (accidentalStrictMode) {\n // This module should not be running in strict mode, so the above\n // assignment should always work unless something is misconfigured. Just\n // in case runtime.js accidentally runs in strict mode, we can escape\n // strict mode using a global Function call. This could conceivably fail\n // if a Content Security Policy forbids using Function, but in that case\n // the proper solution is to fix the accidental strict mode problem. If\n // you've misconfigured your bundler to force strict mode and applied a\n // CSP to forbid Function, and you're not willing to fix either of those\n // problems, please detail your unique predicament in a GitHub issue.\n Function(\"r\", \"regeneratorRuntime = r\")(runtime);\n}\n","(function (global, undefined) {\n \"use strict\";\n\n if (global.setImmediate) {\n return;\n }\n\n var nextHandle = 1; // Spec says greater than zero\n var tasksByHandle = {};\n var currentlyRunningATask = false;\n var doc = global.document;\n var registerImmediate;\n\n function setImmediate(callback) {\n // Callback can either be a function or a string\n if (typeof callback !== \"function\") {\n callback = new Function(\"\" + callback);\n }\n // Copy function arguments\n var args = new Array(arguments.length - 1);\n for (var i = 0; i < args.length; i++) {\n args[i] = arguments[i + 1];\n }\n // Store and register the task\n var task = { callback: callback, args: args };\n tasksByHandle[nextHandle] = task;\n registerImmediate(nextHandle);\n return nextHandle++;\n }\n\n function clearImmediate(handle) {\n delete tasksByHandle[handle];\n }\n\n function run(task) {\n var callback = task.callback;\n var args = task.args;\n switch (args.length) {\n case 0:\n callback();\n break;\n case 1:\n callback(args[0]);\n break;\n case 2:\n callback(args[0], args[1]);\n break;\n case 3:\n callback(args[0], args[1], args[2]);\n break;\n default:\n callback.apply(undefined, args);\n break;\n }\n }\n\n function runIfPresent(handle) {\n // From the spec: \"Wait until any invocations of this algorithm started before this one have completed.\"\n // So if we're currently running a task, we'll need to delay this invocation.\n if (currentlyRunningATask) {\n // Delay by doing a setTimeout. setImmediate was tried instead, but in Firefox 7 it generated a\n // \"too much recursion\" error.\n setTimeout(runIfPresent, 0, handle);\n } else {\n var task = tasksByHandle[handle];\n if (task) {\n currentlyRunningATask = true;\n try {\n run(task);\n } finally {\n clearImmediate(handle);\n currentlyRunningATask = false;\n }\n }\n }\n }\n\n function installNextTickImplementation() {\n registerImmediate = function(handle) {\n process.nextTick(function () { runIfPresent(handle); });\n };\n }\n\n function canUsePostMessage() {\n // The test against `importScripts` prevents this implementation from being installed inside a web worker,\n // where `global.postMessage` means something completely different and can't be used for this purpose.\n if (global.postMessage && !global.importScripts) {\n var postMessageIsAsynchronous = true;\n var oldOnMessage = global.onmessage;\n global.onmessage = function() {\n postMessageIsAsynchronous = false;\n };\n global.postMessage(\"\", \"*\");\n global.onmessage = oldOnMessage;\n return postMessageIsAsynchronous;\n }\n }\n\n function installPostMessageImplementation() {\n // Installs an event handler on `global` for the `message` event: see\n // * https://developer.mozilla.org/en/DOM/window.postMessage\n // * http://www.whatwg.org/specs/web-apps/current-work/multipage/comms.html#crossDocumentMessages\n\n var messagePrefix = \"setImmediate$\" + Math.random() + \"$\";\n var onGlobalMessage = function(event) {\n if (event.source === global &&\n typeof event.data === \"string\" &&\n event.data.indexOf(messagePrefix) === 0) {\n runIfPresent(+event.data.slice(messagePrefix.length));\n }\n };\n\n if (global.addEventListener) {\n global.addEventListener(\"message\", onGlobalMessage, false);\n } else {\n global.attachEvent(\"onmessage\", onGlobalMessage);\n }\n\n registerImmediate = function(handle) {\n global.postMessage(messagePrefix + handle, \"*\");\n };\n }\n\n function installMessageChannelImplementation() {\n var channel = new MessageChannel();\n channel.port1.onmessage = function(event) {\n var handle = event.data;\n runIfPresent(handle);\n };\n\n registerImmediate = function(handle) {\n channel.port2.postMessage(handle);\n };\n }\n\n function installReadyStateChangeImplementation() {\n var html = doc.documentElement;\n registerImmediate = function(handle) {\n // Create a