{"version":3,"sources":["webpack:///./src/pages/contact.js","webpack:///./src/images/media.jpg"],"names":["page","Contact","props","useState","name","setName","email","setEmail","phone","setPhone","country","setCountry","company","setCompany","enquiryType","setEnquiryType","query","setQuery","showSuccess","setShowSuccess","showError","setShowError","submitMessage","setSubmitMessage","submittingFlag","setSubmitFlag","mainContent","action","id","onSubmit","evt","preventDefault","axios","post","then","res","data","catch","err","sm","className","htmlFor","type","value","onChange","e","target","required","pattern","style","width","role","aria-hidden","show","variant","pageInfo","pageName","hideTimeline","title","description","bgImg","WindMillImg","pgTitle","pgDesc","titleClass","pClass","overlayOverRide","background","module","exports"],"mappings":"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","file":"component---src-pages-contact-js-94d74077f5f117275b82.js","sourcesContent":["import React, { useState } from \"react\"\r\nimport axios from \"axios\"\r\n\r\nimport Layout from \"../components/layout\"\r\nimport SEO from \"../components/seo\"\r\nimport WindMillImg from \"../images/media.jpg\"\r\nimport PageHeader from \"../partialPages/PageHeader\"\r\nimport { Container, Row, Col, Alert } from \"react-bootstrap\"\r\n\r\nconst page = {\r\n  name: \"Get started\",\r\n  pageDesc:\r\n    \"Get in touch to learn more about how Vulcan AI can partner with you for Industry 4.0.\",\r\n}\r\nconst Contact = props => {\r\n  const [name, setName] = useState(\"\")\r\n  const [email, setEmail] = useState(\"\")\r\n  const [phone, setPhone] = useState(\"\")\r\n  const [country, setCountry] = useState(\"\")\r\n  const [company, setCompany] = useState(\"\")\r\n  const [enquiryType, setEnquiryType] = useState(\"\")\r\n  const [query, setQuery] = useState(\"\")\r\n  const [showSuccess, setShowSuccess] = useState(false)\r\n  const [showError, setShowError] = useState(false)\r\n  const [submitMessage, setSubmitMessage] = useState(false)\r\n  const [submittingFlag, setSubmitFlag] = useState(false)\r\n  const handleSubmit = evt => {\r\n    evt.preventDefault()\r\n    // Axioos\r\n    setSubmitFlag(true)\r\n\r\n    axios\r\n      .post(\r\n        \"https://vulcanwebcontact.azurewebsites.net/api/vulcancontanctus?code=a6fehtGuyV2ONJYAZnaN2TfMIbv2gQar0pvFIrGCwWv1dOY8qexfzA==\",\r\n        { name, email, phone, country, company, enquiryType, query }\r\n      )\r\n      .then(res => {\r\n        setShowSuccess(true)\r\n        setShowError(false)\r\n        setSubmitMessage(res.data)\r\n        setSubmitFlag(false)\r\n      })\r\n      .catch(err => {\r\n        setShowError(true)\r\n        setShowSuccess(false)\r\n        setSubmitMessage(err.data)\r\n        setSubmitFlag(false)\r\n      })\r\n  }\r\n  const mainContent = (\r\n    <>\r\n      {\" \"}\r\n      <form action=\"\" id=\"contactForm\" onSubmit={handleSubmit}>\r\n        <Row>\r\n          <Col sm=\"6\">\r\n            <div className=\"form-group  pb-2\">\r\n              <label htmlFor=\"name\">\r\n                Name<span className=\"required-aestrisk\">*</span>\r\n              </label>\r\n              <input\r\n                type=\"text\"\r\n                name=\"name\"\r\n                id=\"name\"\r\n                value={name}\r\n                onChange={e => setName(e.target.value)}\r\n                className=\"form-control\"\r\n                required\r\n              />\r\n            </div>\r\n          </Col>\r\n          <Col sm=\"6\">\r\n            <div className=\"form-group  pb-2\">\r\n              <label htmlFor=\"email\">\r\n                Work Email <span className=\"required-aestrisk\">*</span>\r\n              </label>\r\n\r\n              <input\r\n                type=\"email\"\r\n                name=\"email\"\r\n                id=\"email\"\r\n                value={email}\r\n                onChange={e => setEmail(e.target.value)}\r\n                className=\"form-control\"\r\n                required\r\n              />\r\n            </div>\r\n          </Col>\r\n        </Row>\r\n        <Row>\r\n          <Col sm=\"6\">\r\n            <div className=\"form-group  pb-2\">\r\n              <label htmlFor=\"tel\">\r\n                Phone<span className=\"required-aestrisk\">*</span>\r\n              </label>\r\n\r\n              <input\r\n                type=\"tel\"\r\n                name=\"tel\"\r\n                id=\"tel\"\r\n                className=\"form-control\"\r\n                value={phone}\r\n                onChange={e => setPhone(e.target.value)}\r\n                pattern=\"+[0-9]{2}[0-9]{10}\"\r\n                required\r\n              />\r\n            </div>\r\n          </Col>\r\n          <Col sm=\"6\">\r\n            <div className=\"form-group  pb-2\">\r\n              <label htmlFor=\"coutnry\">\r\n                Country<span className=\"required-aestrisk\">*</span>\r\n              </label>\r\n              <input\r\n                type=\"text\"\r\n                name=\"coutnry\"\r\n                id=\"coutnry\"\r\n                value={country}\r\n                onChange={e => setCountry(e.target.value)}\r\n                className=\"form-control\"\r\n                required\r\n              />\r\n            </div>\r\n          </Col>\r\n        </Row>\r\n        <Row>\r\n          <Col sm=\"6\">\r\n            <div className=\"form-group  pb-2\">\r\n              <label htmlFor=\"comapny\">\r\n                Company<span className=\"required-aestrisk\">*</span>\r\n              </label>\r\n              <input\r\n                type=\"text\"\r\n                name=\"comapny\"\r\n                id=\"comapny\"\r\n                value={company}\r\n                onChange={e => setCompany(e.target.value)}\r\n                className=\"form-control\"\r\n                required\r\n              />\r\n            </div>\r\n          </Col>\r\n          <Col sm=\"6\">\r\n            <div className=\"form-group  pb-2\">\r\n              <label htmlFor=\"enquiry\">\r\n                Type of Enquiry<span className=\"required-aestrisk\">*</span>\r\n              </label>\r\n              <select\r\n                name=\"enquiry\"\r\n                className=\"form-control\"\r\n                value={enquiryType}\r\n                onChange={e => setEnquiryType(e.target.value)}\r\n                required\r\n              >\r\n                <option value=\"\">Select...</option>\r\n                <option value=\"WorkSafe\">WorkSafe</option>\r\n                <option value=\"TrackSafe\">TrackSafe</option>\r\n                <option value=\"Ceres\">Ceres</option>\r\n\r\n                <option value=\"AI Applications\">AI Applications</option>\r\n                <option value=\"Industries\">Industries</option>\r\n                <option value=\"Careers\">Careers</option>\r\n                <option value=\"Others\">Others</option>\r\n              </select>\r\n            </div>\r\n          </Col>\r\n        </Row>\r\n        <Row>\r\n          <Col sm=\"12\">\r\n            <div className=\"form-group  pb-2\">\r\n              <label htmlFor=\"note\">\r\n                How can we help?<span className=\"required-aestrisk\">*</span>\r\n              </label>\r\n              <textarea\r\n                type=\"text\"\r\n                name=\"note\"\r\n                id=\"note\"\r\n                value={query}\r\n                onChange={e => setQuery(e.target.value)}\r\n                className=\"form-control\"\r\n              ></textarea>\r\n            </div>\r\n          </Col>\r\n        </Row>\r\n        <div className=\"text-center\">\r\n          {!submittingFlag ? (\r\n            <input\r\n              type=\"submit\"\r\n              style={{ width: \"135px\" }}\r\n              value=\"Contact Us\"\r\n              className=\"btn btn-outline-primary nohover text-bold text-primary apply-button mt-4\"\r\n            />\r\n          ) : (\r\n            <button\r\n              className=\"btn btn-outline-primary mt-4\"\r\n              type=\"button\"\r\n              style={{ width: \"135px\" }}\r\n            >\r\n              Submitting{\" \"}\r\n              <span\r\n                className=\"spinner-border spinner-border-sm\"\r\n                role=\"status\"\r\n                aria-hidden=\"true\"\r\n              ></span>\r\n            </button>\r\n          )}\r\n        </div>\r\n      </form>\r\n      <Alert show={showSuccess} variant=\"success\" className=\"mt-4 text-center\">\r\n        <h5 className=\"m-auto\">\r\n          {submitMessage || \"Contact information submitted.\"}\r\n        </h5>\r\n      </Alert>\r\n      <Alert show={showError} variant=\"danger\" className=\"mt-4 text-center\">\r\n        <h4 className=\"m-auto\">{submitMessage || \"Error occured\"}</h4>\r\n      </Alert>\r\n    </>\r\n  )\r\n  return (\r\n    <Layout pageInfo={{ pageName: \"contact\" }} hideTimeline={true}>\r\n      <SEO title={page.name} description={page.pageDesc} />\r\n\r\n      <PageHeader\r\n        bgImg={WindMillImg}\r\n        pgTitle={page.name}\r\n        pgDesc={page.pageDesc}\r\n        titleClass=\"text-center\"\r\n        pClass=\"text-center\"\r\n        overlayOverRide={{ background: \"rgba(0, 0, 0, 0.6)\" }}\r\n      ></PageHeader>\r\n\r\n      <section id=\"contact-form\" className=\"py-5 \">\r\n        <Container className=\"d-none d-lg-block\">{mainContent}</Container>\r\n        <div className=\"px-4 d-block d-lg-none\">{mainContent}</div>\r\n      </section>\r\n    </Layout>\r\n  )\r\n}\r\nexport default Contact\r\n","module.exports = __webpack_public_path__ + \"static/media-dafa0edf1a753ddd921bdc450624c792.jpg\";"],"sourceRoot":""}