{"version":3,"sources":["webpack:///./node_modules/gatsby-plugin-mdx/index.js","webpack:///./src/components/Layout/ContentRightSidebar/ContentRightSidebar.js","webpack:///./node_modules/gatsby-plugin-mdx/mdx-renderer.js","webpack:///./src/templates/CoursePageTemplate/CoursePageTemplate.js","webpack:///./src/components/Layout/ContentRightSidebar/ContentRightSidebar.module.css"],"names":["MDXRenderer","require","module","ContentRightSidebar","header","children","useSiteMetadata","title","description","classes","classNames","styles","root","headerProps","image","backgroundUrl","className","React","useMDXComponents","mdx","useMDXScope","scope","components","props","mdxComponents","mdxScope","End","fullScope","keys","Object","values","key","fn","shortcodes","Divider","Button","PullQuote","StatsPin","PinBlockGroup","YouTube","CoursePageTemplate","data","page","categories","frontmatter","firstCategory","head","category","edges","find","c","node","breadcrumbs","label","url","faqs","iconUrl","content","pathOr","applicationUrl","path","startDate","applicationDeadline","thickness","tag","type","format","Date","length","items","href","target","rel","CoursePage","pageQuery","exports"],"mappings":"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","file":"component---src-templates-course-page-template-course-page-template-js-15934743ac72e83904bb.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 classNames from 'classnames'\nimport PropTypes from 'prop-types'\nimport Navbar from '../../partials/NavBar/Navbar'\nimport useSiteMetadata from '../../graphqlFragments/SiteMetadata'\nimport Head from '../Head'\nimport { Footer } from '../..'\nimport styles from './ContentRightSidebar.module.css'\nimport headerProps from '../../propTypes/headerProps'\nimport PrimaryHeader from '../../elements/PrimaryHeader/PrimaryHeader'\n\nconst ContentRightSidebar = ({ header, children }) => {\n  const { title, description } = useSiteMetadata()\n  const classes = classNames(['page-wrapper container', styles.root])\n  const headerProps = !header\n    ? null\n    : {\n        ...header,\n        image: header.backgroundUrl,\n      }\n\n  return (\n    <>\n      <Head title={title} description={description} />\n      <Navbar />\n      {header && <PrimaryHeader {...headerProps} />}\n      <div className={classes}>{children}</div>\n      <Footer />\n    </>\n  )\n}\n\nContentRightSidebar.propTypes = {\n  header: headerProps,\n  children: PropTypes.node,\n}\n\nexport default ContentRightSidebar\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","/* eslint-disable react/prop-types */\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport { graphql } from 'gatsby'\nimport { MDXProvider } from '@mdx-js/react'\n\nimport ContentRightSidebarLayout from '../../components/Layout/ContentRightSidebar/ContentRightSidebar'\nimport headerProps from '../../components/propTypes/headerProps'\nimport {\n  Divider,\n  TemplateBreadCrumbs,\n  Typography,\n  MdxWrapper,\n  Accordion,\n  PressOfficeWidget,\n  Button,\n  PullQuote,\n  StatsPin,\n  PinBlockGroup,\n  YouTube,\n} from '../../components'\nimport { head, path, pathOr } from 'ramda'\nimport { MDXRenderer } from 'gatsby-plugin-mdx'\nimport { format } from 'date-fns'\n// import styles from './CoursePageTemplate.module.css'\n\nconst shortcodes = {\n  Divider,\n  Button,\n  PullQuote,\n  StatsPin,\n  PinBlockGroup,\n  YouTube,\n}\n\nexport const CoursePageTemplate = ({ data }) => {\n  const { page, categories } = data\n  const { frontmatter } = page\n  const { title } = frontmatter\n\n  const firstCategory = head(frontmatter.categories)\n  const category = categories.edges.find(\n    c => c.node.frontmatter.title === firstCategory,\n  )\n\n  const breadcrumbs = [\n    {\n      label: 'Courses',\n      url: '/educating',\n    },\n    {\n      label: title,\n    },\n  ]\n\n  const faqs =\n    page.frontmatter.faqs === null\n      ? []\n      : [\n          {\n            title: 'Course Information',\n            iconUrl: '',\n            content: (\n              <MDXProvider components={shortcodes}>\n                <MdxWrapper>\n                  <MDXRenderer>\n                    {pathOr('', ['frontmatter', 'faqs', 'information'], page)}\n                  </MDXRenderer>\n                </MdxWrapper>\n              </MDXProvider>\n            ),\n          },\n          {\n            title: 'Tuition Fees',\n            iconUrl: '',\n            content: (\n              <MDXProvider components={shortcodes}>\n                <MdxWrapper>\n                  <MDXRenderer>\n                    {pathOr('', ['frontmatter', 'faqs', 'tuition'], page)}\n                  </MDXRenderer>\n                </MdxWrapper>\n              </MDXProvider>\n            ),\n          },\n          {\n            title: 'Course Dates',\n            iconUrl: '',\n            content: (\n              <MDXProvider components={shortcodes}>\n                <MdxWrapper>\n                  <MDXRenderer>\n                    {pathOr('', ['frontmatter', 'faqs', 'dates'], page)}\n                  </MDXRenderer>\n                </MdxWrapper>\n              </MDXProvider>\n            ),\n          },\n        ]\n\n  const applicationUrl = path(['applyUrl'], frontmatter)\n  const startDate = path(['startDate'], frontmatter)\n  const applicationDeadline = path(['applicationDeadline'], frontmatter)\n\n  return (\n    <MDXProvider components={shortcodes}>\n      <TemplateBreadCrumbs breadcrumbs={breadcrumbs} />\n      <Divider thickness={4} />\n\n      <MdxWrapper>\n        <Typography tag=\"h1\" type=\"boxHeading\">\n          {path(['node', 'frontmatter', 'title'], category)}\n        </Typography>\n        <Typography type=\"lead\">\n          {path(['node', 'frontmatter', 'summary'], category)}\n        </Typography>\n        <Typography tag=\"h2\" type=\"h3\">\n          {path(['frontmatter', 'title'], page)}\n        </Typography>\n        <Typography tag=\"p\">\n          {startDate && (\n            <>\n              <strong className=\"text-teal-light uppercase\">\n                Application Deadline:{' '}\n              </strong>\n              {format(new Date(applicationDeadline), 'dd MMMM yyyy')}\n              <br />\n            </>\n          )}\n          {applicationDeadline && (\n            <>\n              <strong className=\"text-teal-light uppercase\">\n                Course starts:{' '}\n              </strong>\n              {format(new Date(startDate), 'dd MMMM yyyy')}\n            </>\n          )}\n        </Typography>\n        <MDXRenderer>{path(['frontmatter', 'editor'], page)}</MDXRenderer>\n      </MdxWrapper>\n\n      {faqs.length > 0 && (\n        <>\n          <Typography tag=\"h3\" type=\"h4\" className=\"my-4\">\n            Course FAQs\n          </Typography>\n          <Accordion items={faqs} className=\"mb-8\" />\n        </>\n      )}\n\n      {applicationUrl && (\n        <a\n          href={applicationUrl}\n          target=\"_blank\"\n          rel=\"noreferrer \"\n          className=\"button\"\n        >\n          Apply now\n        </a>\n      )}\n    </MDXProvider>\n  )\n}\n\nCoursePageTemplate.propTypes = {}\n\nconst CoursePage = ({ data }) => {\n  const {\n    page: {\n      frontmatter: { header },\n    },\n  } = data\n  return (\n    <ContentRightSidebarLayout header={header}>\n      <div>\n        <CoursePageTemplate data={data} />\n      </div>\n      <div>\n        <PressOfficeWidget />\n      </div>\n    </ContentRightSidebarLayout>\n  )\n}\n\nCoursePage.propTypes = {\n  page: PropTypes.shape({\n    frontmatter: PropTypes.shape({\n      header: headerProps,\n      title: PropTypes.string,\n    }),\n  }),\n  categories: PropTypes.shape({\n    edges: PropTypes.arrayOf(\n      PropTypes.shape({\n        node: PropTypes.shape({\n          fields: PropTypes.any,\n          frontmatter: PropTypes.any,\n        }),\n      }),\n    ),\n  }),\n  // tags: PropTypes.shape({\n  //   edges: PropTypes.arrayOf(PropTypes.shape({\n  //     node: PropTypes.shape({\n  //       frontmatter: PropTypes.shape({\n  //         title: PropTypes.string\n  //       })\n  //     })\n  //   }))\n  // })\n}\n\nexport default CoursePage\n\nexport const pageQuery = graphql`\n  query CoursePageTemplate($slug: String!) {\n    page: mdx(fields: { slug: { eq: $slug } }) {\n      frontmatter {\n        ...headerFields\n        title\n        applicationDeadline\n        startDate\n        featuredImage {\n          childCloudinaryMediaImage {\n            fixed(width: 400) {\n              aspectRatio\n              height\n              src\n              srcSet\n              width\n            }\n          }\n        }\n        editor\n        applyUrl\n        categories\n        faqs {\n          information\n          tuition\n          dates\n        }\n      }\n    }\n    categories: allMdx(\n      filter: { fields: { contentType: { eq: \"courseCategories\" } } }\n    ) {\n      edges {\n        node {\n          fields {\n            slug\n          }\n          frontmatter {\n            title\n            summary\n          }\n        }\n      }\n    }\n  }\n`\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"root\":\"ContentRightSidebar-module--root--OGPZo\"};"],"sourceRoot":""}