{"version":3,"sources":["webpack:///./src/components/shared/picture.tsx","webpack:///./src/components/BreadCrumbs.tsx","webpack:///./src/components/blog/blog-post.tsx","webpack:///./src/templates/blog.tsx"],"names":["Picture","puxMediaSelectorImage","alt","lazy","onLoad","defaultImg","undefined","resizePaths","replace","tablet","resizePathsTablet","mobile","resizePathsMobile","media","srcSet","loading","src","BreadCrumbs","props","items","theme","center","localizedHomepageUrl","getFromConfig","process","home","className","hrefLang","getHrefLang","to","key","default","path","getLocalizedUrl","displayText","map","item","index","BlogPost","type","getAuthor","blogAuthor","contentItems","useInView","threshold","triggerOnce","ref","inView","variants","hidden","y","opacity","show","motion","div","initial","animate","exit","transition","duration","ease","puxMediaSelector","format","date","createdUtc","dangerouslySetInnerHTML","__html","perex","html","puxCategory","termContentItems","Blog","data","pageContext","page","currentCategory","orchard","puxDesignBlogCategory","localizedPath","localization","localizations","PuxMetaTags","metaTagsData","allBlogCategories","category","activeClassName","contentItemId","blog","post","filter","length"],"mappings":"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","file":"component---src-templates-blog-tsx-aac40dc3995f5d48d2db.js","sourcesContent":["import React from \"react\"\r\nimport { MediaSelector } from \"../../types/widget.types\";\r\n\r\ninterface PictureProps extends MediaSelector {\r\n    alt: string\r\n    lazy?: boolean | undefined\r\n    onLoad?: () => void | undefined\r\n}\r\n\r\nexport default function Picture({ puxMediaSelectorImage, alt, lazy, onLoad }: PictureProps) {\r\n    const defaultImg = puxMediaSelectorImage.resizePaths[0] == undefined ? '' : puxMediaSelectorImage.resizePaths[0].replace(/\\s/g,\"%20\")\r\n    const tablet = puxMediaSelectorImage.resizePathsTablet[0] == undefined ? '' : puxMediaSelectorImage.resizePathsTablet[0].replace(/\\s/g,\"%20\")\r\n    const mobile = puxMediaSelectorImage.resizePathsMobile[0] == undefined ? '' : puxMediaSelectorImage.resizePathsMobile[0].replace(/\\s/g,\"%20\")\r\n    \r\n    return (\r\n        <picture>\r\n            <source media=\"(min-width:1200px)\" srcSet={defaultImg} />\r\n            <source media=\"(min-width:768px)\" srcSet={tablet} />\r\n            <source media=\"(min-width:320px)\" srcSet={mobile} />\r\n            <img loading={lazy ? 'lazy' : undefined} src={defaultImg} alt={alt} onLoad={onLoad ? () => onLoad() : undefined}/>\r\n        </picture>\r\n    )\r\n}","import React, { FunctionComponent } from 'react'\r\nimport { Link } from 'gatsby'\r\nimport { getFromConfig, getHrefLang, getLocalizedUrl } from '../utils/localeURL'\r\n\r\nexport interface BreadCrumbsProps {\r\n  default?: boolean\r\n  theme?: string\r\n  center?: boolean\r\n  items: [BreadCrumb]\r\n}\r\n\r\nexport interface BreadCrumb {\r\n  displayText: string\r\n  path: string\r\n}\r\n\r\nexport default function BreadCrumbs(props: BreadCrumbsProps) {\r\n  const { items, theme, center } = props\r\n\r\n  const localizedHomepageUrl = `/${getFromConfig(process.env.LOCALE ?? `cs`, `urlPrefix`, `PuxDesignGatsby`)}`\r\n\r\n  const home = (\r\n    <Link\r\n      className=\"breadcrumbs-item\"\r\n      hrefLang={getHrefLang(localizedHomepageUrl)}\r\n      to={localizedHomepageUrl}\r\n      key={`home`}\r\n    >\r\n      PUXDESIGN\r\n    </Link>\r\n  )\r\n\r\n  return (\r\n    <div className={`breadcrumbs-wrap ${theme ? theme : ``} ${center ? `center` : ``}`}>\r\n      <div className=\"pux-container\">\r\n        <div className=\"breadcrumbs\">\r\n          {props.default && (\r\n            <>\r\n              {home}\r\n              <Link\r\n                className=\"breadcrumbs-item\"\r\n                hrefLang={getHrefLang(items[0].path)}\r\n                to={`${getLocalizedUrl(items[0].path)}`}\r\n              >\r\n                {items[0].displayText}\r\n              </Link>\r\n            </>\r\n          )}\r\n          {!props.default &&\r\n            items?.map((item, index) => {\r\n              if (index === 0) {\r\n                return (\r\n                  <>\r\n                    {home}\r\n                    <Link\r\n                      className=\"breadcrumbs-item\"\r\n                      hrefLang={getHrefLang(item.path)}\r\n                      to={`${getLocalizedUrl(item.path)}`}\r\n                      key={index}\r\n                    >\r\n                      {item.displayText}\r\n                    </Link>\r\n                  </>\r\n                )\r\n              } else {\r\n                return (\r\n                  <Link\r\n                    className=\"breadcrumbs-item\"\r\n                    hrefLang={getHrefLang(item.path)}\r\n                    to={`${getLocalizedUrl(item.path)}`}\r\n                    key={index}\r\n                  >\r\n                    {item.displayText}\r\n                  </Link>\r\n                )\r\n              }\r\n            })}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n","import React, { FunctionComponent, useContext } from 'react'\r\nimport { Link } from 'gatsby'\r\nimport Moment from 'react-moment'\r\nimport Picture from '../shared/picture'\r\nimport { BlogAuthor, BlogPostProps } from '../../types/blog.types'\r\nimport '../../../src/sass/blog/post.scss'\r\nimport { useInView } from 'react-intersection-observer'\r\nimport { motion } from 'framer-motion'\r\nimport { getHrefLang, getLocalizedUrl } from '../../utils/localeURL'\r\n\r\nconst BlogPost: FunctionComponent<BlogPostProps> = ({ type, props }) => {\r\n  const getAuthor = (blogAuthor: BlogAuthor): string => {\r\n    if (blogAuthor.contentItems == null || blogAuthor.contentItems == undefined) {\r\n      return ``\r\n    } else {\r\n      return blogAuthor.contentItems[0].displayText\r\n    }\r\n  }\r\n\r\n  const [ref, inView] = useInView({\r\n    threshold: 0.3,\r\n    triggerOnce: true,\r\n  })\r\n\r\n  const variants = {\r\n    hidden: { y: 100, opacity: 0 },\r\n    show: {\r\n      y: 0,\r\n      opacity: 1,\r\n    },\r\n  }\r\n\r\n  if (type === `big`) {\r\n    return (\r\n      <motion.div\r\n        className=\"post-wrapper\"\r\n        ref={ref}\r\n        initial=\"hidden\"\r\n        animate={inView ? `show` : `hidden`}\r\n        exit=\"hidden\"\r\n        variants={variants}\r\n        transition={{ duration: 0.4, ease: `easeOut` }}\r\n      >\r\n        <Link className=\"post\" hrefLang={getHrefLang(props.path)} to={getLocalizedUrl(props.path)}>\r\n          <div className=\"post-image\">\r\n            {props.puxMediaSelector !== null && (\r\n              <Picture puxMediaSelectorImage={props.puxMediaSelector.puxMediaSelectorImage} alt={props.displayText} />\r\n            )}\r\n          </div>\r\n          <div className=\"post-content\">\r\n            <h2 className={`post-title`}>{props.displayText}</h2>\r\n            <small className=\"post-info\">\r\n              <Moment format=\"DD - MM - YYYY\" date={props.createdUtc} />\r\n              <span> | </span>\r\n              {getAuthor(props.blogAuthor)}\r\n            </small>\r\n            <div\r\n              className=\"post-perex\"\r\n              dangerouslySetInnerHTML={{ __html: props.perex.html?.replace(/font-size: 1rem;/g, ``) }}\r\n            ></div>\r\n            <div className=\"post-cta\">zobrazit články</div>\r\n            <div className=\"post-tags\">\r\n              {props.puxCategory.termContentItems.map(item => (\r\n                <div className=\"post-tag\">\r\n                  <span>{item.displayText}</span>\r\n                </div>\r\n              ))}\r\n            </div>\r\n          </div>\r\n        </Link>\r\n      </motion.div>\r\n    )\r\n  } else {\r\n    return (\r\n      <motion.div\r\n        className=\"post-wrapper\"\r\n        ref={ref}\r\n        initial=\"hidden\"\r\n        animate={inView ? `show` : `hidden`}\r\n        variants={variants}\r\n        exit=\"hidden\"\r\n        transition={{ duration: 0.4, ease: `easeOut` }}\r\n      >\r\n        <Link className=\"post\" hrefLang={getHrefLang(props.path)} to={getLocalizedUrl(props.path)}>\r\n          <div className=\"post-image\">\r\n            {props.puxMediaSelector !== null && (\r\n              <Picture puxMediaSelectorImage={props.puxMediaSelector.puxMediaSelectorImage} alt={props.displayText} />\r\n            )}\r\n          </div>\r\n          <div className=\"post-content\">\r\n            <h2 className=\"post-title h4\">{props.displayText}</h2>\r\n            <small className=\"post-info\">\r\n              <Moment format=\"DD - MM - YYYY\" date={props.createdUtc} />\r\n              <span> | </span>\r\n              {getAuthor(props.blogAuthor)}\r\n            </small>\r\n            <div className=\"post-tags\">\r\n              {props.puxCategory.termContentItems.map(item => (\r\n                <div className=\"post-tag\">\r\n                  <span>{item.displayText}</span>\r\n                </div>\r\n              ))}\r\n            </div>\r\n          </div>\r\n        </Link>\r\n      </motion.div>\r\n    )\r\n  }\r\n}\r\n\r\nexport default BlogPost\r\n","import React from 'react'\r\nimport { graphql, Link } from 'gatsby'\r\nimport { BlogPageProps } from '../types/blog.types'\r\nimport Layout from '../components/layout/layout'\r\nimport BlogPost from '../components/blog/blog-post'\r\nimport '../sass/blog/listing.scss'\r\nimport { t } from 'ttag'\r\nimport { IntersectionObserver } from '../components/shared/intersection-observer'\r\nimport BreadCrumbs from '../components/BreadCrumbs'\r\nimport PuxMetaTags from '../components/shared/PuxMetaTags'\r\nimport { getLocalizedUrl } from '../utils/localeURL'\r\n\r\nexport const query = graphql`\r\n  query($pagePath: String = \"\", $isoCode: String = \"\") {\r\n    orchard {\r\n      puxDesignBlogCategory(first: 1, where: { path: $pagePath }) {\r\n        path\r\n        displayText\r\n        contentItemId\r\n        localization {\r\n          localizations {\r\n            ... on Orchard_PuxDesignBlogCategory {\r\n              path\r\n              published\r\n              localization {\r\n                culture\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n      blog(where: { localization: { culture: $isoCode } }, orderBy: { createdUtc: DESC }) {\r\n        displayText\r\n        path\r\n        contentItemId\r\n        perex {\r\n          html\r\n        }\r\n        blogAuthor {\r\n          contentItems(first: 1) {\r\n            displayText\r\n          }\r\n        }\r\n        createdUtc\r\n        puxMediaSelector {\r\n          puxMediaSelectorImage {\r\n            resizePaths(width: 1920, mode: \"Min\", quality: 75)\r\n            resizePathsMobile(width: 768, mode: \"Min\", quality: 75)\r\n            resizePathsTablet(width: 1200, mode: \"Min\", quality: 75)\r\n          }\r\n        }\r\n        puxCategory {\r\n          termContentItems {\r\n            displayText\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n`\r\n\r\nconst Blog = ({ data, pageContext }: BlogPageProps) => {\r\n  const page = data\r\n  const currentCategory = data.orchard.puxDesignBlogCategory[0].displayText;\r\n\r\n  return (\r\n    <Layout localizedPath={page.localization?.localizations}>\r\n      <PuxMetaTags {...pageContext.metaTagsData} />\r\n      <BreadCrumbs\r\n        default={true}\r\n        center={false}\r\n        items={[\r\n          {\r\n            path: page.orchard.puxDesignBlogCategory[0]?.path,\r\n            displayText: page.orchard.puxDesignBlogCategory[0]?.displayText,\r\n          },\r\n        ]}\r\n      />\r\n      <h1 className=\"blog-title\">{page.orchard.puxDesignBlogCategory[0]?.displayText}</h1>\r\n\r\n      <div className=\"blog-tags\">\r\n        {pageContext.allBlogCategories && pageContext.allBlogCategories.map(category => {\r\n          if (category.displayText === `Blog`) {\r\n            return (\r\n              <Link\r\n                className=\"blog-tag\"\r\n                activeClassName=\"is-active\"\r\n                key={category.contentItemId}\r\n                to={getLocalizedUrl(category.path)}\r\n              >\r\n                {t`PuxDesign.Blog.All`}\r\n              </Link>\r\n            )\r\n          } else {\r\n            return (\r\n              <Link\r\n                className=\"blog-tag\"\r\n                activeClassName=\"is-active\"\r\n                key={category.contentItemId}\r\n                to={getLocalizedUrl(category.path)}\r\n              >\r\n                {category.displayText}\r\n              </Link>\r\n            )\r\n          }\r\n        })}\r\n      </div>\r\n\r\n      <div className=\"blog-listing\">\r\n        {currentCategory === \"Blog\" ? page.orchard.blog.map((post, index) => {\r\n          if (index <= 1) {\r\n            return (\r\n              <div key={post.contentItemId} className=\"blog-listing-item blog-listing-item-big\">\r\n                <BlogPost type=\"big\" props={post} />\r\n              </div>\r\n            )\r\n          }\r\n          return (\r\n            <div key={post.contentItemId} className=\"blog-listing-item blog-listing-item-small\">\r\n              <BlogPost type=\"small\" props={post} />\r\n            </div>\r\n          )\r\n        }) : page.orchard.blog\r\n          .filter(post => post.puxCategory.termContentItems\r\n            .filter(category => category.displayText === currentCategory).length > 0)\r\n          .map((post, index) => {\r\n            if (index <= 1) {\r\n              return (\r\n                <div key={post.contentItemId} className=\"blog-listing-item blog-listing-item-big\">\r\n                  <BlogPost type=\"big\" props={post} />\r\n                </div>\r\n              )\r\n            }\r\n            return (\r\n              <div key={post.contentItemId} className=\"blog-listing-item blog-listing-item-small\">\r\n                <BlogPost type=\"small\" props={post} />\r\n              </div>\r\n            )\r\n          })}\r\n      </div>\r\n    </Layout>\r\n  )\r\n}\r\n\r\nexport default Blog\r\n"],"sourceRoot":""}