{"version":3,"sources":["webpack://grundium-ltd-website/./src/components/BookDemo.js","webpack://grundium-ltd-website/./src/components/LayoutGeneric.js","webpack://grundium-ltd-website/./src/components/testimonials/Testimonial.js","webpack://grundium-ltd-website/./src/components/NewsItemLong.js","webpack://grundium-ltd-website/./src/pages/news.js"],"names":["props","title","text","cta","className","to","children","subtitle","fluid","image","testimonial","noBook","bookDemo","selected","buttonText","testimonials","useStaticQuery","allStrapiTestimonials","nodes","React","id","res","i","length","strapiId","getIndexByStrapiId","randomInteger","activeItem","setActiveItem","filter","item","index","map","key","classNames","src","quotesImg","alt","authorImage","childImageSharp","gatsbyImageData","authorName","authorCompany","authorPosition","onClick","date","category","slug","desc","News","data","page","content","SEO","blogs","allStrapiBlogs","LayoutGeneric","Seo","description","undefined","source","linkTarget","newsItem"],"mappings":"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","file":"component---src-pages-news-js-fc749b79b04c0c170c74.js","sourcesContent":["import { Link } from \"gatsby\"\nimport React from \"react\"\n// import BookDemoButton from \"./BookDemoButton\"\n\nconst BookDemo = (props) => {\n\n  const {title, text, cta} = props;\n\n  return <section className=\"gs-sect__in gs-container\">\n          <header className=\"gs-sect-header tac\">\n            <h2 className=\"\">{title || \"Book a live demo\"}</h2>\n            <p className=\"mb2\">\n            {text || \"See the OCUS® portable digital microscope scanner in action – request your free personal online live demo now. A Grundium expert will contact you personally to schedule a suitable 30-minute demo time for you. In the demo we will answer all your questions about which Ocus® scanner fits your needs best, we will talk pricing, share stories about how others are using the scanners, and help you fast forward the digital pathology experience in your lab.\"}\n            </p>\n            {/* <BookDemoButton/> */}\n            <Link to=\"/book\" className=\"gs-button gs-color-contrast\">\n              { cta || \"Book your demo\" }\n            </Link>\n          </header>\n        </section>\n\n}\n\nexport default BookDemo\n","import React from \"react\"\nimport { BgImage } from \"gbimage-bridge\"\n// import \"../css/main.css\"\nimport TopMenu from \"./TopMenu\"\nimport Testimonial from \"../components/testimonials/Testimonial\"\nimport BookDemo from \"./BookDemo\"\nimport Footer from \"./Footer\"\n// import CookieConsent from \"./cookie-consent/CookieConsent\"\n\n\nconst LayoutGeneric = ({ children, title, subtitle, image:fluid, testimonial, noBook, bookDemo }) => {\n  return (\n    <div className=\"\">\n      <BgImage image={fluid} className=\"gs-bg-parallax\"></BgImage>\n      {/* <div className=\"gs-bg-parallax\" style={{ backgroundImage: \"url(\" + fluid.src + \")\" }}></div> */}\n      <TopMenu/>\n      <div className=\"gs-page\">\n\n        <div className=\"gs-bg-parallax__wrap\">\n\n          <div className=\"gs-page-hero\">\n            <div className=\"gs-page-hero__in gs-sect__in\">\n              <div className=\"gs-container\">\n                <header className=\"gs-page-header\">\n                    <h1 className=\"gs-page-header-title gs-header-msg--mark\">{ title }</h1>\n                    <div className=\"gs-products-item__hr\"></div>\n                    <h3 className=\"gs-page-header-subtitle fw300\">{ subtitle }</h3>\n                </header>\n              </div>\n            </div>\n          </div>\n\n        <section className=\"gs-prod-description gs-products-item\">\n          <div className=\"gs-sect__in gs-container ovh\">\n              <div className=\"gs-page-content\">\n              {children}\n              </div>\n          </div>\n        </section>\n        \n\n        {\n          !noBook && <div className=\"\">\n            <section className=\"gs-products-item gs-products-item--2\">\n              <div className=\"gs-sect__in gs-container ovh\">\n              <Testimonial selected={testimonial}></Testimonial>\n              </div>\n            </section>\n            <BookDemo\n              title={bookDemo && bookDemo.title}\n              text={bookDemo && bookDemo.text}\n              cta={bookDemo && bookDemo.buttonText}\n            /> \n          </div>\n        }\n\n        { \n          noBook && <div className=\"gs-sect__in gs-container ovh\">\n            <Testimonial selected={testimonial}></Testimonial>\n            \n          </div>\n        }\n        \n        <Footer />\n        {/* <CookieConsent></CookieConsent> */}\n        </div>\n        </div>\n      </div>\n  )\n}\n\nexport default LayoutGeneric\n","import \"./testimonials.css\"\nimport React from \"react\"\n// import Image from \"gatsby-image\"\nimport quotesImg from \"../../assets/img/quotes.svg\"\nimport { BgImage } from \"gbimage-bridge\"\n// import { Link } from \"gatsby\"\nimport { graphql, useStaticQuery } from \"gatsby\"\n// import SocialLinks from \"../constants/socialLinks\"\n// ...GatsbyImageSharpFluid\nimport classNames from \"classnames\";\nimport { IoIosArrowBack } from \"react-icons/io\"\nimport { randomInteger } from \"../../utils/utils\"\n\nconst Testimonial = (props) => {\n  const {\n    allStrapiTestimonials: { nodes: testimonials },\n  } = useStaticQuery(graphql`\n    {\n      allStrapiTestimonials {\n        nodes {\n          id\n          strapiId\n          text\n          authorName\n          authorImage {\n            childImageSharp {\n              gatsbyImageData(\n                width: 400\n                layout: CONSTRAINED\n                placeholder: BLURRED\n              )\n            }\n          }\n          authorPosition\n          authorCompany\n          authorCompanyUrl\n        }\n      }\n    }\n  `)\n\n  let [activeItem, setActiveItem] = React.useState(getIndexByStrapiId(props.selected) || randomInteger(0, testimonials.length-1));\n\n  function getIndexByStrapiId(id) {\n    let res = 0;\n    for (let i=0; i<testimonials.length; i++){\n      if (testimonials[i].strapiId === id) {\n        res = i; \n        break;\n      }\n    }\n    return res;\n  }\n\n  function testimonialsScrollRight() {\n    setActiveItem(activeItem < testimonials.length - 1 ? activeItem + 1 : 0);\n    // newsListRef.current.scrollBy(400, 0);\n  }\n\n  function testimonialsScrollLeft() {\n    setActiveItem(activeItem ? activeItem - 1 : testimonials.length - 1);\n    // newsListRef.current.scrollBy(-400, 0);\n  }\n\n  return (\n    <div className={\"gs-testimonials-list clean \" + (props.className ? props.className : \"\") }>\n\n        {testimonials.filter((item, index)=> index === activeItem).map((testimonial)=>{\n          return (\n            <article key={testimonial.id} className={classNames(\"gs-testimonials-item\", \"gs-animate--fadeInUp\")}>\n            {/* <BackgroundImage key={testimonial.id} fluid={testimonial.authorImage.childImageSharp.fluid} className=\"gs-testimonials-item__pic\">\n            </BackgroundImage> */}\n                <div className=\"gs-testimonials-item-text\">\n                  <div className=\"gs-testimonials-item-quote mb2\">\n                  <div className=\"gs-testimonials-item-quote__icon\"><img src={quotesImg} alt=\"Quotes\"/></div>\n                    {testimonial.text}\n                  </div>\n                  <div className=\"gs-testimonials-item-author fw300\">\n                      <BgImage key={testimonial.id} image={testimonial.authorImage.childImageSharp.gatsbyImageData} className=\"gs-testimonials-item-author-pic\">\n                      </BgImage>\n                      <div className=\"gs-testimonials-item-author__text\">\n                        <div className=\"gs-testimonials-item-author-name\">\n                          <span className=\"gs-testimonials-item-author-name__dash\">&mdash;&nbsp;</span>\n                          <b>{testimonial.authorName}</b>\n                        </div>\n                        <div className=\"gs-testimonials-item-company\">\n                          <span>{testimonial.authorCompany}</span>\n                          &nbsp;\n                          <br />{testimonial.authorPosition}\n                        </div>\n                      </div>\n                  </div>\n                </div>\n            </article>\n          );\n        })}\n        <IoIosArrowBack className=\"gs-testimonials-list-arrow gs-color-yellow\" onClick={testimonialsScrollLeft}/>\n        <IoIosArrowBack className={classNames(\"gs-testimonials-list-arrow gs-color-yellow\", \"gs-testimonials-list-arrow--right\")} onClick={testimonialsScrollRight}/>\n    </div>\n  );\n\n}\n\nexport default Testimonial\n","import React from \"react\"\nimport { BgImage } from \"gbimage-bridge\"\nimport { Link } from \"gatsby\"\nconst NewsItemLong = ({ date, category, slug, title, desc, image }) => {\n  return (\n    <li className=\"gs-news-item-long\">\n      <BgImage image={image.childImageSharp.gatsbyImageData} className=\"gs-news-item-long__pic\">\n      </BgImage>\n      <div className=\"gs-news-item-long__text\">\n        <span className=\"gs-news-list__tag ffosw\">{category}</span>\n        <span className=\"gs-news-item-long__date fw300\">{date}</span>\n        <h2 className=\"gs-news-item-long__title\">{title}</h2>\n        <p className=\"gs-news-item-long__desc\">{desc}</p>\n        <Link to={`/blogs/${slug}`} className=\"gs-button gs-color-contrast\">Full story</Link>\n      </div>\n    </li>\n  );\n}\n\nexport default NewsItemLong\n","import React from \"react\"\nimport ReactMarkdown from \"react-markdown\"\nimport { graphql } from \"gatsby\"\nimport NewsItemLong from \"../components/NewsItemLong\"\nimport LayoutGeneric from \"../components/LayoutGeneric\"\nimport Seo from \"../components/Seo\"\n\nexport default function News({data}) {\n\n  const { image, title, subtitle, content, SEO } = data.page;\n  const { nodes:blogs } = data.allStrapiBlogs;\n  // console.log(data); \n\n  return (\n    <LayoutGeneric title={title} subtitle={subtitle} image={image.childImageSharp.gatsbyImageData}>\n        <Seo \n        title={(SEO && SEO.title) ? SEO.title : title}\n        description={(SEO && SEO.description) ? SEO.description : undefined }\n        />\n        <ReactMarkdown source={content} linkTarget=\"_blank\"/>\n        {/* <NewsList  items={blogs} listType=\"long\" /> */}\n        <ul className=\"gs-news-list-long\">\n          {blogs.map((newsItem)=>{\n            return <NewsItemLong key={newsItem.id} {...newsItem}/>\n          })}\n        </ul>\n    </LayoutGeneric>\n  );\n}\n\nexport const query = graphql`\n  {\n    page: strapiPages(slug: { eq: \"news\" }) {\n      content\n      image {\n        childImageSharp {\n          gatsbyImageData(layout: FULL_WIDTH, placeholder: BLURRED)\n        }\n      }\n      slug\n      subtitle\n      title\n      id\n      SEO {\n        title\n        description\n      }\n    }\n    allStrapiBlogs(\n      sort: { fields: date, order: DESC }\n      filter: { hidden: { ne: true } }\n    ) {\n      nodes {\n        date(formatString: \"MMMM Do, YYYY\")\n        category\n        id\n        slug\n        title\n        desc\n        image {\n          childImageSharp {\n            gatsbyImageData(layout: FULL_WIDTH, placeholder: BLURRED)\n          }\n        }\n      }\n    }\n  }\n`\n"],"sourceRoot":""}