{"version":3,"file":"component---src-pages-help-js-b7ab9035f41596c02d94.js","mappings":"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","sources":["webpack://getform/./src/components/shared/rules.js","webpack://getform/./src/pages/help.js","webpack://getform/./src/utils/index.js"],"sourcesContent":["import React from 'react'\nimport { css } from '@emotion/react'\n\nexport const Vr = ({ color = '#000', className }) => (\n  <svg\n    width=\"3\"\n    height=\"100%\"\n    css={css`\n      display: block;\n    `}\n    className={className}\n  >\n    <line\n      x1=\"2\"\n      x2=\"2\"\n      y1=\"100%\"\n      y2=\"2\"\n      stroke={color}\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeDasharray=\".001,12\"\n    />\n  </svg>\n)\n\nexport const Hr = ({ color = '#000', className }) => (\n  <svg\n    width=\"100%\"\n    height=\"3\"\n    css={css`\n      display: block;\n    `}\n    className={className}\n  >\n    <line\n      x1=\"2\"\n      x2=\"100%\"\n      y1=\"2\"\n      y2=\"2\"\n      stroke={color}\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeDasharray=\".001,12\"\n    />\n  </svg>\n)\n","import React from 'react'\nimport styled from '@emotion/styled'\nimport { graphql } from 'gatsby'\nimport Container from '../components/shared/container'\nimport { mediaQueries } from '../theme'\nimport FooterCta from '../components/footer-cta'\nimport { Hr as BaseHr } from '../components/shared/rules'\nimport Layout from '../components/layout'\nimport PageMetadata from '../components/page-metadata'\nimport BaseLink from '../components/shared/link'\nimport { H1 } from '../components/shared/type'\n\nconst InnerContainer = styled(Container)`\n  margin-bottom: ${p => p.theme.space[18]};\n  padding: 0;\n\n  ${mediaQueries.md} {\n    margin-bottom: ${p => p.theme.space[29]};\n  }\n`\n\nconst Heading = styled(H1)`\n  margin-bottom: ${p => p.theme.space[23]};\n  padding: ${p => `0 ${p.theme.space[6]}`};\n\n  ${mediaQueries.md} {\n    padding: 0;\n  }\n`\n\nconst CategoryContainer = styled.div`\n  padding: ${p => `0 ${p.theme.space[6]}`};\n\n  ${mediaQueries.md} {\n    width: max-content;\n    padding: 0;\n  }\n\n  & + & {\n    margin-top: ${p => p.theme.space[16]};\n  }\n`\n\nconst Header = styled.div`\n  margin: ${p => `0 0 ${p.theme.space[6]}`};\n\n  ${mediaQueries.md} {\n    margin: ${p => `0 0 ${p.theme.space[6]}`};\n  }\n`\n\nconst Hr = styled(BaseHr)`\n  margin: ${p => `0 0 ${p.theme.space[6]} 0`};\n  padding: 0;\n\n  ${mediaQueries.lg} {\n    min-width: 24.25rem;\n  }\n`\n\nconst TitleLink = styled.span`\n  margin: 0;\n  font-weight: ${p => p.theme.fontWeights.heading};\n  font-size: ${p => p.theme.fontSizes[6]};\n  line-height: 1.5;\n\n  ${mediaQueries.lg} {\n    font-size: ${p => p.theme.fontSizes[5]};\n  }\n`\n\nconst Link = styled(BaseLink)`\n  display: block;\n  font-size: ${p => p.theme.fontSizes[2]};\n  font-weight: ${p => p.theme.fontWeights.bold};\n  color: ${p => p.theme.colors.text};\n\n  ${mediaQueries.lg} {\n    :hover {\n      text-decoration: underline;\n    }\n  }\n`\n\nconst InactiveLink = styled.span`\n  font-size: ${p => p.theme.fontSizes[2]};\n  font-weight: ${p => p.theme.fontWeights.bold};\n  opacity: 0.3;\n`\n\nconst List = styled.ul`\n  margin: 0;\n  padding: 0;\n`\n\nconst ListItem = styled.li`\n  padding: 0;\n  list-style: ${p => (p.image ? `'${p.image} '` : 'none')};\n`\n\nconst HelpPage = ({ data, location }) => {\n  const {\n    allMdx: { categories },\n  } = data\n\n  return (\n    <Layout location={location}>\n      <PageMetadata\n        title=\"Help Center | Getform\"\n        description=\"Find answers to your questions about the Getform settings, features, and best practices.\"\n      />\n      <InnerContainer>\n        <Heading>Help center</Heading>\n        {categories.map(c => {\n          const { posts, slug } = c\n          return (\n            <CategoryContainer key={slug}>\n              <Header>\n                <TitleLink>{posts[0].frontmatter.category}</TitleLink>\n              </Header>\n\n              <Hr />\n\n              <List>\n                {posts.map((post, index) => (\n                  <ListItem key={`howto-${index}`}>\n                    <Link to={post.fields.slug}>{post.frontmatter.title}</Link>\n                  </ListItem>\n                ))}\n              </List>\n            </CategoryContainer>\n          )\n        })}\n\n        <CategoryContainer>\n          <Header>\n            <TitleLink>General</TitleLink>\n          </Header>\n\n          <Hr />\n          <InactiveLink>Coming soon</InactiveLink>\n        </CategoryContainer>\n      </InnerContainer>\n      <FooterCta />\n    </Layout>\n  )\n}\n\nexport default HelpPage\n\nexport const query = graphql`\n  query {\n    allMdx(\n      filter: { frontmatter: { resource: { eq: \"Help\" } } }\n      sort: { fields: [frontmatter___date], order: DESC }\n    ) {\n      categories: group(field: fields___categorySlug) {\n        slug: fieldValue\n        posts: nodes {\n          ...postPreviewFragment\n        }\n      }\n    }\n  }\n`\n","import React from 'react'\n\nexport const slugify = value => value.toLowerCase().replace(/\\s+/g, '-')\n\nexport const withAttrs = (Component, attrs) => props =>\n  <Component {...attrs} {...props} />\n\nexport function isInsideIframe() {\n  try {\n    return typeof window !== 'undefined' && window.self !== window.top\n  } catch (e) {\n    return true\n  }\n}\n\nconst formatter = new Intl.NumberFormat('en-US', {\n  style: 'decimal',\n})\n\nexport function formatNumber(value, sep = ' ') {\n  return formatter\n    .formatToParts(value)\n    .filter(part => part.type === 'integer')\n    .map(part => part.value)\n    .join(sep)\n}\n\nexport const chunkArray = (array, size) =>\n  array.reduce((acc, _, i) => {\n    if (i % size === 0) acc.push(array.slice(i, i + size))\n    return acc\n  }, [])\n"],"names":["Hr","color","className","width","height","css","x1","x2","y1","y2","stroke","strokeWidth","strokeLinecap","strokeDasharray","InnerContainer","Container","p","theme","space","mediaQueries","Heading","H1","CategoryContainer","Header","BaseHr","TitleLink","fontWeights","heading","fontSizes","Link","BaseLink","bold","colors","text","InactiveLink","List","ListItem","image","data","location","categories","allMdx","title","description","map","c","posts","slug","key","frontmatter","category","post","index","to","fields","slugify","value","toLowerCase","replace","withAttrs","Component","attrs","props","isInsideIframe","window","self","top","e","formatter","Intl","NumberFormat","style","formatNumber","sep","formatToParts","filter","part","type","join","chunkArray","array","size","reduce","acc","_","i","push","slice"],"sourceRoot":""}