{"version":3,"file":"67d7c48823c47fec940248a66909c9db26312859-a06d9affaccdb66f4a32.js","mappings":"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","sources":["webpack://getform/./src/components/footer.js","webpack://getform/./src/assets/icons/menu.svg","webpack://getform/./src/components/header.js","webpack://getform/./src/hooks/use-on-click-outside.js","webpack://getform/./src/components/layout.js","webpack://getform/./src/components/logo.js","webpack://getform/./src/components/shared/container.js"],"sourcesContent":["import React from 'react'\nimport styled from '@emotion/styled'\nimport { css, useTheme } from '@emotion/react'\nimport { mediaQueries } from '../theme'\nimport Container from './shared/container'\nimport Link from './shared/link'\nimport Logo from './logo'\n\nconst OuterContainer = styled.footer`\n  background-color: ${p => p.theme.colors.footer.background};\n  color: ${p => p.theme.colors.footer.text};\n  padding: ${p => p.theme.space[14]} 0;\n\n  ${mediaQueries.lg} {\n    padding: ${p => `${p.theme.space[21]} 0 ${p.theme.space[26]} 0`};\n  }\n`\n\nconst Nav = styled(Container)`\n  display: grid;\n  grid-template-columns: 1fr;\n  grid-gap: ${p => p.theme.space[8]};\n  align-items: center;\n  justify-items: center;\n\n  ${mediaQueries.lg} {\n    grid-template-columns: 8.25rem auto 1fr;\n  }\n`\n\nconst MainLogo = styled(Logo)`\n  width: auto;\n  height: ${p => p.theme.space[8]};\n  margin-right: ${p => p.theme.space[2]};\n`\n\nconst Brand = ({ siteTitle }) => {\n  const theme = useTheme()\n  return (\n    <Link\n      to=\"/\"\n      css={css`\n        display: flex;\n        align-items: center;\n        color: ${theme.colors.footer.link};\n        font-weight: ${theme.fontWeights.heading};\n        font-size: ${theme.fontSizes[3]};\n        ${mediaQueries.lg} {\n          margin-right: auto;\n        }\n      `}\n    >\n      <MainLogo type=\"black-and-white\" />\n      {siteTitle}\n    </Link>\n  )\n}\n\nconst NavList = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n\n  ${mediaQueries.lg} {\n    flex-direction: row;\n  }\n`\n\nconst NavLink = styled(Link)`\n  font-size: ${p => p.theme.fontSizes[1]};\n  color: ${p => p.theme.colors.footer.link};\n  padding: ${p => p.theme.space[4]};\n  ${mediaQueries.lg} {\n    font-size: ${p => p.theme.fontSizes[2]};\n  }\n  :hover {\n    text-decoration: underline;\n  }\n`\n\nconst Copyright = ({ className }) => {\n  const theme = useTheme()\n  return (\n    <div\n      className={className}\n      css={css`\n        font-size: ${theme.fontSizes[1]};\n        text-align: center;\n        ${mediaQueries.lg} {\n          font-size: ${theme.fontSizes[2]};\n          margin-left: auto;\n        }\n      `}\n    >\n      © {new Date().getFullYear()} Getwebcraft Limited\n    </div>\n  )\n}\n\nconst Footer = ({ siteTitle, className }) => (\n  <OuterContainer className={className}>\n    <Nav as=\"nav\">\n      <Brand siteTitle={siteTitle} />\n      <NavList>\n        <NavLink to=\"/privacy/\">Privacy policy</NavLink>\n        <NavLink to=\"/terms/\">Terms of service</NavLink>\n        <NavLink to=\"/faq/\">FAQ</NavLink>\n        <NavLink to=\"/anti-spam-policy/\">Anti-Spam policy</NavLink>\n        <NavLink href=\"mailto:contact@getform.com\">contact@getform.com</NavLink>\n      </NavList>\n      <Copyright />\n    </Nav>\n  </OuterContainer>\n)\n\nexport default Footer\n","var _path;\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nimport * as React from \"react\";\n\nfunction SvgMenu(props) {\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    xmlns: \"http://www.w3.org/2000/svg\",\n    width: 24,\n    height: 24,\n    viewBox: \"0 0 24 24\",\n    fill: \"none\",\n    stroke: \"currentColor\",\n    strokeWidth: 2,\n    strokeLinecap: \"round\",\n    strokeLinejoin: \"round\",\n    className: \"menu_svg__feather menu_svg__feather-menu\"\n  }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M3 12h18M3 6h18M3 18h18\"\n  })));\n}\n\nexport default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItbWVudSI+PGxpbmUgeDE9IjMiIHkxPSIxMiIgeDI9IjIxIiB5Mj0iMTIiPjwvbGluZT48bGluZSB4MT0iMyIgeTE9IjYiIHgyPSIyMSIgeTI9IjYiPjwvbGluZT48bGluZSB4MT0iMyIgeTE9IjE4IiB4Mj0iMjEiIHkyPSIxOCI+PC9saW5lPjwvc3ZnPg==\";\nexport { SvgMenu as ReactComponent };","import React, { useState, useRef, forwardRef, Fragment } from 'react'\nimport styled from '@emotion/styled'\nimport { css, useTheme } from '@emotion/react'\n\nimport { ReactComponent as MenuIcon } from 'assets/icons/menu.svg'\nimport Link from './shared/link'\nimport Container from '../components/shared/container'\nimport { mediaQueries } from '../theme'\nimport useOnClickOutside from '../hooks/use-on-click-outside'\nimport { getLoginUrl } from '../utils/auth'\nimport Logo from './logo'\nimport Button from './shared/button'\n\nconst OuterContainer = styled.header`\n  padding: ${p => `${p.theme.space[5]} 0`};\n  background-color: ${p => p.theme.colors.white};\n  box-shadow: ${p => p.theme.shadows.extra};\n  position: sticky;\n  top: 0;\n  z-index: 1;\n\n  ${mediaQueries.lg} {\n    padding: ${p => `${p.theme.space[5]} 0`};\n  }\n`\n\nconst Navbar = forwardRef((props, ref) => (\n  <Container\n    as=\"nav\"\n    ref={ref}\n    css={css`\n      display: flex;\n      justify-content: space-between;\n      flex-wrap: wrap;\n\n      ${mediaQueries.lg} {\n        flex-wrap: nowrap;\n      }\n    `}\n    {...props}\n  />\n))\n\nconst MainLogo = styled(Logo)`\n  width: auto;\n  height: ${p => p.theme.space[8]};\n  margin-right: ${p => p.theme.space[2]};\n\n  ${mediaQueries.lg} {\n    height: ${p => p.theme.space[10]};\n    margin-right: ${p => p.theme.space[4]};\n  }\n`\n\nconst NavbarBrand = ({ siteTitle, className }) => {\n  const theme = useTheme()\n  return (\n    <Link\n      to=\"/\"\n      css={css`\n        display: flex;\n        align-items: center;\n        color: ${theme.colors.text};\n        font-weight: ${theme.fontWeights.heading};\n        font-size: ${theme.fontSizes[3]};\n\n        ${mediaQueries.lg} {\n          padding-right: ${theme.space[6]};\n          font-size: ${theme.fontSizes[4]};\n        }\n      `}\n      className={className}\n    >\n      <MainLogo />\n      {siteTitle}\n    </Link>\n  )\n}\n\nconst NavbarToggle = ({ onClick, className }) => {\n  const theme = useTheme()\n  return (\n    <button\n      type=\"button\"\n      aria-label=\"navbar-toggle\"\n      onClick={onClick}\n      css={css`\n        border: none;\n        background: none;\n        outline: none;\n        padding: 0;\n        cursor: pointer;\n        line-height: 0;\n\n        ${mediaQueries.lg} {\n          display: none;\n        }\n      `}\n      className={className}\n    >\n      <MenuIcon\n        css={css`\n          width: auto;\n          color: ${theme.colors.black[0]};\n          height: ${theme.space[6]};\n        `}\n      />\n    </button>\n  )\n}\n\nconst NavbarNav = ({ collapse, ...props }) => {\n  const theme = useTheme()\n  return (\n    <div\n      aria-label=\"Primary navigation\"\n      css={css`\n        display: ${collapse ? 'none' : 'flex'};\n        flex-direction: column;\n        flex-basis: 100%;\n        flex-grow: 1;\n\n        margin: ${theme.space[5]} -${theme.space[6]} 0;\n        padding: ${theme.space[0]} ${theme.space[6]};\n        border-top: 1px solid ${theme.colors.navigation.border};\n\n        ${mediaQueries.lg} {\n          display: flex;\n          flex-direction: row;\n          flex-basis: auto;\n          justify-content: center;\n          margin: 0;\n          padding: 0;\n          border: none;\n        }\n      `}\n      {...props}\n    />\n  )\n}\n\nconst ACTIVE_LINK_CLASSNAME = 'active'\n\nconst NavLink = ({ to, partiallyActive = true, children }) => {\n  const theme = useTheme()\n  return (\n    <Link\n      variant=\"nav\"\n      to={to}\n      activeClassName={ACTIVE_LINK_CLASSNAME}\n      partiallyActive={partiallyActive}\n      css={css`\n        padding: ${theme.space[8]} ${theme.space[0]};\n        text-decoration: none;\n        text-align: center;\n        font-size: ${theme.fontSizes[4]};\n        font-weight: ${theme.fontWeights.bold};\n        color: ${theme.colors.navigation.link};\n\n        &:not(:first-of-type) {\n          border-top: 1px solid ${theme.colors.navigation.border};\n        }\n\n        &:hover,\n        &:focus {\n          color: ${theme.colors.navigation.linkHover};\n        }\n\n        ${mediaQueries.lg} {\n          display: flex;\n          align-items: center;\n          padding: 0 ${theme.space[6]};\n          font-size: ${theme.fontSizes[2]};\n\n          &:not(:first-of-type) {\n            border-top: none;\n          }\n        }\n      `}\n    >\n      {children}\n    </Link>\n  )\n}\n\nconst UsersNav = ({ collapse, ...props }) => {\n  const theme = useTheme()\n  return (\n    <div\n      aria-label=\"User's navigation\"\n      css={css`\n        display: ${collapse ? 'none' : 'flex'};\n        flex-direction: column;\n        width: 100%;\n        margin-bottom: ${theme.space[1]};\n        border-top: 1px solid ${theme.colors.navigation.border};\n\n        ${mediaQueries.lg} {\n          display: flex;\n          flex-direction: row;\n          width: auto;\n          margin: 0;\n          border-top: none;\n        }\n      `}\n      {...props}\n    />\n  )\n}\n\nconst SignUpButton = props => {\n  const theme = useTheme()\n  return (\n    <Button\n      as={Link}\n      to=\"/start/\"\n      css={css`\n        padding: ${theme.space[4]} ${theme.space[8]};\n        font-size: ${theme.fontSizes[4]};\n        background-color: ${theme.colors.black[0]};\n        color: ${theme.colors.white};\n        border-radius: ${theme.space[2]};\n\n        ${mediaQueries.lg} {\n          font-size: ${theme.fontSizes[2]};\n          min-height: 3rem;\n          min-width: 6.875rem;\n          padding: ${theme.space[2]} ${theme.space[5]};\n          margin-left: ${theme.space[5]};\n        }\n      `}\n      {...props}\n    >\n      Sign up\n    </Button>\n  )\n}\n\nconst LOGIN_URL = getLoginUrl()\n\nconst Header = ({ siteTitle, className, withNav = true, variant }) => {\n  const [collapse, setCollapse] = useState(true)\n  const ref = useRef()\n\n  useOnClickOutside(ref, () => setCollapse(true))\n\n  const handleNavClick = e => {\n    if (e.target && e.target.classList.contains(ACTIVE_LINK_CLASSNAME)) {\n      setCollapse(true)\n    }\n  }\n\n  return (\n    <OuterContainer className={className} variant={variant}>\n      <Navbar ref={ref}>\n        <NavbarBrand siteTitle={siteTitle} />\n\n        {withNav && (\n          <Fragment>\n            <NavbarToggle onClick={() => setCollapse(!collapse)} />\n\n            <NavbarNav onClick={handleNavClick} collapse={collapse}>\n              <NavLink to=\"/templates/\">Templates</NavLink>\n              <NavLink to=\"/blog/\">Blog</NavLink>\n              <NavLink to=\"/use-cases/\">Use cases</NavLink>\n              <NavLink to=\"/help/\">Help center</NavLink>\n              <NavLink to=\"/pricing/\">Pricing</NavLink>\n            </NavbarNav>\n\n            <UsersNav collapse={collapse}>\n              <NavLink to={LOGIN_URL}>Log in</NavLink>\n              <SignUpButton />\n            </UsersNav>\n          </Fragment>\n        )}\n      </Navbar>\n    </OuterContainer>\n  )\n}\n\nexport default Header\n","import { useEffect } from 'react'\n\nexport default function useOnClickOutside(ref, handler) {\n  useEffect(() => {\n    const listener = event => {\n      // Do nothing if clicking ref's element or descendent elements\n      if (!ref.current || ref.current.contains(event.target)) {\n        return\n      }\n\n      handler(event)\n    }\n\n    document.addEventListener('mousedown', listener)\n    document.addEventListener('touchstart', listener)\n\n    return () => {\n      document.removeEventListener('mousedown', listener)\n      document.removeEventListener('touchstart', listener)\n    }\n  }, [ref, handler])\n}\n","import { Global } from '@emotion/react'\nimport styled from '@emotion/styled'\nimport React, { Fragment } from 'react'\n\nimport { globalStyles } from '../styles'\n\nimport useSiteMetadata from '../hooks/use-site-metadata'\nimport { mediaQueries } from '../theme'\nimport SiteMetadata from './site-metadata'\nimport Header from './header'\nimport Footer from './footer'\n\nconst Wrapper = styled.div`\n  display: flex;\n  flex-direction: column;\n  min-height: 100vh;\n`\n\nconst Main = styled.main`\n  flex: 1 1 auto;\n  padding-top: ${p => p.theme.space[21]};\n\n  ${mediaQueries.lg} {\n    padding-top: ${p => p.theme.space[24]};\n  }\n`\n\nexport const BaseLayout = ({ children, location }) => (\n  <Fragment>\n    <Global styles={globalStyles} />\n    <SiteMetadata location={location} />\n    {children}\n  </Fragment>\n)\n\nconst Layout = ({\n  children,\n  location,\n  withNav = true,\n  withFooter = true,\n  className,\n}) => {\n  const { title } = useSiteMetadata()\n  return (\n    <BaseLayout location={location}>\n      <Wrapper className={className}>\n        <Header withNav={withNav} siteTitle={title} />\n        <Main>{children}</Main>\n        {withFooter ? <Footer siteTitle={title} /> : null}\n      </Wrapper>\n    </BaseLayout>\n  )\n}\n\nexport default Layout\n","import React from 'react'\nimport { useTheme } from '@emotion/react'\n\nconst Logo = ({ size = '48', type, className }) => {\n  const theme = useTheme()\n  const [primary, secondary] =\n    type === 'black-and-white'\n      ? [theme.colors.white, theme.colors.gray[6]]\n      : [theme.colors.black[0], theme.colors.blue[0]]\n\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={size}\n      height={size}\n      viewBox=\"0 0 48 48\"\n      className={className}\n    >\n      <g fill=\"none\" fillRule=\"evenodd\">\n        <path\n          fill={secondary}\n          d=\"M24,32 C28.418278,32 32,35.581722 32,40 C32,44.418278 28.418278,48 24,48 C19.581722,48 16,44.418278 16,40 C16,35.581722 19.581722,32 24,32 Z M40,32 C44.418278,32 48,35.581722 48,40 C48,44.418278 44.418278,48 40,48 C35.581722,48 32,44.418278 32,40 C32,35.581722 35.581722,32 40,32 Z M40,16 C44.418278,16 48,19.581722 48,24 C48,28.418278 44.418278,32 40,32 C35.581722,32 32,28.418278 32,24 C32,19.581722 35.581722,16 40,16 Z\"\n        />\n        <path\n          fill={primary}\n          d=\"M8,32 C12.418278,32 16,35.581722 16,40 C16,44.418278 12.418278,48 8,48 C3.581722,48 5.41083001e-16,44.418278 0,40 C-5.41083001e-16,35.581722 3.581722,32 8,32 Z M8,16 C12.418278,16 16,19.581722 16,24 C16,28.418278 12.418278,32 8,32 C3.581722,32 5.41083001e-16,28.418278 0,24 C-5.41083001e-16,19.581722 3.581722,16 8,16 Z M24,16 C28.418278,16 32,19.581722 32,24 C32,28.418278 28.418278,32 24,32 C19.581722,32 16,28.418278 16,24 C16,19.581722 19.581722,16 24,16 Z M40,0 C44.418278,-8.11624501e-16 48,3.581722 48,8 C48,12.418278 44.418278,16 40,16 C35.581722,16 32,12.418278 32,8 C32,3.581722 35.581722,8.11624501e-16 40,0 Z M24,0 C28.418278,-8.11624501e-16 32,3.581722 32,8 C32,12.418278 28.418278,16 24,16 C19.581722,16 16,12.418278 16,8 C16,3.581722 19.581722,8.11624501e-16 24,0 Z M8,0 C12.418278,-8.11624501e-16 16,3.581722 16,8 C16,12.418278 12.418278,16 8,16 C3.581722,16 5.41083001e-16,12.418278 0,8 C-5.41083001e-16,3.581722 3.581722,8.11624501e-16 8,0 Z\"\n        />\n      </g>\n    </svg>\n  )\n}\n\nexport default Logo\n","import styled from '@emotion/styled'\nimport { css } from '@emotion/react'\nimport { mediaQueries } from '../../theme'\n\nconst variantStyles = ({ theme: { sizes, space }, variant = 'container' }) => {\n  switch (variant) {\n    case 'container':\n      return css`\n        max-width: ${sizes.xl};\n        padding: 0 ${space[6]};\n\n        ${mediaQueries.lg} {\n          padding: 0 ${space[10]};\n        }\n      `\n    case 'containerXl':\n      return css`\n        max-width: ${sizes.xxl};\n\n        ${mediaQueries.lg} {\n          padding: 0 ${space[10]};\n        }\n      `\n    case 'containerXxl':\n      return css`\n        max-width: ${sizes.xxl};\n      `\n    default:\n      return\n  }\n}\n\nconst Container = styled.div`\n  ${variantStyles}\n  margin: 0 auto;\n`\n\nexport default Container\n"],"names":["OuterContainer","p","theme","colors","footer","background","text","space","mediaQueries","Nav","Container","MainLogo","Logo","Brand","siteTitle","useTheme","to","css","link","fontWeights","heading","fontSizes","type","NavList","NavLink","Link","Copyright","className","Date","getFullYear","as","href","_path","_extends","Object","assign","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","SvgMenu","props","xmlns","width","height","viewBox","fill","stroke","strokeWidth","strokeLinecap","strokeLinejoin","d","white","shadows","extra","Navbar","forwardRef","ref","NavbarBrand","NavbarToggle","onClick","black","NavbarNav","collapse","navigation","border","ACTIVE_LINK_CLASSNAME","partiallyActive","children","variant","activeClassName","bold","linkHover","UsersNav","SignUpButton","LOGIN_URL","getLoginUrl","withNav","useState","setCollapse","useRef","handler","useEffect","listener","event","current","contains","document","addEventListener","removeEventListener","useOnClickOutside","Fragment","e","classList","Wrapper","Main","BaseLayout","location","styles","globalStyles","withFooter","title","useSiteMetadata","size","gray","blue","primary","secondary","fillRule","sizes","xl","xxl"],"sourceRoot":""}