{"version":3,"sources":["webpack:///./Scripts/Containers/ProductFitter.container.js"],"names":["withVehicleFinder","props","vehicleFinder","vehicleData","errors","useState","productMatches","setProductMatches","isTire","JSON","parse","toLowerCase","isMatchText","translate","isMatchSmallerText","isNotMatchText","showAllButtonText","doesProductMatchText","useEffect","get","variantId","then","res","json","data","removeVehicle","className","href","categoryUrl","handleRegNoInputChange","getVehicleDataByRegNo","handleRegNoInputClick","regNo","getVehicleDataByVehicleSelector","loading"],"mappings":"woCAyGA,SAAeA,QAlGf,SAAgCC,GAAO,MACHA,EAAMC,cAA9BC,EAD2B,EAC3BA,YAAaC,EADc,EACdA,OADc,KAEWC,eAAS,GAFpB,GAE3BC,EAF2B,KAEXC,EAFW,KAI7BC,EAASC,KAAKC,MAAMT,EAAMO,OAAOG,eACjCC,EAAcJ,GAChBK,OAAU,iCACVA,OAAU,+BAERC,EAAqBN,GACvBK,OAAU,6CACVA,OAAU,2CAERE,EAAiBP,GACnBK,OAAU,oCACVA,OAAU,kCAERG,EAAoBR,GACtBK,OAAU,+BACVA,OAAU,6BAERI,EAAuBT,GACzBK,OAAU,gCACVA,OAAU,8BA4Dd,OA1DAK,gBAAU,WACHf,IACCgB,QAAI,uDAAD,OAAwDlB,EAAMmB,UAA9D,mBAAkFZ,IACpFa,MAAK,SAAAC,GAAG,OAAIA,EAAIC,UAChBF,MAAK,SAAAG,GACFjB,EAAkBiB,QAE3B,CAACrB,IAmDAA,EAIA,gCACI,gBAAC,IAAD,CACIA,YAAaA,EACbsB,cAAexB,EAAMwB,gBAExBnB,GA7BL,gCACI,0BAAKM,GACL,yBAAIE,GACJ,uBAAKY,UAAU,iBACX,uBAAKA,UAAU,sBA0BjBpB,GApBN,gCACI,0BAAKS,GACL,qBAAGY,KAAM1B,EAAM2B,aACX,0BAAQF,UAAU,mBACbV,MAxCb,gCACI,0BAAKC,GACL,uBAAKS,UAAU,kBACX,gBAAC,IAAD,CACIvB,YAAaA,EACbC,OAAQA,EACRyB,uBACI5B,EAAM4B,uBAEVC,sBACI7B,EAAM6B,sBAEVC,sBACI9B,EAAM8B,sBAEVC,MAAO/B,EAAM+B,MACbC,gCACIhC,EAAMgC,gCAEVC,QAASjC,EAAMiC","file":"539.005fc4b7b5490aa483fd.js","sourcesContent":["import React, {useState, useEffect, useRef} from \"react\"\r\nimport withVehicleFinder from '../HOC/withVehicleFinder'\r\nimport VehicleFinder from '../Components/VehicleFinder'\r\nimport VehicleData from '../Components/VehicleData'\r\nimport { get } from '../Services/http'\r\nimport { translate } from '../Services/translation'\r\n\r\nfunction ProductFitterContainer(props) {\r\n    const { vehicleData, errors } = props.vehicleFinder\r\n    const [ productMatches, setProductMatches ] = useState(false)\r\n\r\n    const isTire = JSON.parse(props.isTire.toLowerCase())\r\n    const isMatchText = isTire ? \r\n        translate(\"productfitter.tireismatching\") :\r\n        translate(\"productfitter.rimismatching\")\r\n\r\n    const isMatchSmallerText = isTire ?\r\n        translate(\"productfitter.tireismatching.explanation\") :\r\n        translate(\"productfitter.rimismatching.explanation\")\r\n    \r\n    const isNotMatchText = isTire ?\r\n        translate(\"productfitter.tireisnotmatching\") :\r\n        translate(\"productfitter.rimisnotmatching\")\r\n    \r\n    const showAllButtonText = isTire ?\r\n        translate(\"productfitter.showalltires\") :\r\n        translate(\"productfitter.showallrims\")\r\n    \r\n    const doesProductMatchText = isTire ?\r\n        translate(\"productfitter.doestirematch\") :\r\n        translate(\"productfitter.doesrimmatch\")\r\n\r\n    useEffect(() => {\r\n        if(vehicleData)\r\n            get(`/api/vehicleFinder/GeProductCompatibility?variantId=${props.variantId}&isTire=${isTire}`)\r\n            .then(res => res.json())\r\n            .then(data => {\r\n                setProductMatches(data)\r\n            })\r\n    }, [vehicleData])\r\n\r\n\r\n\r\n    const renderNoVechicle = () => (\r\n        <>\r\n            <h3>{doesProductMatchText}</h3>\r\n            <div className=\"vehicle-finder\">\r\n                <VehicleFinder\r\n                    vehicleData={vehicleData}\r\n                    errors={errors}\r\n                    handleRegNoInputChange={\r\n                        props.handleRegNoInputChange\r\n                    }\r\n                    getVehicleDataByRegNo={\r\n                        props.getVehicleDataByRegNo\r\n                    }\r\n                    handleRegNoInputClick={\r\n                        props.handleRegNoInputClick\r\n                    }\r\n                    regNo={props.regNo}\r\n                    getVehicleDataByVehicleSelector={\r\n                        props.getVehicleDataByVehicleSelector\r\n                    }\r\n                    loading={props.loading}\r\n                />\r\n            </div>\r\n        </>\r\n    )\r\n\r\n    const renderIsMatch = () => (\r\n        <>\r\n            <h3>{isMatchText}</h3>\r\n            <p>{isMatchSmallerText}</p>\r\n            <div className=\"circle-loader\">\r\n                <div className=\"checkmark draw\"></div>\r\n            </div>\r\n        </>\r\n    )\r\n\r\n    const renderIsNotMatch = () => (\r\n        <>\r\n            <h3>{isNotMatchText}</h3>\r\n            <a href={props.categoryUrl}>\r\n                <button className=\"show-all-button\">\r\n                    {showAllButtonText}\r\n                </button>\r\n            </a>\r\n        </>\r\n    )\r\n\r\n    if(!vehicleData)\r\n        return renderNoVechicle()\r\n\r\n    return (\r\n        <>\r\n            <VehicleData\r\n                vehicleData={vehicleData}\r\n                removeVehicle={props.removeVehicle}\r\n            />\r\n            {productMatches && renderIsMatch()}\r\n            {!productMatches && renderIsNotMatch()}\r\n        </>\r\n    )\r\n}\r\n\r\nexport default withVehicleFinder(ProductFitterContainer);"],"sourceRoot":""}