{"version":3,"file":"component---src-templates-blog-page-js-69c952b9f5834410adf9.js","mappings":"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","sources":["webpack://website-frontend/./src/functions/index.js","webpack://website-frontend/./src/components/views/blog/BlogPageLayout.js","webpack://website-frontend/./src/components/views/blog/RelatedPosts.js","webpack://website-frontend/./src/templates/blog-page.js"],"sourcesContent":["export const createRows = (list, length, chunk) => { let ind, tempList, resultList = []; for (ind = 0; ind < length; ind += chunk) { tempList = list.slice(ind, ind + chunk); resultList.push(tempList); } return resultList; };\nexport const filterWithLength = (list, filterLen, filterCompare) => { let resultList = []; for (let ind = 0, count = 0; ind < list.length && count < filterLen; ind++) { if (filterCompare(list[ind])) { resultList.push(list[ind]); count++; } } return resultList; };\nexport const validateEmail = (email) => { var reg = /^([A-Za-z0-9_\\-\\.])+\\@([A-Za-z0-9_\\-\\.])+\\.([A-Za-z]{2,4})$/; if (reg.test(email) === false) { return false; } return true; };\nexport const isNumber = (number) => { if (isNaN(number)) { return false; } return true; };\nexport const isEmpty = (value) => { if (value === \"\") { return false; } return true; };\nexport const isFile = (fileId) => { const selected = document.getElementById(fileId).files.length > 0; return selected; };","import React from \"react\";\nimport Footer from \"../../common/Footer\";\nimport { navigate } from \"gatsby\";\nimport ScrollTop from \"../../common/ScrollTop\";\nimport { Link } from \"gatsby\";\nimport { GatsbyImage, getImage } from \"gatsby-plugin-image\";\nimport { graphql, useStaticQuery } from \"gatsby\";\nconst BlogLayout = ({ children }) => {\n  const data = useStaticQuery(graphql`\n    {\n      strapiGrootanSiteLogos {\n        image {\n          childImageSharp {\n            gatsbyImageData(quality: 20, placeholder: NONE)\n          }\n        }\n      }\n    }\n  `);\n  const { image } = data.strapiGrootanSiteLogos;\n  const createdImage = getImage(image);\n  return (\n    <div>\n      <nav\n        className=\"st-nav navbar main-nav navigation fixed-top dark-link\"\n        id=\"main-nav\"\n      >\n        <div className=\"container px-0\">\n          <ul className=\"st-nav-menu nav navbar-nav justify-content-start\">\n            <li className=\"st-nav-section nav-item d-flex align-items-center\">\n              <Link\n                to=\"/\"\n                className=\"tagmanager-logo-home-blogpage navbar-brand\"\n                title={`home page link`}\n              >\n                <GatsbyImage image={createdImage} alt=\"grootan logo\" />\n              </Link>\n            </li>\n            <li className=\"st-nav-section st-nav-primary nav-item d-block\">\n              <div\n                className=\"tagmanager-home-blogpage-nav st-root-link nav-link font-regular cursor-pointer\"\n                onClick={() => {\n                  navigate(\"/blogs\");\n                }}\n              >\n                Home\n              </div>\n            </li>\n          </ul>\n        </div>\n      </nav>\n      {children}\n      <Footer />\n      <ScrollTop />\n    </div>\n  );\n};\n\nexport default BlogLayout;\n","import React from \"react\";\nimport { Link } from \"gatsby\";\nimport { GatsbyImage, getImage } from \"gatsby-plugin-image\";\n\nconst RelatedPosts = ({ post, index }) => {\n  const createdImage = getImage(post.image);\n  return (\n    <div className={`col-6 post-${index}`}>\n      <article className=\"blog-list-item row tile is-child post-featured\">\n        <div className=\"col-lg-12 blogroll-image px-0\">\n          {post.image ? (\n            <div className=\"featured-thumbnail\">\n              <GatsbyImage image={createdImage} alt={`${post.title} image`} />\n            </div>\n          ) : null}\n        </div>\n        <div className=\"col-lg-12\">\n          <div className=\"row\">\n            <h3 className=\"related-post-title px-3 py-3 mb-0\">\n              <Link to={\"/blogs/\" + post.slug} title={`${post.title} page link`}>\n                {post.title}\n              </Link>\n            </h3>\n          </div>\n        </div>\n      </article>\n    </div>\n  );\n};\n\nexport default RelatedPosts;\n","import React, { useEffect, useState } from \"react\";\nimport { graphql } from \"gatsby\";\nimport ReactMarkdown from \"react-markdown\";\nimport Layout from \"../components/views/blog/BlogPageLayout\";\nimport RelatedPosts from \"../components/views/blog/RelatedPosts\";\nimport { filterWithLength } from \"../functions/index\";\nimport { GatsbyImage, getImage } from \"gatsby-plugin-image\";\nimport { Link } from \"gatsby\";\nimport MetaData from \"../components/common/MetaData\";\nimport \"gatsby-plugin-breadcrumb/gatsby-plugin-breadcrumb.css\";\nimport \"../styles/blog.css\";\nimport {metaData} from \"../config\";\nconst BlogPage = (props) => {\n  const {\n    strapiBlogs: currentBlog,\n    strapiCategories: { blogs }\n  } = props.data;\n  const { pageContext } = props;\n  const [crumbsList, setCrumbsList] = useState([]);\n  useEffect(() => {\n    setCrumbsList([\n      { \"label\": \"Blog\", \"pathName\": \"/blogs\" },\n      {\n        \"label\": pageContext.category_slug,\n        \"pathName\": `/topics/${pageContext.category_slug}`\n      },\n      {\n        \"label\": props.data.strapiBlogs.title,\n        \"pathName\": `/blogs/${props.data.strapiBlogs.slug}`\n      }\n    ]);\n  }, []);\n  const filterCompare = (compareData) => currentBlog.slug !== compareData.slug;\n  const blogsList = filterWithLength(blogs, 2, filterCompare);\n  const createdImageOne = getImage(props.data.strapiBlogs.image);\n  const createdImageTwo = getImage(currentBlog.blog_author.image);\n  const MyCustomBreadcrumb = ({ crumbs }) => {\n    return (\n      <>\n        {crumbs.map((crumb, index) => {\n          return (\n            <>\n              {index !== 2 ? (\n                <>\n                  <Link to={crumb.pathName} title={`${crumb.label} page link`}>\n                    {crumb.label}\n                  </Link>\n                  {crumb.crumbSeparator}\n                </>\n              ) : (\n                <p>{crumb.label}</p>\n              )}\n            </>\n          );\n        })}\n      </>\n    );\n  };\n\n  const BactToBlog = () => {\n    return (\n      <Link to=\"/blogs\" title={`back to blog page link`}>\n        Back To Blog\n      </Link>\n    );\n  };\n  return (\n    <Layout>\n      <MetaData pageTitle={props.data.strapiBlogs.title} description={metaData.blog.description} keyword={metaData.blog.keyword} />\n      <section className=\"section singlepost p-4 overflow-hidden\">\n        <div className=\"container single-post-breadcrumb py-0\">\n          <div className=\"row justify-content-between\">\n            <div className=\"col-lg-9 pl-0 left-breadcrumb\">\n              <MyCustomBreadcrumb crumbs={crumbsList} />\n            </div>\n            <div className=\"col-lg-3 pr-0 text-right right-backbutton\">\n              <BactToBlog />\n            </div>\n          </div>\n        </div>\n\n        <div className=\"container content py-2\">\n          <div className=\"row justify-content-between mb-4\">\n            <div className=\"col-lg-9 px-0\">\n              <div className=\"single-post-cover mb-5\">\n                <GatsbyImage\n                  image={createdImageOne}\n                  alt={`${props.data.strapiBlogs.title} blog banner image`}\n                />\n              </div>\n              <h1 className=\"single-title is-size-1 has-text-weight-bold is-bold-light\">\n                {props.data.strapiBlogs.title}\n              </h1>\n              <ReactMarkdown\n                className=\"single-description\"\n                source={props.data.strapiBlogs.content}\n              />\n            </div>\n            <div className=\"col-lg-3 rightsidebar\">\n              <h5 className=\"single-author-title my-2 mx-4\">Author</h5>\n              <ul className=\"single-author mx-4 pt-2\">\n                <li>\n                  <GatsbyImage\n                    image={createdImageTwo}\n                    alt={`${currentBlog.blog_author.name} blog author image`}\n                  />\n                </li>\n                <li>\n                  <h5>{currentBlog.blog_author.name}</h5>\n                  <p>{currentBlog.blog_author.role}</p>\n                </li>\n              </ul>\n              <h4 className=\"single-author-read  mx-4\">\n                {`${currentBlog.published_at}.  ${currentBlog.readTime}`}\n              </h4>\n            </div>\n          </div>\n          {blogsList.length !== 0 ? (\n            <div className=\"row\">\n              <div className=\"container p-0\">\n                <div className=\"content related-post pt-4\">\n                  <div className=\"row\">\n                    <div className=\"col-lg-9\">\n                      <h1 className=\"related-post-heading mb-4\">\n                        Related Posts\n                      </h1>\n                      <div className=\"row related-posts-container\">\n                        {blogsList &&\n                          blogsList.map((post, index) => (\n                            <RelatedPosts\n                              key={index}\n                              index={index}\n                              post={post}\n                            />\n                          ))}\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          ) : null}\n        </div>\n      </section>\n    </Layout>\n  );\n};\n\nexport const query = graphql`\n  query GetBlogAndRelated($blog_slug: String, $category_slug: String) {\n    strapiBlogs(slug: { eq: $blog_slug }) {\n      content\n      description\n      slug\n      title\n      readTime\n      published_at(formatString: \"MMMM DD, YYYY\")\n      categories {\n        updated_at(formatString: \"MMMM DD, YYYY\")\n        slug\n        title\n      }\n      blog_author {\n        slug\n        role\n        name\n        image {\n          childImageSharp {\n            gatsbyImageData(quality: 10, width: 100, placeholder: NONE)\n          }\n        }\n      }\n      image {\n        childImageSharp {\n          gatsbyImageData(quality: 20, width: 850, placeholder: NONE)\n        }\n      }\n    }\n    strapiCategories(slug: { eq: $category_slug }) {\n      blogs {\n        content\n        description\n        slug\n        title\n        created_at(formatString: \"MMMM DD, YYYY\")\n        image {\n          childImageSharp {\n            gatsbyImageData(quality: 30, width: 350, placeholder: NONE)\n          }\n        }\n        updated_at(formatString: \"MMMM DD, YYYY\")\n      }\n    }\n  }\n`;\nexport default BlogPage;\n"],"names":["createRows","list","length","chunk","ind","tempList","resultList","slice","push","filterWithLength","filterLen","filterCompare","count","validateEmail","email","test","isEmpty","value","isFile","fileId","document","getElementById","files","children","image","useStaticQuery","strapiGrootanSiteLogos","createdImage","getImage","className","id","to","title","G","alt","onClick","navigate","Footer","ScrollTop","post","index","slug","props","data","currentBlog","strapiBlogs","blogs","strapiCategories","pageContext","useState","crumbsList","setCrumbsList","useEffect","category_slug","blogsList","compareData","createdImageOne","createdImageTwo","blog_author","MyCustomBreadcrumb","crumbs","map","crumb","pathName","label","crumbSeparator","BactToBlog","MetaData","pageTitle","description","metaData","keyword","source","content","name","role","published_at","readTime","key"],"sourceRoot":""}