{"version":3,"sources":["webpack:///./src/components/PageHeader/index.jsx","webpack:///./src/templates/work.js"],"names":["PageHeader","props","headerTitle","headerBackgroundImage","headerSubTitle","location","compact","className","src","source_url","href","ProjectPostTemplate","content","allCategories","categoryId","title","gridGallery","subheading","workAuthor","useState","setCategoryName","lightboxDisplay","setLightBoxDisplay","imageToShow","setImageToShow","useEffect","catNumber","name","map","cat","node","wordpress_id","getCategory","id","onClick","Object","keys","length","gridItem","index","key","currentImage","image","to","Previewable","data","post","wordpressPost","wordpressWpSettings","siteSettings","categories","wordpressUrl","options","excerpt","featured_media","yoast","date","project_category","acf","metaTitle","decodeEntities","desc","stripHtmlTags","banner","edges","blogSlug"],"mappings":"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","file":"component---src-templates-work-js-695e15a2fdbe2f754ec2.js","sourcesContent":["import React from \"react\";\nimport \"./PageHeader.scss\";\nimport \"../../../theme/PageHeader.scss\";\nimport { ImagePass } from \"../Image/ImagePass\";\n\nexport const PageHeader = (props) => {\n  const {\n    headerTitle,\n    headerSubTitle,\n    headerBackgroundImage,\n    location,\n    compact = true,\n  } = props;\n\n  return (\n    <section className=\"page-header compact for-post-pages\">\n      <div className=\"hero\">\n        {headerBackgroundImage ? (\n          <ImagePass\n            src={\n              headerBackgroundImage.source_url\n                ? headerBackgroundImage.source_url\n                : headerBackgroundImage\n            }\n            className=\"background\"\n          />\n        ) : (\n          <div className=\"placeholder\" />\n        )}\n      </div>\n      <div className=\"breadcrumb-component\">\n        <a href=\"#\" className=\"breadcrumb-link button--dark\">\n          {headerTitle}\n        </a>\n      </div>\n    </section>\n  );\n};\n","import React, { useState, useEffect } from \"react\";\nimport { graphql } from \"gatsby\";\nimport GatsbyLink from \"../components/GatsbyLink\";\nimport Previewable from \"../components/Previewable\";\nimport SEO from \"../components/SEO\";\nimport { PageHeader } from \"../components/PageHeader\";\nimport { RenderShortcode } from \"../components/RenderShortcode\";\nimport { ImagePass } from \"../components/Image/ImagePass\";\nimport \"./post.scss\";\nimport { decodeEntities, stripHtmlTags } from \"../utils/helpers\";\n\nexport const ProjectPostTemplate = ({\n  content,\n  allCategories,\n  categoryId,\n  title,\n  // author: { name: authorName },\n  gridGallery = {},\n  subheading,\n  workAuthor,\n}) => {\n  const getCategory = (catNumber, allCategories) => {\n    let name;\n    allCategories.map((cat) => {\n      if (cat.node.wordpress_id === catNumber) {\n        name = cat.node.name;\n        return;\n      }\n    });\n    return name;\n  };\n  const [categoryName, setCategoryName] = useState(\"\");\n  const [lightboxDisplay, setLightBoxDisplay] = useState(false);\n  const [imageToShow, setImageToShow] = useState(\"\");\n\n  const showImage = (currentImage) => {\n    //set imageToShow to be the one that's been clicked on\n    setImageToShow(currentImage);\n    //set lightbox visibility to true\n    setLightBoxDisplay(true);\n  };\n\n  const hideLightBox = () => {\n    setLightBoxDisplay(false);\n  };\n\n  useEffect(() => {\n    setCategoryName(getCategory(categoryId[0], allCategories));\n  }, []);\n\n  return (\n    <section className=\"single-post\">\n      <div className=\"single-post-wrap\">\n        <div className=\"col\">\n          <h2>{title}</h2>\n          <p className=\"eyebrow\">\n            {subheading}\n            {/* {workAuthor && <span className=\"author\">By {workAuthor}</span>} */}\n          </p>\n        </div>\n        <div className=\"col\">\n          <RenderShortcode content={content} />\n        </div>\n      </div>\n      {lightboxDisplay && (\n        <div id=\"lightbox\" onClick={hideLightBox}>\n          <div className=\"grid-gallery__item\">\n            <div className=\"image-container\">\n              <ImagePass src={imageToShow} id=\"lightbox-img\" />\n            </div>\n          </div>\n        </div>\n      )}\n      {gridGallery && (\n        <div\n          className={`grid-gallery${\n            lightboxDisplay ? \"  lightbox-open\" : \"  lightbox-closed\"\n          }`}\n        >\n          {Object.keys(gridGallery).length > 0 &&\n            gridGallery?.map((gridItem, index) => {\n              return (\n                <div\n                  className=\"grid-gallery__item\"\n                  key={index}\n                  onClick={() => showImage(gridItem.image)}\n                >\n                  <div className=\"image-container\">\n                    <ImagePass src={gridItem?.image} />\n                  </div>\n                </div>\n              );\n            })}\n        </div>\n      )}\n      <div className=\"more-link\">\n        <GatsbyLink to=\"/works/\" className=\"button--dark\">\n          More work\n        </GatsbyLink>\n      </div>\n    </section>\n  );\n};\n\nconst ProjectPost = (props) => {\n  const { data, location } = props;\n  const {\n    wordpressPost: post,\n    wordpressWpSettings,\n    siteSettings,\n    categories,\n  } = data;\n\n  const { wordpressUrl } = wordpressWpSettings;\n  const { options = null } = siteSettings;\n  if (!post) return null;\n  const {\n    title,\n    content,\n    excerpt,\n    featured_media,\n    yoast,\n    date,\n    project_category,\n    acf,\n  } = post;\n\n  const { subheading, workAuthor, gridGallery } = acf;\n\n  return (\n    <>\n      <SEO\n        title={`${yoast.metaTitle || decodeEntities(title)} | ${decodeEntities(\n          wordpressWpSettings.title\n        )}`}\n        desc={excerpt ? stripHtmlTags(excerpt) : null}\n        yoast={yoast}\n        banner={\n          featured_media &&\n          featured_media.source_url &&\n          featured_media.source_url\n        }\n        location={location}\n      />\n      <PageHeader\n        headerTitle={title}\n        headerSubTitle={date}\n        headerBackgroundImage={featured_media}\n        location={location}\n      />\n      <ProjectPostTemplate\n        content={content}\n        categoryId={project_category}\n        allCategories={categories?.edges}\n        title={title}\n        date={date}\n        // author={author}\n        blogSlug=\"projects\"\n        gridGallery={gridGallery}\n        subheading={subheading}\n        workAuthor={workAuthor}\n      />\n    </>\n  );\n};\n\nexport default Previewable(ProjectPost, \"projects\");\n\nexport const pageQuery = graphql`\n  fragment ProjectFields on wordpress__wp_projects {\n    id\n    slug\n    content\n    date(formatString: \"MMMM Qo gggg\")\n    title\n  }\n  query ProjectPostByID($id: String!) {\n    wordpressWpSettings {\n      title\n      wordpressUrl\n      siteUrl\n    }\n    siteSettings: wordpressAcfOptions {\n      options {\n        customCss\n      }\n    }\n    categories: allWordpressWpProjectCategory(filter: { count: { gt: 0 } }) {\n      edges {\n        node {\n          name\n          slug\n          path\n          count\n          wordpress_id\n        }\n      }\n    }\n    wordpressPost: wordpressWpProjects(id: { eq: $id }) {\n      id\n      title\n      slug\n      content\n      excerpt\n      wordpress_id\n      date(formatString: \"MMMM Qo gggg\")\n      featured_media {\n        localFile {\n          childImageSharp {\n            fluid(maxWidth: 670, quality: 70) {\n              ...GatsbyImageSharpFluid_noBase64\n            }\n          }\n        }\n      }\n      project_category\n      yoast {\n        metaTitle: title\n        metaDescription: metadesc\n        # opengraph_image {\n        #   source_url\n        # }\n        # twitter_image {\n        #   source_url\n        # }\n      }\n      acf {\n        subheading\n        workAuthor\n        gridGallery {\n          image {\n            localFile {\n              childImageSharp {\n                fluid(maxWidth: 830, quality: 70) {\n                  ...GatsbyImageSharpFluid_noBase64\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n`;\n"],"sourceRoot":""}