{"version":3,"sources":["webpack:///./src/components/ContactForm/ContactForm.jsx","webpack:///./src/pages/contact.jsx"],"names":["required","msg","useState","submitted","setSubmitted","useForm","register","handleSubmit","setError","errors","reset","isSubmitting","formState","onSubmit","data","a","fetch","method","mode","cache","body","JSON","stringify","headers","message","showThankYou","Container","Row","className","Col","md","Alert","variant","showForm","Form","Group","Label","Control","type","name","id","placeholder","ref","disabled","email","phone","as","rows","comment","FormGroup","Button","submit","GoogleApiWrapper","apiKey","process","LoadingContainer","props","useEffect","window","scrollTo","style","position","width","height","Helmet","content","HeaderExpanded","title","image","href","ContactForm","noGutters","google","initialCenter","lat","lng","zoom","containerStyle"],"mappings":"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","file":"component---src-pages-contact-jsx-55a7fe9e785abeaa51e4.js","sourcesContent":["import React, { useState } from 'react';\nimport {\n  Alert,\n  Form,\n  Button,\n  Container,\n  Row,\n  Col,\n  FormGroup\n} from 'react-bootstrap';\nimport { useForm } from 'react-hook-form';\n\nconst FAKE_GATEWAY_URL =\n  'https://hwmp0oxn48.execute-api.ap-southeast-2.amazonaws.com/production';\nconst required = 'This field is required';\n\nexport default () => {\n  const [submitted, setSubmitted] = useState(false);\n  const {\n    register,\n    handleSubmit,\n    setError,\n    errors,\n    reset,\n    formState: { isSubmitting }\n  } = useForm();\n\n  const onSubmit = async (data) => {\n    try {\n      await fetch(FAKE_GATEWAY_URL, {\n        method: 'POST',\n        mode: 'cors',\n        cache: 'no-cache',\n        body: JSON.stringify(data),\n        headers: {\n          'Content-type': 'application/json; charset=UTF-8'\n        }\n      });\n      setSubmitted(true);\n      reset();\n    } catch (error) {\n      setError(\n        'submit',\n        'submitError',\n        `Oops! There seems to be an issue! ${error.message}`\n      );\n    }\n  };\n\n  const showSubmitError = (msg) => <Alert variant='warning'>{msg}</Alert>;\n\n  const showThankYou = (\n    <Container>\n      <Row className='my-3 justify-content-center'>\n        <Col md={8} className=\"align-content-center\">\n          <Alert variant='success' className='pb-3 text-center'>\n            Your message has been received. We will be in touch shortly.\n          </Alert>\n        </Col>\n      </Row>\n    </Container>\n  );\n\n  const showForm = (\n    <Container>\n      <Row className='justify-content-center my-3'>\n        <Col md={6}>\n          <Form onSubmit={handleSubmit(onSubmit)} method='post'>\n            <Form.Group>\n              <Form.Label>Your Email</Form.Label>\n              <Form.Control\n                type='email'\n                name='email'\n                id='email'\n                placeholder='Your Email Address'\n                ref={register({ required })}\n                disabled={isSubmitting}\n              />\n              {errors.email && (\n                <Alert variant='warning mt-1'>{errors.email.message}</Alert>\n              )}\n            </Form.Group>\n            <Form.Group>\n              <Form.Label>Your Name</Form.Label>\n              <Form.Control\n                type='text'\n                name='name'\n                id='name'\n                placeholder='Your name'\n                ref={register({ required })}\n                disabled={isSubmitting}\n              />\n              {errors.name && (\n                <Alert variant='warning mt-1'>{errors.name.message}</Alert>\n              )}\n            </Form.Group>\n            <Form.Group>\n              <Form.Label>Phone</Form.Label>\n              <Form.Control\n                type='text'\n                name='phone'\n                id='phone'\n                placeholder='Your Phone Number'\n                ref={register({ required })}\n                disabled={isSubmitting}\n              />\n              {errors.phone && (\n                <Alert variant='warning mt-1'>{errors.phone.message}</Alert>\n              )}\n            </Form.Group>\n\n            <Form.Group>\n              <Form.Label>Message</Form.Label>\n              <Form.Control\n                as='textarea'\n                name='comment'\n                id='comment'\n                rows={5}\n                ref={register({ required })}\n                placeholder='Comment'\n              />\n              {errors.comment && (\n                <Alert variant='warning mt-1'>{errors.comment.message}</Alert>\n              )}\n            </Form.Group>\n\n            <FormGroup className='text-center'>\n              <Button variant='primary' type='submit' disabled={isSubmitting}>\n                Send Message\n              </Button>\n            </FormGroup>\n          </Form>\n        </Col>\n      </Row>\n    </Container>\n  );\n\n  return (\n    <div className='page contact-page'>\n      <div className='text-side'>\n        {errors && errors.submit && showSubmitError(errors.submit.message)}\n      </div>\n      <div className='form-side'>{submitted ? showThankYou : showForm}</div>\n    </div>\n  );\n};\n","import React, { useEffect } from 'react';\nimport { Col, Container, Row } from 'react-bootstrap';\nimport { GoogleApiWrapper, Map, Marker } from 'google-maps-react';\nimport HeaderExpanded from '../components/HeaderExpanded/HeaderExpanded';\nimport ContactForm from '../components/ContactForm/ContactForm';\nimport '../styles/contact.scss';\nimport { Helmet } from 'react-helmet';\n\nfunction Contact(props) {\n  useEffect(() => {\n    window.scrollTo(0, 0);\n  }, []);\n\n  const style = {\n    position: 'relative',\n    width: '100%',\n    height: '400px'\n  };\n\n  return (\n    <>\n      {/* Add meta tags inside here. */}\n      <Helmet>\n        <title>HortPlus | Contact Us</title>\n        <meta name='description' content='Contact HortPlus' />\n      </Helmet>\n      <HeaderExpanded\n        title='Contact'\n        image={\n          process.env.GATSBY_S3_BUCKET_ASSETS +\n          'images/orchard_mountain_range.jpg'\n        }\n      />\n      <Container className='text-center mt-5 mb-2'>\n        <Row>\n          <Col className='text-center'>\n            <p className='text-dark hp-font-42'>Get in Touch</p>\n            <a\n              className='text-dark hp-font-22'\n              href='mailto:support@hortplus.com?subject=HortPlus'\n            >\n              <b>support@hortplus.com</b>\n            </a>\n          </Col>\n        </Row>\n      </Container>\n      <ContactForm />\n      <Container className='hp-divider' />\n      <Container className='py-5 d-flex flex-column justify-content-center align-items-center'>\n        <header className='hp-title--subtitle-half d-block text-center hp-bold-weight pb-3'>\n          Office Locations\n        </header>\n        <Row noGutters>\n          <Col className='hp-page--blue-grey m-3'>\n            <Map\n              google={props.google}\n              initialCenter={{\n                lat: -41.282896301887334,\n                lng: 174.777598255194\n              }}\n              zoom={18}\n              containerStyle={style}\n              className='hp-map-card'\n            >\n              <Marker\n                title={'HortPlus, Wellington'}\n                name={'HortPlus, Wellington'}\n                position={{ lat: -41.282896301887334, lng: 174.777598255194 }}\n              />\n            </Map>\n            <header className='hp-title--subtitle-half hp-bold-weight py-3 pl-5'>\n              Wellington\n            </header>\n            <p className='pl-5 pb-3'>\n              <b>HortPlus</b>\n              <br /> Level 1 Aviation House,\n              <br /> 12 Johnston Street,\n              <br /> Wellington 6011,\n              <br /> New Zealand\n            </p>\n          </Col>\n          <Col className='hp-page--blue-grey m-3'>\n            <Map\n              google={props.google}\n              initialCenter={{\n                lat: -39.6245496,\n                lng: 176.8786344\n              }}\n              zoom={15}\n              containerStyle={style}\n              className='hp-map-card'\n            >\n              <Marker\n                title={'HortPlus, Hawkes Bay'}\n                name={'HortPlus, Hawkes Bay'}\n                position={{ lat: -39.6245496, lng: 176.8786344 }}\n              />\n            </Map>\n            <header className='hp-title--subtitle-half hp-bold-weight pl-5 py-3'>\n              Hawkes Bay\n            </header>\n            <p className='pl-5 pb-3'>\n              <b>HortPlus</b>\n              <br />\n              21 Ruahapia Road,\n              <br />\n              RD 10 Waipatu,\n              <br />\n              Hastings 4180,\n              <br />\n              New Zealand\n            </p>\n          </Col>\n        </Row>\n      </Container>\n    </>\n  );\n}\n\n// This prevents the default text 'Loading...' from showing\nconst LoadingContainer = () => <></>;\n\nexport default GoogleApiWrapper({\n  apiKey: process.env.GATSBY_GOOGLE_API_KEY,\n  LoadingContainer: LoadingContainer\n})(Contact);\n"],"sourceRoot":""}