{"version":3,"file":"component---src-templates-blog-list-page-tsx-9bdce2b31205bbe4cc38.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/templates/BlogListPage.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, { 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  BlogListing,\n  BlogListingSmall,\n  BlogSidebar,\n  ContentWrapper,\n  Heading,\n  NewsletterCard,\n} from 'pages-components/blog-list';\n// components\nimport { CardBox } from 'components';\n// hooks\nimport { useLocales } from 'hooks';\n\nconst BlogListPage = ({ data: { page, allMarkdown }, location, pageContext }: any) => {\n  const { frontmatter: frontMatter } = page;\n  const { edges } = allMarkdown;\n  const { translate: t } = useLocales();\n  const [showNewsletterHeader, setShowNewsletterHeader] = useState<boolean>(false);\n\n  return (\n    <MainLayout\n      metadata={frontMatter?.metadata}\n      path={location.pathname}\n      locale={pageContext.locale}\n    >\n      <Heading\n        background=\"default\"\n        title={frontMatter?.heading?.title}\n        titleProps={{ variant: 'h1', component: 'h1' }}\n      />\n\n      <ContentWrapper\n        sidebar={\n          <BlogSidebar>\n            <Grid container columnSpacing={3} rowSpacing={4}>\n              <Grid item xs={12} sm={6} md={12}>\n                <CardBox title={t('blog.latestArticles')}>\n                  {edges.length ? (\n                    <BlogListingSmall posts={edges.slice(0, 3)} />\n                  ) : (\n                    <Typography variant=\"body2\" align=\"center\" color=\"textSecondary\">\n                      {t('common.emptyPosts')}\n                    </Typography>\n                  )}\n                </CardBox>\n              </Grid>\n\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            </Grid>\n          </BlogSidebar>\n        }\n      >\n        {edges.length ? (\n          <BlogListing posts={edges} />\n        ) : (\n          <Typography variant=\"body1\">{t('common.emptyPosts')}</Typography>\n        )}\n      </ContentWrapper>\n    </MainLayout>\n  );\n};\n\nexport default BlogListPage;\n\nexport const pageQuery = graphql`\n  query ($id: String!, $locale: String!, $localeRegex: String!) {\n    allMarkdown: allMdx(\n      filter: {\n        slug: { ne: \"root\" }\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: 343)\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      frontmatter {\n        title\n        slug\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        heading {\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","data","page","allMarkdown","location","pageContext","frontMatter","edges","t","translate","useState","showNewsletterHeader","setShowNewsletterHeader","metadata","path","pathname","locale","heading","variant","length","slice","align","undefined"],"sourceRoot":""}