{"version":3,"sources":["webpack:///./src/templates/blogAnnouncement.js"],"names":["RecentPost","nodes","style","padding","listStyleType","to","version","className","styles","textDecoration","frontmatterTitle","paddingTop","paddingLeft","marginBottom","frontmatterPublished","frontmatterAuthor","BlogAnnouncement","props","handleScroll","bind","componentDidMount","window","addEventListener","this","componentWillUnmount","removeEventListener","event","sk_sticky","document","querySelector","classList","add","documentElement","scrollTop","remove","render","post","pageContext","pageContent","versionDate","published","category","tags","tag","files","recentPosts","blogAnnouncementPost","sort","a","b","Date","node","frontmatter","filter","p","map","slice","name","property","content","wrapper","textCenter","colorGrey","capitalize","red","textAlign","socialConfig","config","url","data","site","siteMetadata","siteUrl","slug","title","hero","childImageSharp","fluid","maxHeight","imgStyle","objectFit","id","key","dangerouslySetInnerHTML","__html","display","includes","download","href","lightGrey","similarPosts","recentPostsPadding","color","fontWeight","gridsStyles","index","position","top","left","background","transition","zIndex","cursor","React","Component"],"mappings":"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","file":"component---src-templates-blog-announcement-js-4ba8fde7f179eb2f4277.js","sourcesContent":["import React from \"react\"\r\nimport { Link, graphql } from \"gatsby\"\r\nimport BlogNavBar from '../components/BlogNavBar'\r\nimport SheetkraftFooter from '../components/SheetkraftFooter.js';\r\nimport LetsTalk from '../components/LetsTalk';\r\nimport Img from 'gatsby-image'\r\nimport '../styles/main.css'\r\nimport { Helmet } from 'react-helmet';\r\nimport styles from './blogpost.module.css';\r\nimport Share from '../components/Share';\r\n\r\nimport AnchorLink from 'react-anchor-link-smooth-scroll'\r\n\r\nfunction RecentPost({ nodes }) {\r\n  return (\r\n    <ul style={{padding:'0'}}>\r\n      <li style={{listStyleType:'none'}}>\r\n        <Link to={`/blog/${nodes.version}/`} className={styles.textDecoration}>\r\n          <h4 className={styles.frontmatterTitle} style={{paddingTop:'0', paddingLeft:'0', marginBottom:'0'}}>\r\n            Version {nodes.version} has been released\r\n          </h4>\r\n        </Link>\r\n        <p className={styles.frontmatterPublished} style={{padding:'0'}}>\r\n          <span className={styles.frontmatterAuthor} style={{ padding: '0' }}>- SheetKraft Bot </span>\r\n          {/* <span> &bull;</span> {nodes.published} */}\r\n\r\n        </p>\r\n      </li>\r\n    </ul>\r\n  );\r\n}\r\n\r\nexport default class BlogAnnouncement extends React.Component {\r\n\r\n  constructor(props) {\r\n    super(props);\r\n    this.handleScroll = this.handleScroll.bind(this);\r\n  }\r\n\r\n  //for scroll\r\n  componentDidMount() {\r\n    window.addEventListener('scroll', this.handleScroll);\r\n  }\r\n\r\n  componentWillUnmount() {\r\n    window.removeEventListener('scroll', this.handleScroll);\r\n  }\r\n\r\n  handleScroll(event) {\r\n    let sk_sticky = document.querySelector('.sk-adaptive-header');\r\n    sk_sticky.classList.add('sk-is-sticky');\r\n\r\n    if (document.documentElement.scrollTop === 0) {\r\n      sk_sticky.classList.remove('sk-is-sticky');\r\n    }\r\n  }\r\n\r\n  render() {\r\n\r\n    const headingStyle = {\r\n      color: '#000',\r\n      fontWeight:'bold'\r\n    }\r\n\r\n    const post = this.props;\r\n    const version = post.pageContext.version;\r\n    const pageContent = post.pageContext.pageContent;\r\n    const versionDate = post.pageContext.published;\r\n    const category = post.pageContext.category;\r\n    const tags = post.pageContext.tag;\r\n    // const author = post.pageContext.author;\r\n    const files = post.pageContext.files;\r\n    // const categoryAnnouncement = post.frontmatter.category === 'announcements';\r\n\r\n    let totalPosts = post.pageContext.blogAnnouncementPost.sort(function (a, b) {\r\n      return new Date(b.node.published || b.node.frontmatter.published) - new Date(a.node.published || a.node.frontmatter.published);\r\n    });\r\n    let recentPosts = totalPosts.filter(p => p.node.category === category && p.node.version !== version).map(post => post.node).slice(0, 4);\r\n\r\n    const gotoContactBlogAnnouncement = {\r\n      position: 'fixed',\r\n      top: '47%',\r\n      left: '0px',\r\n      background: '#4472c4',\r\n      color: '#fff',\r\n      padding: '10px',\r\n      transition: 'linear .2s',\r\n      zIndex: '2',\r\n      cursor: 'pointer'\r\n    }\r\n\r\n    return (\r\n\r\n      <div>\r\n\r\n        <Helmet>\r\n          <meta name=\"description\" property=\"og:description\" content=\"SheetKraft builds high quality web-based applications using pre-designed powerful building blocks and connects to diverse sources of data across all your internal business applications\" />\r\n          <meta name=\"title\" property=\"og:title\" content=\"SheetKraft\" />\r\n          <meta name=\"image\" property=\"og:image\" content=\"https://www.sheetkraft.com/marketing-assets/images/sk-logo-sticky.png\" />\r\n          <meta name=\"author\" content=\"SheetKraft\" />\r\n          <meta name=\"keywords\"\r\n            content=\" automation, automation anywhere, uipath, rpa, robotic process automation, automate processes, robotic automation process, rpa services, rpa software, rpa tools, blue prismno code, rapid application development,business process automation\" />\r\n          <title>SheetKraft - Blog</title>\r\n        </Helmet>\r\n\r\n        <BlogNavBar />\r\n\r\n        <div className={styles.wrapper} >\r\n\r\n          <div className={styles.textCenter}>\r\n            <h1 className={styles.frontmatterTitle} >Version {version} has been released</h1>\r\n\r\n            <p className={styles.colorGrey} >\r\n              Posted under {\r\n                < Link to={`/blog/category/${category}/`\r\n                }\r\n                  className={\r\n                    styles.capitalize\r\n                  } > {\r\n                    category\r\n                  } </Link>\r\n              } on {versionDate} by <span className={styles.red} >SheetKraft Bot</span>\r\n            </p>\r\n\r\n          </div>\r\n          <div className=\"share\" style={{textAlign:'center'}}>\r\n              <Share\r\n              socialConfig={{\r\n                config: {\r\n                  url: `${this.props.data.site.siteMetadata.siteUrl}${this.props.pageContext.slug}`,\r\n                  title: version\r\n                },\r\n              }}\r\n            />\r\n\r\n          </div>\r\n\r\n          {\r\n            !!post.frontmatter && !!post.frontmatter.hero && !!post.frontmatter.hero.childImageSharp ? < Img fluid={\r\n              post.frontmatter.hero.childImageSharp.fluid\r\n            } className={styles.maxHeight} imgStyle={{ objectFit: \"none\" }} /> : ''\r\n          }\r\n\r\n          <br />\r\n\r\n          <div >\r\n            <ul>\r\n\r\n              {\r\n                pageContent.map((content, id) => (\r\n\r\n                  <li key={id} dangerouslySetInnerHTML={{ __html: content }}></li>\r\n                ))\r\n              }\r\n              {\r\n                files && <li style={{ display: 'block' }}>\r\n                  <p>Manual Download links (if script based download fails)</p>\r\n                  <ul>\r\n                    {\r\n                      files.includes('patch') && <li style={{ listStyleType: 'disc' }}>\r\n                        <a download href={`https://releases.sheetkraft.com/update/SheetKraft.Patch.${version}.zip`}>Patch</a>\r\n                      </li>\r\n                    }\r\n                    {\r\n                      files.includes('full') && <li style={{ listStyleType: 'disc' }}>\r\n                        <a download href={`https://releases.sheetkraft.com/update/SheetKraft.Full.${version}.zip`}>Full</a>\r\n                      </li>\r\n                    }\r\n                    {\r\n                      files.includes('setup') && <li style={{ listStyleType: 'disc' }}>\r\n                        <a download href={`https://releases.sheetkraft.com/update/SheetKraftSetup.v.${version}.exe`}>Addin Installer</a>\r\n                      </li>\r\n                    }\r\n                  </ul>\r\n\r\n                </li>\r\n              }\r\n\r\n            </ul>\r\n          </div>\r\n          <br />\r\n\r\n          <hr className={styles.lightGrey} />\r\n          <p className=\"tagged\" >Tagged: <Link key={tags} to={`/blog/tag/${tags}/`} className=\"tagsList\" >{tags}</Link> </p>\r\n          \r\n          <hr className={styles.lightGrey} />\r\n\r\n          <div className={styles.similarPosts}>\r\n            <div >\r\n              <h3 className={styles.recentPostsPadding} style={headingStyle}>Recent Posts</h3>\r\n              <hr className={styles.lightGrey} />\r\n            </div>\r\n            <div className={styles.gridsStyles}>\r\n              {recentPosts.map((node, index) => (\r\n                <RecentPost nodes={node} key={index} />\r\n              ))}\r\n\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <LetsTalk />\r\n        <SheetkraftFooter />\r\n        <AnchorLink href='#contactForm' className=\"scrolldown\" id=\"gotoContactBlogAnnouncement\" style={gotoContactBlogAnnouncement}> < i className=\"fa fa-phone\"> </i> </AnchorLink>\r\n      </div>\r\n\r\n    )\r\n  }\r\n}\r\n\r\nexport const query = graphql`\r\n query  {      \r\n    site {\r\n      id\r\n      siteMetadata {\r\n        title\r\n        siteUrl\r\n      }\r\n    }\r\n  }\r\n`\r\n\r\n"],"sourceRoot":""}