{"version":3,"file":"component---src-templates-single-podcast-js-e1cd4a73250f472b079c.js","mappings":"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","sources":["webpack://gatsby-starter-default/./src/components/Containers/Section.js","webpack://gatsby-starter-default/./src/components/Containers/Columns.js","webpack://gatsby-starter-default/./src/templates/single-podcast.js"],"sourcesContent":["import React from \"react\"\nimport PropTypes from \"prop-types\"\nimport classNames from \"classnames\"\n\nconst Section = ({\n  children,\n  colorBack = false,\n  colorBackSecondary = false,\n  smallSpacing,\n  zeroTop,\n  zeroBottom,\n  zeroTopMobile,\n  zeroBottomMobile,\n  zeroTopDesktop,\n  zeroBottomDesktop,\n  className\n}) => {\n  const wrapperClasses = classNames(className, {\n    sctn: true,\n    \"sctn--small\": smallSpacing,\n    \"color-back\": colorBack,\n    \"color-back--gray\": colorBackSecondary,\n    \"mt-0\": zeroTop && !colorBack,\n    \"mb-0\": zeroBottom && !colorBack,\n    \"pt-0\": zeroTop && colorBack,\n    \"pb-0\": zeroBottom && colorBack,\n    \"mt-0--mobile\": zeroTopMobile && !colorBack,\n    \"mb-0--mobile\": zeroBottomMobile && !colorBack,\n    \"pt-0--mobile\": zeroTopMobile && colorBack,\n    \"pb-0--mobile\": zeroBottomMobile && colorBack,\n    \"mt-0--desktop\": zeroTopDesktop && !colorBack,\n    \"mb-0--desktop\": zeroBottomDesktop && !colorBack,\n    \"pt-0--desktop\": zeroTopDesktop && colorBack,\n    \"pb-0--desktop\": zeroBottomDesktop && colorBack\n  })\n\n  return <section className={wrapperClasses}>{children}</section>\n}\n\nexport default Section\n\nSection.propTypes = {\n  children: PropTypes.node.isRequired,\n  colorBack: PropTypes.bool,\n  smallSpacing: PropTypes.bool,\n  zeroTop: PropTypes.bool,\n  zeroBottom: PropTypes.bool\n}\n","import React from \"react\"\nimport classNames from \"classnames\"\n\nconst Columns = ({\n  children,\n  rowReverse,\n  className,\n  verticallyCentered,\n  sideColumnsSize\n}) => {\n  const mainClasses = classNames(\"columns\", className, {\n    \"is-vcentered\": verticallyCentered,\n    \"flex-row-reverse\": rowReverse\n  })\n  return (\n    <div className={mainClasses}>\n      {!!sideColumnsSize && <div className={`column is-${sideColumnsSize}`} />}\n      {children}\n      {!!sideColumnsSize && <div className={`column is-${sideColumnsSize}`} />}\n    </div>\n  )\n}\n\nexport default Columns\n","import React from \"react\"\nimport { graphql, Link } from \"gatsby\"\nimport Layout from \"../components/layout\"\nimport SEO from \"../components/seo\"\nimport { Text, Image } from \"../components/Core\"\nimport { Section, Columns } from \"../components/Containers\"\nimport { Button } from \"../components/Button\"\n\nconst SinglePodcast = ({ data, pageContext, location }) => {\n  const post = data.allPodcastsJson.nodes[0]\n  const { language } = pageContext\n  const queryUrl = `/${data.query.nodes[0].title}`\n  const related = data.relatedPodcasts.edges.filter(edge => edge.next !== null)\n\n  const ogImage = `https://res.cloudinary.com/nuvolum/image/upload/c_scale,h_630,w_1200/v1/${post.thumbnail}`\n\n  return (\n    <Layout className=\"podcast\" language={language}>\n      <SEO\n        title={post.metaTitle}\n        description={post.metaDescription}\n        pathname={location.pathname}\n        lang={language}\n        ogImage={ogImage}\n      />\n\n      <Section\n        zeroBottom\n        colorBack\n        className=\"podcast__clip single-podcast-hero relative\">\n        <Columns sideColumnsSize={2} className=\"pq__hero\">\n          <div className=\"column ps__heading mb-3--mobile\">\n            <Button goBack href={queryUrl} />\n            <Text\n              as=\"p\"\n              className=\"ps__episode\"\n              text={`EPISODE ${post.episode}`}\n            />\n            <Text\n              className=\"ps__h1 px-40--mobile\"\n              as=\"h1\"\n              text={post.heading}\n            />\n            <a\n              href={post.url}\n              target=\"_blank\"\n              aria-label=\"open link in new tab\"\n              title=\"Listen on Youtube\"\n              className=\"ps__btn mx-40--mobile\">\n              WATCH VIDEO\n            </a>\n          </div>\n          <div className=\"column is-2\"></div>\n          <div className=\"column\">\n            <Image publicId={post.heroImage} />\n          </div>\n        </Columns>\n      </Section>\n\n      <Section>\n        <Columns sideColumnsSize={2}>\n          <div className=\"column\">\n            <Text className=\"ps__body\" text={post.body} />\n          </div>\n        </Columns>\n      </Section>\n\n      {related && related.length > 0 && (\n        <Section>\n          <Columns sideColumnsSize={2}>\n            <div className=\"column\">\n              <Text\n                as=\"h3\"\n                className=\"color-white\"\n                text=\"Listen to other episodes\"\n              />\n              <div className=\"pq__list\">\n                {related.map((edge, index) => (\n                  <div key={edge.next.title} className=\"pq__card\">\n                    <Text\n                      className=\"pq__card-ep px-0\"\n                      as=\"p\"\n                      text={`Episode ${edge.next.episode}`}\n                    />\n                    <Text\n                      className=\"pq__card-heading px-0\"\n                      as=\"h3\"\n                      text={edge.next.heading}\n                    />\n                    <Text\n                      className=\"pq__card-description px-0\"\n                      as=\"p\"\n                      text={edge.next.description}\n                    />\n                    <Link\n                      className=\"pq__card-btn\"\n                      to={\"/\" + edge.next.title}\n                      title=\"Listen to the full episode\">\n                      Listen to Episode\n                    </Link>\n                  </div>\n                ))}\n              </div>\n            </div>\n          </Columns>\n        </Section>\n      )}\n    </Layout>\n  )\n}\n\nexport const pageQuery = graphql`\n  query singlePodcastPage($title: String!, $episode: Int!) {\n    allPodcastsJson(filter: { title: { eq: $title } }) {\n      nodes {\n        metaTitle\n        metaDescription\n        episode\n        heading\n        heroImage\n        thumbnail\n        url\n        body\n      }\n    }\n    query: allUniquePagesJson(filter: { title: { eq: \"podcast/\" } }) {\n      nodes {\n        title\n      }\n    }\n    relatedPodcasts: allPodcastsJson(\n      filter: { episode: { ne: $episode } }\n      limit: 4\n      sort: { fields: episode }\n    ) {\n      edges {\n        next {\n          episode\n          heading\n          title\n          description\n        }\n      }\n    }\n  }\n`\n\nexport default SinglePodcast\n"],"names":["_ref","children","colorBack","colorBackSecondary","smallSpacing","zeroTop","zeroBottom","zeroTopMobile","zeroBottomMobile","zeroTopDesktop","zeroBottomDesktop","className","wrapperClasses","classNames","sctn","React","rowReverse","verticallyCentered","sideColumnsSize","mainClasses","data","pageContext","location","post","allPodcastsJson","nodes","language","queryUrl","query","title","related","relatedPodcasts","edges","filter","edge","next","ogImage","thumbnail","Layout","SEO","metaTitle","description","metaDescription","pathname","lang","Section","Columns","Button","goBack","href","Text","as","text","episode","heading","url","target","Image","publicId","heroImage","body","length","map","index","key","Link","to"],"sourceRoot":""}