{"version":3,"file":"component---src-pages-contact-js-ceda677bbf2b6da1dfab.js","mappings":"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","sources":["webpack://po3/./node_modules/grommet/es6/components/TextArea/StyledTextArea.js","webpack://po3/./node_modules/grommet/es6/components/TextArea/TextArea.js","webpack://po3/./src/components/contactForm.js","webpack://po3/./src/pages/contact.js"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { disabledStyle, inputStyle } from '../../utils';\nimport { defaultProps } from '../../default-props';\nvar plainStyle = css([\"outline:none;border:none;width:100%;-webkit-appearance:none;\"]);\n\nvar resizeStyle = function resizeStyle(resize) {\n  if (resize === 'horizontal') {\n    return 'resize: horizontal;';\n  }\n\n  if (resize === 'vertical') {\n    return 'resize: vertical;';\n  }\n\n  if (resize) {\n    return 'resize: both;';\n  }\n\n  return 'resize: none;';\n};\n\nvar StyledTextArea = styled.textarea.withConfig({\n  displayName: \"StyledTextArea\",\n  componentId: \"sc-17i3mwp-0\"\n})([\"\", \" \", \" \", \" \", \" \", \" \", \";\"], inputStyle, function (props) {\n  return props.resize !== undefined && resizeStyle(props.resize);\n}, function (props) {\n  return props.fillArg && 'height: 100%;';\n}, function (props) {\n  return props.plain && plainStyle;\n}, function (props) {\n  return props.disabled && disabledStyle(props.theme.textArea.disabled && props.theme.textArea.disabled.opacity);\n}, function (props) {\n  return props.theme.textArea && props.theme.textArea.extend;\n});\nStyledTextArea.defaultProps = {};\nObject.setPrototypeOf(StyledTextArea.defaultProps, defaultProps);\nexport { StyledTextArea };","var _excluded = [\"a11yTitle\", \"fill\", \"focusIndicator\", \"name\", \"onBlur\", \"onChange\", \"onFocus\", \"onKeyDown\", \"value\"];\n\nfunction _extends() {\n  _extends = Object.assign || function (target) {\n    for (var i = 1; i < arguments.length; i++) {\n      var source = arguments[i];\n\n      for (var key in source) {\n        if (Object.prototype.hasOwnProperty.call(source, key)) {\n          target[key] = source[key];\n        }\n      }\n    }\n\n    return target;\n  };\n\n  return _extends.apply(this, arguments);\n}\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n  if (source == null) return {};\n  var target = {};\n  var sourceKeys = Object.keys(source);\n  var key, i;\n\n  for (i = 0; i < sourceKeys.length; i++) {\n    key = sourceKeys[i];\n    if (excluded.indexOf(key) >= 0) continue;\n    target[key] = source[key];\n  }\n\n  return target;\n}\n\nimport React, { forwardRef, useContext, useState } from 'react';\nimport { FormContext } from '../Form/FormContext';\nimport { Keyboard } from '../Keyboard';\nimport { StyledTextArea } from './StyledTextArea';\nimport { TextAreaPropTypes } from './propTypes';\nvar TextArea = /*#__PURE__*/forwardRef(function (_ref, ref) {\n  var a11yTitle = _ref.a11yTitle,\n      fill = _ref.fill,\n      _ref$focusIndicator = _ref.focusIndicator,\n      focusIndicator = _ref$focusIndicator === void 0 ? true : _ref$focusIndicator,\n      name = _ref.name,\n      _onBlur = _ref.onBlur,\n      _onChange = _ref.onChange,\n      _onFocus = _ref.onFocus,\n      onKeyDown = _ref.onKeyDown,\n      valueProp = _ref.value,\n      rest = _objectWithoutPropertiesLoose(_ref, _excluded);\n\n  var formContext = useContext(FormContext);\n\n  var _formContext$useFormI = formContext.useFormInput(name, valueProp),\n      value = _formContext$useFormI[0],\n      setValue = _formContext$useFormI[1];\n\n  var _useState = useState(),\n      focus = _useState[0],\n      setFocus = _useState[1];\n\n  return /*#__PURE__*/React.createElement(Keyboard, {\n    onEsc: function onEsc(event) {\n      // we have to stop both synthetic events and native events\n      // drop and layer should not close by pressing esc on this input\n      event.stopPropagation();\n      event.nativeEvent.stopImmediatePropagation();\n    },\n    onKeyDown: onKeyDown\n  }, /*#__PURE__*/React.createElement(StyledTextArea, _extends({\n    \"aria-label\": a11yTitle,\n    ref: ref,\n    name: name,\n    fillArg: fill,\n    focus: focus,\n    value: value,\n    focusIndicator: focusIndicator\n  }, rest, {\n    onFocus: function onFocus(event) {\n      setFocus(true);\n      if (_onFocus) _onFocus(event);\n    },\n    onBlur: function onBlur(event) {\n      setFocus(false);\n      if (_onBlur) _onBlur(event);\n    },\n    onChange: function onChange(event) {\n      setValue(event.target.value);\n      if (_onChange) _onChange(event);\n    }\n  })));\n});\nTextArea.displayName = 'TextArea';\nexport { TextArea };","import React, { useContext } from \"react\"\nimport { Link } from \"gatsby\"\nimport {\n  Button,\n  Box,\n  Heading,\n  Grid,\n  FormField,\n  Form,\n  TextArea,\n  TextInput,\n  Paragraph,\n  ResponsiveContext,\n} from \"grommet\"\nimport { MailOption, StatusGood } from \"grommet-icons\"\n\nconst defaultValue = {\n  name: \"\",\n  email: \"\",\n  problem: \"\",\n  outcome: \"\",\n  timeframe: \"\",\n  summary: \"\",\n}\n\nconst ContactForm = (data) => {\n  const size = useContext(ResponsiveContext)\n  const [value, setValue] = React.useState(defaultValue)\n  const [contactFormSubmitted, setContactFormSubmitted] = React.useState(false)\n\n  const formSubmit = event => {\n    const submit = `&submit=SUBMIT`\n    const formResponse = `formResponse`\n    const makeUrl = `https://docs.google.com/forms/d/e/1FAIpQLSeP8QA81BNaT4d8k9iA1Zt0_zeDUE1UNowZNVcEpxPUIsEX3A/${formResponse}?usp=pp_url&entry.611518217=${encodeURIComponent(\n      event.value.name\n    )}&entry.41026121=${encodeURIComponent(\n      event.value.email\n    )}&entry.1309701181=${encodeURIComponent(\n      event.value.problem\n    )}&entry.57961100=${encodeURIComponent(\n      event.value.outcome\n    )}&entry.1677910359=${encodeURIComponent(\n      event.value.timeframe\n    )}&entry.913354900=${encodeURIComponent(event.value.summary)}&entry.1018157540=location${submit}`\n\n    fetch(makeUrl, {\n      method: \"GET\", // or 'PUT'\n      mode: \"no-cors\",\n      redirect: \"follow\",\n      referrer: \"no-referrer\",\n      headers: {\n        \"Content-Type\": \"application/x-www-form-urlencoded\",\n      },\n    })\n      .then()\n      .then(response => {\n        setContactFormSubmitted(true)\n      })\n  }\n\n  const ContactForm = (\n    <Form\n      value={value}\n      onChange={nextValue => {\n        setValue(nextValue)\n      }}\n      onSubmit={(event) => formSubmit(event)}\n    >\n      <Grid\n        columns={{\n          count: size === \"small\" ? \"fit\" : 2,\n          size: size === \"small\" ? \"100%\" : [\"auto\", \"auto\"],\n        }}\n        gap=\"small\"\n      >\n        <FormField\n          required\n          htmlFor=\"name\"\n          id=\"name\"\n          name=\"name\"\n          label=\"Name\"\n          margin={{ vertical: \"none\" }}\n          component={TextInput}\n          placeholder=\"type here\"\n        />\n        <FormField\n          htmlFor=\"email\"\n          margin={{ vertical: \"none\" }}\n          label=\"Email address\"\n        >\n          <TextInput\n            required\n            id=\"email\"\n            name=\"email\"\n            type=\"email\"\n            label=\"Email address\"\n            icon={<MailOption />}\n          />\n        </FormField>\n      </Grid>\n      <FormField\n        htmlFor=\"problem\"\n        id=\"problem\"\n        name=\"problem\"\n        label=\"What problem do you want to solve?\"\n        margin={{ top: \"small\" }}\n        component={TextArea}\n        placeholder=\"type here\"\n      />\n      <FormField\n        htmlFor=\"outcome\"\n        id=\"outcome\"\n        name=\"outcome\"\n        label=\"What outcome would you like to achieve?\"\n        margin={{ top: \"small\" }}\n        component={TextArea}\n        placeholder=\"type here\"\n      />\n      <FormField\n        htmlFor=\"timeframe\"\n        id=\"timeframe\"\n        name=\"timeframe\"\n        label=\"What time frame are you working to?\"\n        margin={{ top: \"small\" }}\n        component={TextArea}\n        placeholder=\"type here\"\n      />\n      <FormField\n        htmlFor=\"summary\"\n        id=\"summary\"\n        margin={{ top: \"small\" }}\n        name=\"summary\"\n        component={TextArea}\n        label=\"Not sure? Give us a summary.\"\n        placeholder=\"type here\"\n      />\n      <Paragraph>\n        Please read our <Link to=\"/privacy\">Privacy Policy</Link> to see how we\n        use your personal information.\n      </Paragraph>\n      <Button size=\"large\" type=\"submit\" label=\"Submit\" primary color=\"brand\" />\n    </Form>\n  )\n\n  const ContactFormSucess = (\n    <Box\n      border={{\n        color: \"brand\",\n        size: \"medium\",\n        style: \"solid\",\n        side: \"all\",\n      }}\n    >\n      <Box width=\"auto\" alignSelf=\"start\" background=\"brand\" pad=\"small\">\n        <StatusGood color=\"black\" size=\"large\" />\n      </Box>\n      <Box pad=\"large\">\n        <Heading margin={{ vertical: \"none\" }}>Thank you </Heading>\n        <Paragraph>\n          We've received your message and we'll get back to you shortly. Whilst\n          you're waiting, why not check out our journal?\n        </Paragraph>\n        <Box direction=\"row\" justify=\"start\" gap=\"medium\">\n          <Link to=\"/journal\">\n            <Button primary>View journal</Button>\n          </Link>\n        </Box>\n      </Box>\n    </Box>\n  )\n\n  return (\n    <Box fill>{contactFormSubmitted ? ContactFormSucess : ContactForm}</Box>\n  )\n}\n\nexport default ContactForm\n","import React from \"react\"\nimport { Box, Heading } from \"grommet\"\nimport Seo from \"../components/seo\"\nimport Layout from \"../components/layout\"\nimport ContactForm from \"../components/contactForm\"\n\nexport default function Contact({location}) {\n\n\n  return (\n    <Layout>\n      <Seo title=\"Contact us\" />\n      <Box>\n        <Box\n          width=\"large\"\n          alignSelf=\"center\"\n          align=\"start\"\n          pad={{horizontal: \"medium\"}}\n          margin={{ bottom: \"xlarge\" }}\n        >\n          <Heading\n            className=\"hero\"\n            margin={{ top: \"xlarge\", bottom: \"xsmall\" }}\n            level=\"1\"\n            size=\"medium\"\n          >\n            Let's talk\n          </Heading>\n          <ContactForm  />\n        </Box>\n      </Box>\n    </Layout>\n  )\n}\n"],"names":["plainStyle","css","StyledTextArea","displayName","componentId","props","undefined","resize","fillArg","plain","disabled","theme","textArea","opacity","extend","defaultProps","Object","setPrototypeOf","_excluded","_extends","assign","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","TextArea","forwardRef","_ref","ref","a11yTitle","fill","_ref$focusIndicator","focusIndicator","name","_onBlur","onBlur","_onChange","onChange","_onFocus","onFocus","onKeyDown","valueProp","value","rest","excluded","sourceKeys","keys","indexOf","_objectWithoutPropertiesLoose","_formContext$useFormI","useContext","FormContext","useFormInput","setValue","_useState","useState","focus","setFocus","Keyboard","onEsc","event","stopPropagation","nativeEvent","stopImmediatePropagation","defaultValue","email","problem","outcome","timeframe","summary","data","size","ResponsiveContext","React","contactFormSubmitted","setContactFormSubmitted","ContactForm","Form","nextValue","onSubmit","makeUrl","encodeURIComponent","fetch","method","mode","redirect","referrer","headers","then","response","formSubmit","Grid","columns","count","gap","FormField","required","htmlFor","id","label","margin","vertical","component","TextInput","placeholder","type","icon","MailOption","top","Paragraph","Link","to","Button","primary","color","ContactFormSucess","Box","border","style","side","width","alignSelf","background","pad","StatusGood","Heading","direction","justify","Contact","location","title","align","horizontal","bottom","className","level"],"sourceRoot":""}