{"version":3,"sources":["Component/Contact/index.js","App.js","reportWebVitals.js","index.js"],"names":["Modal","setAppElement","Contact","title","setTitle","useState","message","setMessage","isOpen","setIsOpen","uuid","setUuid","error","setError","toggleModal","e","_jsx","Formik","initialValues","name","company","email","phone","validationSchema","Yup","max","required","onSubmit","async","values","_ref","setSubmitting","resetForm","ms","Promise","resolve","setTimeout","document","querySelector","body","JSON","stringify","fetch","method","headers","then","response","status","data","catch","children","_jsxs","className","Form","Field","type","placeholder","ErrorMessage","component","onRequestClose","contentLabel","style","overlay","zIndex","content","position","border","background","borderRadius","outline","padding","minWidth","maxHeight","top","left","transform","onClick","App","reportWebVitals","onPerfEntry","Function","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","React","StrictMode","getElementById"],"mappings":"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","file":"static/js/main.5f816b67.chunk.js","sourcesContent":["import React, { useState } from 'react';\nimport Modal from \"react-modal\";\nimport { Formik, Field, Form, ErrorMessage } from 'formik';\nimport * as Yup from 'yup';\n\nModal.setAppElement(\"#wrapper\");\n\nconst Contact = () => {\n  const [title, setTitle] = useState(null);\n  const [message, setMessage] = useState(null);\n  const [isOpen, setIsOpen] = useState(false);\n  const [uuid, setUuid] = useState(null);\n  const [error, setError] = useState(null);\n  \n  const toggleModal = e => {\n    setIsOpen(!isOpen);\n  };\n\n  const sleep = ms => {\n    return new Promise(resolve => setTimeout(resolve, ms));\n  }\n\n  return (\n\n    <Formik\n      initialValues={{ name: '', company: '', email: '', phone: '', message: '' }}\n      validationSchema={Yup.object({\n        name: Yup.string()\n          .max(100, 'Must be 100 characters or less')\n          .required('Required'),\n        phone: Yup.string()\n          .max(20, 'Must be 20 characters or less')\n          .required('Required'),\n        email: Yup.string()\n          .max(50, 'Must be 50 characters or less')\n          .email('Invalid email address')\n          .required('Required'),\n        message: Yup.string()\n          .required('Required'),\n      })}\n      onSubmit={async (values, { setSubmitting, resetForm }) => {\n        await sleep(500);\n\n        const modal = document.querySelector(\"#modal\");\n        const body = JSON.stringify(values, null, 2)\n\n        const requestOptions = {\n          method: 'POST',\n          headers: { 'Content-Type': 'application/json' },\n          body: body\n        };\n        fetch('api/contact', requestOptions)\n          .then(response => {\n            if (response.status >= 400) {\n              setTitle(\"Server is currently down!\");\n              setMessage(\"Please try again later when we're back up and running. Thank you!\");\n            } else {\n              setTitle(\"Thank you for reaching out!\");\n              setMessage(\"We'll get back to you ASAP with inquiries on your quote.\");\n              resetForm();\n            }\n            setSubmitting(false);\n            toggleModal();\n          })\n          .then(data => {\n            setUuid(data)\n          })\n          .catch(error => {\n            setError(error);\n            setSubmitting(false);\n            toggleModal();\n          });\n      }}\n    >\n      \n      <div className=\"form-widget\">\n\n        <div className=\"form-result\"></div>\n\n        <Form className=\"row mb-0\">\n\n          <div className=\"form-process\">\n            <div className=\"css3-spinner\">\n              <div className=\"css3-spinner-scale-ripple\">\n                <div></div>\n                <div></div>\n                <div></div>\n              </div>\n            </div>\n          </div>\n\n          <div className=\"col-md-6 mb-4\">\n            <Field name=\"name\" type=\"text\" className=\"required sm-form-control border-form-control\" placeholder=\"Your Name\" />\n            <ErrorMessage name=\"name\" component=\"div\" className=\"error-form\" />\n          </div>\n          <div className=\"col-md-6 mb-4\">\n            <Field name=\"company\" type=\"text\" className=\"sm-form-control border-form-control\" placeholder=\"Company Name\" />\n          </div>\n\n          <div className=\"w-100\"></div>\n\n          <div className=\"col-md-6 mb-4\">\n            <Field name=\"email\" type=\"email\" className=\"required email sm-form-control border-form-control\" placeholder=\"Email\" />\n            <ErrorMessage name=\"email\" component=\"div\" className=\"error-form\" />\n          </div>\n\n          <div className=\"col-md-6 mb-4\">\n            <Field name=\"phone\" type=\"phone\" className=\"required sm-form-control border-form-control\" placeholder=\"Phone Number\" />\n            <ErrorMessage name=\"phone\" component=\"div\" className=\"error-form\" />\n          </div>\n\n          <div className=\"w-100\"></div>\n\n          <div className=\"col-12 mb-4\">\n            <Field name=\"message\" type=\"text\" className=\"required sm-form-control border-form-control\" component=\"textarea\" placeholder=\"Tell us about your project\" />\n            <ErrorMessage name=\"message\" component=\"div\" className=\"error-form\" />\n          </div>\n\n          <div className=\"col-12 center mb-4\">\n            <button className=\"button button-border button-circle font-weight-medium ml-0 topmargin-sm\" type=\"submit\">Let's Scope My Project</button>\n            <br/>\n            <small className=\"form-footer\">We'll get back to you ASAP.</small>\n          </div>\n          \n        </Form>\n\n        <Modal\n          isOpen={isOpen}\n          onRequestClose={toggleModal}\n          contentLabel=\"Thank you!\"\n          style={{\n            overlay: {\n              zIndex: 10\n            },\n            content: {\n              position: 'absolute',\n              border: '1px solid #ccc',\n              background: '#fff',\n              borderRadius: '10px',\n              outline: 'none',\n              padding: '20px',\n              minWidth: \"300px\",\n              maxHeight: \"250px\",\n              top: \"50%\",\n              left: \"50%\",\n              transform: \"translate(-50%, -50%)\"\n            }\n          }}\n        >\n          <h3 className=\"font-body font-weight-normal ls1\">{title}</h3>\n          <div>{message}</div>\n          <div className=\"center\">\n            <button className=\"button button-border button-circle font-weight-medium ml-0 topmargin-sm center\" onClick={toggleModal}>Close</button>\n          </div>\n            \n        </Modal>\n\n      </div>\n\n    </Formik>\n  );\n}\n\nexport default Contact;","import Contact from \"./Component/Contact\"\n\nfunction App() {\n  return (\n    <Contact />\n  );\n}\n\nexport default App;\n","const reportWebVitals = onPerfEntry => {\n  if (onPerfEntry && onPerfEntry instanceof Function) {\n    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n      getCLS(onPerfEntry);\n      getFID(onPerfEntry);\n      getFCP(onPerfEntry);\n      getLCP(onPerfEntry);\n      getTTFB(onPerfEntry);\n    });\n  }\n};\n\nexport default reportWebVitals;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\n//import './index.css';\nimport App from './App';\nimport reportWebVitals from './reportWebVitals';\n\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\n  document.getElementById('root')\n);\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\nreportWebVitals();\n"],"sourceRoot":""}