this.setState({ forgotModal: false })}\r\n >\r\n Reset Password For C&S Electric
\r\n Enter your Email and instructions will be sent to you!
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {};\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n checkUser: (login) => dispatch(loginActions.checkUser(login)),\r\n forgotPassword: (data) =>\r\n dispatch(changePasswordActions.forgotPassword(data)),\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(Login);\r\n","////to get verify product model\r\n\r\nexport default class VerifyProduct {\r\n VerificationMode = \"\";\r\n QrData = \"\";\r\n VerificationType = 0;\r\n CompanyPrefix=\"\";\r\n Userlatitude = 0;\r\n Userlongitude = 0;\r\n UserCity = \"\";\r\n UserState = \"\";\r\n UserCountry = \"\";\r\n UserZip = \"\";\r\n UserAddress = \"\";\r\n ScratchCode = \"\";\r\n}","export default __webpack_public_path__ + \"static/media/app.09efcc35.png\";","export default __webpack_public_path__ + \"static/media/sucess-code.5212bc0e.png\";","import React, { Component } from \"react\";\r\nimport TextField from \"@material-ui/core/TextField\";\r\nimport { Button } from \"primereact/button\";\r\nimport { connect } from \"react-redux\";\r\nimport { Dialog } from \"primereact/dialog\";\r\nimport VerifyProduct from \"../models/VerifyProduct\";\r\nimport { productAuthenticationActions } from \"../actions\";\r\nimport { handleResponse } from \"../helpers\";\r\nimport reviewIcon from \"./../assets/images/write-review-icon.png\";\r\nimport appHome from \"./../assets/images/app.png\";\r\nimport shareIcon from \"./../assets/images/share-icon.png\";\r\nimport sucessIcon from \"./../assets/images/sucess-code.png\";\r\nimport fakeIcon from \"./../assets/images/wrong-code.png\";\r\nimport logo from \"./../assets/images/Honda_logo.png\";\r\nimport { Rating } from \"primereact/rating\";\r\n\r\nexport class ProductAuthentication extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.clsVerifyProduct = new VerifyProduct();\r\n this.state = {\r\n formIsValid: false,\r\n IsLocation: false,\r\n ratingBox: false,\r\n shareBox: false,\r\n VerifyProduct: {},\r\n rating: null,\r\n showDialog: false,\r\n VerificationMode: \"Web\",\r\n QrData: window.location.href,\r\n VerificationType: 2,\r\n VerificationId: 0,\r\n displayBasic: false,\r\n UserId: \"\",\r\n SeqNo: \"\",\r\n Name: \"\",\r\n email: \"\",\r\n MobileNo: \"\",\r\n UserFeedback: \"\",\r\n formError: {\r\n Name: null,\r\n email: null,\r\n MobileNo: null,\r\n UserFeedback: null,\r\n },\r\n };\r\n\r\n this.submitForm = this.submitForm.bind(this);\r\n this.handleChange = this.handleChange.bind(this);\r\n this.hideFunc = this.hideFunc.bind(this);\r\n this.onHide = this.onHide.bind(this);\r\n this.reverseGeocodeLatLngAndVerifyProduct =\r\n this.reverseGeocodeLatLngAndVerifyProduct.bind(this);\r\n const urlParams = new URLSearchParams(window.location.search);\r\n const parmUid = urlParams.get(\"uid\");\r\n //const curl = window.location.href;\r\n this.clsVerifyProduct.QrData = this.state.QrData;\r\n this.clsVerifyProduct.VerificationType = this.state.VerificationType;\r\n this.clsVerifyProduct.VerificationMode = this.state.VerificationMode;\r\n //this.findMe();\r\n }\r\n\r\n //get reverse geo code\r\n reverseGeoCode(lat, long) {\r\n // tslint:disable-next-line:max-line-length\r\n const requestOptions = {\r\n method: \"GET\",\r\n };\r\n return fetch(\r\n `https://nominatim.openstreetmap.org/reverse?format=json&lat=${lat}&lon=${long}&zoom=18&addressdetails=1`,\r\n requestOptions\r\n ).then(handleResponse);\r\n // return fetch(`https://nominatim.openstreetmap.org/reverse?format=json&lat=${lat}&lon=${long}&zoom=18&addressdetails=1`);\r\n }\r\n\r\n //to trigger api on page call\r\n componentDidMount() {\r\n const caches = window.caches;\r\n if (window.caches) {\r\n window.caches.keys().then(async function (names) {\r\n await Promise.all(names.map((name) => window.caches.delete(name)));\r\n });\r\n }\r\n\r\n // const urlParams = new URLSearchParams(window.location.search);\r\n // const parmUid = urlParams.get('uid');\r\n\r\n // const curl = window.location.href;\r\n\r\n // this.clsVerifyProduct.verificationMode = this.state.verificationMode;\r\n // this.clsVerifyProduct.qrData = this.state.qrData;\r\n // this.clsVerifyProduct.verificationType = this.state.verificationType;\r\n // this.clsVerifyProduct.UID = parmUid;\r\n\r\n // setTimeout(() => {\r\n // // this.findMe();\r\n // }, 1000);\r\n // this.findMe();\r\n }\r\n\r\n // get verify product list data\r\n GetVerifyProduct(productAuthReq) {\r\n this.setState({\r\n IsLocation: false,\r\n });\r\n\r\n this.props.verifyProduct(productAuthReq);\r\n }\r\n //to hide function\r\n hideFunc() {\r\n this.setState({\r\n displayBasic: false,\r\n });\r\n }\r\n\r\n //to validate feedback form\r\n validateFeedback(value, name) {\r\n let errors = this.state.formError;\r\n let IsValid = true;\r\n switch (name) {\r\n case \"Name\":\r\n if (!value || value.length < 1) {\r\n IsValid = false;\r\n errors.Name = \"Please enter your name.\";\r\n } else if (value.length >= 1) {\r\n if (!value.match(/^[a-zA-Z-,]+(\\s{0,1}[a-zA-Z-, ])*$/)) {\r\n IsValid = false;\r\n errors.Name = \"Please enter only alphabet.\";\r\n } else errors.Name = \"\";\r\n } else errors.Name = \"\";\r\n break;\r\n case \"email\":\r\n if (!value || value.length < 1) {\r\n IsValid = false;\r\n errors.email = \"Please enter your email-id.\";\r\n } else if (value && value.length > 1) {\r\n if (!value.match(/^\\w+([\\.-]?\\w+)*@\\w+([\\.-]?\\w+)*(\\.\\w{2,3})+$/)) {\r\n IsValid = false;\r\n errors.email = \"Please enter valid email-id.\";\r\n } else errors.email = \"\";\r\n } else errors.email = \"\";\r\n break;\r\n case \"MobileNo\":\r\n if (!value || value.length < 1) {\r\n IsValid = false;\r\n errors.MobileNo = \"Please enter your mobile no.\";\r\n } else if (value && value.length > 1) {\r\n if (!value.match(/^[6-9]\\d{9}$/)) {\r\n IsValid = false;\r\n errors.MobileNo = \"Please enter valid mobile no.\";\r\n } else errors.MobileNo = null;\r\n } else errors.MobileNo = \"\";\r\n break;\r\n case \"UserFeedback\":\r\n if (!value || value.length < 1) {\r\n IsValid = false;\r\n errors.UserFeedback = \"Please enter your feedback.\";\r\n } else errors.UserFeedback = \"\";\r\n break;\r\n\r\n default:\r\n break;\r\n }\r\n\r\n return IsValid;\r\n\r\n // let errors = this.state.formError;\r\n // let formFeedIsValid = true;\r\n\r\n // switch (name) {\r\n // case 'Name':\r\n // if (value === null || value.length < 1) {\r\n // formFeedIsValid = false;\r\n // errors.Name = \"Please enter your name.\";\r\n // } else if (value.length >= 1) {\r\n // if (!value.match(/^[a-zA-Z-,]+(\\s{0,1}[a-zA-Z-, ])*$/)) {\r\n // formFeedIsValid = false;\r\n // errors.Name = \"Please enter only alphabet.\";\r\n // } else errors.Name = null\r\n // } else errors.Name = null\r\n // break;\r\n // case 'email':\r\n // if (value === null || value === '' || value.length >= 1) {\r\n // /* eslint-disable */\r\n // if (!value.match(/^\\w+([\\.-]?\\w+)*@\\w+([\\.-]?\\w+)*(\\.\\w{2,3})+$/)) {\r\n // formFeedIsValid = false;\r\n // errors.email = \"Please enter valid email-id.\";\r\n // } else errors.email = null\r\n // /* eslint-enable */\r\n // } else errors.email = null\r\n // break;\r\n // case 'MobileNo':\r\n // if (value === null || value.length < 1) {\r\n // formFeedIsValid = false;\r\n // errors.MobileNo = \"Please enter your mobile no.\";\r\n // }\r\n // else if (value.length >= 1) {\r\n // if (!value.match(/^[6-9]\\d{9}$/)) {\r\n // formFeedIsValid = false;\r\n // errors.MobileNo = \"Please enter valid mobile no.\";\r\n // } else errors.MobileNo = null\r\n // } else errors.MobileNo = null\r\n // break;\r\n // case 'UserFeedback':\r\n // if (value === null || value.length < 1) {\r\n // formFeedIsValid = false;\r\n // errors.UserFeedback = \"Please enter your feedback.\";\r\n // } else errors.UserFeedback = null\r\n // break;\r\n // default:\r\n // break;\r\n // }\r\n\r\n // return formFeedIsValid;\r\n }\r\n\r\n submitForm(event) {\r\n // const { name, value } = event.target;\r\n event.preventDefault();\r\n\r\n let isfeedfrmvalid = true;\r\n let checkerror = this.state.formError;\r\n Object.entries(checkerror).map(([key, value]) => {\r\n const val = this.state[key];\r\n let valid = this.validateFeedback(val, key);\r\n if (!valid) {\r\n this.setState({ checkerror: isfeedfrmvalid });\r\n isfeedfrmvalid = false;\r\n }\r\n\r\n return isfeedfrmvalid;\r\n });\r\n\r\n const feedbackData = {\r\n Name: this.state.Name,\r\n email: this.state.email,\r\n MobileNo: this.state.MobileNo,\r\n UserFeedback: this.state.UserFeedback,\r\n VerificationId: this.props.ProductAuthenticationData.VerificationId,\r\n };\r\n\r\n if (isfeedfrmvalid) {\r\n this.props.UpdateFeedback(feedbackData);\r\n }\r\n\r\n this.setState({ [feedbackData]: \"\" });\r\n }\r\n\r\n formReset() {\r\n this.setState({\r\n Name: \"\",\r\n email: \"\",\r\n MobileNo: \"\",\r\n UserFeedback: \"\",\r\n formError: {\r\n Name: null,\r\n email: null,\r\n MobileNo: null,\r\n UserFeedback: null,\r\n },\r\n });\r\n let errors = this.state.formError;\r\n Object.entries(errors).map(([key, value]) => {\r\n errors[key] = \"\";\r\n });\r\n }\r\n\r\n handleChange(event) {\r\n const { name, value } = event.target;\r\n let errors = this.state.scratchError;\r\n\r\n this.validateFeedback(value, name);\r\n this.setState({ errors, [name]: value });\r\n }\r\n onHide() {\r\n this.setState({ showDialog: false });\r\n }\r\n //to find location\r\n findMe() {\r\n if (navigator.geolocation) {\r\n navigator.geolocation.getCurrentPosition(\r\n (position) => {\r\n this.showPosition(position);\r\n },\r\n (denied) => {\r\n // alert(JSON.stringify(denied));\r\n this.GetVerifyProduct(this.clsVerifyProduct);\r\n },\r\n { enableHighAccuracy: true, maximumAge: 10000 }\r\n );\r\n } else {\r\n this.GetVerifyProduct(this.clsVerifyProduct);\r\n }\r\n }\r\n //to get exact longitude and latitude\r\n showPosition(position) {\r\n this.clsVerifyProduct.Userlongitude = position.coords.longitude;\r\n this.clsVerifyProduct.Userlatitude = position.coords.latitude;\r\n this.reverseGeocodeLatLngAndVerifyProduct();\r\n }\r\n //to get location\r\n reverseGeocodeLatLngAndVerifyProduct() {\r\n // tslint:disable-next-line: max-line-length\r\n this.reverseGeoCode(\r\n this.clsVerifyProduct.Usrlatitude,\r\n this.clsVerifyProduct.Usrlongitude\r\n ).then(\r\n (response) => {\r\n const res = response;\r\n this.clsVerifyProduct.UserCity = res.address.state_district;\r\n this.clsVerifyProduct.UserState = res.address.state;\r\n this.clsVerifyProduct.UserCntry = res.address.country;\r\n this.clsVerifyProduct.UserZip = res.address.postcode;\r\n this.clsVerifyProduct.UserAddress = res.display_name;\r\n this.setState({\r\n Location: res.display_name,\r\n });\r\n this.GetVerifyProduct(this.clsVerifyProduct);\r\n },\r\n (error) => {\r\n // alert(JSON.stringify(error))\r\n this.GetVerifyProduct(this.clsVerifyProduct);\r\n }\r\n );\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n
\r\n {/* \r\n
\r\n
\r\n
\r\n
\r\n {\" \"}\r\n
\r\n
Please Download and Use the H2WP App for Scanning
\r\n
\r\n \r\n \r\n \r\n \r\n\r\n
\r\n
\r\n {(this.props.ProductAuthenticationData.GenuineAudio != null) ===\r\n true ? (\r\n
\r\n ) : (\r\n //
\r\n //
\r\n //
\r\n \"\"\r\n )}\r\n
\r\n {/* \r\n
\r\n
\r\n
\r\n {this.props.ProductAuthenticationData.ResponseCode == \"200\" ? (\r\n
\r\n {\" \"}\r\n
\r\n
\r\n Thanks for buying genuine Honda parts.\r\n
\r\n
असली होंडा पार्ट खरीदने के लिए धन्यवाद |
{\" \"}\r\n
\r\n ) : this.props.ProductAuthenticationData.ResponseCode == \"400\" ? (\r\n
\r\n {\" \"}\r\n
\r\n
\r\n Thanks for buying genuine Honda parts.\r\n {/* The part you have scanned is already verified. */}\r\n
\r\n
\r\n असली होंडा पार्ट खरीदने के लिए धन्यवाद |\r\n {/* आपके द्वारा स्कैन किया गया होंडा पार्ट पहले ही सत्यापित हो\r\n चुका है | */}\r\n
{\" \"}\r\n
\r\n ) : this.props.ProductAuthenticationData.ResponseCode == \"-1\" ? (\r\n
\r\n {\" \"}\r\n
\r\n
\r\n Seems like this part may be counterfeited or fake.{\" \"}\r\n
\r\n
खरीदा गया ये पार्ट नकली हो सकता है |
{\" \"}\r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n
\r\n
Product Name
\r\n {this.state.ratingBox ?
\r\n this.setState({ rating: e.value })} />\r\n
: null}\r\n
this.setState({ showDialog: true })}>\r\n 
Feedback\r\n \r\n
this.setState({ shareBox: !this.state.shareBox })}>\r\n 
\r\n share\r\n \r\n {this.state.shareBox ?
\r\n \r\n \r\n \r\n \r\n
: null}\r\n
\r\n {this.props.ProductAuthenticationData.ProductSpecification == (undefined || null) ? null : this.props.ProductAuthenticationData.ProductSpecification.map((x, i) => {\r\n return (\r\n <>\r\n
{x.Key}:
\r\n
{x.Value}
\r\n \r\n )\r\n\r\n })}\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n {\" \"}\r\n Welcome, {this.state.UserName}\r\n \r\n \r\n
\r\n
(window.location = \"/profile\")}\r\n >\r\n Change Password\r\n \r\n
{\r\n sessionStorage.removeItem(\"LoggedInUser\");\r\n window.location = \"/login\";\r\n }}\r\n >\r\n Logout\r\n \r\n
\r\n 
*/}\r\n