{"version":3,"sources":["webpack:///./src/components/Contact/ContactHero.jsx","webpack:///./src/components/Contact/ContactForm.jsx","webpack:///./src/pages/contact.js","webpack:///./src/components/Image/HeroImg.jsx"],"names":["ContactHero","id","Container","className","href","HeroImg","alt","filename","classname","encode","data","Object","keys","map","key","encodeURIComponent","join","ContactForm","React","useState","state","setState","handleChange","e","target","name","value","method","action","data-netlify","data-netlify-honeypot","onSubmit","preventDefault","form","fetch","headers","body","getAttribute","then","navigate","catch","error","alert","type","hidden","onChange","required","placeholder","aria-hidden","Contactpage","Helmet","charSet","headData","contact","title","lang","content","description","query","render","image","images","edges","find","n","node","relativePath","includes","imageFixed","childImageSharp","fixed","style","borderRadius"],"mappings":"8KAIe,SAASA,IACtB,OACE,6BAASC,GAAG,eACV,kBAACC,EAAA,EAAD,CAAWC,UAAU,uBACnB,yBAAKA,UAAU,qBACb,uBAAGA,UAAU,gBAAb,qCACqC,IACnC,uBAAGC,KAAK,8BAAR,uBAFF,yCAMF,yBAAKD,UAAU,qBACb,kBAACE,EAAA,EAAD,CAASC,IAAI,mBAAmBC,SAAS,uBAAuBC,UAAU,kB,gBCXpF,SAASC,EAAOC,GACd,OAAOC,OAAOC,KAAKF,GAChBG,KAAI,SAACC,GAAD,OAAYC,mBAAmBD,GAA/B,IAAuCC,mBAAmBL,EAAKI,OACnEE,KAAK,KAGV,IAiGeC,EAjGK,WAClB,MAA0BC,IAAMC,SAAS,IAAlCC,EAAP,KAAcC,EAAd,KAEMC,EAAe,SAACC,GAAO,IAAD,EAC1BF,EAAS,OAAD,UAAMD,IAAN,MAAcG,EAAEC,OAAOC,MAAOF,EAAEC,OAAOE,MAAvC,MAmBV,OACE,oCACE,6BAASzB,GAAG,gBACV,kBAACC,EAAA,EAAD,KACE,0BACEuB,KAAK,UACLE,OAAO,OACPC,OAAO,WACPC,eAAa,OACbC,wBAAsB,YACtBC,SA1BW,SAACR,GACpBA,EAAES,iBACF,IAAMC,EAAOV,EAAEC,OACfU,MAAM,IAAK,CACTP,OAAQ,OACRQ,QAAS,CAAE,eAAgB,qCAC3BC,KAAM3B,EAAO,OAAD,QACV,YAAawB,EAAKI,aAAa,SAC5BjB,MAGJkB,MAAK,kBAAMC,mBAASN,EAAKI,aAAa,cAEtCG,OAAM,SAACC,GAAD,OAAWC,MAAMD,QAgBlB,2BAAOE,KAAK,SAASlB,KAAK,YAAYC,MAAM,YAC5C,uBAAGkB,QAAM,GACP,uDACuB,2BAAOnB,KAAK,YAAYoB,SAAUvB,MAG3D,2BACE,+BAEE,2BACEnB,UAAU,aACVwC,KAAK,OACLlB,KAAK,OACLqB,UAAQ,EACRC,YAAY,aACZF,SAAUvB,MAIhB,2BACE,+BAEE,2BACEnB,UAAU,cACVwC,KAAK,QACLlB,KAAK,QACLqB,UAAQ,EACRC,YAAY,sBACZF,SAAUvB,MAIhB,2BACE,+BAEE,8BACEnB,UAAU,gBACVsB,KAAK,UACLqB,UAAQ,EACRC,YAAY,0BACZF,SAAUvB,MAIhB,2BACE,4BAAQnB,UAAU,2BAA2BwC,KAAK,UAAlD,cAOR,6BAAS1C,GAAG,gBACV,uBAAGG,KAAK,gBACN,uBAAGD,UAAU,wBAAwB6C,cAAY,a,gCC7E5CC,UAfK,kBAClB,oCACE,kBAACC,EAAA,EAAD,KACE,0BAAMC,QAAQ,UACd,+BAAQC,IAASC,QAAQC,OACzB,0BAAMC,KAAK,OACX,0BAAM9B,KAAK,cAAc+B,QAASJ,IAASC,QAAQI,eAErD,kBAAC,IAAD,KACE,kBAACzD,EAAD,MACA,kBAAC,EAAD,U,kCCnBN,0DA2CeK,IAtCC,SAAC,GAAD,IAAGE,EAAH,EAAGA,SAAUD,EAAb,EAAaA,IAAKE,EAAlB,EAAkBA,UAAlB,OACd,kBAAC,cAAD,CACEkD,MAAK,aAiBLC,OAAQ,SAACjD,GACP,IAAMkD,EAAQlD,EAAKmD,OAAOC,MAAMC,MAAK,SAACC,GAAD,OAAOA,EAAEC,KAAKC,aAAaC,SAAS5D,MAEzE,IAAKqD,EAAO,OAAO,KAEnB,IAAMQ,EAAaR,EAAMK,KAAKI,gBAAgBC,MAC9C,OACE,kBAAC,IAAD,CAAKhE,IAAKA,EAAKgE,MAAOF,EAAYjE,UAAWK,EAAW+D,MAAO,CAAEC,aAAc","file":"component---src-pages-contact-js-b5a97cceaa732dcaa07f.js","sourcesContent":["import React from 'react';\nimport { Container } from 'react-bootstrap';\nimport HeroImg from '../Image/HeroImg';\n\nexport default function ContactHero() {\n  return (\n    <section id=\"media-title\">\n      <Container className=\"contact-hero-holder\">\n        <div className=\"hero-text-wrapper\">\n          <p className=\"contact-info\">\n            You can contact Rotem via email at{' '}\n            <a href=\"mailto:rotem@petranker.com\">rotem@petranker.com</a> or you can fill out the\n            form below.\n          </p>\n        </div>\n        <div className=\"hero-image-holder\">\n          <HeroImg alt=\"contact_headshot\" filename=\"contact_headshot.png\" classname=\"hero-image\" />\n        </div>\n      </Container>\n    </section>\n  );\n}\n","/* eslint-disable jsx-a11y/label-has-associated-control */\nimport React from 'react';\nimport { navigate } from 'gatsby-link';\nimport { Container } from 'react-bootstrap';\n\nfunction encode(data) {\n  return Object.keys(data)\n    .map((key) => `${encodeURIComponent(key)}=${encodeURIComponent(data[key])}`)\n    .join('&');\n}\n\nconst ContactForm = () => {\n  const [state, setState] = React.useState({});\n\n  const handleChange = (e) => {\n    setState({ ...state, [e.target.name]: e.target.value });\n  };\n\n  const handleSubmit = (e) => {\n    e.preventDefault();\n    const form = e.target;\n    fetch('/', {\n      method: 'POST',\n      headers: { 'Content-Type': 'application/x-www-form-urlencoded' },\n      body: encode({\n        'form-name': form.getAttribute('name'),\n        ...state,\n      }),\n    })\n      .then(() => navigate(form.getAttribute('action')))\n      // eslint-disable-next-line no-alert\n      .catch((error) => alert(error));\n  };\n\n  return (\n    <>\n      <section id=\"form-section\">\n        <Container>\n          <form\n            name=\"contact\"\n            method=\"post\"\n            action=\"/thanks/\"\n            data-netlify=\"true\"\n            data-netlify-honeypot=\"bot-field\"\n            onSubmit={handleSubmit}\n          >\n            {/* The `form-name` hidden field is required to support form submissions without JavaScript */}\n            <input type=\"hidden\" name=\"form-name\" value=\"contact\" />\n            <p hidden>\n              <label>\n                Don’t fill this out: <input name=\"bot-field\" onChange={handleChange} />\n              </label>\n            </p>\n            <p>\n              <label>\n                {/* Name*: */}\n                <input\n                  className=\"name-input\"\n                  type=\"text\"\n                  name=\"name\"\n                  required\n                  placeholder=\"Your Name*\"\n                  onChange={handleChange}\n                />\n              </label>\n            </p>\n            <p>\n              <label>\n                {/* Email*: */}\n                <input\n                  className=\"email-input\"\n                  type=\"email\"\n                  name=\"email\"\n                  required\n                  placeholder=\"Your Email Address*\"\n                  onChange={handleChange}\n                />\n              </label>\n            </p>\n            <p>\n              <label>\n                {/* Message*: */}\n                <textarea\n                  className=\"message-input\"\n                  name=\"message\"\n                  required\n                  placeholder=\"Your Message for Rotem*\"\n                  onChange={handleChange}\n                />\n              </label>\n            </p>\n            <p>\n              <button className=\"cta-btn cta-btn--contact\" type=\"submit\">\n                Submit\n              </button>\n            </p>\n          </form>\n        </Container>\n      </section>\n      <section id=\"media-footer\">\n        <a href=\"#media-title\">\n          <i className=\"fa fa-arrow-circle-up\" aria-hidden=\"true\" />\n        </a>\n      </section>\n    </>\n  );\n};\n\nexport default ContactForm;\n","import React from 'react';\nimport { Helmet } from 'react-helmet';\nimport Layout from '../components/Layout/layout';\nimport ContactHero from '../components/Contact/ContactHero';\nimport ContactForm from '../components/Contact/ContactForm';\nimport { headData } from '../mock/data';\nimport 'bootstrap/dist/css/bootstrap.min.css';\nimport '../style/main.scss';\n\nconst Contactpage = () => (\n  <>\n    <Helmet>\n      <meta charSet=\"utf-8\" />\n      <title>{headData.contact.title}</title>\n      <html lang=\"en\" />\n      <meta name=\"description\" content={headData.contact.description} />\n    </Helmet>\n    <Layout>\n      <ContactHero />\n      <ContactForm />\n    </Layout>\n  </>\n);\n\nexport default Contactpage;\n","import React from 'react';\nimport { StaticQuery, graphql } from 'gatsby';\nimport PropTypes from 'prop-types';\nimport Img from 'gatsby-image';\n\nconst HeroImg = ({ filename, alt, classname }) => (\n  <StaticQuery\n    query={graphql`\n      query {\n        images: allFile {\n          edges {\n            node {\n              relativePath\n              name\n              childImageSharp {\n                fixed(width: 275) {\n                  ...GatsbyImageSharpFixed\n                }\n              }\n            }\n          }\n        }\n      }\n    `}\n    render={(data) => {\n      const image = data.images.edges.find((n) => n.node.relativePath.includes(filename));\n\n      if (!image) return null;\n\n      const imageFixed = image.node.childImageSharp.fixed;\n      return (\n        <Img alt={alt} fixed={imageFixed} className={classname} style={{ borderRadius: '10rem' }} />\n      );\n    }}\n  />\n);\n\nHeroImg.propTypes = {\n  filename: PropTypes.string,\n  alt: PropTypes.string,\n  classname: PropTypes.string,\n};\n\nexport default HeroImg;\n"],"sourceRoot":""}