{"version":3,"sources":["webpack:///./Scripts/Components/RangeSlider.js","webpack:///./Scripts/Components/TireSearchDrawer.js","webpack:///./Scripts/Components/RimSearchDrawer.js","webpack:///./Scripts/Containers/FacetedSearchCompact.container.js"],"names":["AirbnbSlider","styled","Slider","theme","color","height","padding","width","backgroundColor","border","boxShadow","marginLeft","marginRight","palette","mode","opacity","undefined","AirbnbThumbComponent","props","children","other","className","getIntsString","rangeString","split","map","n","parseInt","RangeSlider","filter","onFacetChange","options","option","label","length","find","x","selectedOptions","includes","id","currentValue","range","useState","value","setValue","useEffect","components","Thumb","min","max","onChange","event","newValue","valueLabelDisplay","onChangeCommitted","rangeAsString","push","TireSerachDrawer","diameter","filters","showDrawer","handleCloseSearchDrawer","totalHits","vehicleData","getTireSizeString","tire","profile","isFront","translate","onClick","index","selectedSize","tires","constants","handleChangeVehicleSize","target","findIndex","key","e","tyreTypeFilter","winterFilter","selectedOption","dataset","type","cssValue","quantity","some","price_range","RimSerachDrawer","allseason","isAllSeasonActive","setIsAllSeasonActive","rims","rim","Brand","checked","AllSeason","FacetedSearchCompactContainer","facetFilters","categoryTemplateId","state","showSearchDrawer","drawerOpen","regNo","openedFilter","loading","removeVehicle","bind","getVehicleDataByRegNo","handleRegNoInputChange","handleRegNoInputClick","getVehicleDataByVehicleSelector","handleShowSearchDrawer","getFiltersObject","getCurrentSearchString","displaySearchBar","debouncedFacetSubmit","debounce","submit","callback","isSingleSelect","singleSelect","this","setState","prevState","newFilters","updateFilterOption","onSubmit","dom","container","document","createElement","innerHTML","existingResult","querySelector","tempResult","existingFilter","tempFilter","existingCompleteWheels","tempCompleteWheels","replace","node","newNode","parentNode","replaceChild","window","__litium","bootstrapComponents","prevProps","productViewCached","cache","PRODUCT_VIEW_CACHED","used","productsView","onSearchResultDataChange","previousState","category","isNullOrWhiteSpace","tireCategoryLink","location","href","tireQueryFilters","pathname","rimCategoryLink","rimQueryFilters","selectedVariant","getVehicleDataByVariantId","clearState","selectedWidth","selectedHeight","selectedDiameter","selectedTyreType","toUpperCase","forEach","vehicleFinder","subNavigation","sortCriteria","hidden","every","ele","selectedProducts","rimCategory","selectedRimSize","Fragment","LoadingOverlay","style","marginTop","VehicleData","VehicleFinder","errors","drawerRef","Component","connect","facetedSearch","visibleDropdownMenu","navigationTheme","productsViewCachedId","completeWheels","dispatch","query","q","withHtmlResult","allFilters","submitSearchFacet","toggleVisibleDropdownMenu","group","searchFacetChange","item","vehicleVariantId","showNotification","nodeIdToShowNotification","notificationMessage"],"mappings":"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","file":"302.14f6cb897f07fd79fd10.js","sourcesContent":["import React, {useState, useEffect} from 'react'\r\nimport Slider, { SliderThumb } from '@mui/material/Slider';\r\nimport { styled } from '@mui/material/styles';\r\n\r\nconst AirbnbSlider = styled(Slider)(({ theme }) => ({\r\n    color: '#2FB9A7',\r\n    height: 3,\r\n    padding: '13px 0',\r\n    '& .MuiSlider-thumb': {\r\n      height: 27,\r\n      width: 27,\r\n      backgroundColor: '#fff',\r\n      border: '1px solid currentColor',\r\n      '&:hover': {\r\n        boxShadow: '0 0 0 8px rgba(58, 133, 137, 0.16)',\r\n      },\r\n      '& .airbnb-bar': {\r\n        height: 9,\r\n        width: 1,\r\n        backgroundColor: 'currentColor',\r\n        marginLeft: 1,\r\n        marginRight: 1,\r\n      },\r\n    },\r\n    '& .MuiSlider-track': {\r\n      height: 3,\r\n    },\r\n    '& .MuiSlider-rail': {\r\n      color: theme.palette.mode === 'dark' ? '#bfbfbf' : '#2FB9A7',\r\n      opacity: theme.palette.mode === 'dark' ? undefined : 1,\r\n      height: 3,\r\n    },\r\n}));\r\n\r\nfunction AirbnbThumbComponent(props) {\r\n    const { children, ...other } = props;\r\n    return (\r\n      <SliderThumb {...other}>\r\n        {children}\r\n        <span className=\"airbnb-bar\" />\r\n        <span className=\"airbnb-bar\" />\r\n        <span className=\"airbnb-bar\" />\r\n      </SliderThumb>\r\n    );\r\n}\r\n\r\nconst getIntsString = (rangeString) => rangeString?.split(\"-\").map(n => parseInt(n))\r\n\r\nexport default function RangeSlider({filter, onFacetChange}) {\r\n    if(!filter)\r\n      return <></>\r\n\r\n    filter.options = filter.options.filter(option => option.label != \"0-0\")\r\n\r\n    const rangeString = filter?.options?.length > 1 ? \r\n        filter?.options.find(x => !filter.selectedOptions?.includes(x.id)).id :\r\n        filter?.options[0]?.id\r\n\r\n    const currentValue = filter?.selectedOptions[0]\r\n    const range = getIntsString(rangeString)\r\n    const [value, setValue] = useState(\r\n        currentValue == null ? getIntsString(rangeString) : getIntsString(currentValue)\r\n    )\r\n\r\n    useEffect(() => {\r\n      if(range == null || value == null)\r\n        return\r\n\r\n      // Automatically reset price filter if no hits\r\n      if(range[0] == 0 && range[1] == 0 && currentValue) {\r\n        onFacetChange(filter, \"0-0\", true, null, true)\r\n        return\r\n      }\r\n\r\n      if((range[1] < value[1] || range[0] > value[1]) && currentValue) {\r\n        setValue(range)\r\n        onFacetChange(filter, \"0-0\", true, null, true)\r\n        return\r\n      }\r\n\r\n      if(!currentValue) {\r\n        setValue(range)\r\n      }\r\n    }, [filter])\r\n\r\n    const handleChange = (event, newValue) => {\r\n        setValue(newValue);\r\n    };\r\n\r\n    const handleChangeCommited = () => {\r\n        const rangeAsString = `${value[0]}-${value[1]}`\r\n        if(!filter.options.find(x => x.id == rangeAsString)) {\r\n            filter.options.push({\r\n                label: rangeAsString,\r\n                id: rangeAsString\r\n            })\r\n        }\r\n\r\n        onFacetChange(filter, rangeAsString, true, null, true)\r\n    }\r\n\r\n    if(range == null)\r\n      return <></>\r\n\r\n    return (\r\n        <div className=\"range-slider-container\">\r\n            <AirbnbSlider\r\n                components={{ Thumb: AirbnbThumbComponent }}\r\n                min={range[0]}\r\n                max={range[1]}\r\n                value={value}\r\n                onChange={handleChange}\r\n                valueLabelDisplay=\"on\"\r\n                onChangeCommitted={handleChangeCommited}\r\n            />\r\n        </div>\r\n    )\r\n}\r\n\r\n","import React from 'react'\r\nimport RangeSlider from './RangeSlider'\r\nimport { translate } from '../Services/translation'\r\nimport constants from '../constants'\r\n\r\nexport default function TireSerachDrawer({filters, onFacetChange, showDrawer, handleCloseSearchDrawer, totalHits, vehicleData}) {\r\n    const handleChangeTyreType = (event, tyreTypeFilter, winterFilter) => {\r\n        let selectedOption = event.target.selectedOptions[0]\r\n        let type = selectedOption.dataset.type\r\n\r\n        if(type === constants.filterTags.tireType) {\r\n            let callback = () => onFacetChange(winterFilter, null, true, null, true)\r\n            onFacetChange(tyreTypeFilter, selectedOption.value, false, callback, true)\r\n            return\r\n        }\r\n\r\n        let callback = () => {\r\n            onFacetChange(tyreTypeFilter, filters[constants.filterTags.tireType].options.find(option => option.cssValue == \"wintertire\").id, true, null, true)\r\n        }\r\n        onFacetChange(winterFilter, selectedOption.value, false, callback, true)\r\n    }\r\n\r\n    const handleChangeVehicleSize = (index) => {\r\n        const selectedSize = vehicleData.tires[index]\r\n        if(selectedSize == null) return\r\n\r\n        const width = selectedSize.width\r\n        const diameter = selectedSize.diameter\r\n        const profile = selectedSize.profile\r\n\r\n        onFacetChange(filters[constants.filterTags.widthInMm], width, false, () => {\r\n            onFacetChange(filters[constants.filterTags.diameter], diameter, false, () => {\r\n                onFacetChange(filters[constants.filterTags.height], profile, true, null, true)\r\n            }, true)\r\n        }, true)\r\n\r\n    }\r\n\r\n    const getSelectedSizeIndex = () => {\r\n        const width = filters[constants.filterTags.widthInMm]?.selectedOptions[0]\r\n        const diameter = filters[constants.filterTags.diameter]?.selectedOptions[0]\r\n        const height = filters[constants.filterTags.height]?.selectedOptions[0]\r\n        const index = vehicleData.tires.findIndex(tire => \r\n            tire.width == width && tire.diameter == diameter && tire.profile == height\r\n        )\r\n\r\n        return index\r\n    }\r\n\r\n    const getTireSizeString = (tire) => `${tire?.width}/${tire?.profile}R${tire?.diameter} ${!tire.isFront ? translate(\"facet.onlyrear\") : \"\"}`\r\n\r\n    return (\r\n        <div \r\n            className={`drawer-container ${showDrawer && \"drawer-container--show\"}`}>\r\n                <span onClick={handleCloseSearchDrawer} className=\"icon-close\">\r\n                </span>\r\n                <div className=\"drawer-content\">\r\n                    <h3>{translate(\"facet.header.changesearch\")}</h3>\r\n                    {!!vehicleData ? \r\n                        (\r\n                            <div className=\"filter-row\">\r\n                                <b>{translate(\"facet.header.size\")}</b>\r\n                                <select onChange={(event) => handleChangeVehicleSize(event.target.value)} value={getSelectedSizeIndex()}>\r\n                                    {vehicleData.tires.map((tire, index) => (\r\n                                        <option value={index} key={getTireSizeString(tire)}>\r\n                                            {getTireSizeString(tire)}\r\n                                        </option>\r\n                                    ))}\r\n                                </select>\r\n                            </div>\r\n                        ) :\r\n                        (\r\n                            <div className=\"size-filter-no-car filter-row\">\r\n                                {[filters[constants.filterTags.widthInMm], filters[constants.filterTags.height], filters[constants.filterTags.diameter]].filter(filter => filter != null).map(filter => \r\n                                    (\r\n                                        <div key={filter.id}>\r\n                                            <b>{filter.label}</b>\r\n                                            <select value={filter.selectedOptions[0]} onChange={e => onFacetChange(filter, e.target.value, true, null, true)}>\r\n                                                <option></option>\r\n                                                {filter.options.map(option => (\r\n                                                    <option key={option.id}>{option.label}</option>\r\n                                                ))}\r\n                                            </select>\r\n                                        </div>\r\n                                    )\r\n                                )}\r\n                            </div>\r\n                        )\r\n                    }\r\n                    <div className=\"filter-row\">\r\n                        <b>{translate(\"facet.header.tiretype\")}</b>\r\n                        <select value={filters[constants.filterTags.winterTireType]?.selectedOptions[0] ?? filters[constants.filterTags.tireType]?.selectedOptions[0]} \r\n                            onChange={e => handleChangeTyreType(e, filters[constants.filterTags.tireType], filters[constants.filterTags.winterTireType])}>\r\n                            {[filters[constants.filterTags.tireType], filters[constants.filterTags.winterTireType]]\r\n                                .map(filter => filter?.options.filter(option => !!option.id).map(option => (\r\n                                    <option value={option.id} data-type={filter.id} key={option.id}>{option.label}</option>\r\n                                )\r\n                            ))}\r\n                        </select>\r\n                    </div>\r\n                    {[filters[constants.filterTags.brand], filters[constants.filterTags.speedRating], filters[constants.filterTags.loadIndex]].filter(x => x != null).map(filter => (\r\n                        <div className=\"filter-row\" key={filter.id}>\r\n                            <b>{filter.label}</b>\r\n                            <div className=\"side-scroll-filter\">\r\n                                {filter.options.filter(option => option.quantity > 0).map(option => (\r\n                                    <button \r\n                                        key={option.id}\r\n                                        className={filter.selectedOptions.some(x => x === option.id) ? \"active\" : \"\"} \r\n                                        onClick={() => onFacetChange(filter, option.id, true)}>\r\n                                        {option.label}\r\n                                    </button>\r\n                                ))}\r\n                            </div>\r\n                        </div>\r\n                    ))}\r\n                    <div className=\"filter-row\">\r\n                        <b>{translate(\"facet.header.price\")}</b>\r\n                        <RangeSlider \r\n                            filter={filters.price_range}\r\n                            onFacetChange={onFacetChange}\r\n                        />\r\n                    </div>\r\n                </div>\r\n                <div className=\"show-result-button-container\">\r\n                    <button onClick={handleCloseSearchDrawer} className=\"show-result-button\">\r\n                        {translate(\"facet.showhits\")} {totalHits && <>({totalHits})</>}\r\n                    </button>\r\n                </div>\r\n        </div>\r\n    )\r\n}","import React, {useState} from 'react'\r\nimport RangeSlider from './RangeSlider'\r\nimport { translate } from '../Services/translation'\r\nimport constants from '../constants'\r\n\r\nexport default function RimSerachDrawer({filters, onFacetChange, showDrawer, handleCloseSearchDrawer, totalHits, vehicleData}) {\r\n    const [isAllSeasonActive, setIsAllSeasonActive] = useState(filters.allseason?.selectedOptions?.includes(\"true\"))\r\n    const handleSetAllseason = () => {\r\n        setIsAllSeasonActive(!isAllSeasonActive)\r\n        onFacetChange(filters.AllSeason, \"true\", true, null, false)\r\n    }\r\n\r\n    return (\r\n        <div className={`drawer-container ${showDrawer && \"drawer-container--show\"}`}>\r\n            <span onClick={handleCloseSearchDrawer} className=\"icon-close\">\r\n            </span>\r\n            <div className=\"drawer-content\">\r\n                <h3>{translate(\"facet.header.changesearch\")}</h3>\r\n                <div className=\"filter-row\">\r\n                    <b>{translate(\"facet.header.size\")}</b>\r\n                    <select \r\n                        value={filters[constants.filterTags.diameter]?.selectedOptions[0]}\r\n                        onChange={e => onFacetChange(filters[constants.filterTags.diameter], e.target.value, true, null, true)}\r\n                    >\r\n                        {vehicleData.rims.map(rim => \r\n                            <option value={rim.diameter} key={rim.diameter}>\r\n                                {rim.diameter}\"\r\n                            </option>\r\n                        )}\r\n                    </select>\r\n                </div>\r\n                {filters.Brand && [filters.Brand].map(filter => (\r\n                    <div className=\"filter-row\" key={filter.id}>\r\n                        <b>{filter.label}</b>\r\n                        <div className=\"side-scroll-filter\">\r\n                            {filter.options.filter(option => option.quantity > 0).map(option => (\r\n                                <button \r\n                                    key={option.id}\r\n                                    className={filter.selectedOptions.some(x => x === option.id) ? \"active\" : \"\"} \r\n                                    onClick={() => onFacetChange(filter, option.id, true)}>\r\n                                    {option.label}\r\n                                </button>\r\n                            ))}\r\n                        </div>\r\n                    </div>\r\n                ))}\r\n                <div className=\"filter-row\">\r\n                 <b>{translate(\"facet.header.allseason\")}</b>\r\n                 <input checked={isAllSeasonActive} onChange={handleSetAllseason} type=\"checkbox\" />\r\n                </div>\r\n                <div className=\"filter-row\">\r\n                    <b>{translate(\"facet.header.price\")}</b>\r\n                    <RangeSlider \r\n                        filter={filters.price_range}\r\n                        onFacetChange={onFacetChange}\r\n                    />\r\n                </div>\r\n            </div>\r\n            <div className=\"show-result-button-container\">\r\n                <button onClick={handleCloseSearchDrawer} className=\"show-result-button\">\r\n                    {translate(\"facet.showhits\")} {totalHits && <>({totalHits})</>}\r\n                </button>\r\n            </div>\r\n        </div>\r\n    )\r\n}","import React, { Component, Fragment } from 'react'\r\nimport { connect } from 'react-redux'\r\nimport TireSerachDrawer from '../Components/TireSearchDrawer'\r\nimport RimSerachDrawer from '../Components/RimSearchDrawer'\r\nimport VehicleData from '../Components/VehicleData'\r\nimport * as debounce from 'lodash.debounce'\r\nimport {\r\n    query,\r\n    submitSearchFacet,\r\n    toggleVisibleDropdownMenu,\r\n    searchFacetChange,\r\n} from '../Actions/FacetedSearch.action'\r\nimport { translate } from '../Services/translation'\r\nimport {\r\n    PRODUCT_VIEW_CACHED,\r\n    updateFilterOption,\r\n} from '../Actions/FacetedSearch.action'\r\nimport {\r\n    getVehicleDataByRegNo,\r\n    getVehicleDataByVariantId,\r\n    removeVehicle,\r\n    clearState,\r\n} from '../Actions/VehicleFinder.action'\r\nimport { show as showNotification } from '../Actions/Notification.action'\r\nimport VehicleFinder from '../Components/VehicleFinder'\r\nimport { isNullOrWhiteSpace } from '../Services/strings'\r\nimport LoadingOverlay from '../Components/LoadingOverlay'\r\nimport constants from \"../constants\"\r\n\r\nclass FacetedSearchCompactContainer extends Component {\r\n    constructor(props) {\r\n        super(props)\r\n        const { facetFilters } = props\r\n\r\n        let categoryTemplateId = props.categoryTemplateId\r\n\r\n        if(!categoryTemplateId)\r\n            categoryTemplateId = facetFilters.some(x => x.id === constants.filterTags.tireType) ?\r\n                \"TireCategory\" : \"RimCategory\"\r\n\r\n        this.state = {\r\n            showSearchDrawer: props.drawerOpen,\r\n            regNo: '',\r\n            facetFilters,\r\n            openedFilter: '',\r\n            loading: false,\r\n            categoryTemplateId: categoryTemplateId,\r\n        }\r\n        this.removeVehicle = this.removeVehicle.bind(this)\r\n        this.getVehicleDataByRegNo = this.getVehicleDataByRegNo.bind(this)\r\n        this.handleRegNoInputChange = this.handleRegNoInputChange.bind(this)\r\n        this.handleRegNoInputClick = this.handleRegNoInputClick.bind(this)\r\n        this.getVehicleDataByVehicleSelector = this.getVehicleDataByVehicleSelector.bind(\r\n            this\r\n        )\r\n        this.handleShowSearchDrawer = this.handleShowSearchDrawer.bind(this)\r\n        this.handleCloseSearchDrawer = this.handleCloseSearchDrawer.bind(this)\r\n        this.onFacetChange = this.onFacetChange.bind(this)\r\n        this.getFiltersObject = this.getFiltersObject.bind(this)\r\n        this.getCurrentSearchString = this.getCurrentSearchString.bind(this)\r\n        this.displaySearchBar = this.displaySearchBar.bind(this)\r\n        this.debouncedFacetSubmit = debounce((submit, filters) => submit(filters), 1000)\r\n    }\r\n\r\n    onFacetChange(filter, value, submit, callback, isSingleSelect = false) {\r\n        let option = filter.options.find(option => option.id === value)\r\n        if(!filter.singleSelect)\r\n            filter.singleSelect = isSingleSelect\r\n        \r\n        this.setState(\r\n            (prevState, props) => {\r\n                const { facetFilters } = this.state\r\n                const newFilters = updateFilterOption(\r\n                    facetFilters,\r\n                    filter,\r\n                    option\r\n                )\r\n                return {\r\n                    ...prevState,\r\n                    facetFilters: newFilters,\r\n                }\r\n            },\r\n            () => {\r\n                if (submit) {\r\n                    this.debouncedFacetSubmit(this.props.onSubmit, this.state.facetFilters)\r\n                }\r\n                if (callback) {\r\n                    callback()\r\n                }\r\n            }\r\n        )\r\n    }\r\n\r\n    onSearchResultDataChange(dom) {\r\n        if ([null, undefined].includes(dom)) {\r\n            return\r\n        }\r\n        const container = document.createElement('div')\r\n        container.innerHTML = dom\r\n\r\n        const existingResult = document.querySelector('#search-result')\r\n        const tempResult = container.querySelector('#search-result')\r\n\r\n        const existingFilter = existingResult.querySelector('#facetedSearchCompact')\r\n        const tempFilter = tempResult.querySelector('#facetedSearchCompact')\r\n\r\n        const existingCompleteWheels = existingResult.querySelector('#completeWheels')\r\n        const tempCompleteWheels = tempResult.querySelector('#completeWheels')\r\n\r\n        const replace = (node, newNode) => node.parentNode.replaceChild(newNode, node)\r\n\r\n        // move existingFilter from existingResult to tempResult\r\n        replace(tempFilter, existingFilter)\r\n\r\n        // replace existingResult with tempResult ( newResult )\r\n        replace(existingResult, tempResult)\r\n\r\n        // replace complete wheels to avoid re-mounting of container\r\n        if(existingCompleteWheels && tempCompleteWheels)\r\n            replace(tempCompleteWheels, existingCompleteWheels)\r\n\r\n        // bootstrap react components if any exists in the search result\r\n        window.__litium.bootstrapComponents(['facetedSearchCompact', 'completeWheels'])\r\n    }\r\n\r\n    componentDidUpdate(prevProps) {\r\n        if(prevProps == this.props)\r\n            return\r\n        const productViewCached = window.__litium.cache\r\n            ? window.__litium.cache[PRODUCT_VIEW_CACHED] || {}\r\n            : {}\r\n        if (!productViewCached.used) {\r\n            productViewCached.used = true\r\n            const dom = productViewCached.productsView\r\n            dom && this.onSearchResultDataChange(dom)\r\n        }\r\n\r\n        this.setState((previousState) => ({\r\n            ...previousState,\r\n            facetFilters: this.props.facetFilters\r\n        }))\r\n\r\n        if(this.props.category) {\r\n            this.setState((previousState) => ({\r\n                ...previousState,\r\n                categoryTemplateId: this.props.category,\r\n            }))\r\n        }\r\n    }\r\n\r\n    removeVehicle() {\r\n        this.props.removeVehicle()\r\n        this.setState((previousState) => ({\r\n            ...previousState,\r\n            regNo: '',\r\n        }))\r\n    }\r\n\r\n    getVehicleDataByRegNo() {\r\n        if (\r\n            !isNullOrWhiteSpace(this.state.regNo) &&\r\n            this.state.regNo.length === 6\r\n        ) {\r\n            this.setState((previousState) => ({\r\n                ...previousState,\r\n                loading: true,\r\n            }))\r\n            this.props.getVehicleDataByRegNo(\r\n                this.state.regNo,\r\n                (vehicleData) => {\r\n                    this.setState((previousState) => ({\r\n                        ...previousState,\r\n                        loading: false,\r\n                    }))\r\n                    if (vehicleData) {\r\n                        if (this.state.categoryTemplateId === 'TireCategory') {\r\n\r\n                            if(this.props.tireCategoryLink) {\r\n                                window.location.href = this.props.tireCategoryLink + vehicleData.tireQueryFilters\r\n                            } else {\r\n                                window.location.href = window.location.pathname\r\n                            }\r\n\r\n                        } else if (\r\n                            this.state.categoryTemplateId === 'RimCategory'\r\n                        ) {\r\n                            if(this.props.rimCategoryLink) {\r\n                                window.location.href =\r\n                                this.props.rimCategoryLink +\r\n                                vehicleData.rimQueryFilters\r\n                            } else {\r\n                                window.location.href = window.location.pathname\r\n\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            )\r\n        }\r\n    }\r\n\r\n    getVehicleDataByVehicleSelector(selectedVariant) {\r\n        this.setState((previousState) => ({\r\n            ...previousState,\r\n            loading: true,\r\n        }))\r\n\r\n        this.props.getVehicleDataByVariantId(selectedVariant, (vehicleData) => {\r\n            this.setState((previousState) => ({\r\n                ...previousState,\r\n                loading: false,\r\n            }))\r\n            if (vehicleData) {\r\n                if (this.state.categoryTemplateId === 'TireCategory') {\r\n\r\n                    if(this.props.tireCategoryLink) {\r\n                        window.location.href = this.props.tireCategoryLink + vehicleData.tireQueryFilters\r\n                    } else {\r\n                        window.location.href = window.location.pathname\r\n                    }\r\n\r\n                } else if (\r\n                    this.state.categoryTemplateId === 'RimCategory'\r\n                ) {\r\n                    if(this.props.rimCategoryLink) {\r\n                        window.location.href =\r\n                        this.props.rimCategoryLink +\r\n                        vehicleData.rimQueryFilters\r\n                    } else {\r\n                        window.location.href = window.location.pathname\r\n                    }\r\n                }\r\n            }\r\n        })\r\n    }\r\n\r\n    handleRegNoInputChange(regNo) {\r\n        this.setState((previousState) => ({\r\n            ...previousState,\r\n            regNo: regNo,\r\n        }))\r\n    }\r\n\r\n    handleRegNoInputClick() {\r\n        this.props.clearState()\r\n    }\r\n\r\n    handleShowSearchDrawer() {\r\n        this.setState({showSearchDrawer: true})\r\n    }\r\n\r\n    handleCloseSearchDrawer() {\r\n        this.setState({showSearchDrawer: false})\r\n    }\r\n\r\n    getCurrentSearchString() {\r\n        const filters = this.getFiltersObject()\r\n        if(this.state.categoryTemplateId === \"TireCategory\") {\r\n            const selectedWidth = filters[constants.filterTags.widthInMm]?.selectedOptions[0]\r\n            const selectedHeight = filters[constants.filterTags.height]?.selectedOptions[0]\r\n            const selectedDiameter = filters[constants.filterTags.diameter]?.selectedOptions[0]\r\n            const selectedTyreType = filters[constants.filterTags.winterTireType]?.selectedOptions[0] ?? filters[[constants.filterTags.tireType]]?.selectedOptions[0]\r\n            if(!selectedWidth || !selectedHeight || !selectedDiameter)\r\n                return \"Ingen storlek vald\"\r\n\r\n            return `${selectedWidth}/${selectedHeight}R${selectedDiameter} ${selectedTyreType?.toUpperCase() ?? \"\"}`\r\n        }\r\n\r\n        if(this.state.categoryTemplateId === \"RimCategory\") {\r\n            return `${filters[constants.filterTags.diameter]?.selectedOptions[0]}\"`\r\n        }\r\n    }\r\n\r\n    getFiltersObject() {\r\n        var filters = {}\r\n        this.state.facetFilters?.forEach(filter => {\r\n            filters[filter.id] = filter\r\n        })\r\n\r\n        return filters;\r\n    }\r\n\r\n    displaySearchBar() {\r\n        if(!this.state.facetFilters)\r\n            return false\r\n\r\n        if(this.state.categoryTemplateId === 'TireCategory')\r\n            return true\r\n        \r\n        return !!this.props?.vehicleFinder?.vehicleData\r\n    }\r\n\r\n    render() {\r\n        const { facetFilters } = this.state\r\n        const {\r\n            subNavigation = [],\r\n            sortCriteria = [],\r\n        } = this.props\r\n        const filters = this.getFiltersObject()\r\n\r\n        const { vehicleFinder } = this.props\r\n        var { vehicleData } = vehicleFinder\r\n\r\n        const hidden = [subNavigation, facetFilters, sortCriteria].every(\r\n            (ele) => !ele || ele.length === 0\r\n        )\r\n\r\n        // Filter out tire sizes that don't match the selected rim\r\n        // Used for complete wheels\r\n        if(this.props.category && vehicleData?.selectedProducts?.rimCategory) {\r\n            const selectedRimSize = vehicleData.selectedProducts.rimCategory.diameter\r\n            vehicleData.tires = vehicleData?.tires.filter(x => x.diameter == selectedRimSize && x.isFront)\r\n        }\r\n\r\n        return (\r\n            <Fragment>\r\n                <LoadingOverlay loading={this.props.loading} />\r\n\r\n                <div style={{marginTop: \"10px\"}} className=\"\">\r\n                    <div className=\"vehiclefinder-block\">\r\n                        {!vehicleData ? (\r\n                            <div className=\"vehicle-finder\">\r\n                                <VehicleFinder\r\n                                        vehicleData={vehicleData}\r\n                                        errors={\r\n                                            vehicleFinder.errors\r\n                                        }\r\n                                        handleRegNoInputChange={\r\n                                            this\r\n                                                .handleRegNoInputChange\r\n                                        }\r\n                                        getVehicleDataByRegNo={\r\n                                            this\r\n                                                .getVehicleDataByRegNo\r\n                                        }\r\n                                        handleRegNoInputClick={\r\n                                            this\r\n                                                .handleRegNoInputClick\r\n                                        }\r\n                                        regNo={this.state.regNo}\r\n                                        getVehicleDataByVehicleSelector={\r\n                                            this\r\n                                                .getVehicleDataByVehicleSelector\r\n                                        }\r\n                                        loading={this.props.loading}\r\n                                    />\r\n                            </div>\r\n                        ) : (\r\n                            <VehicleData\r\n                                vehicleData={vehicleData}\r\n                                removeVehicle={this.props.removeVehicle}\r\n                            />\r\n                        )}\r\n                    </div>\r\n                    {this.displaySearchBar() && !hidden && \r\n                        <div className=\"current-search-container\">\r\n                            <p>{translate(\"facet.header.search\")} <br /> \r\n                            <b>{this.getCurrentSearchString()}</b></p>\r\n                            <button onClick={this.handleShowSearchDrawer} className=\"button buy-button product__buy-button\">\r\n                                {translate(\"facet.changesearch.button\")}\r\n                            </button>\r\n                        </div>\r\n                    }\r\n                </div>\r\n                {this.displaySearchBar() && !hidden && <>\r\n                    {this.state.categoryTemplateId === 'TireCategory' && (\r\n                        <TireSerachDrawer  \r\n                            filters={filters}\r\n                            onFacetChange={this.onFacetChange}\r\n                            showDrawer={this.state.showSearchDrawer}\r\n                            drawerRef={this.drawerRef} \r\n                            handleCloseSearchDrawer={this.handleCloseSearchDrawer}\r\n                            totalHits={this.props.totalHits}\r\n                            vehicleData={vehicleData}\r\n                        />\r\n                    )}\r\n                    {this.state.categoryTemplateId === 'RimCategory' && (\r\n                        <RimSerachDrawer  \r\n                            filters={filters}\r\n                            onFacetChange={this.onFacetChange}\r\n                            showDrawer={this.state.showSearchDrawer}\r\n                            drawerRef={this.drawerRef} \r\n                            handleCloseSearchDrawer={this.handleCloseSearchDrawer}\r\n                            totalHits={this.props.totalHits}\r\n                            vehicleData={vehicleData}\r\n                        />\r\n                    )}\r\n                </>}\r\n            </Fragment>\r\n        )\r\n    }\r\n}\r\n\r\nconst mapStateToProps = ({\r\n    facetedSearch: {\r\n        subNavigation,\r\n        sortCriteria,\r\n        facetFilters,\r\n        visibleDropdownMenu,\r\n        navigationTheme,\r\n        productsViewCachedId,\r\n        loading,\r\n        drawerOpen,\r\n        totalHits\r\n    },\r\n    completeWheels: {\r\n        category\r\n    },\r\n    vehicleFinder,\r\n}) => {\r\n    return {\r\n        subNavigation,\r\n        sortCriteria,\r\n        facetFilters,\r\n        visibleDropdownMenu,\r\n        navigationTheme,\r\n        productsViewCachedId,\r\n        vehicleFinder,\r\n        category,\r\n        loading,\r\n        drawerOpen,\r\n        totalHits\r\n    }\r\n}\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n    return {\r\n        query: (q, withHtmlResult) => dispatch(query(q, withHtmlResult)),\r\n        onSubmit: (allFilters) => dispatch(submitSearchFacet(allFilters)),\r\n        toggleVisibleDropdownMenu: (group) =>\r\n            dispatch(toggleVisibleDropdownMenu(group)),\r\n        searchFacetChange: (group, item) =>\r\n            dispatch(searchFacetChange(group, item)),\r\n        removeVehicle: () => dispatch(removeVehicle()),\r\n        getVehicleDataByRegNo: (regNo, callback) =>\r\n            dispatch(getVehicleDataByRegNo(regNo, callback)),\r\n        getVehicleDataByVariantId: (vehicleVariantId, callback) =>\r\n            dispatch(getVehicleDataByVariantId(vehicleVariantId, callback)),\r\n        clearState: () => dispatch(clearState()),\r\n        showNotification: (nodeIdToShowNotification, notificationMessage) => dispatch(showNotification(nodeIdToShowNotification, notificationMessage))\r\n    }\r\n}\r\n\r\nexport default connect(\r\n    mapStateToProps,\r\n    mapDispatchToProps\r\n)(FacetedSearchCompactContainer)\r\n"],"sourceRoot":""}