{"version":3,"sources":["webpack:///../jarvis/app/assets/javascripts/site/controllers/CategoriesAutocomplete/api/categories.ts","webpack:///../jarvis/app/assets/javascripts/site/controllers/CategoriesAutocomplete/App.tsx"],"names":["getCategories","inputValue","Http","get","params","q","AutocompleteTree","autocompleteTree","App","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","apply","arguments","state","isActive","data","handleInput","debounce","_ref","_asyncToGenerator","_regeneratorRuntime","mark","_callee","e","_yield$getCategories","wrap","_context","prev","next","target","value","setState","abrupt","sent","length","stop","_x","key","_this2","document","addEventListener","props","rootEl","contains","this","classList","add","_this$state","h","className","classNames","type","placeholder","name","autocomplete","onInput","items","getLabel","onChildClick","handleClick","onClick","extraContent","Component","item","category","window","location","href","origin","path","withStyleLoading"],"mappings":"8KACO,SAASA,EAAcC,GAC1B,OAAOC,IAAKC,IAAI,6BAA8B,CAC1CC,OAAQ,CACJC,EAAGJ,K,i4CCEf,IAAMK,EAAmBC,cACnBC,EAAG,SAAAC,I,kOAAAC,CAAAF,EAAAC,GAAA,I,MAAAE,EAAAC,EAAAJ,GACL,SAAAA,IAAc,IAAAK,EAiBP,OAjBOC,EAAA,KAAAN,IACVK,EAAAF,EAAAI,MAAA,KAASC,YACJC,MAAQ,CACTC,UAAU,EACVC,KAAM,KACNlB,WAAY,MAEhBY,EAAKO,YAAcC,YAAS,IAAG,eAAAC,EAAAC,EAAAC,IAAAC,MAAE,SAAAC,EAAOC,GAAC,IAAA1B,EAAA2B,EAAAT,EAAA,OAAAK,IAAAK,MAAA,SAAAC,GAAA,cAAAA,EAAAC,KAAAD,EAAAE,MAAA,OACJ,GAA3B/B,EAAa0B,EAAEM,OAAOC,MACX,CAAFJ,EAAAE,KAAA,QACoC,OAA/CnB,EAAKsB,SAAS,CAAElC,aAAYiB,UAAU,IAASY,EAAAM,OAAA,wBAAAN,EAAAE,KAAA,EAG5BhC,EAAcC,GAAW,OAApC,GAAoC2B,EAAAE,EAAAO,MAAxClB,EAAIS,EAAJT,OACqB,IAAhBA,EAAKmB,OAAY,CAAAR,EAAAE,KAAA,gBAAAF,EAAAM,OAAA,kBAE9BvB,EAAKsB,SAAS,CAAElC,aAAYkB,OAAMD,UAAU,IAAQ,yBAAAY,EAAAS,UAAAb,OACvD,gBAAAc,GAAA,OAAAlB,EAAAP,MAAA,KAAAC,YAV8B,IAU5BH,EAeN,O,EAdAL,G,EAAA,EAAAiC,IAAA,oBAAAP,MAAA,WACmB,IAAAQ,EAAA,KAChBC,SAASC,iBAAiB,SAAS,SAACjB,GAC5Be,EAAKG,MAAMC,OAAOC,SAASpB,EAAEM,SAEjCS,EAAKP,SAAS,CAAEjB,UAAU,OAE9B8B,KAAKH,MAAMC,OAAOG,UAAUC,IAAI,eACnC,CAAAT,IAAA,SAAAP,MAAA,WACQ,IAAAiB,EACkCH,KAAK/B,MAApCC,EAAQiC,EAARjC,SAAUjB,EAAUkD,EAAVlD,WAAYkB,EAAIgC,EAAJhC,KAC9B,OAAQiC,YAAE,MAAO,CAAEC,UAAW,4BAC1BD,YAAE,QAAS,CAAEC,UAAWC,IAAW,iCAAkC,CAAE,kBAAqBpC,IAAaqC,KAAM,OAAQC,YAAa,eAAuEC,KAAM,IAAKC,aAAc,MAAOC,QAASX,KAAK5B,cACzPF,GAAakC,YAAE9C,EAAkB,CAAEL,WAAYA,QAA+CA,EAAa,GAAI2D,MAAOzC,QAAmCA,EAAO,GAAI0C,SAAUA,EAAUC,aAAcC,EAAaC,QAASD,EAAaE,aAAcA,EAAcZ,UAAW,gD,2BACvR7C,EAjCI,CAAS0D,aAmClB,SAASL,EAASM,GACd,OAAOA,EAAKC,SAEhB,SAASL,EAAYI,GACjBE,OAAOC,SAASC,KAAOF,OAAOC,SAASE,OAAS,aAAeL,EAAKM,KAExE,SAASR,EAAaE,GAClB,OAAOf,YAAE,QAAS,CAAEG,KAAM,SAAUrB,MAAOiC,EAAKC,WAErCM,sBAAiBlE,EAAK","file":"chunk.93.4f716b30a3c497ceadfa.4fa47fa1.js","sourcesContent":["import { Http } from 'core/services/HttpClient';\nexport function getCategories(inputValue) {\n    return Http.get('search/commerce_categories', {\n        params: {\n            q: inputValue\n        }\n    });\n}\n","import { h, Component } from 'preact';\nimport classNames from 'classnames';\nimport { withStyleLoading } from 'core/components/Hoc/withStyleLoading';\nimport debounce from 'core/utils/debounce';\nimport autocompleteTree from 'site/VDOMComponents/AutocompleteTree';\nimport { getCategories } from './api/categories';\nconst AutocompleteTree = autocompleteTree();\nclass App extends Component {\n    constructor() {\n        super(...arguments);\n        this.state = {\n            isActive: false,\n            data: null,\n            inputValue: null\n        };\n        this.handleInput = debounce(300, async (e) => {\n            const inputValue = e.target.value;\n            if (!inputValue) {\n                this.setState({ inputValue, isActive: false });\n                return;\n            }\n            const { data } = await getCategories(inputValue);\n            if (!data || data.length === 0)\n                return;\n            this.setState({ inputValue, data, isActive: true });\n        });\n    }\n    componentDidMount() {\n        document.addEventListener('click', (e) => {\n            if (this.props.rootEl.contains(e.target))\n                return;\n            this.setState({ isActive: false });\n        });\n        this.props.rootEl.classList.add('__mounted');\n    }\n    render() {\n        const { isActive, inputValue, data } = this.state;\n        return (h(\"div\", { className: 'b-CategoriesAutocomplete' },\n            h(\"input\", { className: classNames('b-CategoriesAutocomplete_input', { '__hasAutocomplete': isActive }), type: 'text', placeholder: '\\u041D\\u0430\\u0439\\u0442\\u0438 \\u0442\\u043E\\u0432\\u0430\\u0440\\u044B', name: 'q', autocomplete: 'off', onInput: this.handleInput }),\n            isActive && (h(AutocompleteTree, { inputValue: inputValue !== null && inputValue !== void 0 ? inputValue : '', items: data !== null && data !== void 0 ? data : [], getLabel: getLabel, onChildClick: handleClick, onClick: handleClick, extraContent: extraContent, className: 'b-CategoriesAutocomplete_autocomplete' }))));\n    }\n}\nfunction getLabel(item) {\n    return item.category;\n}\nfunction handleClick(item) {\n    window.location.href = window.location.origin + '/products/' + item.path;\n}\nfunction extraContent(item) {\n    return h(\"input\", { type: 'hidden', value: item.category });\n}\nexport default withStyleLoading(App, 'CategoriesAutocomplete');\n"],"sourceRoot":""}