{"version":3,"file":"487.02225206d87584d2.js","mappings":"mJAIA,MAqCA,EArC0B,KACtB,MAAM,gBAACA,IAAmBC,EAAAA,EAAAA,KAAaC,GAAUA,EAAMC,cAEjDC,EAAuC,IAApBJ,EAAwB,WAAa,UAExD,aAAEK,IAAiBJ,EAAAA,EAAAA,KACpBC,GAAUA,EAAMI,gBAGfC,GAAWC,EAAAA,EAAAA,MACXC,EAAkBJ,EAAaK,QAAOC,GAAKA,EAAEC,gBAAgBC,OAAS,IAM5E,OAA8B,IAA3BJ,EAAgBI,OACR,KAIP,uBAAKC,UAAU,wCACVL,EAAgBC,QAAOA,IAChBA,EAAOK,KAAKX,iBAITM,EAAOK,KAAKX,kBAAoBA,IACxCY,KAAIN,GACIA,EAAOE,gBAAgBI,KAAIC,GACtB,uBAAKH,UAAU,6BAA6BI,IAAM,GAAER,EAAOS,MAAMF,KAAWP,EAAOU,MAAnF,KAA4FH,EAA5F,IAAoG,0BAAQH,UAAU,oCAAoCO,QAAS,IAlB3L,SAAqBX,GACjB,OAAOH,GAASe,EAAAA,EAAAA,IAAkBZ,GACrC,CAgBgMa,CAAYb,IAAjF,UAV5H,C","sources":["webpack:///./Scripts/Components/FacetedFilterTags.js"],"sourcesContent":["import React from 'react';\nimport {useDispatch, useSelector} from \"react-redux\";\nimport {searchFacetChange} from \"../Actions/FacetedSearch.action\";\n\nconst FacetedFilterTags = () => {\n    const {measurementType} = useSelector((state) => state.measurement);\n    \n    const measurementUnit = +measurementType === 1 ? \"Imperial\" : \"Metric\";\n    \n    const { facetFilters } = useSelector(\n        (state) => state.facetedSearch\n    );\n    \n    const dispatch = useDispatch();\n    const selectedFilters = facetFilters.filter(x => x.selectedOptions.length > 0);\n\n    function resetFilter(filter){\n        return dispatch(searchFacetChange(filter));\n    }\n\n    if(selectedFilters.length === 0){\n        return null;\n    }\n    \n    return (\n        <div className=\"faceted-search__filter-tag-container\">\n            {selectedFilters.filter(filter => {\n                if(!filter.meta.measurementUnit){\n                    return true;\n                }\n\n                return filter.meta.measurementUnit === measurementUnit;\n            }).map(filter => {\n                return filter.selectedOptions.map(option => {\n                    return (<div className=\"faceted-search__filter-tag\" key={`${filter.id}-${option}`}>{filter.label}: {option} <button className=\"faceted-search__filter-tag-button\" onClick={() => resetFilter(filter)}>X</button></div>);    \n                })\n            })}\n        </div>\n    )\n}\n\nexport default FacetedFilterTags;\n"],"names":["measurementType","useSelector","state","measurement","measurementUnit","facetFilters","facetedSearch","dispatch","useDispatch","selectedFilters","filter","x","selectedOptions","length","className","meta","map","option","key","id","label","onClick","searchFacetChange","resetFilter"],"sourceRoot":""}