{"version":3,"sources":["webpack:///./src/components/icons/Contact.js","webpack:///./src/pages/contact.js"],"names":["Contact","props","React","createElement","IoniconSVG","Object","assign","fill","viewBox","strokeWidth","xmlns","d","FormInput","_ref","name","onChange","onBlur","formatValue","_objectWithoutPropertiesLoose","_excluded","Field","render","_ref2","fieldOnBlur","fieldOnChange","renderError","setValue","valid","field","form","_excluded2","Fragment","TextField","composeHandlers","e","target","value","error","Description","className","schema","yup","shape","email","required","full_name","comments","phone","positive","_useState","useState","sent","setSent","Layout","Helmet","title","Container","IconContainer","color","ContactIcon","size","Form","validationSchema","onSubmit","params","fetch","method","headers","body","JSON","stringify","then","FormControl","fullWidth","margin","label","Button","type","variant"],"mappings":"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","file":"component---src-pages-contact-js-04130e1053b36875b2e2.js","sourcesContent":["import React from 'react'\nimport IoniconSVG from './IoniconSVG'\n\nconst Contact = props => (\n  <IoniconSVG\n    fill=\"currentColor\"\n    viewBox=\"0 0 512 512\"\n    strokeWidth={0}\n    {...props}\n  >\n    <title>contact</title>\n    <path\n      xmlns=\"http://www.w3.org/2000/svg\"\n      d=\"M256 48C141.6 48 48 141.6 48 256s93.6 208 208 208 208-93.6 208-208S370.4 48 256 48zm0 62.4c34.3 0 62.4 28.1 62.4 62.4s-28.1 62.4-62.4 62.4-62.4-28.1-62.4-62.4 28.1-62.4 62.4-62.4zm0 300.4c-52 0-97.8-27-124.8-66.6 1-41.6 83.2-64.5 124.8-64.5s123.8 22.9 124.8 64.5c-27 39.5-72.8 66.6-124.8 66.6z\"\n    />\n  </IoniconSVG>\n)\n\nexport default Contact\n","import React, { useState } from 'react'\nimport * as yup from 'yup'\nimport Helmet from 'react-helmet'\nimport Layout from 'components/Layout'\nimport Form from 'components/Form'\nimport Container from 'components/Container'\nimport ContactIcon from 'components/icons/Contact'\nimport Field from 'components/Form/Field'\nimport IconContainer from 'components/icons/Container'\nimport { Button, FormControl, TextField } from '@material-ui/core'\nimport composeHandlers from 'utils/composeHandlers'\n\nconst FormInput = ({ name, onChange, onBlur, formatValue, ...props }) => (\n  <Field\n    name={name}\n    render={({\n      onBlur: fieldOnBlur,\n      onChange: fieldOnChange,\n      renderError,\n      setValue,\n      valid,\n      form,\n      ...field\n    }) => (\n      <>\n        <TextField\n          {...props}\n          {...field}\n          onBlur={composeHandlers(fieldOnBlur, onBlur)}\n          onChange={e => {\n            onChange && onChange(e)\n            formatValue\n              ? setValue(formatValue(e.target.value))\n              : fieldOnChange(e)\n          }}\n          error={!valid}\n        />\n        {renderError()}\n      </>\n    )}\n  />\n)\n\nconst Description = props => (\n  <p className=\"text-base leading-snug my-4\" {...props} />\n)\n\nconst schema = yup.object().shape({\n  email: yup\n    .string()\n    .email('Email must be a valid email address')\n    .required(\"Email can't be blank\"),\n  full_name: yup.string().required(\"Full name can't be blank\"),\n  comments: yup.string().required(\"Comments can't be blank\"),\n  phone: yup\n    .number()\n    .required(\"Phone number can't be blank\")\n    .positive()\n})\n\nconst Contact = () => {\n  const [sent, setSent] = useState(false)\n\n  return (\n    <Layout>\n      <Helmet title=\"Oregon City Smiles - Contact Us\" />\n      <Container>\n        <h1 className=\"text-3xl text-center\">\n          <IconContainer color=\"skyBlue\">\n            <ContactIcon color=\"white\" size=\"2rem\" />\n          </IconContainer>\n          Contact Us\n        </h1>\n        <Description>\n          Please feel free to call us with any comments or questions at (503)\n          518-3384. If you prefer to contact us online, you may e-mail us any\n          questions or comments by filling out the form below. A staff member\n          will respond to your e-mail shortly.\n        </Description>\n\n        <Description>Thank you for your interest in our practice!</Description>\n        <div className=\"w-full lg:w-9/12 bg-white rounded p-4 mx-auto my-8 shadow-2xl\">\n          {sent ? (\n            <Description>Successfully sent</Description>\n          ) : (\n            <Form\n              validationSchema={schema}\n              onSubmit={params =>\n                fetch(\n                  'https://ins429.dynu.net:60429/oregon-city-smiles/contact_us',\n                  {\n                    method: 'POST',\n                    headers: {\n                      'Content-Type': 'application/json'\n                    },\n                    body: JSON.stringify(params)\n                  }\n                ).then(() => {\n                  setSent(true)\n                })\n              }\n            >\n              <FormControl fullWidth margin=\"dense\">\n                <FormInput name=\"full_name\" label=\"Full Name\" />\n              </FormControl>\n              <FormControl fullWidth margin=\"dense\">\n                <FormInput name=\"email\" label=\"Email\" />\n              </FormControl>\n              <FormControl fullWidth margin=\"dense\">\n                <FormInput name=\"phone\" label=\"Phone\" />\n              </FormControl>\n              <FormControl fullWidth margin=\"dense\">\n                <FormInput name=\"comments\" label=\"Comments\" />\n              </FormControl>\n              <FormControl>\n                <p className=\"text-xs\">\n                  *Personal health information of any kind should not be\n                  included in comments sent from this form. Please call our\n                  office to communicate personal health information.\n                </p>\n              </FormControl>\n              <FormControl fullWidth margin=\"dense\">\n                <div className=\"flex justify-end\">\n                  <Button\n                    type=\"submit\"\n                    variant=\"contained\"\n                    color=\"primary\"\n                    className=\"bg-open-blue\"\n                  >\n                    Send\n                  </Button>\n                </div>\n              </FormControl>\n            </Form>\n          )}\n        </div>\n      </Container>\n    </Layout>\n  )\n}\n\nexport default Contact\n"],"sourceRoot":""}