{"version":3,"sources":["webpack:///./src/components/core/faqs-tags/index.js","webpack:///./src/components/atomic-design/atoms/missing-data-page/styles.js","webpack:///./src/components/atomic-design/atoms/missing-data-page/index.js","webpack:///./src/components/atomic-design/molecules/author/styles.js","webpack:///./src/components/atomic-design/molecules/author/index.js","webpack:///./src/components/atomic-design/molecules/share/styles.js","webpack:///./src/components/atomic-design/molecules/share/index.js","webpack:///./src/templates/blog/styles.js","webpack:///./src/templates/post.js","webpack:///./src/components/core/image/hero-image/styles.js","webpack:///./src/components/core/image/hero-image/index.js","webpack:///./src/components/atomic-design/organisms/faq-section/styles.js","webpack:///./src/components/atomic-design/organisms/faq-section/index.js"],"names":["FaqsTag","props","faqList","list","faqScript","mainEntity","map","item","name","title","acceptedAnswer","text","ReactDOMServer","renderToString","documentToReactComponents","description","json","type","JSON","stringify","HeaderText","styled","div","theme","newTheme","spacing","font","title1","size","lineHeight","weight","regular","color","error","title6","grey","main","semiBold","breakpoints","mobile","title2","text1","MissingDataPage","errorDetails","parse","details","errorOriginal","_original","containerSize","err","message","context","value","key","getDescription","Object","entries","k","v","AuthorContainer","InfoContainer","AuthorName","p","colors","black","Date","Author","imageID","date","fromContentful","contentful_id","fixed","height","width","alt","borderRadius","formatDate","defaultProps","ShareStyled","fonts","family","primary","IconLink","Link","href","getCurrentPath","target","rel","tablet","title4","ShareAuthorText","NavigationTitle","h3","title3","tabletLandscape","Diagonal","query","Post","pageContext","data","location","previous","slug","next","post","validateBlogPost","contentfulBlogPost","faQs","parseFaqsList","items","bodyType","path","pathname","withReadingProgress","htmlTitleTag","charSet","excerpt","image","addProtocol","hero","file","url","viewport","getCategoryColor","category","to","subtitle","author","thumbnail","fullName","publishedDate","desktopHeight","tabletHeight","mobileHeight","body","content","nodeType","options","richTextOptions","background","light","margin","padding","mobilePadding","node","previousTo","undefined","nextTo","from","withArrow","Container","smallMobile","HeroImage","children","FaqsTitle","h2","title5","FaqSection","id"],"mappings":"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","file":"component---src-templates-post-js-e5f8ccd0208984cfb2d3.js","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { documentToReactComponents } from '@contentful/rich-text-react-renderer';\nimport { Helmet } from 'react-helmet';\nimport ReactDOMServer from 'react-dom/server';\n\nconst FaqsTag = props => {\n  const { list } = props;\n\n  const mapFaqList = faqList =>\n    faqList.map(item => ({\n      '@type': 'Question',\n      name: item.title,\n      acceptedAnswer: {\n        '@type': 'Answer',\n        text: ReactDOMServer.renderToString(documentToReactComponents(item.description.json)),\n      },\n    }));\n\n  const faqScript = {\n    '@context': 'https://schema.org',\n    '@type': 'FAQPage',\n    mainEntity: mapFaqList(list),\n  };\n\n  return (\n    <Helmet>\n      <script type=\"application/ld+json\">{JSON.stringify(faqScript)}</script>\n    </Helmet>\n  );\n};\n\nFaqsTag.propTypes = {\n  list: PropTypes.array.isRequired,\n};\n\nexport default FaqsTag;\n","import styled from 'styled-components';\n\nexport const HeaderText = styled.div`\n  display: flex;\n  flex-direction: column;\n  padding: ${({ theme }) => `${theme.newTheme.spacing(15)} 0`};\n  width: 100%;\n\n  h1 {\n    font-size: ${({ theme }) => theme.newTheme.font.title1.size};\n    line-height: ${({ theme }) => theme.newTheme.font.title1.lineHeight};\n    font-weight: ${({ theme }) => theme.newTheme.font.weight.regular};\n    color: ${({ theme }) => theme.newTheme.color.error};\n  }\n\n  p {\n    font-size: ${({ theme }) => theme.newTheme.font.title6.size};\n    line-height: ${({ theme }) => theme.newTheme.font.title6.lineHeight};\n    font-weight: ${({ theme }) => theme.newTheme.font.weight.regular};\n    color: ${({ theme }) => theme.newTheme.color.grey.main};\n    margin: 0;\n    b{\n        font-weight: ${({ theme }) => theme.newTheme.font.weight.semiBold};\n    }\n  }\n\n  @media only screen and (${({ theme }) => theme.newTheme.breakpoints.mobile}) {\n    h1 {\n      font-size: ${({ theme }) => theme.newTheme.font.title2.size};\n      line-height: ${({ theme }) => theme.newTheme.font.title2.lineHeight};\n      font-weight: ${({ theme }) => theme.newTheme.font.weight.regular};\n    }\n    p {\n      font-size: ${({ theme }) => theme.newTheme.font.text1.size};\n      line-height: ${({ theme }) => theme.newTheme.font.text1.lineHeight};\n      font-weight: ${({ theme }) => theme.newTheme.font.weight.regular};\n    }\n  }\n`;","import React from 'react';\n\nimport PageSection from '../page-section';\nimport { HeaderText } from './styles';\n\nconst MissingDataPage = error => {\n  const errorDetails = JSON.parse(JSON.stringify(error)).error.details;\n  const errorOriginal = JSON.parse(JSON.stringify(error)).error._original;\n\n  const getDescription = err =>\n    err.context?.value\n      ? `${err.context?.key}: ${err.context?.value}.`\n      : `${err.context?.key} is invalid.`;\n\n  return (\n      <PageSection containerSize=\"s\">\n        <HeaderText>\n          <h1> Error displaying page information </h1>\n          <p>\n            {errorDetails.map(err => (\n              <>\n                <b>{err.message}.</b>\n                <br />\n                {getDescription(err)}\n                <hr />\n              </>\n            ))}\n          </p>\n          <p>\n            <p>More information:</p>\n            <br />\n            {Object.entries(errorOriginal).map(([k, v]) => {\n              return (\n                <>\n                  {' '}\n                  <p>\n                    <b>{k}:</b> {JSON.stringify(v)}\n                  </p>\n                  <br />\n                </>\n              );\n            })}\n          </p>\n        </HeaderText>\n      </PageSection>\n  );\n};\n\nexport default MissingDataPage;\n","import styled from 'styled-components';\n\nexport const AuthorContainer = styled.div`\n  display: flex;\n  width: 100%;\n  padding: 36px 0;\n\n  div:first-child {\n    max-height: 54px;\n  }\n`;\nexport const InfoContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  padding-left: 9px;\n  height: inherit;\n  justify-content: center;\n`;\n\nexport const AuthorName = styled.p`\n  font-style: normal;\n  font-weight: normal;\n  font-size: 16px;\n  line-height: 26px;\n  letter-spacing: -0.01em;\n  color: ${props => props.theme.colors.black};\n  padding: 0;\n  margin: 0;\n`;\n\nexport const Date = styled(AuthorName)`\n  color: #bdbdbd;\n`;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport Image from 'core/image';\nimport { formatDate } from 'common/helpers';\nimport { AuthorContainer, InfoContainer, AuthorName, Date } from './styles';\n\nconst Author = ({ imageID, name, date }) => (\n  <AuthorContainer>\n    <Image\n      fromContentful\n      contentful_id={imageID}\n      fixed\n      height=\"54px\"\n      width=\"54px\"\n      alt={name}\n      borderRadius=\"50%\"\n    />\n    <InfoContainer>\n      <AuthorName>{`by ${name}`}</AuthorName>\n      <Date>{formatDate(date)}</Date>\n    </InfoContainer>\n  </AuthorContainer>\n);\n\nAuthor.propTypes = {\n  imageID: PropTypes.string.isRequired,\n  name: PropTypes.string.isRequired,\n  date: PropTypes.string,\n};\n\nAuthor.defaultProps = {\n  date: '',\n};\n\nexport default Author;\n","import styled from 'styled-components';\nimport Link from 'atomic-design/atoms/link';\n\nexport const ShareStyled = styled.div`\n  display: flex;\n  align-items: center;\n  margin: 52px 0px 9px 0px;\n  p {\n    font-family: ${({ theme }) => theme.fonts.family.primary};\n    font-size: 16px;\n    line-height: 26px;\n    color: #979797;\n  }\n  @media only screen and (${props => props.theme.breakpoints.mobile}) {\n    margin: 39px 0px 26px 0px;\n  }\n`;\n\nexport const IconLink = styled(Link)`\n  margin-right: 10px;\n  @media only screen and (${props => props.theme.breakpoints.mobile}) {\n    .icon {\n      zoom: 0.8;\n    }\n  }\n`;\n","import React from 'react';\n\nimport { FacebookIcon, LinkedInIcon, TwitterIcon } from 'ui/svg';\nimport { getCurrentPath } from 'common/helpers';\nimport { IconLink, ShareStyled } from './styles';\n\nexport default () => (\n  <ShareStyled>\n    <IconLink\n      href={`https://twitter.com/intent/tweet?text=${getCurrentPath()}`}\n      target=\"_blank\"\n      rel=\"noreferrer\"\n    >\n      <TwitterIcon />\n    </IconLink>\n    <IconLink\n      href={`https://www.facebook.com/sharer/sharer.php?u=${getCurrentPath()}`}\n      target=\"_blank\"\n      rel=\"noreferrer\"\n    >\n      <FacebookIcon />\n    </IconLink>\n    <IconLink\n      href={`https://www.linkedin.com/sharing/share-offsite/?url=${getCurrentPath()}`}\n      target=\"_blank\"\n      rel=\"noreferrer\"\n    >\n      <LinkedInIcon />\n    </IconLink>\n    <p>Sharing is caring!</p>\n  </ShareStyled>\n);\n","import styled from 'styled-components';\n\nexport const NavContainer = styled.div`\n  display: flex;\n  * {\n    padding: ${({ theme }) => `0 ${theme.newTheme.spacing(6)} 0 ${theme.newTheme.spacing(2)}`};\n    color: #979797;\n    &:hover {\n      color: #5d73f5;\n      text-decoration: none;\n    }\n  }\n  p {\n    margin: 0;\n  }\n`;\n\nexport const CurrentPage = styled.p`\n  text-decoration: underline;\n  color: #5d73f5;\n`;\nexport const HeaderText = styled.div`\n  display: flex;\n  flex-direction: column;\n  padding: ${({ theme }) => `${theme.newTheme.spacing(26)} 0 0 0`};\n  width: 100%;\n\n  h1 {\n    font-size: ${({ theme }) => theme.newTheme.font.title1.size};\n    line-height: ${({ theme }) => theme.newTheme.font.title1.lineHeight};\n    font-weight: ${({ theme }) => theme.newTheme.font.weight.regular};\n    color: ${({ theme }) => theme.newTheme.color.black};\n  }\n\n  p {\n    font-size: ${({ theme }) => theme.newTheme.font.title6.size};\n    line-height: ${({ theme }) => theme.newTheme.font.title6.lineHeight};\n    font-weight: ${({ theme }) => theme.newTheme.font.weight.regular};\n    color: ${({ theme }) => theme.newTheme.color.grey.main};\n    margin: 0;\n  }\n\n  @media only screen and (${({ theme }) => theme.newTheme.breakpoints.tablet}) {\n    h1 {\n      font-size: ${({ theme }) => theme.newTheme.font.title2.size};\n      line-height: ${({ theme }) => theme.newTheme.font.title2.lineHeight};\n      font-weight: ${({ theme }) => theme.newTheme.font.weight.regular};\n    }\n    p {\n      font-size: ${({ theme }) => theme.newTheme.font.text1.size};\n      line-height: ${({ theme }) => theme.newTheme.font.text1.lineHeight};\n      font-weight: ${({ theme }) => theme.newTheme.font.weight.regular};\n    }\n  }\n\n  @media only screen and (${({ theme }) => theme.newTheme.breakpoints.mobile}) {\n    padding: ${({ theme }) => `${theme.newTheme.spacing(12)} 0 0 0`};\n\n    h1 {\n      font-size: ${({ theme }) => theme.newTheme.font.title4.size};\n      line-height: ${({ theme }) => theme.newTheme.font.title4.lineHeight};\n      font-weight: ${({ theme }) => theme.newTheme.font.weight.regular};\n    }\n  }\n`;\n\nexport const ShareAuthorText = styled.div`\n  p {\n    font-size: ${({ theme }) => theme.newTheme.font.text1.size};\n    line-height: ${({ theme }) => theme.newTheme.font.text1.lineHeight};\n    font-weight: ${({ theme }) => theme.newTheme.font.weight.regular};\n    color: ${({ theme }) => theme.newTheme.color.grey.main};\n    margin: 0;\n  }\n`;\n\nexport const NavigationTitle = styled.h3`\n  font-size: ${({ theme }) => theme.newTheme.font.title3.size};\n  line-height: ${({ theme }) => theme.newTheme.font.title3.lineHeight};\n  font-weight: ${({ theme }) => theme.newTheme.font.weight.regular};\n  color: ${({ theme }) => theme.newTheme.color.black};\n  margin: ${({ theme }) => `0 0 ${theme.newTheme.spacing(20)} 0`};\n  padding: ${({ theme }) => `${theme.newTheme.spacing(20)} 0 0 0`};\n\n  @media only screen and (${({ theme }) => theme.newTheme.breakpoints.tabletLandscape}) {\n    font-size: ${({ theme }) => theme.newTheme.font.title3.size};\n    line-height: ${({ theme }) => theme.newTheme.font.title3.lineHeight};\n    display: none;\n  }\n`;\n\nexport const Diagonal = styled.div`\n  position: absolute;\n  z-index: 0;\n  left: 0;\n  border-top: ${({ theme }) => `${theme.newTheme.spacing(20)} solid white`};\n  border-left: 100vw solid transparent;\n\n  @media only screen and (${({ theme }) => theme.newTheme.breakpoints.mobile}) {\n    border-top: ${({ theme }) => `${theme.newTheme.spacing(10)} solid white`};\n  }\n`;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { parseFaqsList } from 'common/transformers';\nimport { graphql } from 'gatsby';\nimport Link from 'atomic-design/atoms/link';\nimport Layout from 'core/layout';\nimport MetaTags from 'core/meta-tags/index';\nimport Image from 'core/image';\nimport Chip from 'atomic-design/atoms/chip';\nimport RichTextWrapper from 'atomic-design/organisms/rich-text-wrapper';\nimport HeroImage from 'core/image/hero-image';\nimport NavigationCards from 'atomic-design/molecules/navigation-cards';\nimport Author from 'atomic-design/molecules/author';\nimport Share from 'atomic-design/molecules/share';\nimport { addProtocol, getCategoryColor } from 'common/helpers';\nimport { HeaderText, NavigationTitle, Diagonal, ShareAuthorText } from './blog/styles';\nimport richTextOptions from 'common/rich-text-options';\nimport PageSection from 'atomic-design/atoms/page-section';\nimport theme from 'styles/theme';\nimport MissingDataPage from '../components/atomic-design/atoms/missing-data-page';\nimport { validateBlogPost } from '../common/validations';\nimport FaqsTag from '../components/core/faqs-tags';\nimport FaqSection from 'atomic-design/organisms/faq-section';\n\nexport const query = graphql`\n  query ($slug: String!) {\n    contentfulBlogPost(slug: { eq: $slug }) {\n      title\n      htmlTitleTag\n      subtitle\n      slug\n      excerpt {\n        excerpt\n      }\n      publishedDate\n      hero {\n        contentful_id\n        title\n        file {\n          url\n        }\n      }\n      technologies {\n        name\n        url\n        image {\n          file {\n            url\n          }\n          contentful_id\n        }\n      }\n      author {\n        fullName\n        thumbnail {\n          contentful_id\n        }\n      }\n      category {\n        name\n        slug\n      }\n      body {\n        json\n      }\n      faQs {\n        title\n        items {\n          answer {\n            json\n          }\n          question\n        }\n      }\n    }\n  }\n`;\n\nconst Post = ({ pageContext, data, location }) => {\n  const { slug, previous, next } = pageContext;\n  const post = validateBlogPost(data.contentfulBlogPost);\n  const faqList = post.faQs && parseFaqsList(post.faQs.items);\n\n  return (\n    <Layout bodyType=\"xWide\" path={location.pathname} withReadingProgress>\n      {post.error ? (\n        <MissingDataPage error={post.error}></MissingDataPage>\n      ) : (\n        <>\n          <MetaTags\n            htmlTitleTag={post.htmlTitleTag || post.title}\n            title={post.title}\n            charSet=\"utf-8\"\n            description={post.excerpt.excerpt}\n            image={addProtocol(post.hero?.file.url)}\n            type=\"website\"\n            viewport=\"width=device-width, initial-scale=1\"\n          />\n          {post.faQs && <FaqsTag list={faqList} />}\n          <PageSection containerSize=\"s\">\n            <HeaderText>\n              <Chip color={getCategoryColor(post.category.slug)}>\n                <Link to={`/blog/category/${post.category.slug}`} rel={post.category.slug}>\n                  {post.category.name}\n                </Link>\n              </Chip>\n\n              <h1> {post.title} </h1>\n              <p> {post.subtitle}</p>\n\n              <ShareAuthorText>\n                <Share />\n                {post.author && (\n                  <Author\n                    imageID={post.author.thumbnail.contentful_id}\n                    name={post.author.fullName}\n                    date={post.publishedDate}\n                  />\n                )}\n              </ShareAuthorText>\n            </HeaderText>\n          </PageSection>\n          <HeroImage>\n            <Image\n              alt={post.hero?.title}\n              contentful_id={post.hero?.contentful_id}\n              fromContentful\n              desktopHeight=\"408px\"\n              tabletHeight=\"316px\"\n              mobileHeight=\"255px\"\n              borderRadius=\"15px\"\n            />\n          </HeroImage>\n          <PageSection containerSize=\"s\">\n            <RichTextWrapper\n              color={getCategoryColor(post.category.slug)}\n              json={{\n                data: post.body.json.data,\n                content: post.body.json.content,\n                nodeType: post.body.json.nodeType,\n              }}\n              options={richTextOptions}\n            />\n          </PageSection>\n          {post.faQs && (\n            <PageSection containerSize=\"s\">\n              <FaqSection faqList={faqList} title={post.faQs.title} />\n            </PageSection>\n          )}\n        </>\n      )}\n\n      <PageSection\n        background={`${theme.newTheme.color.primary.light}20`}\n        margin={`${theme.newTheme.spacing(25)} 0 0 0`}\n        padding={`0 0 ${theme.newTheme.spacing(25)} 0`}\n        mobilePadding={`0 0 ${theme.newTheme.spacing(1)} 0`}\n      >\n        <Diagonal />\n        <NavigationTitle>More articles to read</NavigationTitle>\n        <NavigationCards\n          previous={previous.node}\n          previousTo={`/blog/${previous.node.slug}`}\n          next={next ? next.node : undefined}\n          nextTo={`/blog/${next.node.slug}`}\n          from=\"Post\"\n          withArrow\n        />\n      </PageSection>\n\n      <PageSection\n        background={`${theme.newTheme.color.primary.light}20`}\n        padding={`${theme.newTheme.spacing(5)} 0`}\n      >\n      </PageSection>\n    </Layout>\n  );\n};\n\nPost.propTypes = {\n  data: PropTypes.shape({\n    contentfulBlogPost: PropTypes.shape({\n      title: PropTypes.string.isRequired,\n      subtitle: PropTypes.string.isRequired,\n      slug: PropTypes.string.isRequired,\n      category: PropTypes.shape({\n        slug: PropTypes.string.isRequired,\n        name: PropTypes.string.isRequired,\n      }),\n      excerpt: PropTypes.shape({\n        excerpt: PropTypes.string.isRequired,\n      }),\n      hero: PropTypes.shape({\n        title: PropTypes.string.isRequired,\n        contentful_id: PropTypes.string.isRequired,\n        file: PropTypes.shape({\n          url: PropTypes.string.isRequired,\n        }),\n      }),\n      author: PropTypes.shape({\n        fullName: PropTypes.string.isRequired,\n        thumbnail: PropTypes.shape({\n          contentful_id: PropTypes.string.isRequired,\n        }),\n      }),\n      publishedDate: PropTypes.string.isRequired,\n      body: PropTypes.shape({\n        json: PropTypes.instanceOf(Object),\n      }),\n    }),\n  }).isRequired,\n  pageContext: PropTypes.shape({\n    slug: PropTypes.string.isRequired,\n    next: PropTypes.node,\n    previous: PropTypes.node,\n  }).isRequired,\n  previous: PropTypes.shape({\n    node: PropTypes.shape({\n      slug: PropTypes.string,\n    }),\n  }),\n  next: PropTypes.shape({\n    node: PropTypes.shape({\n      slug: PropTypes.string,\n    }),\n  }),\n};\n\nPost.defaultProps = {\n  previous: undefined,\n  next: undefined,\n};\n\nexport default Post;\n","import styled from 'styled-components';\n\nexport const Container = styled.div`\n  max-width: 992px;\n  width: 992px;\n  margin: 0 0 0 50%;\n  transform: translateX(-50%);\n  align-self: flex-start;\n  padding: 52px 0;\n\n  @media only screen and (${({ theme }) => theme.breakpoints.tablet}) {\n    width: 100%;\n    max-width: 991px;\n  }\n\n  @media only screen and (${({ theme }) => theme.breakpoints.mobile}) {\n    width: 100%;\n    max-width: 767px;\n  }\n\n  @media only screen and (${({ theme }) => theme.breakpoints.smallMobile}) {\n    width: 355px;\n    max-width: 355px;\n  }\n`;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Container } from './styles';\n\nconst HeroImage = ({ children }) => <Container>{children}</Container>;\n\nHeroImage.propTypes = {\n  children: PropTypes.node.isRequired,\n};\nexport default HeroImage;\n","import styled from 'styled-components';\n\nexport const FaqsTitle = styled.h2`\n  font-size: ${({ theme }) => theme.newTheme.font.title4.size};\n  line-height: ${({ theme }) => theme.newTheme.font.title4.lineHeight};\n  font-weight: ${({ theme }) => theme.newTheme.font.weight.regular};\n  margin: ${({ theme }) => theme.newTheme.spacing(10)} 0;\n  color: ${({ theme }) => theme.newTheme.color.black};\n\n  width: 80%;\n\n  u {\n    text-decoration: none;\n    display: block;\n  }\n\n  b {\n    background: ${({ color }) => color};\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n  }\n\n  p {\n    margin: 0;\n  }\n\n  @media only screen and (${({ theme }) => theme.newTheme.breakpoints.tablet}) {\n    width: 100%;\n    font-size: ${({ theme }) => theme.newTheme.font.title5.size};\n    line-height: ${({ theme }) => theme.newTheme.font.title5.lineHeight};\n  }\n`;\n\nexport default FaqsTitle;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport Accordion from 'atomic-design/molecules/accordion';\nimport FaqsTitle from './styles';\n\nconst FaqSection = ({ faqList, title }) => {\n  return (\n    <div id=\"faqs\">\n      <FaqsTitle>{title}</FaqsTitle>\n      <Accordion size=\"small\" list={faqList} />\n    </div>\n  );\n};\n\nFaqSection.propTypes = {\n  faqList: PropTypes.array.isRequired,\n  title: PropTypes.string.isRequired,\n};\n\nexport default FaqSection;\n"],"sourceRoot":""}