{"version":3,"file":"component---src-pages-contact-js-15e1fc2d27ee9c2087da.js","mappings":"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","sources":["webpack://micron/./node_modules/@material-ui/icons/EmailRounded.js","webpack://micron/./node_modules/@material-ui/icons/LocationOnRounded.js","webpack://micron/./node_modules/@material-ui/icons/PhoneRounded.js","webpack://micron/./src/components/ContactForm.js","webpack://micron/./src/components/Address.js","webpack://micron/./src/components/Map.js","webpack://micron/./src/pages/contact.js"],"sourcesContent":["\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nvar _interopRequireWildcard = require(\"@babel/runtime/helpers/interopRequireWildcard\");\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = void 0;\n\nvar React = _interopRequireWildcard(require(\"react\"));\n\nvar _createSvgIcon = _interopRequireDefault(require(\"./utils/createSvgIcon\"));\n\nvar _default = (0, _createSvgIcon.default)( /*#__PURE__*/React.createElement(\"path\", {\n  d: \"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-.4 4.25l-7.07 4.42c-.32.2-.74.2-1.06 0L4.4 8.25c-.25-.16-.4-.43-.4-.72 0-.67.73-1.07 1.3-.72L12 11l6.7-4.19c.57-.35 1.3.05 1.3.72 0 .29-.15.56-.4.72z\"\n}), 'EmailRounded');\n\nexports.default = _default;","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nvar _interopRequireWildcard = require(\"@babel/runtime/helpers/interopRequireWildcard\");\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = void 0;\n\nvar React = _interopRequireWildcard(require(\"react\"));\n\nvar _createSvgIcon = _interopRequireDefault(require(\"./utils/createSvgIcon\"));\n\nvar _default = (0, _createSvgIcon.default)( /*#__PURE__*/React.createElement(\"path\", {\n  d: \"M12 2C8.13 2 5 5.13 5 9c0 4.17 4.42 9.92 6.24 12.11.4.48 1.13.48 1.53 0C14.58 18.92 19 13.17 19 9c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\n}), 'LocationOnRounded');\n\nexports.default = _default;","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nvar _interopRequireWildcard = require(\"@babel/runtime/helpers/interopRequireWildcard\");\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = void 0;\n\nvar React = _interopRequireWildcard(require(\"react\"));\n\nvar _createSvgIcon = _interopRequireDefault(require(\"./utils/createSvgIcon\"));\n\nvar _default = (0, _createSvgIcon.default)( /*#__PURE__*/React.createElement(\"path\", {\n  d: \"M19.23 15.26l-2.54-.29c-.61-.07-1.21.14-1.64.57l-1.84 1.84c-2.83-1.44-5.15-3.75-6.59-6.59l1.85-1.85c.43-.43.64-1.03.57-1.64l-.29-2.52c-.12-1.01-.97-1.77-1.99-1.77H5.03c-1.13 0-2.07.94-2 2.07.53 8.54 7.36 15.36 15.89 15.89 1.13.07 2.07-.87 2.07-2v-1.73c.01-1.01-.75-1.86-1.76-1.98z\"\n}), 'PhoneRounded');\n\nexports.default = _default;","import React, { useRef, useState } from 'react';\nimport Paper from '@material-ui/core/Paper';\nimport Typography from '@material-ui/core/Typography';\nimport Divider from '@material-ui/core/Divider';\nimport { useTranslation } from 'gatsby-plugin-react-i18next';\nimport TextField from '@material-ui/core/TextField';\nimport Button from '@material-ui/core/Button';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { useLocation } from '@reach/router';\n\nconst useStyles = makeStyles({\n  form: {\n    '& > *': {\n      width: '80%',\n      marginBottom: 16,\n      marginTop: 10,\n    },\n    height: '85%',\n    display: 'flex',\n    flexDirection: 'column',\n    flexWrap: 'wrap',\n    alignItems: 'center',\n    justifyContent: 'space-around',\n  },\n});\n\nconst ContactForm = () => {\n  const { t } = useTranslation();\n  const classes = useStyles();\n  const location = useLocation();\n  const form = useRef(null);\n\n  const [name, setName] = useState('');\n  const [email, setEmail] = useState('');\n  const [subject, setSubject] = useState('');\n  const [message, setMessage] = useState('');\n\n  const handleChangeName = (event) => {\n    setName(event.target.value);\n  };\n  const handleChangeEmail = (event) => {\n    setEmail(event.target.value);\n  };\n  const handleChangeSubject = (event) => {\n    setSubject(event.target.value);\n  };\n  const handleChangeMessage = (event) => {\n    setMessage(event.target.value);\n  };\n\n  return (\n    <Paper elevation={0} style={{ height: 520 }}>\n      <Typography variant=\"h5\" gutterBottom>\n        {t('Contact.Form.title')}\n      </Typography>\n      <Divider />\n      <form\n        ref={form}\n        className={classes.form}\n        method=\"POST\"\n        action={`https://formsubmit.co/${process.env.GATSBY_FORM_SEND_EMAIL}`}\n      >\n        <input\n          type=\"hidden\"\n          name=\"_subject\"\n          value=\"Contact Us Form Submission\"\n        />\n        <input type=\"hidden\" name=\"_template\" value=\"table\" />\n        {/* _honey: avoid spam by fooling scrapers */}\n        <input type=\"text\" name=\"_honey\" style={{ display: 'none' }} />\n        <input type=\"hidden\" name=\"_url\" value={location.href} />\n        <TextField\n          label={t('Contact.Form.name')}\n          id=\"name\"\n          name=\"Name\"\n          value={name}\n          onChange={handleChangeName}\n          required\n        />\n        <TextField\n          label={t('Contact.Form.email')}\n          id=\"email\"\n          name=\"Email\"\n          type=\"email\"\n          value={email}\n          onChange={handleChangeEmail}\n          required\n        />\n        <TextField\n          label={t('Contact.Form.subject')}\n          id=\"subject\"\n          name=\"Subject\"\n          value={subject}\n          onChange={handleChangeSubject}\n        />\n        <TextField\n          label={t('Contact.Form.message')}\n          id=\"message\"\n          name=\"Message\"\n          value={message}\n          onChange={handleChangeMessage}\n          required\n          multiline\n          rows={4}\n        />\n        <Button type=\"submit\" variant=\"outlined\">\n          {t('‌Button.send')}\n        </Button>\n      </form>\n    </Paper>\n  );\n};\n\nexport default ContactForm;\n","import React from 'react';\nimport Paper from '@material-ui/core/Paper';\nimport Typography from '@material-ui/core/Typography';\nimport Divider from '@material-ui/core/Divider';\nimport { useTranslation } from 'gatsby-plugin-react-i18next';\nimport Grid from '@material-ui/core/Grid';\nimport PhoneRoundedIcon from '@material-ui/icons/PhoneRounded';\nimport LocationOnRoundedIcon from '@material-ui/icons/LocationOnRounded';\nimport EmailRoundedIcon from '@material-ui/icons/EmailRounded';\n\nconst phones = ['Contact.Address.tel.no.1', 'Contact.Address.tel.no.2'];\nconst align = 'assets.css.side';\n\nconst Address = () => {\n  const { t } = useTranslation();\n\n  return (\n    <Paper elevation={0} style={{ height: 520 }}>\n      <Typography variant=\"h5\" gutterBottom>\n        {t('Contact.Address.title')}\n      </Typography>\n      <Divider />\n      <Grid\n        container\n        direction=\"column\"\n        justifyContent=\"space-around\"\n        style={{ height: '85%' }}\n      >\n        <Grid item container>\n          <Grid item>\n            <LocationOnRoundedIcon htmlColor=\"#aaa\" fontSize=\"large\" />\n          </Grid>\n          <Grid item>\n            <Typography variant=\"h6\">\n              {t('Contact.Address.headquarter.title')}\n            </Typography>\n          </Grid>\n          <Grid item xs={12}>\n            <Typography variant=\"body2\">\n              {t('Contact.Address.headquarter.addr')}\n            </Typography>\n          </Grid>\n        </Grid>\n        <Grid item container>\n          <Grid item>\n            <LocationOnRoundedIcon htmlColor=\"#aaa\" fontSize=\"large\" />\n          </Grid>\n          <Grid item>\n            <Typography variant=\"h6\">\n              {t('Contact.Address.factory.title')}\n            </Typography>\n          </Grid>\n          <Grid item xs={12}>\n            <Typography variant=\"body2\">\n              {t('Contact.Address.factory.addr')}\n            </Typography>\n          </Grid>\n        </Grid>\n        <Grid item container>\n          <Grid item>\n            <PhoneRoundedIcon\n              htmlColor=\"#aaa\"\n              fontSize=\"large\"\n              style={{ transform: t('assets.css.scaleX') }}\n            />\n          </Grid>\n          <Grid item>\n            <Typography variant=\"h6\">\n              {t('Contact.Address.tel.title')}\n            </Typography>\n          </Grid>\n          <Grid item xs={12}>\n            {phones.map((phone) => (\n              <Typography\n                key={phone}\n                variant=\"body2\"\n                align={t(align)}\n                className=\"ltr\"\n              >\n                <a href={`tel:${t(phone)}`}>{t(phone)}</a>\n              </Typography>\n            ))}\n          </Grid>\n        </Grid>\n        <Grid item container>\n          <Grid item>\n            <EmailRoundedIcon htmlColor=\"#aaa\" fontSize=\"large\" />\n          </Grid>\n          <Grid item>\n            <Typography variant=\"h6\">\n              {t('Contact.Address.email.title')}\n            </Typography>\n          </Grid>\n          <Grid item xs={12}>\n            <Typography variant=\"body2\" align={t(align)} className=\"ltr\">\n              <a href={`mailto:${t('Contact.Address.email.addr')}`}>\n                {t('Contact.Address.email.addr')}\n              </a>\n            </Typography>\n          </Grid>\n        </Grid>\n      </Grid>\n    </Paper>\n  );\n};\n\nexport default Address;\n","import React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    height: '100%',\n    minHeight: 300,\n    [theme.breakpoints.down('xs')]: {\n      height: 400,\n    },\n  },\n\n  iframe: {\n    border: 0,\n    borderRadius: 25,\n    position: 'absolute',\n  },\n}));\n\nconst Map = () => {\n  const classes = useStyles();\n\n  return (\n    <div className={classes.root}>\n      <iframe\n        title=\"Micron location\"\n        src=\"https://www.google.com/maps/embed?pb=!1m23!1m12!1m3!1d1925.1616548997804!2d51.39873888373717!3d35.75761086480298!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!4m8!3e6!4m0!4m5!1s0x3f8e06e5513ad34d%3A0x1d3d7036fc856bf9!2sMasumi%2C%20Tehran%20Province%2C%20Tehran%2C%20Iran!3m2!1d35.7578244!2d51.3990606!5e0!3m2!1sen!2sde!4v1623074526333!5m2!1sen!2sde\"\n        width=\"100%\"\n        height=\"100%\"\n        className={classes.iframe}\n        loading=\"lazy\"\n      ></iframe>\n    </div>\n  );\n};\n\nexport default Map;\n","import React from 'react';\nimport Grid from '@material-ui/core/Grid';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { useTranslation } from 'gatsby-plugin-react-i18next';\nimport { graphql } from 'gatsby';\n\nimport Template from '../components/Template';\nimport Metadata from '../components/Metadata';\nimport ContactForm from '../components/ContactForm';\nimport Address from '../components/Address';\nimport Map from '../components/Map';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    height: '100%',\n    padding: 20,\n    [theme.breakpoints.up('sm')]: {\n      minHeight: 'calc(100vh - 78.7px)',\n    },\n    [theme.breakpoints.up('md')]: {\n      minHeight: '100vh',\n    },\n  },\n\n  mapWrapper: {\n    flexGrow: 1,\n    marginTop: 16,\n    position: 'relative',\n  },\n}));\n\nconst Contact = () => {\n  const classes = useStyles();\n  const { t } = useTranslation();\n\n  return (\n    <Template>\n      <Metadata pageTitle={t('Menu.Contact')} />\n      <Grid container direction=\"column\" wrap=\"nowrap\" className={classes.root}>\n        <Grid item container spacing={2} justifyContent=\"space-between\">\n          <Grid item xs={12} sm={7} lg={6}>\n            <Address />\n          </Grid>\n          <Grid item xs={12} sm={5} lg={6}>\n            <ContactForm />\n          </Grid>\n        </Grid>\n\n        <Grid item className={classes.mapWrapper}>\n          <Map />\n        </Grid>\n      </Grid>\n    </Template>\n  );\n};\n\nexport default Contact;\n\nexport const query = graphql`\n  query ($language: String!) {\n    locales: allLocale(filter: { language: { eq: $language } }) {\n      edges {\n        node {\n          ns\n          data\n          language\n        }\n      }\n    }\n  }\n`;\n"],"names":["_interopRequireDefault","_interopRequireWildcard","exports","React","_default","default","createElement","d","useStyles","makeStyles","form","width","marginBottom","marginTop","height","display","flexDirection","flexWrap","alignItems","justifyContent","t","useTranslation","classes","location","useLocation","useRef","useState","name","setName","email","setEmail","subject","setSubject","message","setMessage","Paper","elevation","style","Typography","variant","gutterBottom","Divider","ref","className","method","action","type","value","href","TextField","label","id","onChange","event","target","required","multiline","rows","Button","phones","align","Grid","container","direction","item","LocationOnRounded","htmlColor","fontSize","xs","PhoneRounded","transform","map","phone","key","EmailRounded","theme","root","minHeight","breakpoints","down","iframe","border","borderRadius","position","title","src","loading","padding","up","mapWrapper","flexGrow","Template","Metadata","pageTitle","wrap","spacing","sm","lg"],"sourceRoot":""}