{"version":3,"sources":["webpack:///./src/components/StationConnectForm/StationConnectForm.jsx","webpack:///./src/pages/connect-weather-station.jsx"],"names":["required","msg","useState","checked","setChecked","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","Button","type","onClick","showForm","Form","Group","Label","Control","name","id","placeholder","ref","disabled","email","phone","as","station","rows","comment","Check","label","onChange","e","target","FormGroup","submit","ConnectWeatherStation","useEffect","window","scrollTo","Helmet","content","HeaderExpanded","title","image","process","StationConnectForm"],"mappings":"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","file":"component---src-pages-connect-weather-station-jsx-1b0f782a61f9029e568a.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://ld4ofkt5z4.execute-api.ap-southeast-2.amazonaws.com/production';\nconst required = 'This field is required';\n\nexport default () => {\n  const [checked, setChecked] = useState(false);\n\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            A weather station connection request has been received. <br />\n            We will contact you to update you on the status of this request\n            soon.\n          </Alert>\n        </Col>\n      </Row>\n      <Row className='text-center justify-content-center'>\n        <Col>\n          <Button type='button' onClick={() => setSubmitted(false)}>\n            Go back\n          </Button>\n        </Col>\n      </Row>\n    </Container>\n  );\n\n  const showForm = (\n    <Container>\n      <Row className='justify-content-center'>\n        <Col md={6}>\n          <Alert variant='primary'>\n            <p>\n              Connect your weather station to the <b>HortPlus Network</b> to\n              securely access your weather station's data through tools and\n              models on the MetWatch Platform.{' '}\n            </p>\n            <p>\n              Your weather station data is private and will not be shared with\n              other users.\n            </p>\n          </Alert>\n        </Col>\n      </Row>\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>Weather Station Type</Form.Label>\n\n              <Form.Control\n                as='select'\n                name='station'\n                id='station'\n                ref={register({ required })}\n                disabled={isSubmitting}\n              >\n                <option>Harvest</option>\n                <option>Campbell Scientific</option>\n                <option>Davis</option>\n                <option>Other / Please specify in comment</option>\n              </Form.Control>\n\n              {errors.station && (\n                <Alert variant='warning mt-1'>{errors.station.message}</Alert>\n              )}\n            </Form.Group>\n\n            <Form.Group>\n              <Form.Label>Comment</Form.Label>\n              <Form.Control\n                as='textarea'\n                name='comment'\n                id='comment'\n                rows={5}\n                placeholder='Comment'\n                ref={register()}\n              />\n              {errors.comment && (\n                <Alert variant='warning mt-1'>{errors.comment.message}</Alert>\n              )}\n            </Form.Group>\n            <Form.Group className='text-center'>\n              <span className='d-block text-center'>\n                <b>Agreement</b>\n              </span>\n              <p>\n                I am authorised to connect this weather station and acknowledge\n                the HortPlus policy regarding user-supplied weather station\n                data.\n              </p>\n              <Form.Check\n                label='I Agree'\n                id='agree'\n                name='agree'\n                ref={register()}\n                onChange={(e) =>\n                  setChecked(e.target.checked === true ? true : false)\n                }\n                disabled={isSubmitting}\n              />\n            </Form.Group>\n            <FormGroup className='text-center'>\n              <Button\n                variant='primary'\n                type='submit'\n                disabled={isSubmitting || !checked}\n              >\n                Submit\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 { Container } from 'react-bootstrap';\nimport HeaderExpanded from '../components/HeaderExpanded/HeaderExpanded';\nimport StationConnectForm from '../components/StationConnectForm/StationConnectForm';\nimport { Helmet } from 'react-helmet';\n\nfunction ConnectWeatherStation() {\n  useEffect(() => {\n    window.scrollTo(0, 0);\n  }, []);\n\n  const title = 'Connect Your Weather Station';\n  const image =\n    process.env.GATSBY_S3_BUCKET_ASSETS + 'images/weather-station.jpg';\n\n  return (\n    <>\n      {/* Add meta tags inside here. */}\n      <Helmet>\n        <title>HortPlus | Connect Your Weather Station</title>\n        <meta name='description' content='Connect Your Weather Station' />\n      </Helmet>\n      <HeaderExpanded title={title} image={image} />\n      <Container className='my-5'>\n        <p className='mb-3 hp-font-28 hp-title text-center'>\n          Connect Grower &amp; Trial Weather Stations\n        </p>\n        <StationConnectForm />\n      </Container>\n    </>\n  );\n}\n\nexport default ConnectWeatherStation;\n"],"sourceRoot":""}