{"version":3,"sources":["webpack:///./src/pagesStructures/blog/blogSections/BlogSectionFirst.tsx","webpack:///./src/pagesStructures/blog/blogSections.tsx","webpack:///./src/pages/blog.tsx","webpack:///./src/blog/assets/mainBlogPage/seeMore-btn-icon-for-blogPage-sova.ai.svg"],"names":["BlogSectionFirstConfig","BlogSectionFirst","className","usePageContext","lang","locale","dispatch","useStoreon","heading","settings","blogTagFilter","tagSelected","posts","newPostsQuantity","allPostsFilteredByLang","useStaticQuery","allStrapiArticle","edges","map","node","content","elem","date","created_at","find","language","useEffect","filter","post","blog_tags","name","postsList","arr","key","to","link","previewImg","fluid","childImageSharp","tag","title","previewText","author","authorImg","Section","_el","slice","onClick","src","downArrowIcon","alt","displayName","sections","component","BlogSections","i","Blog","module","exports"],"mappings":"gPASMA,EACK,OAGLC,EAAmB,SAAC,GAAyC,IAAvCC,EAAuC,EAAvCA,UAC1B,EAAyBC,cAAjBC,EAAR,EAAQA,KAAMC,EAAd,EAAcA,OACNC,EAAaC,cAAbD,SACAE,EAAYR,EACpB,EAIIO,YAAW,YAHbE,SACEC,cAAiBC,EAFrB,EAEqBA,YAAaC,EAFlC,EAEkCA,MAAOC,EAFzC,EAEyCA,iBAgDnCC,EA1CFC,yBAAe,aADjBC,iBAAoBC,MA2CeC,KAAI,YAAmB,IAAhBC,EAAgB,EAAhBA,KAI1C,OAHgBA,EAAKC,QAAQF,KAAI,SAACG,GAChC,OAAO,OAAP,UAAYA,EAAZ,CAAkBC,KAAMH,EAAKI,gBAEhBC,MAAK,SAACH,GACnB,OAAOA,EAAKI,WAAarB,QAI7BsB,qBAAU,WACRpB,EAAS,gBAAiBQ,KACzB,IAEHY,qBAAU,WACJf,GACFL,EACE,kBACAQ,EAAuBa,QAAO,SAACC,GAC7B,OAAOA,EAAKC,UAAUL,MAAK,qBAAGM,OAAyBnB,SAIxDA,GACHL,EAAS,kBAAmBQ,KAE7B,CAACH,IAEJ,IAIMoB,EAAY,SAACC,EAAU9B,GAC3B,OAAO8B,EAAId,KAAI,SAACU,EAAWK,GAAZ,OACb,kBAAC,OAAD,CAAMC,GAAE,SAAU7B,EAASuB,EAAKO,MAAQF,IAAKA,EAAK/B,UAAS,iDAAmDA,EAAnD,2BAAuFA,EAAvF,IAAoG+B,GAC7J,yBAAK/B,UAAS,oEAAsE+B,GACjFL,EAAKQ,YAAc,kBAAC,IAAD,CAAKC,MAAOT,EAAKQ,WAAWE,gBAAgBD,MAAOnC,UAAS,uDAAyDA,EAAzD,IAAsE+B,IACtJ,yBAAK/B,UAAS,4FAA8F+B,GACzGL,EAAKC,UAAUX,KACd,SAACqB,EAAUN,GAAX,OACU,IAARA,GACE,uBAAG/B,UAAU,yFAAyF+B,IAAKA,GACxGM,EAAIT,SAIb,wBAAI5B,UAAS,0HAA4HA,EAA5H,IAAyI+B,GAAQL,EAAKY,OACnK,uBAAGtC,UAAS,sHAAwHA,EAAxH,IAAqI+B,EAArI,gBAAyJL,EAAKa,aAC1K,yBAAKvC,UAAU,4FACZ0B,EAAKc,OAAOC,WAAa,kBAAC,IAAD,CAAKN,MAAOT,EAAKc,OAAOC,UAAUL,gBAAgBD,MAAOnC,UAAS,2CAA6CA,EAA7C,IAA0D+B,IACtJ,yBAAK/B,UAAU,sEACb,uBAAGA,UAAU,eAAe0B,EAAKc,OAAOZ,MACxC,uBAAG5B,UAAU,eAAe0B,EAAKN,eAS/C,OACE,kBAACsB,EAAA,EAAD,CAAS1C,UAAcA,EAAL,uCAChB,yBAAKA,UAAU,2DACb,wBAAIA,UAAU,mDAAmDM,GACjE,yBAAKN,UAAU,mFACZ6B,EACCnB,EAAMe,QAAO,SAACkB,EAAUZ,GAAX,OAA2BA,GAAO,KAC/C,gBAUJ,yBAAK/B,UAAU,mFACZ6B,EAAUnB,EAAMe,QAAO,SAACkB,EAAUZ,GAAX,OAA2BA,GAAO,KAAGa,MAAM,EAAGjC,GAAmB,iBAI7F,4BAAQkC,QAAS,WAtDnBzC,EAAS,uBAAwB,IAsDSJ,UAAU,yDAChD,yBAAKA,UAAU,6FACb,wBAAIA,UAAU,WAAd,YACA,yBAAK8C,IAAKC,IAAe/C,UAAU,uCAAuCgD,IAAI,mBAOxFjD,EAAiBkD,YAAc,mBAEhBlD,QC7JTmD,EAAW,CAAC,CAAEC,UAAW,SAACpB,EAAa/B,GAAd,OAAoC,kBAAC,EAAD,CAAkBA,UAAWA,EAAW+B,IAAKA,OAE1GqB,EAAe,WACnB,OAAO,oCAAGF,EAASlC,KAAI,WAAgBqC,GAAhB,OAAsBF,EAAtB,EAAGA,WAA6BE,EAAD,oDAAwDA,QAGhHD,EAAaH,YAAc,eAEZG,QCGAE,UATF,WACX,OACE,kBAAC,IAAD,KACE,kBAAC,IAAD,CAAKhB,MAAM,SACX,kBAAC,EAAD,S,mBCVNiB,EAAOC,QAAU","file":"component---src-pages-blog-tsx-68439162cbb07e026646.js","sourcesContent":["import React, { useEffect } from \"react\"\nimport { Link, graphql, useStaticQuery } from \"gatsby\"\n\nimport { usePageContext } from \"../../../components/pageContext/pageContext\"\nimport { useStoreon } from \"../../../store/store\"\nimport Img from \"gatsby-image\"\nimport Section from \"../../../components/section/Section\"\nimport downArrowIcon from \"../../../blog/assets/mainBlogPage/seeMore-btn-icon-for-blogPage-sova.ai.svg\"\n\nconst BlogSectionFirstConfig = {\n  heading: \"Blog\",\n}\n\nconst BlogSectionFirst = ({ className }: { className: string }) => {\n  const { lang, locale } = usePageContext() as any\n  const { dispatch } = useStoreon()\n  const { heading } = BlogSectionFirstConfig\n  const {\n    settings: {\n      blogTagFilter: { tagSelected, posts, newPostsQuantity },\n    },\n  } = useStoreon(\"settings\")\n\n  const {\n    allStrapiArticle: { edges },\n  } = useStaticQuery(\n    graphql`\n      query {\n        allStrapiArticle(sort: { fields: created_at }) {\n          edges {\n            node {\n              content {\n                content\n                language\n                previewText\n                title\n                link\n                previewImg {\n                  childImageSharp {\n                    fluid {\n                      ...GatsbyImageSharpFluid\n                    }\n                  }\n                }\n                author {\n                  name\n                  authorImg {\n                    childImageSharp {\n                      fluid {\n                        ...GatsbyImageSharpFluid\n                      }\n                    }\n                  }\n                }\n                blog_tags {\n                  name\n                }\n              }\n              created_at(formatString: \"lll\")\n            }\n          }\n          totalCount\n        }\n      }\n    `\n  )\n\n  const allPostsFilteredByLang = edges.map(({ node }: any) => {\n    const content = node.content.map((elem: any) => {\n      return { ...elem, date: node.created_at }\n    })\n    return content.find((elem: any) => {\n      return elem.language === lang\n    })\n  })\n\n  useEffect(() => {\n    dispatch(\"initPostsList\", allPostsFilteredByLang)\n  }, [])\n\n  useEffect(() => {\n    if (tagSelected) {\n      dispatch(\n        \"updatePostsList\",\n        allPostsFilteredByLang.filter((post: any) => {\n          return post.blog_tags.find(({ name }: any) => name === tagSelected)\n        })\n      )\n    }\n    if (!tagSelected) {\n      dispatch(\"updatePostsList\", allPostsFilteredByLang)\n    }\n  }, [tagSelected])\n\n  const loadMorePosts = () => {\n    dispatch(\"updateNewPostsAmount\", 3)\n  }\n\n  const postsList = (arr: any, className: string) => {\n    return arr.map((post: any, key: number) => (\n      <Link to={`/blog${locale + post.link}`} key={key} className={`sova-section-blog_post sova-section_blog-post-${className} sova-section_blog-post-${className}-${key}`}>\n        <div className={`sova-section-container sova-section-container_blog-postContainer-${key}`}>\n          {post.previewImg && <Img fluid={post.previewImg.childImageSharp.fluid} className={`sova-section_blog-postImg sova-section_blog-postImg-${className}-${key}`} />}\n          <div className={`sova-section-container sova-section-container_blog-text sova-section-container_blog-text-${key}`}>\n            {post.blog_tags.map(\n              (tag: any, key: number) =>\n                key === 0 && (\n                  <p className=\"sova-section-child sova-section-child_blog sova-section-child_blog-postTag sova-p-tiny\" key={key}>\n                    {tag.name}\n                  </p>\n                )\n            )}\n            <h3 className={`sova-section-child sova-h3 sova-section-child_blog sova-section-child_blog-postTitle sova-section-child_blog-postTitle-${className}-${key}`}>{post.title}</h3>\n            <p className={`sova-section-child sova-section-child_blog sova-section-child_blog-postPreview sova-section-child_blog-postPreview-${className}-${key} sova-p-tiny`}>{post.previewText}</p>\n            <div className=\"sova-section-container sova-section-container_row sova-section-container_blog-authorInfo\">\n              {post.author.authorImg && <Img fluid={post.author.authorImg.childImageSharp.fluid} className={`sova_blog-authorImg sova_blog-authorImg-${className}-${key}`} />}\n              <div className=\"sova-section-container sova-section-container_blog-authorInfo-text\">\n                <p className=\"sova-p-tiny\">{post.author.name}</p>\n                <p className=\"sova-p-tiny\">{post.date}</p>\n              </div>\n            </div>\n          </div>\n        </div>\n      </Link>\n    ))\n  }\n\n  return (\n    <Section className={`${className} sova-section-without-margin-bottom`}>\n      <div className=\"sova-section-container sova-section-container_blog-main\">\n        <h2 className=\"sova-section-child sova-h2 sova-h2_blog-heading\">{heading}</h2>\n        <div className=\"sova-section-container sova-section-container_row sova-section-container_blog-1\">\n          {postsList(\n            posts.filter((_el: any, key: number) => key <= 2),\n            \"upper-block\"\n          )}\n          {/* <div className=\"sova-section-container sova-section-container_blog-subscribtionForm\">\n            <img src={subscrImg} className=\"sova-section-child sova-section-child_blog-subscribtionForm-img\" alt=\"Illustration for the subscribtion field of the blog page - SOVA.ai\" />\n            <p className=\"sova-section-child sova-section-child_blog-subscribtionForm-heading\">Join our Newsletter</p>\n            <p className=\"sova-section-child sova-section-child_blog-subscribtionForm-text\">Stay up to date with the latest news from the SOVA community</p>\n            <input type=\"text\" className=\"sova-input sova-input_article sova-p-tiny\" placeholder=\"E-mail\" />\n            <button className=\"sova-btn sova-btn_article sova-btn_secondary sova-btn_small \">Subscribe</button>\n          </div> */}\n        </div>\n        <div className=\"sova-section-container sova-section-container_row sova-section-container_blog-2\">\n          {postsList(posts.filter((_el: any, key: number) => key >= 3).slice(0, newPostsQuantity), \"lower-block\")}\n        </div>\n      </div>\n\n      <button onClick={() => loadMorePosts()} className=\"sova-btn sova-btn_secondary sova-btn_blog-loadMoreBtn\">\n        <div className=\"sova-section-container sova-section-container_row sova-section-container_blog-loadMoreBtn\">\n          <h2 className=\"sova-h2\">See more</h2>\n          <img src={downArrowIcon} className=\"sova-icon sova-icon_blog-loadMoreBtn\" alt=\"Arrow icon\" />\n        </div>\n      </button>\n    </Section>\n  )\n}\n\nBlogSectionFirst.displayName = \"BlogSectionFirst\"\n\nexport default BlogSectionFirst\n","import React from \"react\"\n\nimport BlogSectionFirst from \"./blogSections/BlogSectionFirst\"\n\nconst sections = [{ component: (key: number, className: string) => <BlogSectionFirst className={className} key={key} /> }]\n\nconst BlogSections = () => {\n  return <>{sections.map(({ component }, i) => component(i, `sova-section sova-section-blog sova-section-blog_${i}`))}</>\n}\n\nBlogSections.displayName = \"BlogSections\"\n\nexport default BlogSections\n","import React from \"react\"\n\nimport BlogLayout from \"../blog/layout/blogLayout\"\nimport SEO from \"../components/SEO/seo\"\nimport BlogSections from \"../pagesStructures/blog/blogSections\"\n\nconst Blog = () => {\n  return (\n    <BlogLayout>\n      <SEO title=\"Blog\" />\n      <BlogSections />\n    </BlogLayout>\n  )\n}\n\nexport default Blog\n","module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iNDUiIHZpZXdCb3g9IjAgMCAzMSA0NSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1LjUgM1Y0Mk0xNS41IDQyTDMuNSAzMy41TTE1LjUgNDJMMjcuNSAzMy41IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K\""],"sourceRoot":""}