{"version":3,"file":"component---src-templates-category-template-js-c8bf2df9953ddfb7dd19.js","mappings":"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","sources":["webpack://getform/./src/assets/icons/arrow-down.svg","webpack://getform/./src/templates/category-template.js","webpack://getform/./src/utils/index.js"],"sourcesContent":["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 SvgArrowDown(props) {\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    xmlns: \"http://www.w3.org/2000/svg\",\n    width: 24,\n    height: 14,\n    viewBox: \"0 0 24 14\"\n  }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M24 2.956L12 15 0 2.956 1.949 0 12 10.088 22.051 0z\"\n  })));\n}\n\nexport default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDI0IDE0Ij4KICA8cG9seWdvbiBwb2ludHM9IjUzMyA0ODMuOTU2IDUyMSA0OTYgNTA5IDQ4My45NTYgNTEwLjk0OSA0ODEgNTIxIDQ5MS4wODggNTMxLjA1MSA0ODEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01MDkgLTQ4MSkiLz4KPC9zdmc+Cg==\";\nexport { SvgArrowDown as ReactComponent };","import React from 'react'\nimport { graphql } from 'gatsby'\nimport styled from '@emotion/styled'\nimport { ReactComponent as ArrowIcon } from 'assets/icons/arrow-down.svg'\nimport { H1 } from '../components/shared/type'\nimport Container from '../components/shared/container'\nimport { slugify } from '../utils'\nimport { mediaQueries } from '../theme'\nimport Layout from '../components/layout'\nimport PageMetadata from '../components/page-metadata'\nimport PostList from '../components/resources/post-list'\nimport FooterCta from '../components/footer-cta'\nimport Link from '../components/shared/link'\n\nconst InnerContainer = styled(Container)`\n  margin-bottom: ${p => p.theme.space[18]};\n\n  ${mediaQueries.md} {\n    margin-bottom: ${p => p.theme.space[29]};\n  }\n`\n\nconst Posts = styled(PostList)`\n  margin-bottom: ${p => p.theme.space[21]};\n`\n\nconst Title = styled(H1)`\n  margin: 0 0 ${p => p.theme.space[8]};\n  ${mediaQueries.md} {\n    margin-bottom: ${p => p.theme.space[21]};\n  }\n`\n\nconst Subtitle = styled.span`\n  color: ${p => p.theme.colors.blue[0]};\n`\n\nconst Arrow = styled(ArrowIcon)`\n  display: inline-block;\n  transform: rotate(-90deg);\n  width: 25px;\n  height: 25px;\n  margin: 0 15px;\n  ${mediaQueries.lg} {\n    width: 50px;\n    height: 50px;\n  }\n`\n\nconst CategoryTemplate = ({ data, location }) => {\n  const { posts } = data.allMdx\n  const categories = [\n    ...data.allBlogCategoriesYaml.categories,\n    ...data.allUseCasesCategoriesYaml.categories,\n  ]\n  const resource = posts[0]?.frontmatter?.resource\n  const resourcePath = slugify(resource)\n  const title = posts[0]?.frontmatter?.category\n  const category = categories.find(c => c.title === title) || {}\n\n  const { metaTitle, description } = category\n\n  return (\n    <Layout location={location}>\n      <PageMetadata title={metaTitle} description={description} />\n      <InnerContainer>\n        <Title>\n          <Link variant=\"nav\" to={`/${resourcePath}/`}>\n            {resource}\n          </Link>\n          <Arrow />\n          <Subtitle>{title}</Subtitle>\n        </Title>\n        <Posts posts={posts} />\n      </InnerContainer>\n      <FooterCta />\n    </Layout>\n  )\n}\n\nexport default CategoryTemplate\n\nexport const query = graphql`\n  query Category($categorySlug: String!) {\n    allMdx(\n      sort: { fields: [frontmatter___date], order: DESC }\n      filter: { fields: { categorySlug: { eq: $categorySlug } } }\n    ) {\n      posts: nodes {\n        ...postPreviewFragment\n      }\n    }\n    allBlogCategoriesYaml {\n      categories: nodes {\n        title\n        metaTitle\n        description\n      }\n    }\n    allUseCasesCategoriesYaml {\n      categories: nodes {\n        title\n        metaTitle\n        description\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":["_path","_extends","Object","assign","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","SvgArrowDown","props","xmlns","width","height","viewBox","d","InnerContainer","Container","p","theme","space","mediaQueries","Posts","PostList","Title","H1","Subtitle","colors","blue","Arrow","ArrowIcon","data","location","posts","allMdx","categories","allBlogCategoriesYaml","allUseCasesCategoriesYaml","resource","frontmatter","resourcePath","slugify","title","category","find","c","metaTitle","description","variant","to","value","toLowerCase","replace","withAttrs","Component","attrs","isInsideIframe","window","self","top","e","formatter","Intl","NumberFormat","style","formatNumber","sep","formatToParts","filter","part","type","map","join","chunkArray","array","size","reduce","acc","_","push","slice"],"sourceRoot":""}