{"version":3,"file":"component---src-templates-blog-item-page-tsx-a408e5a2f044e56e8035.js","mappings":"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","sources":["webpack://norion-landing/./src/pages-components/blog-list/BlogListing/BlogListing.tsx","webpack://norion-landing/./src/pages-components/blog-list/BlogListing/styles.ts","webpack://norion-landing/./src/pages-components/blog-list/BlogListingSmall/BlogListingSmall.tsx","webpack://norion-landing/./src/pages-components/blog-list/BlogListingSmall/styles.ts","webpack://norion-landing/./src/pages-components/blog-list/BlogSidebar/BlogSidebar.tsx","webpack://norion-landing/./src/pages-components/blog-list/BlogSidebar/styles.ts","webpack://norion-landing/./src/pages-components/blog-list/ContentWrapper/ContentWrapper.tsx","webpack://norion-landing/./src/pages-components/blog-list/ContentWrapper/styles.ts","webpack://norion-landing/./src/pages-components/blog-list/Heading/Heading.tsx","webpack://norion-landing/./src/pages-components/blog-list/Heading/styles.ts","webpack://norion-landing/./src/pages-components/blog-list/NewsletterCard/NewsletterCard.tsx","webpack://norion-landing/./src/pages-components/blog-list/NewsletterCard/styles.ts","webpack://norion-landing/./src/pages-components/blog-item/Heading/Heading.tsx","webpack://norion-landing/./src/pages-components/blog-item/Heading/styles.ts","webpack://norion-landing/./src/templates/BlogItemPage.tsx"],"sourcesContent":["import React from 'react';\nimport clsx from 'clsx';\n// material\nimport { styled } from '@mui/material/styles';\nimport { Box, Grid } from '@mui/material';\n// components\nimport { BlogPreviewCard } from 'components';\n// hooks\nimport { usePath } from 'hooks';\n// types\nimport { ChildImageSharpType } from 'types/image';\n//\nimport { stylesRoot } from './styles';\n\ninterface Post {\n  node: {\n    id: number;\n    frontmatter: {\n      title: string;\n      slug: string;\n      date?: string;\n      time_read?: string;\n      author?: {\n        name?: string;\n        image: ChildImageSharpType;\n      };\n      main_photo?: ChildImageSharpType;\n    };\n  };\n}\n\ninterface BlogListingProps {\n  posts: Post[];\n}\n\ninterface BlogListingAllProps extends BlogListingProps {\n  className?: string;\n}\n\nconst PREFIX = 'BlogListing';\nconst classes = {\n  root: `${PREFIX}-root`,\n};\n\nconst StyledRoot = styled(Box, { name: PREFIX, slot: 'root' })(({ theme }) =>\n  stylesRoot(theme, classes),\n);\n\nconst BlogListing = (props: BlogListingAllProps) => {\n  const { className: classNameProp, posts } = props;\n  const { findPagePathWithSlug } = usePath();\n\n  return (\n    <StyledRoot className={clsx(classes.root, classNameProp)}>\n      <Grid container rowSpacing={7} columnSpacing={5}>\n        {posts.map((post: Post) => {\n          const { title, slug, date, time_read, author, main_photo } = post.node.frontmatter;\n          return (\n            <Grid item xs={12} sm={6} key={post.node.id}>\n              <BlogPreviewCard\n                image={main_photo}\n                title={title}\n                date={date}\n                readingTime={time_read}\n                author={{\n                  name: author?.name,\n                  image: author?.image,\n                }}\n                to={findPagePathWithSlug(slug, title)}\n              />\n            </Grid>\n          );\n        })}\n      </Grid>\n    </StyledRoot>\n  );\n};\n\nexport default BlogListing;\n","import { Theme } from '@mui/material/styles';\n\nexport const stylesRoot = (theme: Theme, classes: any) => {\n  // eslint-disable-next-line no-empty-pattern\n  const {} = theme;\n  return {\n    '&': {\n      [`&.${classes.root}`]: {\n        position: 'relative',\n      },\n    },\n  };\n};\n","import React from 'react';\nimport clsx from 'clsx';\n// material\nimport { styled } from '@mui/material/styles';\nimport { List } from '@mui/material';\n// components\nimport { BlogPreviewListItem } from 'components';\n// hooks\nimport { usePath } from 'hooks';\n// types\nimport { ChildImageSharpType } from 'types/image';\n//\nimport { stylesRoot } from './styles';\n\ninterface Post {\n  node: {\n    id: number;\n    frontmatter: {\n      title: string;\n      slug: string;\n      date?: string;\n      author?: {\n        name?: string;\n        image: ChildImageSharpType;\n      };\n    };\n  };\n}\n\ninterface BlogListingSmallProps {\n  posts: Post[];\n}\n\ninterface BlogListingSmallAllProps extends BlogListingSmallProps {\n  className?: string;\n}\n\ntype ExtraProps = {\n  component: React.ElementType;\n};\n\nconst PREFIX = 'BlogListingSmall';\nconst classes = {\n  root: `${PREFIX}-root`,\n};\n\nconst StyledRoot = styled(List, { name: PREFIX, slot: 'root' })<ExtraProps>(({ theme }) =>\n  stylesRoot(theme, classes),\n);\n\nconst BlogListingSmall = (props: BlogListingSmallAllProps) => {\n  const { className: classNameProp, posts } = props;\n  const { findPagePathWithSlug } = usePath();\n\n  return (\n    <StyledRoot disablePadding component=\"div\" className={clsx(classes.root, classNameProp)}>\n      {posts.map((post: Post) => {\n        const { title, slug, date, author } = post.node.frontmatter;\n        return (\n          <BlogPreviewListItem\n            key={post.node.id}\n            title={title}\n            date={date}\n            author={{\n              name: author?.name,\n              image: author?.image,\n            }}\n            to={findPagePathWithSlug(slug, title)}\n          />\n        );\n      })}\n    </StyledRoot>\n  );\n};\n\nexport default BlogListingSmall;\n","import { Theme } from '@mui/material/styles';\n\nexport const stylesRoot = (theme: Theme, classes: any) => {\n  // eslint-disable-next-line no-empty-pattern\n  const {} = theme;\n  return {\n    '&': {\n      [`&.${classes.root}`]: {\n        position: 'relative',\n      },\n    },\n  };\n};\n","import React, { ReactNode } from 'react';\nimport clsx from 'clsx';\n// material\nimport { styled } from '@mui/material/styles';\nimport { Box } from '@mui/material';\n//\nimport { stylesRoot } from './styles';\n\ninterface BlogSidebarProps {\n  children?: ReactNode;\n}\n\ninterface BlogSidebarAllProps extends BlogSidebarProps {\n  className?: string;\n}\n\nconst PREFIX = 'BlogSidebar';\nconst classes = {\n  root: `${PREFIX}-root`,\n};\n\nconst StyledRoot = styled(Box, { name: PREFIX, slot: 'root' })(({ theme }) =>\n  stylesRoot(theme, classes),\n);\n\nconst BlogSidebar = (props: BlogSidebarAllProps) => {\n  const { className: classNameProp, children } = props;\n\n  return <StyledRoot className={clsx(classes.root, classNameProp)}>{children}</StyledRoot>;\n};\n\nexport default BlogSidebar;\n","import { Theme } from '@mui/material/styles';\n\nexport const stylesRoot = (theme: Theme, classes: any) => {\n  // eslint-disable-next-line no-empty-pattern\n  const {} = theme;\n  return {\n    '&': {\n      [`&.${classes.root}`]: {},\n    },\n  };\n};\n","import React, { ReactNode } from 'react';\nimport clsx from 'clsx';\n// material\nimport { styled } from '@mui/material/styles';\nimport { Grid } from '@mui/material';\n// components\nimport { ContentBox } from 'components';\n//\nimport { stylesRoot } from './styles';\n\ninterface ContentWrapperProps {\n  children?: ReactNode;\n  sidebar?: ReactNode;\n}\n\ninterface ContentWrapperAllProps extends ContentWrapperProps {\n  className?: string;\n}\n\nconst PREFIX = 'ContentWrapper';\nconst classes = {\n  root: `${PREFIX}-root`,\n};\n\nconst StyledRoot = styled(ContentBox, { name: PREFIX, slot: 'root' })(({ theme }) =>\n  stylesRoot(theme, classes),\n);\n\nconst ContentWrapper = (props: ContentWrapperAllProps) => {\n  const { className: classNameProp, children, sidebar } = props;\n\n  return (\n    <StyledRoot\n      spaceTop={false}\n      background=\"transparent\"\n      classesChildren={{ root: clsx(classes.root, classNameProp) }}\n    >\n      <Grid container spacing={5}>\n        <Grid item xs={12} md={8}>\n          {children}\n        </Grid>\n\n        <Grid item xs={12} md={4}>\n          {sidebar}\n        </Grid>\n      </Grid>\n    </StyledRoot>\n  );\n};\n\nexport default ContentWrapper;\n","import { Theme } from '@mui/material/styles';\n\nexport const stylesRoot = (theme: Theme, classes: any) => {\n  // eslint-disable-next-line no-empty-pattern\n  const {} = theme;\n  return {\n    '&': {\n      [`&.${classes.root}`]: {\n        position: 'relative',\n        marginTop: 0,\n      },\n    },\n  };\n};\n","import React from 'react';\nimport clsx from 'clsx';\n// material\nimport { styled } from '@mui/material/styles';\nimport { TypographyProps } from '@mui/material';\n// components\nimport { BoxWithHeader, ContentBox } from 'components';\n// types\nimport { HeroSectionProps } from 'components/HeroSection/HeroSection';\n//\nimport { stylesRoot } from './styles';\n\ninterface TypographyExtendsProps extends TypographyProps {\n  component?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'div' | 'span';\n}\n\ninterface HeadingProps {\n  title?: string;\n  titleProps?: TypographyExtendsProps;\n  background?: HeroSectionProps['background'];\n}\n\ninterface HeadingAllProps extends HeadingProps {\n  className?: string;\n}\n\nconst PREFIX = 'Heading';\nconst classes = {\n  root: `${PREFIX}-root`,\n};\n\nconst StyledRoot = styled(ContentBox, { name: PREFIX, slot: 'root' })(({ theme }) =>\n  stylesRoot(theme, classes),\n);\n\nconst Heading = (props: HeadingAllProps) => {\n  const { className: classNameProp, title, background, titleProps = {} } = props;\n\n  return (\n    <StyledRoot\n      classesChildren={{ root: clsx(classes.root, classNameProp) }}\n      background={background}\n    >\n      {title && <BoxWithHeader header={title} headerProps={titleProps} />}\n    </StyledRoot>\n  );\n};\n\nexport default Heading;\n","import { Theme } from '@mui/material/styles';\n\nexport const stylesRoot = (theme: Theme, classes: any) => {\n  const { spacing } = theme;\n  return {\n    '&': {\n      [`&.${classes.root}`]: {\n        position: 'relative',\n        '&:after': {\n          content: '\"\"',\n          display: 'block',\n          height: spacing(7),\n          background: 'inherit',\n          position: 'absolute',\n          top: '100%',\n          left: 0,\n          right: 0,\n        },\n      },\n    },\n  };\n};\n","import React from 'react';\nimport clsx from 'clsx';\n// material\nimport { styled } from '@mui/material/styles';\n// components\nimport { CardBox, Newsletter } from 'components';\n// helpers\nimport getNativeFormsProperties, { NativeFormsIdsType } from 'helpers/getNativeFormsUrl';\n// hooks\nimport { useLocales } from 'hooks';\n// types\nimport { NativeFormsComponentProps } from 'components/NativeFormsComponent/NativeFormsComponent';\n//\nimport { stylesRoot } from './styles';\n\ninterface NewsletterCardProps {\n  title?: string;\n  subtitle?: string;\n  onLoad?: NativeFormsComponentProps['onLoad'];\n  onSend?: NativeFormsComponentProps['onSend'];\n}\n\ninterface NewsletterCardAllProps extends NewsletterCardProps {\n  className?: string;\n}\n\nconst PREFIX = 'NewsletterCard';\nconst classes = {\n  root: `${PREFIX}-root`,\n  footer: `${PREFIX}-footer`,\n};\n\nconst StyledRoot = styled(CardBox, { name: PREFIX, slot: 'root' })(({ theme }) =>\n  stylesRoot(theme, classes),\n);\n\nconst NewsletterCard = (props: NewsletterCardAllProps) => {\n  const { className: classNameProp, title, subtitle, onLoad, onSend } = props;\n  const { currentLang } = useLocales();\n\n  const FORM_ID: NativeFormsIdsType = 'newsletter-blog';\n  const formProperties = getNativeFormsProperties(FORM_ID, currentLang.value);\n\n  return (\n    <StyledRoot\n      classesChildren={{ root: clsx(classes.root, classNameProp), footer: classes.footer }}\n      title={title}\n      subtitle={subtitle}\n    >\n      <Newsletter\n        form={formProperties.url}\n        formId={formProperties.formId}\n        onLoad={onLoad}\n        onSend={onSend}\n      />\n    </StyledRoot>\n  );\n};\n\nexport default NewsletterCard;\n","import { Theme } from '@mui/material/styles';\n\nexport const stylesRoot = (theme: Theme, classes: any) => {\n  const { spacing, palette } = theme;\n  return {\n    '&': {\n      [`&.${classes.root}`]: {\n        position: 'relative',\n        [`& .${classes.showMore}`]: {\n          color: palette.primary.main,\n        },\n        [`& .${classes.footer}`]: {\n          marginTop: spacing(-2),\n          '& > *': {\n            width: '100%',\n            marginRight: 0,\n          },\n        },\n      },\n    },\n  };\n};\n","import React from 'react';\nimport clsx from 'clsx';\n// material\nimport { styled } from '@mui/material/styles';\nimport { Box, Typography } from '@mui/material';\nimport { AccessTimeFilledRounded as ReadingTimeIcon } from '@mui/icons-material';\n// components\nimport { AvatarWithText, BoxWithHeader, ContentBox } from 'components';\n// gatsby\nimport { GatsbyImage } from 'gatsby-plugin-image';\n// types\nimport { HeroSectionProps } from 'components/HeroSection/HeroSection';\nimport { ChildImageSharpType } from 'types/image';\n//\nimport { stylesRoot } from './styles';\n\ninterface HeadingProps {\n  title?: string;\n  background?: HeroSectionProps['background'];\n  author?: {\n    name?: string;\n    image?: ChildImageSharpType;\n  };\n  readingTime?: string;\n  date?: string;\n  image?: ChildImageSharpType;\n}\n\ninterface HeadingAllProps extends HeadingProps {\n  className?: string;\n}\n\nconst PREFIX = 'Heading';\nconst classes = {\n  root: `${PREFIX}-root`,\n  content: `${PREFIX}-content`,\n  info: `${PREFIX}-info`,\n  time: `${PREFIX}-time`,\n  image: `${PREFIX}-image`,\n};\n\nconst StyledRoot = styled(ContentBox, { name: PREFIX, slot: 'root' })(({ theme }) =>\n  stylesRoot(theme, classes),\n);\n\nconst Heading = (props: HeadingAllProps) => {\n  const { className: classNameProp, title, background, author, readingTime, date, image } = props;\n\n  return (\n    <StyledRoot\n      classesChildren={{ root: clsx(classes.root, classNameProp) }}\n      background={background}\n    >\n      <BoxWithHeader\n        header={title}\n        headerProps={{\n          variant: 'h1',\n          component: 'h1',\n        }}\n        spaceHeader=\"small\"\n        className={classes.content}\n      >\n        <Box className={classes.info}>\n          <Box>\n            {author ? (\n              <AvatarWithText title={author?.name} subtitle={date} image={author?.image} />\n            ) : (\n              <>\n                {date && (\n                  <Typography variant=\"caption\" color=\"textSecondary\">\n                    {date}\n                  </Typography>\n                )}\n              </>\n            )}\n          </Box>\n\n          {readingTime && (\n            <Box className={classes.time}>\n              <ReadingTimeIcon />\n              <Typography variant=\"caption\" color=\"textSecondary\">\n                {readingTime}\n              </Typography>\n            </Box>\n          )}\n        </Box>\n        {image && (\n          <GatsbyImage\n            className={classes.image}\n            image={image.src.childImageSharp.gatsbyImageData}\n            alt={image.alt}\n            title={image?.title || title}\n          />\n        )}\n      </BoxWithHeader>\n    </StyledRoot>\n  );\n};\n\nexport default Heading;\n","import { Theme } from '@mui/material/styles';\n\nexport const stylesRoot = (theme: Theme, classes: any) => {\n  const { breakpoints, palette, shape, spacing, typography } = theme;\n  return {\n    '&': {\n      [`&.${classes.root}`]: {\n        position: 'relative',\n\n        '&.Heading-content': {\n          '& > *:not(:last-child)': {\n            marginBottom: spacing(3),\n            [breakpoints.up('sm')]: {\n              marginBottom: spacing(4),\n            },\n            [breakpoints.up('lg')]: {\n              marginBottom: spacing(5),\n            },\n          },\n        },\n      },\n      [`& .${classes.content}`]: {},\n      [`& .${classes.info}`]: {\n        display: 'flex',\n        flexWrap: 'nowrap',\n        alignItems: 'center',\n        marginBottom: spacing(3),\n        [breakpoints.up('sm')]: {\n          marginBottom: spacing(4),\n        },\n        [breakpoints.up('lg')]: {\n          marginBottom: spacing(5),\n        },\n        '& > *:first-of-type': {\n          flex: 1,\n        },\n      },\n      [`& .${classes.time}`]: {\n        paddingLeft: spacing(2),\n        display: 'flex',\n        alignItems: 'center',\n        '& span': {\n          fontFamily: typography.h1.fontFamily,\n        },\n        '& svg': {\n          fontSize: 16,\n          marginRight: spacing(1),\n          color: palette.text.disabled,\n        },\n      },\n      [`& .${classes.image}`]: {\n        overflow: 'hidden',\n        height: 280,\n        borderRadius: shape.borderRadiusMd,\n        [breakpoints.up('sm')]: {\n          height: 320,\n        },\n        [breakpoints.up('md')]: {\n          height: 350,\n        },\n      },\n    },\n  };\n};\n","import React, { useState } from 'react';\n// gatsby\nimport { graphql } from 'gatsby';\n// layouts\nimport { MainLayout } from 'layouts';\n// material\nimport { Typography, Grid } from '@mui/material';\n// page components\nimport {\n  BlogListingSmall,\n  BlogSidebar,\n  ContentWrapper,\n  NewsletterCard,\n} from 'pages-components/blog-list';\nimport { Heading } from 'pages-components/blog-item';\n// components\nimport { CardBox, TextMDXRenderer } from 'components';\n// hooks\nimport { useLocales } from 'hooks';\n\nconst BlogItemPage = ({ data: { page, allMarkdown }, location, pageContext }: any) => {\n  const { body, frontmatter: frontMatter } = page;\n  const { edges } = allMarkdown;\n  const { translate: t } = useLocales();\n\n  const [showNewsletterHeader, setShowNewsletterHeader] = useState<boolean>(false);\n\n  return (\n    <MainLayout\n      metadata={frontMatter?.metadata}\n      mainPhoto={frontMatter?.main_photo?.childImageSharp?.gatsbyImageData?.images?.fallback?.src}\n      path={location.pathname}\n      locale={pageContext.locale}\n    >\n      <Heading\n        background=\"paper\"\n        title={frontMatter?.title}\n        date={frontMatter?.date}\n        author={{\n          name: frontMatter?.author?.name,\n          image: frontMatter?.author?.image,\n        }}\n        readingTime={frontMatter?.time_read}\n        image={frontMatter?.main_photo}\n      />\n      <ContentWrapper\n        sidebar={\n          <BlogSidebar>\n            <Grid container columnSpacing={3} rowSpacing={4}>\n              <Grid item xs={12} sm={6} md={12}>\n                <NewsletterCard\n                  title={showNewsletterHeader ? t('newsletter.title') : undefined}\n                  subtitle={showNewsletterHeader ? t('newsletter.subtitle') : undefined}\n                  onLoad={() => setShowNewsletterHeader(true)}\n                  onSend={() => setShowNewsletterHeader(false)}\n                />\n              </Grid>\n\n              <Grid item xs={12} sm={6} md={12}>\n                <CardBox title={t('blog.alsoRead')}>\n                  {edges.length ? (\n                    <BlogListingSmall posts={edges.slice(0, 3)} />\n                  ) : (\n                    <Typography variant=\"body2\" align=\"center\" color=\"textSecondary\">\n                      {t('common.emptyOtherPosts')}\n                    </Typography>\n                  )}\n                </CardBox>\n              </Grid>\n            </Grid>\n          </BlogSidebar>\n        }\n      >\n        <TextMDXRenderer>{body}</TextMDXRenderer>\n      </ContentWrapper>\n    </MainLayout>\n  );\n};\n\nexport default BlogItemPage;\n\nexport const pageQuery = graphql`\n  query ($id: String!, $locale: String!, $localeRegex: String!) {\n    allMarkdown: allMdx(\n      filter: {\n        slug: { ne: \"root\" }\n        id: { ne: $id }\n        frontmatter: { post: { in: true } }\n        fileAbsolutePath: { regex: $localeRegex }\n      }\n      sort: { fields: [frontmatter___date], order: DESC }\n    ) {\n      edges {\n        node {\n          id\n          slug\n          frontmatter {\n            slug\n            title\n            date(formatString: \"LL\", locale: $locale)\n            post\n            time_read\n            author {\n              name\n              image {\n                src {\n                  name\n                  childImageSharp {\n                    gatsbyImageData(width: 40, height: 40)\n                  }\n                }\n                alt\n                title\n              }\n            }\n            main_photo {\n              src {\n                name\n                childImageSharp {\n                  gatsbyImageData(width: 212)\n                }\n              }\n              alt\n              title\n            }\n          }\n          fileAbsolutePath\n          parent {\n            ... on File {\n              name\n            }\n          }\n        }\n      }\n    }\n    page: mdx(id: { eq: $id }) {\n      body\n      id\n      frontmatter {\n        title\n        slug\n        post\n        metadata {\n          title\n          description\n          og_title\n          og_description\n          og_type\n          og_image {\n            publicURL\n            name\n          }\n          fb_app_id\n          twitter_card\n          twitter_creator\n          twitter_title\n          twitter_description\n          twitter_image {\n            publicURL\n            name\n          }\n          twitter_url\n          keywords\n        }\n        date(formatString: \"LL\", locale: $locale)\n        author {\n          name\n          image {\n            src {\n              name\n              childImageSharp {\n                gatsbyImageData(width: 40)\n              }\n            }\n            alt\n            title\n          }\n        }\n        time_read\n        main_photo {\n          src {\n            name\n            childImageSharp {\n              gatsbyImageData(width: 1152)\n            }\n          }\n          alt\n          title\n        }\n      }\n    }\n  }\n`;\n"],"names":["PREFIX","classes","root","StyledRoot","styled","Box","name","slot","theme","position","stylesRoot","props","classNameProp","className","posts","findPagePathWithSlug","usePath","clsx","Grid","container","rowSpacing","columnSpacing","map","post","node","frontmatter","title","slug","date","time_read","author","main_photo","item","xs","sm","key","id","image","readingTime","to","List","disablePadding","component","children","ContentBox","marginTop","sidebar","spaceTop","background","classesChildren","spacing","md","content","display","height","top","left","right","titleProps","header","headerProps","footer","CardBox","palette","showMore","color","primary","main","width","marginRight","subtitle","onLoad","onSend","currentLang","useLocales","formProperties","getNativeFormsProperties","value","form","url","formId","info","time","breakpoints","shape","typography","marginBottom","up","flexWrap","alignItems","flex","paddingLeft","fontFamily","h1","fontSize","text","disabled","overflow","borderRadius","borderRadiusMd","variant","spaceHeader","Typography","G","src","childImageSharp","gatsbyImageData","alt","data","page","allMarkdown","location","pageContext","body","frontMatter","edges","t","translate","useState","showNewsletterHeader","setShowNewsletterHeader","metadata","mainPhoto","images","fallback","path","pathname","locale","undefined","length","slice","align"],"sourceRoot":""}