{"version":3,"sources":["webpack:///./src/components/Content/index.js","webpack:///./src/templates/suppliers.js","webpack:///./src/components/CustomerPageTemplate/index.js","webpack:///./src/components/VideoBG/index.js","webpack:///./src/components/Testimonials/index.js"],"names":["HTMLContent","content","className","dangerouslySetInnerHTML","__html","Content","SuppliersPage","post","data","markdownRemark","frontmatter","meta_title","name","meta_description","contentComponent","title","customertype","customertypeTitle","video","html","testimonials","CustomerPageTemplate","PageContent","id","VideoBG","videoitem","useRef","useState","loading","setLoading","useEffect","addEventListener","removeEventListener","muted","playsInline","autoPlay","loop","ref","style","opacity","transition","map","i","key","src","url","type","Testimonials","testimonial","image","author","href","backlink","company","target","rel","quote"],"mappings":"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","file":"component---src-templates-suppliers-js-b43e9dd563683b0ef97b.js","sourcesContent":["import React from 'react'\n\nexport const HTMLContent = ({ content, className }) => (\n  <div className={className} dangerouslySetInnerHTML={{ __html: content }} />\n)\n\nconst Content = ({ content, className }) => (\n  <div className={className}>{content}</div>\n)\n\nexport default Content\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport Helmet from 'react-helmet'\nimport { graphql } from 'gatsby'\nimport { HTMLContent } from '../components/Content'\nimport CustomerPageTemplate from '../components/CustomerPageTemplate'\nimport Layout from '../components/Layout'\n\nconst SuppliersPage = ({ data }) => {\n  const { markdownRemark: post } = data\n\n  return (\n    <Layout>\n      <Helmet>\n        <title>{post.frontmatter.meta_title}</title>\n        <meta name='description' content={post.frontmatter.meta_description} />\n      </Helmet>\n      <CustomerPageTemplate\n        contentComponent={HTMLContent}\n        title={post.frontmatter.title}\n        customertype={post.frontmatter.customertype}\n        customertypeTitle={post.frontmatter.customertypeTitle}\n        video={post.frontmatter.video}\n        content={post.html}\n        testimonials={post.frontmatter.testimonials}\n      />\n    </Layout>\n  )\n}\n\nSuppliersPage.propTypes = {\n  data: PropTypes.object.isRequired,\n}\n\nexport default SuppliersPage\n\nexport const customerPageQuery = graphql`\n  query SuppliersPage($id: String!) {\n    markdownRemark(id: { eq: $id }) {\n      html\n      frontmatter {\n        title\n        meta_title\n        meta_description\n        customertype\n        customertypeTitle\n        video {\n          url\n          type\n        }\n        testimonials {\n          image\n          author\n          company\n          quote\n          backlink\n        }\n      }\n    }\n  }\n`\n","import React from 'react'\nimport Content from '../Content'\nimport PropTypes from 'prop-types'\nimport VideoBG from '../VideoBG'\nimport Testimonials from '../Testimonials'\n\nconst CustomerPageTemplate = ({ title, customertype, customertypeTitle, content, contentComponent, video, testimonials }) => {\n  const PageContent = contentComponent || Content\n\n  return (\n    <div>\n      <section className='hero is-primary is-bold is-medium hero-small'>\n        <div className='hero-body'>\n          <div className='container column is-two-thirds'>\n            <h2 className='title has-text-centered has-text-weight-bold is-size-1'>\n              {title}\n            </h2>\n          </div>\n        </div>\n        <VideoBG video={video} />\n      </section>\n      <section className='section section--gradient'>\n        <div className='container'>\n\n          <article className='content columns is-8 is-variable'>\n            <div className='column'>\n              <h2 className='has-text-weight-semibold is-size-3'>\n                {customertypeTitle}\n              </h2>\n            </div>\n\n            <PageContent className='column' content={content} />\n\n          </article>\n\n        </div>\n      </section>\n\n      <a id='testimonials' name='testimonials'></a>\n\n      <section className='section'>\n\n        <div className='container'>\n  \n          <hr />\n        \n          <h2 className='has-text-weight-semibold is-size-3 has-text-centered pt-6'>\n            {customertype}\n          </h2>\n\n          <Testimonials testimonials={testimonials} />\n\n        </div>\n      </section>\n    </div>\n  )\n}\n\nCustomerPageTemplate.propTypes = {\n  title: PropTypes.string.isRequired,\n  customertype: PropTypes.string,\n  customertypeTitle: PropTypes.string,\n  content: PropTypes.string,\n  contentComponent: PropTypes.func,\n  video: PropTypes.array,\n  testimonials: PropTypes.array,\n}\n\nexport default CustomerPageTemplate\n","import React, { useRef, useEffect, useState } from 'react'\nimport PropTypes from 'prop-types'\n\nconst VideoBG = ({ video }) => {\n  let videoitem = useRef(null)\n\n  const [loading, setLoading] = useState(true)\n\n  useEffect(() => {\n    if (videoitem) {\n      videoitem.addEventListener('loadeddata', () => {\n        setLoading(false)\n      })\n    }\n\n    return () => {\n      if (videoitem) {\n        videoitem.removeEventListener('loadeddata', () => {})\n      }\n    }\n  })\n\n  return (\n\n    <video\n      muted\n      playsInline\n      autoPlay\n      loop\n      id='videobg'\n      ref={ref => (videoitem = ref)}\n      style={{\n        opacity: loading ? 0 : 1,\n        transition: 'opacity, 2s ease-in-out',\n      }}\n    >\n      {video.map((videoitem, i) => (\n        <source key={'backgroundvideo-' + i} src={videoitem.url} type={videoitem.type} />\n      ))}\n\n    </video>\n\n  )\n}\n\nVideoBG.propTypes = {\n  video: PropTypes.arrayOf(\n    PropTypes.shape({\n      url: PropTypes.string,\n      type: PropTypes.string,\n    }),\n  ),\n}\n\nexport default VideoBG\n","import React from 'react'\nimport PropTypes from 'prop-types'\n\nconst Testimonials = ({ testimonials }) => (\n  <div className='columns statictestimonial-column my-6 is-centered is-multiline'>\n    {testimonials.map((testimonial, i) => (\n      <div className='column is-half'>\n        <div className='card'>\n          <article key={'testimonialarticle-' + i} className='card-content'>\n            <div className='media'>\n              <div className='media-left'>\n                <figure className='image is-64x64'>\n                  <img className='is-rounded' src={testimonial.image} />\n                </figure>\n              </div>\n              <div className='media-content testimonial-nametag'>\n                <cite className='has-text-weight-semibold'>{testimonial.author}</cite>\n                <br />\n                <a href={testimonial.backlink} title={'Visit the ' + testimonial.company + ' website'} target='_blank' rel='noreferrer'>{testimonial.company}</a>\n              </div>\n            </div>\n            <div className='content'>\n              {testimonial.quote}\n            </div>\n          </article>\n        </div>\n      </div>\n    ))}\n  </div>\n)\n\nTestimonials.propTypes = {\n  testimonials: PropTypes.arrayOf(\n    PropTypes.shape({\n      image: PropTypes.string,\n      quote: PropTypes.string,\n      author: PropTypes.string,\n      company: PropTypes.string,\n      backlink: PropTypes.string,\n    }),\n  ),\n}\n\nexport default Testimonials\n"],"sourceRoot":""}