{"version":3,"sources":["webpack:///./src/img/ui/checkmarkGreen.svg","webpack:///./src/components/signup/signupInput.js","webpack:///./src/api/index.js","webpack:///./src/pages/demo.js"],"names":["module","exports","UIInputContainer","styled","label","p","fullwidth","Input","state","val","props","value","defaultValue","onChange","e","setState","target","UNSAFE_componentWillReceiveProps","nextProps","this","render","textLabel","innerRef","children","containerStyle","rest","style","className","ref","Component","a","axios","create","baseURL","process","post","url","body","Section","section","Rate","media","desktopWide","desktop","mobile","StyledLink","Container","div","SubTitle","List","ul","checkmark","ListDesc","InputContainer","Textarea","textarea","Label","Message","Demo","useState","email","setEmail","name","setName","company","setCompany","companyUrl","setCompanyUrl","traffic","setTraffic","help","setHelp","loading","setLoading","msg","setMsg","requestSended","setRequestSended","metaTitle","canonical","metaDescription","black","deleteTitle","addStars","onSubmit","preventDefault","requestBody","company_url","then","window","scrollTo","catch","err","message","undefined","response","data","error","console","log","type","maxLength","required","autoFocus","minLength","htmlFor","as","id","minHeight","backgroundColor","marginBottom","width","disabled"],"mappings":"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","file":"component---src-pages-demo-js-4142cb0a59ba13d87449.js","sourcesContent":["module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAyMiAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIxLjE5NDMgMC4zNzg2MzJDMjAuOTg2MSAwLjIyNzMwOSAyMC43NDk4IDAuMTE3OTIxIDIwLjQ5ODggMC4wNTY3MjA3QzIwLjI0NzcgLTAuMDA0NDc5ODcgMTkuOTg2OSAtMC4wMTYyOTM3IDE5LjczMTMgMC4wMjE5NTQzQzE5LjQ3NTYgMC4wNjAyMDIzIDE5LjIzMDEgMC4xNDc3NjIgMTkuMDA4OCAwLjI3OTYzQzE4Ljc4NzQgMC40MTE0OTkgMTguNTk0NiAwLjU4NTA5MSAxOC40NDEzIDAuNzkwNDg2TDkuMTA2MjMgMTMuMjg2TDMuMTcwMTQgOC42MDE3MUMyLjc2MDg1IDguMjkyNDkgMi4yNDUwMiA4LjE1MzcyIDEuNzMzMjEgOC4yMTUxNEMxLjIyMTQxIDguMjc2NTcgMC43NTQzNzQgOC41MzMzIDAuNDMyMjE5IDguOTMwMzFDMC4xMTAwNjQgOS4zMjczMiAtMC4wNDE1Njg5IDkuODMzIDAuMDA5ODIzODUgMTAuMzM5QzAuMDYxMjE2NiAxMC44NDQ5IDAuMzExNTQ1IDExLjMxMDkgMC43MDcxNDggMTEuNjM3TDguMjQ0MjYgMTcuNTgzMkM4LjQ1MjU0IDE3Ljc0MzkgOC42OTExOSAxNy44NjIgOC45NDYyOCAxNy45MzA3QzkuMjAxMzYgMTcuOTk5NCA5LjQ2Nzc3IDE4LjAxNzIgOS43Mjk5MyAxNy45ODMyQzkuOTkyMSAxNy45NDkyIDEwLjI0NDggMTcuODY0MSAxMC40NzMyIDE3LjczMjdDMTAuNzAxNiAxNy42MDEzIDEwLjkwMTIgMTcuNDI2MyAxMS4wNjAyIDE3LjIxOEwyMS42MTgyIDMuMDk1MzFDMjEuNzcxMyAyLjg4OTUyIDIxLjg4MTggMi42NTU5OCAyMS45NDM0IDIuNDA4MDVDMjIuMDA1IDIuMTYwMTEgMjIuMDE2NCAxLjkwMjYzIDIxLjk3NzEgMS42NTAzM0MyMS45Mzc3IDEuMzk4MDMgMjEuODQ4MyAxLjE1NTg2IDIxLjcxNCAwLjkzNzY1MUMyMS41Nzk3IDAuNzE5NDQ1IDIxLjQwMzEgMC41Mjk0ODYgMjEuMTk0MyAwLjM3ODYzMloiIGZpbGw9IiMwMDk4M0QiLz4KPC9zdmc+Cg==\"","/* eslint-disable react/destructuring-assignment */\n/* eslint-disable react/prop-types */\nimport React, { Component } from 'react';\nimport styled from 'styled-components';\n\nconst UIInputContainer = styled.label`\n  position: relative;\n  width: 100%;\n\n  .text-label {\n    font-weight: 400;\n    font-size: 13px;\n    color: #222;\n    line-height: normal;\n    margin-bottom: 8px;\n  }\n\n  & input,\n  textarea {\n    border: 1px solid #e4e5e8;\n    height: 48px;\n    font-size: 16px;\n    line-height: normal;\n    color: #000;\n    padding: 4px 0.75rem;\n    border-radius: 4px;\n    transition: 0.2s;\n    width: 100%;\n    ${(p) => (p.fullwidth ? 'width: 100% !important' : '')}\n\n    &.small {\n      height: 40px;\n      line-height: 24px;\n    }\n\n    &[disabled] {\n      opacity: 0.75;\n      background-color: #f0f3f6;\n    }\n\n    &:hover,\n    &:focus {\n      border-color: #aaa;\n      outline: 0;\n    }\n  }\n`;\n\nclass Input extends Component {\n  state = {\n    val: this.props.value || this.props.defaultValue || '',\n  };\n\n  // eslint-disable-next-line camelcase\n  UNSAFE_componentWillReceiveProps(nextProps) {\n    if (nextProps.value || nextProps.defaultValue) {\n      this.setState({\n        val: nextProps.value || nextProps.defaultValue,\n      });\n    }\n  }\n\n  onChange = (e, onChange) => {\n    this.setState({ val: e.target.value });\n    if (onChange) onChange(e);\n  };\n\n  render() {\n    const {\n      textLabel,\n      innerRef,\n      onChange,\n      children,\n      containerStyle,\n      fullwidth,\n      ...rest\n    } = this.props;\n    const { val } = this.state;\n    return (\n      <UIInputContainer style={containerStyle}>\n        <p className=\"text-label\">{textLabel}</p>\n        <input {...rest} ref={innerRef} onChange={(e) => this.onChange(e, onChange)} value={val} />\n        {children}\n      </UIInputContainer>\n    );\n  }\n}\nexport default Input;\n","import axios from 'axios';\n\nconst a = axios.create({\n  baseURL: `${process.env.GATSBY_API_URL}`,\n});\n\nexport const post = (url, body) => a.post(url, body);\n","/* eslint-disable jsx-a11y/label-has-associated-control */\nimport React, { useState } from 'react';\nimport styled from 'styled-components';\nimport Layout from 'layout';\nimport { media } from 'theme/breakpoints';\nimport { StyledLink } from 'components/ui/link';\nimport CustomersRate, { Rate } from 'components/CustomersRate';\nimport checkmark from 'img/ui/checkmarkGreen.svg';\nimport Input from 'components/signup/signupInput';\nimport Button from 'components/ui/button';\nimport { post } from 'api';\n\nconst Section = styled.section`\n  margin-top: 5rem;\n  display: grid;\n  grid-template-columns: 1fr 434px;\n  grid-template-rows: auto auto;\n  grid-column-gap: 64px;\n  grid-row-gap: 70px;\n  margin-bottom: 62px;\n  position: relative;\n  & h1 {\n    margin-right: 16px;\n  }\n  & ol {\n    padding-inline-start: 20px;\n  }\n  & ${Rate} {\n    grid-template-rows: 1fr;\n    grid-row-gap: 0;\n    margin: 0;\n    justify-content: flex-start;\n    grid-column-gap: 16px;\n    a:hover {\n      box-shadow: none;\n    }\n    & a:first-of-type {\n      padding-left: 0;\n    }\n  }\n  ${media.desktopWide} {\n    margin-top: 3rem;\n    grid-template-columns: 4fr 3fr;\n  }\n  ${media.desktop} {\n    grid-template-columns: 1fr;\n    grid-template-rows: auto auto auto;\n    grid-column-gap: 0;\n    grid-row-gap: 40px;\n    & ${Rate} {\n      justify-content: center;\n      & a:first-of-type {\n        padding-left: 26px;\n      }\n    }\n  }\n\n  ${media.mobile} {\n    margin-top: 2rem;\n    & form {\n      width: calc(100% - 20px);\n    }\n    ${StyledLink} {\n      font-size: 18px;\n    }\n  }\n`;\n\nconst Container = styled.div`\n  ${media.desktopWide} {\n    margin-bottom: 3rem;\n  }\n  ${media.mobile} {\n    margin-bottom: 2rem;\n    width: calc(100% - 30px);\n    & h1.line {\n      & span {\n        &::after {\n          display: none;\n        }\n      }\n    }\n  }\n`;\n\nconst SubTitle = styled.p`\n  font-size: 22px;\n  line-height: 34px;\n  margin-top: 32px;\n  ${media.mobile} {\n    margin-top: 24px;\n    font-size: 20px;\n    line-height: 30px;\n  }\n`;\n\nconst List = styled.ul`\n  list-style: none;\n  padding: 0;\n  margin-bottom: 56px;\n  padding-left: 42px;\n  & li {\n    font-size: 18px;\n    line-height: 23px;\n    margin-top: 16px;\n    font-weight: 700;\n    color: #000;\n    position: relative;\n    & span {\n      position: relative;\n      display: inline;\n      font-weight: 700;\n      &::after {\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        content: '';\n        width: 100%;\n        background-color: #ffca00;\n        height: 35%;\n        z-index: -1;\n        transition: 0.2s;\n      }\n      &:hover {\n        &::after {\n          height: 100%;\n        }\n      }\n    }\n    &::before {\n      content: '';\n      background-image: url(${checkmark});\n      background-repeat: no-repeat;\n      background-size: contain;\n      background-position: center center;\n      position: absolute;\n      left: 0;\n      top: 50%;\n      transform: translate(-42px, -50%);\n      width: 18px;\n      height: 14px;\n    }\n  }\n`;\n\nconst ListDesc = styled.p`\n  font-weight: 800;\n  font-size: 18px;\n  line-height: 23px;\n  margin-bottom: 24px;\n  margin-top: 40px;\n`;\n\nconst InputContainer = styled.div`\n  margin-top: 24px;\n`;\n\nconst Textarea = styled.textarea`\n  border: 1px solid #e4e5e8;\n  min-height: 96px;\n  font-size: 16px;\n  line-height: normal;\n  color: #000;\n  padding: 8px 0.75rem;\n  border-radius: 4px;\n  transition: 0.2s;\n  width: 100%;\n  outline: 0;\n`;\n\nconst Label = styled.label`\n  font-weight: 400;\n  font-size: 13px;\n  color: #222;\n  line-height: normal;\n  margin-bottom: 8px;\n`;\n\nconst Message = styled.div`\n  width: 100%;\n  background-color: #e8fff2;\n  border: 2px solid #00c853;\n  padding: 11px 0;\n  top: 60px;\n  left: 0;\n  text-align: center;\n  grid-area: 1 / 1 / 2 / 4;\n  &.error {\n    border-color: rgb(240, 65, 52);\n    background-color: #ffccc7;\n  }\n  & p {\n    font-size: 18px;\n    line-height: 34px;\n    margin: 0;\n  }\n  ${media.desktop} {\n    grid-area: 1 / 1 / 2 / 2;\n    width: calc(100% - 24px);\n  }\n  ${media.mobile} {\n    top: 50px;\n    & p {\n      font-size: 16px;\n      line-height: 30px;\n    }\n  }\n`;\n\nconst Demo = () => {\n  const [email, setEmail] = useState('');\n  const [name, setName] = useState('');\n  const [company, setCompany] = useState('');\n  const [companyUrl, setCompanyUrl] = useState('');\n  const [traffic, setTraffic] = useState('100k-500k');\n  const [help, setHelp] = useState('');\n  const [loading, setLoading] = useState(false);\n  const [msg, setMsg] = useState('');\n  const [requestSended, setRequestSended] = useState(false);\n\n  const handleSubmit = (e) => {\n    e.preventDefault();\n    setLoading(true);\n    const requestBody = {\n      email,\n      name,\n      company,\n      company_url: companyUrl,\n      traffic,\n      help,\n    };\n    post(`${process.env.GATSBY_API_URL}/accounts/demo`, requestBody)\n      .then(() => {\n        setMsg([\n          <p>\n            Thank you! We will contact you within <strong>1 business day</strong> to schedule a\n            demo.\n          </p>,\n          'success',\n        ]);\n        setLoading(false);\n        setRequestSended(true);\n        window.scrollTo(0, 0);\n      })\n      .catch((err) => {\n        let message = '';\n        if (err.response !== undefined) {\n          message = err?.response?.data?.error?.message;\n        } else {\n          message = <p>Unknown error, try again later.</p>;\n        }\n        setMsg([message, 'error']);\n        console.log(err);\n        setLoading(false);\n        window.scrollTo(0, 0);\n      });\n  };\n  return (\n    <Layout\n      metaTitle=\"Book a Free Demo |  Top Session Replay Software\"\n      canonical=\"/demo/\"\n      metaDescription=\"Schedule a demo of LiveSession and let us show you how we can help your business grow. Looking for an enterprise pricing? Let's talk!\"\n    >\n      <div className=\"container\">\n        <Section>\n          {msg[0] && (\n            <Message className={msg[1]}>\n              {typeof msg[0] === 'string' ? <p>{msg[0]}</p> : msg[0]}\n            </Message>\n          )}\n          <Container>\n            <h1 className=\"line\">\n              Request a LiveSession <span>demo today</span>\n            </h1>\n            <SubTitle>\n              If you are wondering how LiveSession can help you get to know your visitors better,\n              schedule an in-depth product demo and get an offer tailored to your needs.\n            </SubTitle>\n            <ListDesc>What you will get on of this demo:</ListDesc>\n            <List>\n              <li>Understand how to get most of qualitative analytics</li>\n              <li>Knowledge about LiveSession’s power features</li>\n              <li>An extended trial period and enterprise features</li>\n              <li>An offer tailored to your needs</li>\n              <li>\n                Access to the data <span>that matters</span> faster\n              </li>\n            </List>\n            <CustomersRate black deleteTitle addStars />\n          </Container>\n          <form onSubmit={handleSubmit}>\n            <InputContainer>\n              <Input\n                textLabel=\"Your full name\"\n                type=\"text\"\n                onChange={(e) => setName(e.target.value)}\n                maxLength=\"255\"\n                required\n                autoFocus\n              />\n            </InputContainer>\n            <InputContainer>\n              {' '}\n              <Input\n                textLabel=\"Business email\"\n                type=\"email\"\n                onChange={(e) => setEmail(e.target.value)}\n                minLength=\"5\"\n                maxLength=\"255\"\n                required\n              />\n            </InputContainer>\n            <InputContainer>\n              <Input\n                textLabel=\"Company name\"\n                type=\"text\"\n                onChange={(e) => setCompany(e.target.value)}\n                maxLength=\"512\"\n                required\n              />\n            </InputContainer>\n            <InputContainer>\n              <Input\n                textLabel=\"Company URL\"\n                type=\"text\"\n                onChange={(e) => setCompanyUrl(e.target.value)}\n                required\n              />\n            </InputContainer>\n            <InputContainer>\n              <Label htmlFor=\"monthly-traffic\">Monthly traffic</Label>\n              <Textarea\n                as=\"select\"\n                id=\"monthly-traffic\"\n                onChange={(e) => setTraffic(e.target.value)}\n                style={{ minHeight: 48, backgroundColor: 'transparent' }}\n                required\n                defaultValue=\"100k-500k\"\n              >\n                <option value=\"100k\">Less than 100 000 sessions</option>\n                <option value=\"100k-500k\">100 000 - 500 000</option>\n                <option value=\"500k-1mln\">500 000 - 1 000 000</option>\n                <option value=\"1mln-5mln\">1 000 000 - 5 000 000</option>\n                <option value=\"5mln+\">5 000 000+</option>\n              </Textarea>\n            </InputContainer>\n            <InputContainer style={{ marginBottom: 48 }}>\n              <Label htmlFor=\"textarea\">How can we help?</Label>\n              <Textarea id=\"textarea\" onChange={(e) => setHelp(e.target.value)} required />\n            </InputContainer>\n\n            <Button\n              as=\"button\"\n              style={{ width: '100%' }}\n              type=\"submit\"\n              disabled={loading || requestSended}\n            >\n              Book a demo\n            </Button>\n          </form>\n        </Section>\n      </div>\n    </Layout>\n  );\n};\n\nexport default Demo;\n"],"sourceRoot":""}