{"version":3,"sources":["utils/loadSMTP.js","screens/Contact.js"],"names":["loadSMTP","callback","existingScript","document","getElementById","script","createElement","src","id","body","appendChild","onload","Alert","props","elevation","variant","Contact","useState","name","setName","companyName","setCompanyName","email","setEmail","contact","setContact","message","setMessage","showSnackBar","setShowSnackBar","snackBarStatus","setSnackBarStatus","snackBarMessage","setSnackBarMessage","snackBarAutoHideDuration","setSnackBarAutoHideDuration","loaded","setLoaded","useEffect","handleClose","event","reason","handleFormSubmit","preventDefault","messageData","window","Email","send","Host","process","Username","Password","To","JSON","parse","From","Subject","Body","then","console","log","className","Helmet","charSet","content","Snackbar","open","autoHideDuration","onClose","severity","Grid","container","spacing","item","xs","sm","md","lg","xl","autoComplete","onSubmit","TextField","required","label","value","onChange","e","target","type","multiline","rows","Button","color","href","rel"],"mappings":"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","file":"static/js/10.7ca6e93c.chunk.js","sourcesContent":["const loadSMTP = (callback) => {\n  const existingScript = document.getElementById('googleMaps');\n  if (!existingScript) {\n    const script = document.createElement('script');\n    script.src = 'https://smtpjs.com/v3/smtp.js';\n    script.id = 'smtpjs';\n    document.body.appendChild(script);\n    script.onload = () => {\n      if (callback) callback();\n    };\n  }\n  if (existingScript && callback) callback();\n};\nexport default loadSMTP;\n","import React, { useState, useEffect } from 'react';\nimport { Helmet } from 'react-helmet';\n\nimport Grid from '@material-ui/core/Grid';\nimport Button from '@material-ui/core/Button';\nimport TextField from '@material-ui/core/TextField';\nimport Snackbar from '@material-ui/core/Snackbar';\nimport MuiAlert from '@material-ui/lab/Alert';\n\nimport loadSMTP from '../utils/loadSMTP';\n\nimport '../styles/contact.scss';\n\nfunction Alert(props) {\n  return <MuiAlert elevation={6} variant=\"filled\" {...props} />;\n}\n\nconst Contact = () => {\n  const [name, setName] = useState('');\n  const [companyName, setCompanyName] = useState('');\n  const [email, setEmail] = useState('');\n  const [contact, setContact] = useState('');\n  const [message, setMessage] = useState('');\n\n  const [showSnackBar, setShowSnackBar] = useState(false);\n  const [snackBarStatus, setSnackBarStatus] = useState('');\n  const [snackBarMessage, setSnackBarMessage] = useState('');\n  const [snackBarAutoHideDuration, setSnackBarAutoHideDuration] = useState(\n    6000\n  );\n  const [loaded, setLoaded] = useState(false);\n\n  useEffect(() => {\n    if (!loaded) {\n      loadSMTP(() => {\n        setLoaded(true);\n      });\n    }\n  }, [loaded]);\n\n  const handleClose = (event, reason) => {\n    if (reason === 'clickaway') {\n      return;\n    }\n    setShowSnackBar(false);\n  };\n\n  const resetForm = () => {\n    setName('');\n    setCompanyName('');\n    setContact('');\n    setEmail('');\n    setMessage('');\n  };\n\n  const handleFormSubmit = (event) => {\n    event.preventDefault();\n    const messageData =\n      '<b>Customer name: </b>' +\n      name +\n      '<br>' +\n      '<b>Company name: </b>' +\n      companyName +\n      '<br>' +\n      '<b>Customer email: </b>' +\n      email +\n      '<br>' +\n      '<b>Customer number: </b>' +\n      contact +\n      '<br>' +\n      '<b>Message: </b>' +\n      message;\n\n    //setBookingSending(true);\n    if (loaded) {\n      window.Email.send({\n        Host: process.env.REACT_APP_EMAIL_HOST,\n        Username: process.env.REACT_APP_EMAIL_USERNAME,\n        Password: process.env.REACT_APP_EMAIL_PASSWORD,\n        To: JSON.parse(process.env.REACT_APP_EMAIL_TO_LIST),\n        From: process.env.REACT_APP_EMAIL_FROM,\n        Subject: 'Reva International visitor ' + name + ' needs help!',\n        Body: messageData,\n      }).then((message) => {\n        console.log('message sent successfully!');\n      });\n      setSnackBarStatus('success');\n      setSnackBarAutoHideDuration(10000);\n      setSnackBarMessage(\n        'You message sent successfully! Our representative will contact you shortly!'\n      );\n      setShowSnackBar(true);\n      resetForm();\n    }\n  };\n\n  return (\n    <div className=\"contact-us\">\n      <Helmet>\n        <meta charSet=\"utf-8\" />\n        <title>Get in Touch</title>\n        <meta\n          name=\"description\"\n          content=\"Get in touch for Construction Chemical Products\"\n        />\n      </Helmet>\n      <Snackbar\n        open={showSnackBar}\n        autoHideDuration={snackBarAutoHideDuration}\n        onClose={handleClose}\n      >\n        <Alert onClose={handleClose} severity={snackBarStatus}>\n          {snackBarMessage}\n        </Alert>\n      </Snackbar>\n      <Grid container spacing={10} className=\"container\">\n        <Grid\n          item\n          xs={12}\n          sm={12}\n          md={8}\n          lg={8}\n          xl={8}\n          className=\"contact-form\"\n        >\n          <div>\n            <h2>CONTACT</h2>\n            <p>\n              Please let us know how we can help you by providing details below:\n            </p>\n          </div>\n          <form\n            className=\"form\"\n            autoComplete=\"off\"\n            onSubmit={(event) => handleFormSubmit(event)}\n          >\n            <TextField\n              id=\"name\"\n              required\n              label=\"Your Name\"\n              variant=\"outlined\"\n              value={name}\n              onChange={(e) => setName(e.target.value)}\n            />\n\n            <TextField\n              id=\"company-name\"\n              label=\"Company Name\"\n              variant=\"outlined\"\n              value={companyName}\n              onChange={(e) => setCompanyName(e.target.value)}\n            />\n\n            <TextField\n              id=\"contact\"\n              required\n              type=\"number\"\n              label=\"Contact\"\n              variant=\"outlined\"\n              value={contact}\n              onChange={(e) => setContact(e.target.value)}\n            />\n\n            <TextField\n              id=\"email\"\n              required\n              label=\"Your Email\"\n              type=\"email\"\n              variant=\"outlined\"\n              value={email}\n              onChange={(e) => setEmail(e.target.value)}\n            />\n\n            <TextField\n              id=\"message\"\n              required\n              label=\"Message\"\n              multiline\n              rows={4}\n              variant=\"outlined\"\n              value={message}\n              onChange={(e) => setMessage(e.target.value)}\n            />\n            <Button variant=\"contained\" color=\"secondary\" type=\"submit\">\n              Send Message\n            </Button>\n          </form>\n        </Grid>\n        <Grid item xs={12} sm={12} md={4} lg={4} xl={4} className=\"details\">\n          <div className=\"office-details\">\n            <div className=\"head-office\">\n              <h4>UNITED ARAB EMIRATES</h4>\n              <h5>\n                Office 407, Building 12, Bay Square, <br />\n                Business Bay – Downtown Dubai, UAE\n              </h5>\n              <h4>Email:</h4>\n              <a href=\"info@revaintl.com\">info@revaintl.com</a>\n              <h4>Phones:</h4>\n              <h5>Tel: (+971) 4 4214636</h5>\n              <h5>Fax: (+971) 4 5579645</h5>\n            </div>\n\n            <div className=\"newyork-office\">\n              <h4>UNITED KINGDOM</h4>\n              <h5>\n                PO Box 134,\n                <br />\n                Bolton, Lancashire, BL1 4FX\n              </h5>\n              <h4>Email:</h4>\n              <a href=\"bizz_ex@yahoo.com\">bizz_ex@yahoo.com</a>\n              <h4>Phones:</h4>\n              <h5>Tel: +4401204652626</h5>\n              <a\n                rel=\"noreferrer\"\n                href=\"http://www.silentdemolition.net\"\n                target=\"_blank\"\n              >\n                www.silentdemolition.net\n              </a>\n            </div>\n          </div>\n        </Grid>\n      </Grid>\n    </div>\n  );\n};\nexport default Contact;\n"],"sourceRoot":""}