{"version":3,"sources":["webpack:///./node_modules/gatsby-plugin-mdx/index.js","webpack:///./src/templates/ProjectCategoryTemplate/ProjectCategoryTemplate.js","webpack:///./src/components/Layout/LayoutFullWidth.js","webpack:///./node_modules/gatsby-plugin-mdx/mdx-renderer.js"],"names":["MDXRenderer","require","module","ProjectCategoryTemplate","data","category","frontmatter","title","summary","content","projects","edges","breadcrumbs","label","url","categoryProjects","filter","node","pathOr","includes","thickness","tag","type","className","length","columns","map","i","key","path","thumbnailSrc","href","ProjectCategory","header","pageQuery","LayoutFullWidth","children","useSiteMetadata","description","headerProps","image","backgroundUrl","React","useMDXComponents","mdx","useMDXScope","scope","components","props","mdxComponents","mdxScope","End","fullScope","keys","Object","values","fn"],"mappings":"iFAMA,IAAMA,EAAcC,EAApB,QAEAC,UAAiB,CACfF,YAAaA,I,4QCoCFG,EAA0B,SAAC,GAAc,IAAZC,EAAW,EAAXA,KAAW,EAM/CA,EAJFC,SACEC,YAAeC,EAHgC,EAGhCA,MAAOC,EAHyB,EAGzBA,QAASC,EAHgB,EAGhBA,QAEdC,EACjBN,EADFM,SAAYC,MAGRC,EAAc,CAClB,CACEC,MAAO,aACPC,IAAK,eAEP,CACED,MAAON,IAILQ,EAAmBL,EAASM,QAAO,gBAAGC,EAAH,EAAGA,KAAH,OACvCC,YAAO,GAAI,CAAC,cAAe,cAAeD,GAAME,SAASZ,MAE3D,OACE,kBAAC,cAAD,KACE,kBAAC,IAAD,CAAkBK,YAAaA,GAC7B,kBAAC,IAAD,CAASQ,UAAW,IACpB,kBAAC,IAAD,CAAYC,IAAI,KAAKC,KAAK,aAAaC,UAAU,QAC9ChB,GAEH,kBAAC,IAAD,KACGC,GAAW,6BAAMA,GACjBC,GAAW,kBAAC,cAAD,KAAcA,IAE3BM,EAAiBS,OAAS,GACzB,oCACE,kBAAC,IAAD,CAASJ,UAAW,IACT,kBAAVb,GACC,kBAAC,IAAD,CAAYc,IAAI,KAAKE,UAAU,QAA/B,YAIF,kBAAC,IAAD,CAAeE,QAAS,GACrBV,EAAiBW,KAAI,WAAWC,GAAO,IAAfV,EAAc,EAAdA,KACvB,OACE,kBAAC,IAAD,CACEW,IAAKD,EACLpB,MAAOsB,YAAK,CAAC,cAAe,SAAUZ,GACtCa,aAAcD,YAAK,CAAC,cAAe,iBAAkBZ,GACrDc,KAAMF,YAAK,CAAC,SAAU,QAASZ,IAE9BY,YAAK,CAAC,cAAe,WAAYZ,GANpC,eAmCHe,UAfS,SAAC,GAAc,IAAZ5B,EAAW,EAAXA,KAGN6B,EAEf7B,EAHFC,SACEC,YAAe2B,OAGnB,OACE,kBAAC,IAAD,CAAiBA,OAAQA,GACvB,kBAAC9B,EAAD,CAAyBC,KAAMA,MAU9B,IAAM8B,EAAS,c,s3BC9FPC,IAvBS,SAAC,GAA0B,IAAxBF,EAAuB,EAAvBA,OAAQG,EAAe,EAAfA,SAAe,EACjBC,cAAvB9B,EADwC,EACxCA,MAAO+B,EADiC,EACjCA,YACTC,EAAW,OACZN,GADY,IAEfO,MAAOP,EAAOQ,gBAGhB,OACE,oCACE,kBAAC,IAAD,CAAMlC,MAAOA,EAAO+B,YAAaA,IACjC,kBAAC,IAAD,MACA,kBAAC,IAAkBC,GAClBH,EACD,kBAAC,IAAD,S,qrECtBN,IAAMM,EAAQzC,EAAd,Q,EACkCA,EAAQ,QAAlC0C,E,EAAAA,iBAAkBC,E,EAAAA,IAClBC,EAAgB5C,EAAQ,QAAxB4C,YAER3C,UAAiB,SAAqB,GAKlC,IAJF4C,EAIC,EAJDA,MACAC,EAGC,EAHDA,WACAX,EAEC,EAFDA,SACGY,E,oIACF,sCACKC,EAAgBN,EAAtB,GACMO,EAAWL,EAFhB,GAKKM,EAAMT,EAAA,SAAc,WACxB,MACE,OAAO,KAGT,IAAMU,EAAS,GAGbV,MAHa,EAIbE,OAJF,GAQMS,EAAOC,YAAb,GACMC,EAASF,EAAA,KAAS,SAAAzB,GAAG,OAAIwB,EAAJ,MAG3B,OAFQ,mCAAR,KAEOI,2BAAP,OACC,CAACpB,EAlBJ,IAoBA,OAAOM,EAAA,mBAA2BK,WAAYE,GAA9C","file":"component---src-templates-project-category-template-project-category-template-js-486a090f3448bd5a0563.js","sourcesContent":["/**\n * Welcome to gatsby-plugin-mdx!\n *\n * Start reading in gatsby-node.js\n */\n\nconst MDXRenderer = require(`./mdx-renderer`)\n\nmodule.exports = {\n  MDXRenderer: MDXRenderer,\n}\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { graphql } from 'gatsby'\nimport { MDXProvider } from '@mdx-js/react'\n\nimport LayoutFullWidth from '../../components/Layout/LayoutFullWidth'\nimport headerProps from '../../components/propTypes/headerProps'\nimport {\n  Divider,\n  MdxWrapper,\n  PinBlockGroup,\n  AggregatorPin4,\n  CategoryTemplate,\n  Typography,\n} from '../../components'\nimport { path, pathOr } from 'ramda'\nimport { MDXRenderer } from 'gatsby-plugin-mdx'\n\nconst propTypes = {\n  data: PropTypes.shape({\n    category: PropTypes.shape({\n      frontmatter: PropTypes.shape({\n        header: headerProps,\n        title: PropTypes.string,\n        summary: PropTypes.string,\n        content: PropTypes.string,\n      }),\n    }),\n    projects: PropTypes.shape({\n      edges: PropTypes.arrayOf(\n        PropTypes.shape({\n          node: PropTypes.shape({\n            fields: PropTypes.shape({\n              slug: PropTypes.string,\n            }),\n            frontmatter: PropTypes.shape({\n              title: PropTypes.string,\n            }),\n          }),\n        }),\n      ),\n    }),\n  }),\n}\n\nexport const ProjectCategoryTemplate = ({ data }) => {\n  const {\n    category: {\n      frontmatter: { title, summary, content },\n    },\n    projects: { edges: projects },\n  } = data\n\n  const breadcrumbs = [\n    {\n      label: 'Catalysing',\n      url: '/catalysing',\n    },\n    {\n      label: title,\n    },\n  ]\n\n  const categoryProjects = projects.filter(({ node }) =>\n    pathOr([], ['frontmatter', 'categories'], node).includes(title),\n  )\n  return (\n    <MDXProvider>\n      <CategoryTemplate breadcrumbs={breadcrumbs}>\n        <Divider thickness={4} />\n        <Typography tag=\"h1\" type=\"boxHeading\" className=\"mb-8\">\n          {title}\n        </Typography>\n        <MdxWrapper>\n          {summary && <div>{summary}</div>}\n          {content && <MDXRenderer>{content}</MDXRenderer>}\n        </MdxWrapper>\n        {categoryProjects.length > 0 && (\n          <>\n            <Divider thickness={4} />\n            {title !== 'Opportunities' && (\n              <Typography tag=\"h2\" className=\"mb-8\">\n                Projects\n              </Typography>\n            )}\n            <PinBlockGroup columns={2}>\n              {categoryProjects.map(({ node }, i) => {\n                return (\n                  <AggregatorPin4\n                    key={i}\n                    title={path(['frontmatter', 'title'], node)}\n                    thumbnailSrc={path(['frontmatter', 'featuredImage'], node)}\n                    href={path(['fields', 'slug'], node)}\n                  >\n                    {path(['frontmatter', 'excerpt'], node)}...\n                  </AggregatorPin4>\n                )\n              })}\n            </PinBlockGroup>\n          </>\n        )}\n      </CategoryTemplate>\n    </MDXProvider>\n  )\n}\n\nProjectCategoryTemplate.propTypes = propTypes\n\nconst ProjectCategory = ({ data }) => {\n  const {\n    category: {\n      frontmatter: { header },\n    },\n  } = data\n  return (\n    <LayoutFullWidth header={header}>\n      <ProjectCategoryTemplate data={data} />\n    </LayoutFullWidth>\n  )\n}\n\nProjectCategory.propTypes = propTypes\n\nexport default ProjectCategory\n\n/** @todo only fetch projects by category */\nexport const pageQuery = graphql`\n  query ProjectCategoryTemplate($slug: String!) {\n    category: mdx(fields: { slug: { eq: $slug } }) {\n      frontmatter {\n        ...headerFields\n        ...introFields\n        title\n        summary\n        content\n      }\n    }\n    projects: allMdx(\n      filter: { fields: { contentType: { eq: \"projects\" } } }\n      limit: 1000\n    ) {\n      edges {\n        node {\n          fields {\n            slug\n          }\n          frontmatter {\n            title\n            excerpt\n            featuredImage {\n              childCloudinaryMediaImage {\n                fixed(width: 150) {\n                  height\n                  src\n                  srcSet\n                  width\n                }\n              }\n            }\n            categories\n          }\n        }\n      }\n    }\n  }\n`\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport Navbar from '../partials/NavBar/Navbar'\nimport useSiteMetadata from '../graphqlFragments/SiteMetadata'\nimport { Footer } from '..'\nimport Head from './Head'\nimport headerProps from '../propTypes/headerProps'\nimport PrimaryHeader from '../elements/PrimaryHeader/PrimaryHeader'\n\nconst LayoutFullWidth = ({ header, children }) => {\n  const { title, description } = useSiteMetadata()\n  const headerProps = {\n    ...header,\n    image: header.backgroundUrl,\n  }\n\n  return (\n    <>\n      <Head title={title} description={description} />\n      <Navbar />\n      <PrimaryHeader {...headerProps} />\n      {children}\n      <Footer />\n    </>\n  )\n}\n\nLayoutFullWidth.propTypes = {\n  header: headerProps,\n  children: PropTypes.node,\n}\n\nexport default LayoutFullWidth\n","const React = require(`react`)\nconst { useMDXComponents, mdx } = require(`@mdx-js/react`)\nconst { useMDXScope } = require(`./context`)\n\nmodule.exports = function MDXRenderer({\n  scope,\n  components,\n  children,\n  ...props\n}) {\n  const mdxComponents = useMDXComponents(components)\n  const mdxScope = useMDXScope(scope)\n\n  // Memoize the compiled component\n  const End = React.useMemo(() => {\n    if (!children) {\n      return null\n    }\n\n    const fullScope = {\n      // React is here just in case the user doesn't pass them in\n      // in a manual usage of the renderer\n      React,\n      mdx,\n      ...mdxScope,\n    }\n\n    const keys = Object.keys(fullScope)\n    const values = keys.map(key => fullScope[key])\n    const fn = new Function(`_fn`, ...keys, `${children}`)\n\n    return fn({}, ...values)\n  }, [children, scope])\n\n  return React.createElement(End, { components: mdxComponents, ...props })\n}\n"],"sourceRoot":""}