{"version":3,"sources":["components/Home/contact-footer.js"],"names":["ContactFooter","props","HandleChange","e","value","target","name","setState","validationError","test","match","Submit","state","firstName","lastName","email","mobile","length","city","project","message","parentCallback","buttonStage","className","id","style","width","padding","class","margin","type","onChange","this","placeholder","maxLength","background","undefined","all_city_list","map","projects","rows","marginBottom","onClick","React","Component"],"mappings":"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","file":"static/js/7.852bf9aa.chunk.js","sourcesContent":["import React from 'react'\r\nexport default class ContactFooter extends React.Component{\r\n    constructor(props){\r\n        super(props)\r\n        this.state={\r\n            firstName: '',\r\n            lastName:'',\r\n            email: '',\r\n            mobile: '',\r\n            message: '',\r\n            project:'',\r\n            city:'',\r\n            buttonStage: true,\r\n            validationError:''\r\n           \r\n        }\r\n    }\r\n    HandleChange = (e) => {\r\n        const value  = e.target.value;\r\n        const name = e.target.name;\r\n       \r\n        const emailExpn = /^(([^<>()[\\]\\\\.,;:\\s@\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\r\n        var numbers = /^[0-9]+$/;\r\n        if (name === 'firstName') {\r\n            if(value===''){\r\n                this.setState({\r\n                    validationError:'Enter First Name',\r\n                    [name]:''\r\n                })\r\n                return false\r\n            }\r\n            else{\r\n                this.setState({\r\n                    [name]:value,\r\n                    validationError:''\r\n                })\r\n            }\r\n        }\r\n        if (name === 'lastName') {\r\n            if(value===''){\r\n                this.setState({\r\n                    validationError:'Enter Last Name',\r\n                    [name]:''\r\n                })\r\n                return false\r\n            }\r\n            else{\r\n                this.setState({\r\n                    [name]:value,\r\n                    validationError:''\r\n                })\r\n            }\r\n        }\r\n        else if (name === 'email') {\r\n            if(value!==''){\r\n                this.setState({\r\n                    [name]: value\r\n                })\r\n             if(emailExpn.test(value) !==true){\r\n                this.setState({\r\n                    validationError:'Enter Valid Email',\r\n                    [name]: value\r\n                })\r\n                return false  \r\n            }\r\n            else{\r\n                this.setState({\r\n                    validationError:'',\r\n                    [name]: value\r\n                })\r\n            }\r\n        }\r\n        else{\r\n            this.setState({\r\n                validationError:'Enter Valid Email',\r\n                [name]: value\r\n            })\r\n            return false\r\n        }\r\n\r\n            \r\n        }\r\n       \r\n        else if (name === 'mobile') {\r\n            if(value!==''){\r\n                if (!value.match(numbers) ) {\r\n                    this.setState({\r\n                        [name]: value,\r\n                        validationError:'Enter Valid Mobile Number',\r\n                    })\r\n                    return false\r\n                }\r\n                else{\r\n                    this.setState({\r\n                        [name]: value,\r\n                        validationError:'',\r\n                    })\r\n                }\r\n            }\r\n            else{\r\n                this.setState({\r\n                    [name]: value,\r\n                    validationError:'Enter Valid Mobile Number',\r\n                })\r\n                return false\r\n            }\r\n        }\r\n        if (name === 'city') {\r\n            if(value===''){\r\n                this.setState({\r\n                    validationError:'Select City',\r\n                    [name]:''\r\n                })\r\n                return false\r\n            }\r\n            else{\r\n                this.setState({\r\n                    [name]:value,\r\n                    validationError:''\r\n                })\r\n            }\r\n        }\r\n        if (name === 'project') {\r\n            if(value===''){\r\n                this.setState({\r\n                    validationError:'Select Project',\r\n                    [name]:''\r\n                })\r\n                return false\r\n            }\r\n            else{\r\n                this.setState({\r\n                    [name]:value,\r\n                    validationError:''\r\n                })\r\n            }\r\n        }\r\n        if (name === 'message') {\r\n            if(value===''){\r\n                this.setState({\r\n                    validationError:'Enter Message',\r\n                    [name]:''\r\n                })\r\n                return false\r\n            }\r\n            else{\r\n                this.setState({\r\n                    [name]:value,\r\n                    validationError:''\r\n                })\r\n            }\r\n        }\r\n        \r\n\r\n       \r\n    }\r\n   \r\n   \r\n     Submit = () => {\r\n        const emailExpn = /^(([^<>()[\\]\\\\.,;:\\s@\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\r\n        var numbers = /^[0-9]+$/;\r\n      if(this.state.firstName===''){\r\n          this.setState({\r\n              validationError:'Enter First Name',\r\n            \r\n          })\r\n          return false\r\n      }\r\n      else{\r\n        this.setState({\r\n            validationError:'',\r\n          \r\n        })\r\n      }\r\n      if(this.state.lastName===''){\r\n        this.setState({\r\n            validationError:'Enter Last Name',\r\n          \r\n        })\r\n        return false\r\n    }\r\n    else{\r\n      this.setState({\r\n          validationError:'',\r\n        \r\n      })\r\n    }\r\n      if(this.state.email===''){\r\n        this.setState({\r\n            validationError:'Enter Valid Email',\r\n           \r\n        })\r\n        return false\r\n      }\r\n      else{\r\n        if(emailExpn.test(this.state.email) !==true){\r\n            this.setState({\r\n                validationError:'Enter Valid Email',\r\n              \r\n            })\r\n            return false  \r\n        }\r\n        else{\r\n            this.setState({\r\n                validationError:'',\r\n               \r\n            })\r\n        }\r\n      }\r\n\r\n      if(this.state.mobile===''){\r\n        this.setState({\r\n            validationError:'Enter Valid Mobile Number',\r\n            \r\n        })\r\n        return false\r\n      }\r\n      else{\r\n        if (!this.state.mobile.match(numbers) ) {\r\n            this.setState({\r\n                validationError:'Enter Valid Mobile Number',\r\n               \r\n            })\r\n            return false  \r\n        }\r\n        else if(this.state.mobile.length!==10){\r\n            this.setState({\r\n                validationError:'Enter Valid Mobile Number',\r\n                \r\n            })\r\n            return false  \r\n        }\r\n        else{\r\n            this.setState({\r\n                validationError:'',\r\n               \r\n            })\r\n        }\r\n      }\r\n      if(this.state.city===''){\r\n        this.setState({\r\n            validationError:'Select City',\r\n          \r\n        })\r\n        return false\r\n    }\r\n    else{\r\n      this.setState({\r\n          validationError:'',\r\n        \r\n      })\r\n    }\r\n      if(this.state.project===''){\r\n        this.setState({\r\n            validationError:'Select Project',\r\n          \r\n        })\r\n        return false\r\n    }\r\n    else{\r\n      this.setState({\r\n          validationError:'',\r\n        \r\n      })\r\n    }\r\n    if(this.state.message===''){\r\n        this.setState({\r\n            validationError:'Enter Message',\r\n          \r\n        })\r\n        return false\r\n    }\r\n    else{\r\n      this.setState({\r\n          validationError:'',\r\n        \r\n      })\r\n    }\r\n    if(this.state.validationError===''){\r\n       let name=this.state.firstName+ \" \"+ this.state.lastName\r\n        this.props.parentCallback(name, this.state.email, this.state.mobile,this.state.project,this.state.message,this.state.city)\r\n    }\r\n    }\r\n\r\n    render(){\r\n    //  console.log(\"projects\",this.props.projects)\r\n    \r\n        return(\r\n            <div className='contact-footer-main-div' id=\"contact-footer\">\r\n                <div className='contact-footer-head'>Have any questions? Reach out to us from our\r\ncontact form and we will get back to you shortly</div>\r\n                {/* <div className='contact-footer-more-info'>For more information please call</div>\r\n                <a href=\"tel:+918047193000\" style={{textDecoration:'none'}}><div className='contact-footer-details'>8047-193000</div></a> */}\r\n                <div className='contact-footer-form-div'>\r\n                <div className='row contact-footer-row'>\r\n                <div className=\"col-sm-12 col-md-6 col-lg-6 contact-img-col\" style={{width:'100%',padding:0}}>\r\n                <div className='red-circle'>Simplifying Your Home Search</div>\r\n\r\n                    </div>\r\n<div className=\"col-sm-12 col-md-6 col-lg-6\" style={{width:'100%',padding:0}}>\r\n   \r\n\r\n<form >\r\n  <div class=\"form-row align-items-center\" style={{width:'100%',margin:0}}>\r\n      <div class=\"col-sm-12 col-md-6 col-lg-6 form-bottom\"  style={{width:'100%'}}>\r\n          {/* <label class=\"sr-only\" for=\"inlineFormInput\">Enter name </label> */}\r\n          <input type=\"text\" class=\"form-control j_forminputf-contact  \" id=\"firstName\" name=\"firstName\" onChange={this.HandleChange} placeholder=\"First Name\" value={this.state.firstName}  />\r\n      </div>\r\n      <div class=\"col-sm-12 col-md-6 col-lg-6 form-bottom\"  style={{width:'100%'}}>\r\n          {/* <label class=\"sr-only\" for=\"inlineFormInput\">Enter name </label> */}\r\n          <input type=\"text\" class=\"form-control j_forminputf-contact  \" id=\"lastName\" name=\"lastName\" onChange={this.HandleChange} placeholder=\"Last Name\" value={this.state.lastName}  />\r\n      </div>\r\n      <div class=\"col-sm-12 col-md-6 col-lg-6 form-bottom\">\r\n          {/* <label class=\"sr-only\" for=\"inlineFormInput\">Enter Email </label> */}\r\n          <input type=\"email\" class=\"form-control j_forminputf-contact  \" id=\"email\" name=\"email\" onChange={this.HandleChange} placeholder=\"Valid Email Address\" value={this.state.email} />\r\n      </div>\r\n      <div class=\"col-sm-12 col-md-6 col-lg-6 form-bottom\">\r\n                     \r\n                    \r\n                          \r\n                          <input type=\"text\" class=\"form-control j_forminputf-contact   \" maxLength=\"10\" id=\"mobile\" name=\"mobile\" onChange={this.HandleChange} value={this.state.mobile} placeholder=\"Phone Number\" />\r\n                   \r\n                  </div>\r\n               \r\n      <div class=\"col-sm-12 col-md-6 col-lg-6 form-bottom\">\r\n          <select id=\"city\" name='city' className=\"form-control j_forminputf-contact \" placeholder=\"Your City\" onChange={this.HandleChange} value={this.state.city} style={{background:'#fff'}}>\r\n              <option>Your City</option>\r\n              {this.props.all_city_list!==undefined && this.props.all_city_list!==null && this.props.all_city_list!=='' && this.props.all_city_list.map(city=>\r\n               <option value={city}>{city}</option>\r\n              )\r\n    }\r\n             \r\n          </select>\r\n          </div>\r\n          <div class=\"col-sm-12 col-md-6 col-lg-6 form-bottom\">\r\n          <select id=\"project\" name='project' className=\"form-control j_forminputf-contact\" onChange={this.HandleChange} value={this.state.project} style={{background:'#fff'}}>\r\n              <option value=\"\">Project Name</option>\r\n              {this.props.projects!==undefined && this.props.projects!==null &&  this.props.projects!=='' && this.props.projects.map((project)=>\r\n                <option value={project}>{project}</option>\r\n              )}\r\n          </select>\r\n          </div>\r\n          <div class=\"col-sm-12 col-md-12 col-lg-12 form-bottom\">\r\n              <textarea rows={5} className='form-control  j_forminputf-contact-teaxt-area ' onChange={this.HandleChange} id=\"message\" name=\"message\" value={this.state.message} placeholder=\"Your Message\"></textarea>\r\n              </div>\r\n              {this.state.validationError!==''?\r\n                                    <div className=\"col-sm-12 col-md-12 col-lg-12 ml-1\" style={{marginBottom:20}}>\r\n                                        <div className=\"errorMessage\">{this.state.validationError}</div>\r\n                                    </div>:null}\r\n     \r\n              <div class=\"col-sm-12 col-md-12 col-lg-12 ml-1\">\r\n         <button type=\"button\" onClick={this.Submit}  className=\"contact-footer-submit-btn\">\r\n                                    \r\n         Submit\r\n                                   \r\n                                </button>\r\n                                </div>\r\n  </div>\r\n</form>\r\n                            \r\n                            </div>\r\n                        </div>\r\n                </div>\r\n              \r\n\r\n            </div>\r\n        )\r\n    }\r\n}"],"sourceRoot":""}