{"version":3,"sources":["webpack:///./src/pages/request-demo.js","webpack:///./src/images/present-to-all.svg","webpack:///./node_modules/@material-ui/icons/esm/PhoneEnabledRounded.js","webpack:///./node_modules/@material-ui/icons/esm/HouseRounded.js","webpack:///./src/components/form-submitter.jsx","webpack:///./node_modules/@material-ui/icons/esm/PersonRounded.js","webpack:///./node_modules/@material-ui/icons/esm/EmailRounded.js"],"names":["RequestDemoW","styled","div","RequestDemoIW","breakpoints","md","TextW","Title","h1","Text","h6","RequestDemoPage","title","subTitle","icon","presentToAll","referer","module","exports","createSvgIcon","d","FormW","SFormControl","FormControl","props","theme","palette","sage","main","error","SInputLabel","InputLabel","SInput","Input","SubmitW","SuccessCover","datamap","light","sm","ErrorCover","SButton","Button","primary","FormSubmitter","className","useState","name","setName","phone","setPhone","email","setEmail","company","setCompany","nameError","setNameError","phoneError","setPhoneError","emailError","setEmailError","companyError","setCompanyError","success","setSuccess","setError","formChangeHandler","event","target","value","fullWidth","htmlFor","id","type","endAdornment","InputAdornment","position","PersonRounded","onChange","PhoneEnabledRounded","EmailRounded","HouseRounded","onClick","RegExp","test","EmailValidator","axios","method","url","headers","data","then","setTimeout","catch","clsx","active"],"mappings":"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","file":"component---src-pages-request-demo-js-c8c9f8ae1f8400ae5e31.js","sourcesContent":["import React from \"react\"\nimport Layout from \"../components/layout\"\nimport SEO from \"../components/seo\"\nimport styled from \"styled-components\"\nimport { Container } from \"@material-ui/core\"\nimport { breakpoints } from \"../components/variables\"\nimport FormSubmitter from \"../components/form-submitter\"\nimport PageTitle from \"../components/page-title\"\nimport presentToAll from \"../images/present-to-all.svg\"\n\nconst RequestDemoW = styled.div``\nconst RequestDemoIW = styled.div`\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  min-height: 50vh;\n  @media screen and (max-width: ${breakpoints.md}) {\n    flex-direction: column-reverse;\n  }\n`\nconst TextW = styled.div`\n  width: 47%;\n  font-family: \"Montserrat-Medium\", sans-serif;\n  @media screen and (max-width: ${breakpoints.md}) {\n    width: 100%;\n  }\n`\nconst Title = styled.h1`\n  font-size: 3rem;\n  font-weight: initial;\n  margin-top: 0;\n  @media screen and (max-width: ${breakpoints.md}) {\n    font-size: 2rem;\n  }\n`\nconst Text = styled.h6`\n  font-size: 1.5rem;\n  font-weight: initial;\n  margin: 0;\n  @media screen and (max-width: ${breakpoints.md}) {\n    font-size: 1.2rem;\n  }\n`\n\nconst RequestDemoPage = () => (\n  <Layout>\n    <SEO title=\"Request Demo\" />\n    <PageTitle\n      title=\"Request Demo\"\n      subTitle=\"sales@datamap.tools\"\n      icon={presentToAll}\n    />\n    <RequestDemoW>\n      <Container>\n        <RequestDemoIW>\n          <FormSubmitter referer=\"request-demo\" />\n          <TextW>\n            <Title>\n              Connecting Sage to cloud solutions with <b>DataMap</b>\n            </Title>\n            <Text>\n              Integrate everything to Sage Software. From web carts, to business\n              applications, to your vendor’s system, enable your cloud connected\n              Sage Software system to do more for you.\n            </Text>\n          </TextW>\n        </RequestDemoIW>\n      </Container>\n    </RequestDemoW>\n  </Layout>\n)\n\nexport default RequestDemoPage\n","module.exports = \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgaGVpZ2h0PSIyNCIKICAgdmlld0JveD0iMCAwIDI0IDI0IgogICB3aWR0aD0iMjQiCiAgIHZlcnNpb249IjEuMSIKICAgaWQ9InN2ZzYiCiAgIHNvZGlwb2RpOmRvY25hbWU9InByZXNlbnQtdG8tYWxsLnN2ZyIKICAgaW5rc2NhcGU6dmVyc2lvbj0iMC45Mi40IChmOGRjZTkxLCAyMDE5LTA4LTAyKSI+CiAgPG1ldGFkYXRhCiAgICAgaWQ9Im1ldGFkYXRhMTIiPgogICAgPHJkZjpSREY+CiAgICAgIDxjYzpXb3JrCiAgICAgICAgIHJkZjphYm91dD0iIj4KICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4KICAgICAgICA8ZGM6dHlwZQogICAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+CiAgICAgIDwvY2M6V29yaz4KICAgIDwvcmRmOlJERj4KICA8L21ldGFkYXRhPgogIDxkZWZzCiAgICAgaWQ9ImRlZnMxMCIgLz4KICA8c29kaXBvZGk6bmFtZWR2aWV3CiAgICAgcGFnZWNvbG9yPSIjZmZmZmZmIgogICAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IgogICAgIGJvcmRlcm9wYWNpdHk9IjEiCiAgICAgb2JqZWN0dG9sZXJhbmNlPSIxMCIKICAgICBncmlkdG9sZXJhbmNlPSIxMCIKICAgICBndWlkZXRvbGVyYW5jZT0iMTAiCiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAiCiAgICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIKICAgICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjE4NDYiCiAgICAgaW5rc2NhcGU6d2luZG93LWhlaWdodD0iMTEzNCIKICAgICBpZD0ibmFtZWR2aWV3OCIKICAgICBzaG93Z3JpZD0iZmFsc2UiCiAgICAgaW5rc2NhcGU6em9vbT0iOS44MzMzMzMzIgogICAgIGlua3NjYXBlOmN4PSIwLjE1MjU0MjM3IgogICAgIGlua3NjYXBlOmN5PSIxMiIKICAgICBpbmtzY2FwZTp3aW5kb3cteD0iMTk4NyIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iMjciCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMCIKICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJzdmc2IiAvPgogIDxwYXRoCiAgICAgZD0iTTAgMGgyNHYyNEgwVjB6IgogICAgIGZpbGw9Im5vbmUiCiAgICAgaWQ9InBhdGgyIiAvPgogIDxwYXRoCiAgICAgZD0iTTIxIDNIM2MtMS4xMSAwLTIgLjg5LTIgMnYxNGMwIDEuMTEuODkgMiAyIDJoMThjMS4xMSAwIDItLjg5IDItMlY1YzAtMS4xMS0uODktMi0yLTJ6bTAgMTYuMDJIM1Y0Ljk4aDE4djE0LjA0ek0xMCAxMkg4bDQtNCA0IDRoLTJ2NGgtNHYtNHoiCiAgICAgaWQ9InBhdGg0IgogICAgIHN0eWxlPSJmaWxsOiNmYmZiZmI7ZmlsbC1vcGFjaXR5OjEiIC8+Cjwvc3ZnPgo=\"","import * as React from 'react';\nimport createSvgIcon from './utils/createSvgIcon';\nexport default createSvgIcon( /*#__PURE__*/React.createElement(\"path\", {\n  d: \"M4.78 15.27l2.54-.29c.61-.07 1.21.14 1.64.57l1.84 1.84c2.83-1.44 5.15-3.75 6.59-6.59l-1.85-1.85c-.43-.43-.64-1.03-.57-1.64l.29-2.52c.12-1.01.97-1.77 1.99-1.77h1.73c1.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}), 'PhoneEnabledRounded');","import * as React from 'react';\nimport createSvgIcon from './utils/createSvgIcon';\nexport default createSvgIcon( /*#__PURE__*/React.createElement(\"path\", {\n  d: \"M19 9.3V5c0-.55-.45-1-1-1h-1c-.55 0-1 .45-1 1v1.6l-3.33-3c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L19 9.3zm-9 .7c0-1.1.9-2 2-2s2 .9 2 2h-4z\"\n}), 'HouseRounded');","import React from \"react\"\nimport styled from \"styled-components\"\nimport {\n  FormControl,\n  InputLabel,\n  InputAdornment,\n  Input,\n  Button,\n} from \"@material-ui/core\"\nimport {\n  PersonRounded,\n  PhoneEnabledRounded,\n  EmailRounded,\n  HouseRounded,\n} from \"@material-ui/icons\"\nimport { breakpoints } from \"./variables\"\nimport { useState } from \"react\"\nimport * as EmailValidator from \"email-validator\"\nimport clsx from \"clsx\"\nimport axios from \"axios\"\n\nconst FormW = styled.div`\n  width: 47%;\n  @media screen and (max-width: ${breakpoints.md}) {\n    width: 100%;\n  }\n`\nconst SFormControl = styled(FormControl)`\n  margin-top: 2rem;\n  &:first-child {\n    margin-top: 0;\n  }\n  & .MuiInput-underline:after {\n    border-color: ${props => props.theme.palette.sage.main};\n  }\n  & .MuiFormLabel-root.Mui-focused {\n    color: ${props => props.theme.palette.sage.main};\n  }\n  & .Mui-error:after {\n    border-color: ${props => props.theme.palette.error.main};\n    color: ${props => props.theme.palette.error.main};\n  }\n  & .Mui-error.Mui-focused {\n    color: ${props => props.theme.palette.error.main};\n  }\n`\nconst SInputLabel = styled(InputLabel)`\n  font-size: 1.2rem;\n`\nconst SInput = styled(Input)`\n  font-size: 1.2rem;\n`\nconst SubmitW = styled.div`\n  margin-top: 2rem;\n  position: relative;\n  overflow: hidden;\n`\nconst SuccessCover = styled.div`\n  position: absolute;\n  left: -100%;\n  top: 0;\n  height: 100%;\n  width: 100%;\n  border-radius: 2rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 1.4rem;\n  background-color: ${props => props.theme.palette.datamap.main};\n  color: ${props => props.theme.palette.sage.light};\n  transition: left 1s;\n  &.active {\n    left: 0;\n  }\n  @media screen and (max-width: ${breakpoints.sm}) {\n    font-size: 1rem;\n  }\n`\nconst ErrorCover = styled.div`\n  position: absolute;\n  left: -100%;\n  top: 0;\n  height: 100%;\n  width: 100%;\n  border-radius: 2rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 1.4rem;\n  background-color: ${props => props.theme.palette.datamap.main};\n  color: ${props => props.theme.palette.error.light};\n  transition: left 1s;\n  &.active {\n    left: 0;\n  }\n  @media screen and (max-width: ${breakpoints.sm}) {\n    font-size: 1rem;\n  }\n`\nconst SButton = styled(Button)`\n  border-radius: 2rem;\n  font-size: 1.2rem;\n  padding: 0.5rem 1.4rem;\n  background-color: ${props => props.theme.palette.datamap.main};\n  color: ${props => props.theme.palette.primary.main};\n  transition: background-color 1s;\n  &:hover {\n    background-color: ${props => props.theme.palette.sage.main};\n  }\n`\n\nconst FormSubmitter = ({ referer, className }) => {\n  const [name, setName] = useState(\"\")\n  const [phone, setPhone] = useState(\"\")\n  const [email, setEmail] = useState(\"\")\n  const [company, setCompany] = useState(\"\")\n  const [nameError, setNameError] = useState(false)\n  const [phoneError, setPhoneError] = useState(false)\n  const [emailError, setEmailError] = useState(false)\n  const [companyError, setCompanyError] = useState(false)\n  const [success, setSuccess] = useState(false)\n  const [error, setError] = useState(false)\n\n  const formChangeHandler = event => {\n    const name = event.target.name\n    const value = event.target.value\n\n    switch (name) {\n      case \"name\":\n        setName(value)\n        setNameError(false)\n        break\n      case \"phone\":\n        setPhone(value)\n        setPhoneError(false)\n        break\n      case \"email\":\n        setEmail(value)\n        setEmailError(false)\n        break\n      case \"company\":\n        setCompany(value)\n        setCompanyError(false)\n        break\n      default:\n        break\n    }\n  }\n\n  const formSubmitHandler = () => {\n    if (!new RegExp(/[a-zA-Z]{3,}/g).test(name)) {\n      setNameError(true)\n      return\n    }\n    if (new RegExp(/([a-zA-Z]|^$)/g).test(phone)) {\n      setPhoneError(true)\n      return\n    }\n    if (!EmailValidator.validate(email)) {\n      setEmailError(true)\n      return\n    }\n    if (!new RegExp(/[a-zA-Z]{3,}/g).test(company)) {\n      setCompanyError(true)\n      return\n    }\n    axios({\n      method: \"POST\",\n      url: \"https://webapi.datamap.tools\",\n      headers: {\n        \"content-type\": \"application/json\",\n      },\n      data: {\n        referer: referer,\n        name: name,\n        phone: phone,\n        email: email,\n        company: company,\n      },\n    })\n      .then(() => {\n        setSuccess(true)\n        setTimeout(() => {\n          setName(\"\")\n          setPhone(\"\")\n          setEmail(\"\")\n          setCompany(\"\")\n          setSuccess(false)\n        }, 2000)\n      })\n      .catch(() => {\n        setError(true)\n        setTimeout(() => {\n          setError(false)\n        }, 2000)\n      })\n  }\n\n  return (\n    <FormW>\n      <SFormControl fullWidth>\n        <SInputLabel htmlFor=\"form-name\">Name</SInputLabel>\n        <SInput\n          id=\"form-name\"\n          type={\"text\"}\n          endAdornment={\n            <InputAdornment position=\"end\">\n              <PersonRounded />\n            </InputAdornment>\n          }\n          name=\"name\"\n          onChange={formChangeHandler}\n          value={name}\n          error={nameError ? true : false}\n        />\n      </SFormControl>\n      <SFormControl fullWidth>\n        <SInputLabel htmlFor=\"form-phone\">Phone</SInputLabel>\n        <SInput\n          id=\"form-phone\"\n          type={\"text\"}\n          endAdornment={\n            <InputAdornment position=\"end\">\n              <PhoneEnabledRounded />\n            </InputAdornment>\n          }\n          name=\"phone\"\n          onChange={formChangeHandler}\n          value={phone}\n          error={phoneError ? true : false}\n        />\n      </SFormControl>\n      <SFormControl fullWidth>\n        <SInputLabel htmlFor=\"form-email\">Email</SInputLabel>\n        <SInput\n          id=\"form-email\"\n          type={\"text\"}\n          endAdornment={\n            <InputAdornment position=\"end\">\n              <EmailRounded />\n            </InputAdornment>\n          }\n          name=\"email\"\n          onChange={formChangeHandler}\n          value={email}\n          error={emailError ? true : false}\n        />\n      </SFormControl>\n      <SFormControl fullWidth>\n        <SInputLabel htmlFor=\"form-companyName\">Company name</SInputLabel>\n        <SInput\n          id=\"form-companyName\"\n          type={\"text\"}\n          endAdornment={\n            <InputAdornment position=\"end\">\n              <HouseRounded />\n            </InputAdornment>\n          }\n          name=\"company\"\n          onChange={formChangeHandler}\n          value={company}\n          error={companyError ? true : false}\n        />\n      </SFormControl>\n      <SubmitW>\n        <SButton onClick={formSubmitHandler}>Submit</SButton>\n        <SuccessCover\n          className={clsx(\"successCover\", className, { active: success })}\n        >\n          Thank You!\n        </SuccessCover>\n        <ErrorCover\n          className={clsx(\"errorCover\", className, { active: error })}\n        >\n          Please try again.\n        </ErrorCover>\n      </SubmitW>\n    </FormW>\n  )\n}\n\nexport default FormSubmitter\n","import * as React from 'react';\nimport createSvgIcon from './utils/createSvgIcon';\nexport default createSvgIcon( /*#__PURE__*/React.createElement(\"path\", {\n  d: \"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v1c0 .55.45 1 1 1h14c.55 0 1-.45 1-1v-1c0-2.66-5.33-4-8-4z\"\n}), 'PersonRounded');","import * as React from 'react';\nimport createSvgIcon from './utils/createSvgIcon';\nexport default createSvgIcon( /*#__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');"],"sourceRoot":""}