{"version":3,"sources":["webpack:///./src/images/social_default.jpg","webpack:///./src/components/grid.js","webpack:///./src/templates/solutions.js","webpack:///./src/components/seo.js"],"names":["module","exports","Grid","props","state","more","loadMore","bind","event","this","setState","preventDefault","render","Articles","Today","Date","data","articles","node","withoutlimits","length","article","push","type","title","image","OG_image","slug","author","authors","date","createdAt","TileBackgroundColor","TileBordercolor","TileTextColor","projects","Project_name","Project_image","Header_image","Author","sub_message","Sub_message","MainColour","textColor","podcasts","id","services","service_name","service_image","service_intro","secondColor","events","Event_name","event_image","location","contacts","videos","cover_image","wisita_id","Player_colour","LatestArticles","ArticlesArchieve","Homepage","chunk","_","orderBy","slice","Pathname","pathname","split","remove","n","Slug","encodeURIComponent","includes","filter","shuffle","className","map","document","index","key","onClick","to","Component","withLocation","connect","pods","micrositeID","getArticle","getPodcasts","ProjectsTemplate","layoutContents","React","createRef","layoutWrapper","returnImage","BackBut","reverse","childImageSharp","fluid","console","log","withPrefix","replace","OG","strapiProjects","publicURL","role","Tag","metaImage","description","overview","class","Project_location","client","source","linkTarget","escapeHtml","undefined","returnPage","section","linkText","Project_content","wistiaID","hashedId","playerColor","playerColour","query","SEO","lang","meta","site","metaDescription","siteMetadata","DefaultImg","htmlAttributes","titleTemplate","name","content","property","concat","defaultProps"],"mappings":"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","file":"component---src-templates-solutions-js-907362508bebc34c2a88.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/social_default-1b70e8a6c6d5b7152803d9f4368b969b.jpg\";","import React, { Component } from 'react'\nimport CardGrid from \"./cardgrid.js\"\nimport StrapiImage from \"./StrapiImage.js\"\nimport BackgroundImage from 'gatsby-background-image'\nimport { connect } from 'react-redux';\nimport { getArticle, getPodcasts } from '../actions';\nimport _ from 'lodash';\nimport withLocation from \"./withLocation\"\nimport { Link } from 'gatsby'\n\n\n\n\nclass Grid extends Component {\n  constructor(props) {\n    super(props)\n    this.state = {\n      more:false\n    }\n\n           this.loadMore = this.loadMore.bind(this); //bind function once\n  }\n\n  loadMore(event) {\n    if(this.state.more){\n      this.setState({more:false})\n\n    }else{\n  this.setState({more:true})\n    }\n\n    event.preventDefault();\n  }\n\n    render() {\n\n      let Articles = []\n            let Today = new Date()\n          for (let articles of this.props.data){\n\n            if(articles.node.withoutlimits.length > 0){\n                for(let article of articles.node.withoutlimits){\n                  Articles.push({type:\"WL\" ,title:article.title , image:article.OG_image,slug:article.slug,author:article.authors,date:article.createdAt,TileBackgroundColor:articles.node.TileBackgroundColor,TileBordercolor:articles.node.TileBordercolor, TileTextColor:articles.node.TileTextColor})\n                }\n            }\n            if(articles.node.projects.length > 0){\n              for(let article of articles.node.projects){\n                Articles.push({type:\"Project\" ,title:article.Project_name , image:article.Project_image,slug:article.slug,author:\"\",date:article.createdAt,TileBackgroundColor:articles.node.TileBackgroundColor,TileBordercolor:articles.node.TileBordercolor, TileTextColor:articles.node.TileTextColor})\n              }\n            }\n            if(articles.node.articles.length > 0){\n\n              for(let article of articles.node.articles){\n                if(article.type === \"article\"){\n                    Articles.push({type:article.type ,title:article.title , image:article.Header_image,slug:article.slug,author:article.Author,sub_message:article.Sub_message,date:article.createdAt,TileBackgroundColor:articles.node.TileBackgroundColor,TileBordercolor:articles.node.TileBordercolor, TileTextColor:articles.node.TileTextColor})\n                }else\n                    Articles.push({type:article.type ,title:article.title , image:article.Header_image,slug:article.slug,author:article.Author,sub_message:article.Sub_message,date:article.createdAt,TileBackgroundColor:this.props.MainColour,TileBordercolor:this.props.MainColour, TileTextColor:this.props.textColor})\n              }\n            }\n            if(articles.node.podcasts.length > 0){\n              for(let article of articles.node.podcasts){\n                  Articles.push({type:\"Podcast\" ,title:article.title , image:\"\",slug:article.id,author:\"\",sub_message:\"\",date:article.createdAt,TileBackgroundColor:this.props.MainColour,TileBordercolor:this.props.MainColour, TileTextColor:this.props.textColor})\n              }\n          }\n          if(articles.node.services.length > 0){\n            for(let article of articles.node.services){\n                Articles.push({type:\"Service\" ,title:article.service_name , image:article.service_image,slug:article.slug,author:\"\",sub_message:article.service_intro,date:article.createdAt,TileBackgroundColor:this.props.MainColour,TileBordercolor:this.props.secondColor, TileTextColor:this.props.textColor})\n            }\n          }\n          if(articles.node.events.length > 0){\n            for(let article of articles.node.events){\n              let EventDate = new Date(article.date)\n            if(EventDate >= Today ){\n                Articles.push({type:\"Event\" ,title:article.Event_name , image:article.event_image,slug:article.slug,author:article.date,sub_message:article.location,date:article.createdAt,TileBackgroundColor:this.props.MainColour,TileBordercolor:this.props.secondColor, TileTextColor:this.props.textColor})\n            }\n          }\n          }\n          if(articles.node.contacts.length > 0){\n              for(let article of articles.node.contacts){\n                //  Articles.push({type:\"Contacts\" ,title:article.name , image:article.image.childImageSharp.fluid,slug:article.slug,author:article.position,sub_message:article.email ,date:article.createdAt,TileBackgroundColor:this.props.data.TileBackgroundColor,TileBordercolor:this.props.data.TileBordercolor, TileTextColor:this.props.TileTextColor})\n              }\n          }\n          if(articles.node.videos.length > 0){\n              for(let article of articles.node.videos){\n                  Articles.push({type:\"Video\" ,title:article.title , image:article.cover_image,slug:article.slug,author:article.wisita_id,sub_message:article.Player_colour,date:article.createdAt,TileBackgroundColor:articles.node.TileBackgroundColor,TileBordercolor:articles.node.TileBordercolor, TileTextColor:articles.node.TileTextColor})\n              }\n          }\n    }\n\n\n\nlet LatestArticles =[]\nlet ArticlesArchieve =[]\n\n  if(this.props.Homepage){\n    Articles = _.orderBy(Articles, 'date', 'desc',)\n    let chunk = 0\n    if(Articles.length >=12){\n      chunk = 12\n    }\n    if(Articles.length >=8 && Articles.length<12){\n      chunk = 8\n    }\n    if(Articles.length >=4 && Articles.length<8){\n      chunk = 4\n    }\n    LatestArticles =  _.chunk(Articles, chunk)\n    ArticlesArchieve = Articles.slice(chunk,Articles.length)\n\n}else if(this.props.type === \"update\") {\n\n  let Pathname = this.props.location.pathname.split(\"/\")\n\n  _.remove(Articles,function(n) {\n    let Slug = encodeURIComponent(n.slug)\n    return Pathname.includes(Slug)\n  });\n\nif(_.filter(Articles, ['type', 'update']).length>1){\n    Articles = _.filter(Articles, ['type', 'update']);\n}\n\n  LatestArticles =  _.chunk(Articles, 4)\n}else{\n  let Pathname = this.props.location.pathname.split(\"/\")\n  _.remove(Articles,function(n) {\n    let Slug = encodeURIComponent(n.slug)\n    return Pathname.includes(Slug)\n  });\n\n\n  Articles = _.shuffle(Articles);\n  LatestArticles =  _.chunk(Articles, 4)\n\n}\n\n\n\n\n\nreturn(\n\n  <section id=\"previous\" className=\"container\">\n    <div className=\"container__inner\">\n        <div className=\"container__header\">\n        {this.props.Homepage ? (\n            <h2 className=\"header__title\">Previous articles &amp; updates</h2>\n        ):( <h2 className=\"header__title\">Related articles &amp; updates</h2>)}\n\n\n        </div>\n        {LatestArticles.length !== 0 ?(\n        <div className=\"container__body\">\n            <div className=\"slice-wrapper\">\n                <ul className=\"row row--cols-4 slice\">\n                    <li className=\"slice__item row__item row__item--span-4\">\n                        <ul className=\"list list--columns-4 list--rows-3\">\n\n                        {LatestArticles[0].map((document, index) => (\n                          <CardGrid key={index} data={document} MainColour={this.props.MainColour} secondColor={this.props.secondColor} textColor={this.props.textColor}/>\n                        ))}\n                        {ArticlesArchieve.length>0 ? (\n                          <>\n                          {!this.state.more ? (\n                        <div className=\"loadMore\" onClick={this.loadMore}>Load More</div>\n                      ):(\n\n                        ArticlesArchieve.map((document, index) => (\n                        <>\n                          <CardGrid key={index} data={document} MainColour={this.props.MainColour} secondColor={this.props.secondColor} textColor={this.props.textColor}/>\n                        </>\n                        )))}\n\n                        </>\n\n\n                        ):(<></>)}\n                        {this.props.Homepage ? (\n                          <></>\n                        ):( <Link className=\"loadMore\" to=\"/\">Home</Link>)}\n\n                        </ul>\n                    </li>\n\n                </ul>\n\n            </div>\n        </div>\n      ):(<></>)}\n\n    </div>\n\n</section>\n\n\n      )\n    }\n\n\n    }\n\n\n    function mapStateToProps(state) {\n      return {\n        articles: state.articles,\n        pods:state.pods,\n        micrositeID:state.micrositeID\n      };\n    }\n\n\n    export default withLocation(connect(mapStateToProps,{ getArticle, getPodcasts })(Grid));\n","import React, { Component } from 'react'\nimport { Link, navigate, graphql,withPrefix } from 'gatsby'\nimport Layout from '../components/layout'\nimport ReactMarkdown from \"react-markdown\"\n\nimport BackgroundImage from 'gatsby-background-image'\nimport Contact from \"../components/contact_article\"\nimport Grid from \"../components/grid\"\nimport Nav from '../components/nav'\nimport { StickyContainer, Sticky } from 'react-sticky';\nimport HomeImage from \"../images/home-01.svg\"\nimport Video from \"../components/WistiaEmbed.js\"\nimport SEO from \"../components/seo\"\n\n\n\nexport default class ProjectsTemplate extends Component {\n  constructor(props) {\n    super(props)\n\n    this.layoutContents = React.createRef()\n    this.layoutWrapper = React.createRef()\n    this.returnImage = this.returnImage.bind(this)\n    this.state={BackBut:\"\"}\n\n  }\n\n\n\n\n\n  returnImage(image){\nif(image === null){\nreturn ([\n`linear-gradient(94deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6012780112044818) 30%, rgba(0,0,0,0.604079131652661) 70%, rgba(0,0,0,0) 100%)`\n].reverse()\n)\n}else{\nreturn ([\nimage.childImageSharp.fluid,\n`linear-gradient(94deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6012780112044818) 30%, rgba(0,0,0,0.604079131652661) 70%, rgba(0,0,0,0) 100%)`\n].reverse()\n)\n}\n\n};\n\n\n\n  render() {\n\n    console.log(\"SOLUTIONS\" , this.props.location)\n      console.log(\"ROUTER\" , withPrefix(\"/\"), this.props.location.pathname.replace(withPrefix(\"/\"),\"/\"))\n      let OG = \"\"\n      if(this.props.data.strapiProjects.Project_image !== null){\n        OG = this.props.data.strapiProjects.Project_image.publicURL\n      }\n\n\n\n    // <Layout\n    //   theme='project'\n    //   metaName={`${this.props.data.strapiProjects.Project_name}`}\n    //   metaDescription={`${this.props.data.strapiProjects.Project_location}`}\n    //   metaImage={`${this.props.data.strapiProjects.Project_image.childImageSharp.fixed.src}`}\n    // >\n\n    return (\n\n\n\n\n\n    <main id=\"main\" className=\"\" role=\"main\">\n\n\n  <BackgroundImage Tag=\"div\"  fluid={this.returnImage(this.props.data.strapiProjects.Project_image)}>\n  <SEO metaImage={OG} description={this.props.data.strapiProjects.overview}  title={this.props.data.strapiProjects.Project_name}/>\n  <div className=\"page-header\">\n      <div class=\"containerScroll\">\n          <div class=\"page-header__content\">\n              <div class=\"page-header__heading\">\n                  <h1 class=\"page-header__title\">\n                      {this.props.data.strapiProjects.Project_name}\n                  </h1>\n                  <h2>{this.props.data.strapiProjects.Project_location}</h2>\n                  <h3>{this.props.data.strapiProjects.client}</h3>\n              </div>\n              <div class=\"page-header__description\">\n              <ReactMarkdown source={this.props.data.strapiProjects.overview} linkTarget='_blank' escapeHtml={false}/>\n              {this.props.location.state !== null && this.props.location.state !== undefined ? this.props.location.state.returnPage !== null && this.props.location.state.returnPage !== undefined? <Link className=\"contentbacklink\" state={{section:this.props.location.state.section}} to={this.props.location.state.returnPage.replace(withPrefix(\"/\"),\"/\")}>- {this.props.location.state.linkText}</Link>:<></>:<></>}\n\n              </div>\n          </div>\n      </div>\n            </div>\n      </BackgroundImage>\n\n      <div class=\"page-section\">\n          <div class=\"containerScroll\">\n          <ReactMarkdown source={this.props.data.strapiProjects.Project_content} linkTarget='_blank' escapeHtml={false}/>\n          {this.props.data.strapiProjects.wistiaID !== null ? <Video hashedId={this.props.data.strapiProjects.wistiaID} playerColor={this.props.data.strapiProjects.playerColour} />:<></>}\n          </div>\n            {this.props.location.state !== null && this.props.location.state !== undefined ? this.props.location.state.returnPage !== null && this.props.location.state.returnPage !== undefined? <div class=\"page-section\"> <div class=\"containerScroll\"><Link className=\"contentbacklink\" state={{section:this.props.location.state.section}} to={this.props.location.state.returnPage.replace(withPrefix(\"/\"),\"/\")}>- {this.props.location.state.linkText}</Link></div></div>:<></>:<></>}\n      </div>\n\n\n\n</main>\n\n\n\n)\n}\n}\n\n\nexport const query = graphql`\n  query solutionsTemplate($slug: String!,$MicrositeID: String!,$MicrositeIDFull: String!) {\n    strapiProjects(slug: {eq:$slug}) {\n      Project_content\n      Project_location\n      wistiaID\n      playerColour\n      Project_name\n      overview\n      client\n      services\n      Project_image {\n        absolutePath\n        publicURL\n        childImageSharp {\n          fixed(width: 500) {\n             base64\n             tracedSVG\n             aspectRatio\n             width\n             height\n             src\n             srcSet\n             srcWebp\n             srcSetWebp\n             originalName\n           }\n        fluid (maxWidth: 6000, quality: 100){\n          base64\n          tracedSVG\n          aspectRatio\n          src\n          srcSet\n          srcWebp\n          srcSetWebp\n          sizes\n          originalImg\n          originalName\n          presentationWidth\n          presentationHeight\n        }\n      }\n      }\n      slug\n      sections {\n        color\n        highlightcolor\n        TileTextColor\n        TileBordercolor\n        TileBackgroundColor\n        Section_name\n      }\n    }\n    allStrapiSections(filter: {id: {}, microsites: {elemMatch: {id: {eq: $MicrositeID }}}}) {\n      edges {\n        node {\n          id\n          strapiId\n          TileTextColor\n          TileBordercolor\n          TileBackgroundColor\n          hide_from_menu\n          Section_name\n          color\n          section_image {\n            publicURL\n            extension\n             childImageSharp {\n               fluid (maxWidth: 6000, quality: 100){\n                 base64\n                 tracedSVG\n                 aspectRatio\n                 src\n                 srcSet\n                 srcWebp\n                 srcSetWebp\n                 sizes\n                 originalImg\n                 originalName\n                 presentationWidth\n                 presentationHeight\n               }\n             }\n           }\n           logo {\n             publicURL\n             extension\n                 childImageSharp {\n                   fluid {\n                     base64\n                     tracedSVG\n                     aspectRatio\n                     src\n                     srcSet\n                     srcWebp\n                     srcSetWebp\n                     sizes\n                     originalImg\n                     originalName\n                     presentationWidth\n                     presentationHeight\n                   }\n                 }\n               }\n               withoutlimits {\n                 slug\n             OG_description\n             WL_ID\n             authors\n             id\n             title\n             createdAt\n             OG_image {\n               childImageSharp {\n                 fluid {\n                   base64\n                   tracedSVG\n                   aspectRatio\n                   src\n                   srcSet\n                   srcWebp\n                   srcSetWebp\n                   sizes\n                   originalImg\n                   originalName\n                   presentationWidth\n                   presentationHeight\n                 }\n               }\n             }\n           }\n               projects {\n                 Project_content\n                 Project_location\n                 Project_name\n                 createdAt\n                 id\n                 services\n                 slug\n                 Project_image {\n                   childImageSharp {\n                     fluid {\n                       base64\n                       tracedSVG\n                       aspectRatio\n                       src\n                       srcSet\n                       srcWebp\n                       srcSetWebp\n                       sizes\n                       originalImg\n                       originalName\n                       presentationWidth\n                       presentationHeight\n                     }\n                   }\n                 }\n               }\n               services {\n                 createdAt\n                 id\n                 service_image {\n                   childImageSharp {\n                     fluid {\n                       base64\n                       tracedSVG\n                       aspectRatio\n                       src\n                       srcSet\n                       srcWebp\n                       srcSetWebp\n                       sizes\n                       originalImg\n                       originalName\n                       presentationWidth\n                       presentationHeight\n                     }\n                   }\n                 }\n                 service_intro\n                 service_name\n                 slug\n               }\n               articles {\n             createdAt\n             Author\n             title\n             type\n             Header_image {\n               childImageSharp {\n                 fluid {\n                   base64\n                   tracedSVG\n                   aspectRatio\n                   src\n                   srcSet\n                   srcWebp\n                   srcSetWebp\n                   sizes\n                   originalImg\n                   originalName\n                   presentationWidth\n                   presentationHeight\n                 }\n               }\n             }\n             slug\n             createdAt\n           }\n          podcasts {\n            createdAt\n             podcastid\n             podcasturl\n             id\n             title\n           }\n           events {\n             Event_name\n             OG_description\n             OG_image {\n               childImageSharp {\n                 fluid {\n                   base64\n                   tracedSVG\n                   aspectRatio\n                   src\n                   srcSet\n                   srcWebp\n                   srcSetWebp\n                   sizes\n                   originalImg\n                   originalName\n                   presentationWidth\n                   presentationHeight\n                 }\n               }\n             }\n             createdAt\n             date(formatString: \"MMMM D, YYYY\")\n             event_image {\n               childImageSharp {\n                 fluid {\n                   base64\n                   tracedSVG\n                   aspectRatio\n                   src\n                   srcSet\n                   srcWebp\n                   srcSetWebp\n                   sizes\n                   originalImg\n                   originalName\n                   presentationWidth\n                   presentationHeight\n                 }\n               }\n             }\n             event_intro\n             slug\n             location\n             time\n           }\n           videos {\n             cover_image {\n               childImageSharp {\n                 fluid {\n                   base64\n                   tracedSVG\n                   aspectRatio\n                   src\n                   srcSet\n                   srcWebp\n                   srcSetWebp\n                   sizes\n                   originalImg\n                   originalName\n                   presentationWidth\n                   presentationHeight\n                 }\n               }\n             }\n             Player_colour\n             createdAt\n             id\n             slug\n             title\n             wisita_id\n           }\n           contacts {\n             email\n             name\n             position\n             createdAt\n             image {\n               childImageSharp {\n                 fluid {\n                   base64\n                   tracedSVG\n                   aspectRatio\n                   src\n                   srcSet\n                   srcWebp\n                   srcSetWebp\n                   sizes\n                   originalImg\n                   originalName\n                   presentationWidth\n                   presentationHeight\n                 }\n               }\n             }\n           }\n\n          section_intro\n          highlightcolor\n        }\n      }\n    }\n  allStrapiMicrosites(filter: {id: {eq: $MicrositeIDFull}}) {\n  edges {\n  node {\n    pardot_form\n    site_description\n    site_intro\n    site_name\n    sub_message\n    MainColor\n    secondTextColour\n    textColor\n    secondColor\n    Linkedin_conversion_id\n    Linkedin_pixel_id\n    Content{\n      hide_from_menu\n      Title\n      Type\n    }\n    download {\n      absolutePath\n      publicURL\n    }\n    download_targeted {\n      absolutePath\n      publicURL\n    }\n    download_preview {\n      childImageSharp {\n        fluid {\n          base64\n          tracedSVG\n          aspectRatio\n          src\n          srcSet\n          srcWebp\n          srcSetWebp\n          sizes\n          originalImg\n          originalName\n          presentationWidth\n          presentationHeight\n        }\n      }\n    }\n  }\n  }\n  }\n\n\n\n\n  }\n  `\n","/**\n * SEO component that queries for data with\n *  Gatsby's useStaticQuery React hook\n *\n * See: https://www.gatsbyjs.org/docs/use-static-query/\n */\n\nimport React from \"react\"\nimport PropTypes from \"prop-types\"\nimport { Helmet } from \"react-helmet\"\nimport DefaultImg from \"../images/social_default.jpg\"\nimport { useStaticQuery, graphql } from \"gatsby\"\n\nfunction SEO({ description, lang, meta, title, metaImage }) {\n  const { site } = useStaticQuery(\n    graphql`\n      query {\n        site {\n          siteMetadata {\n            title\n            description\n            author\n          }\n        }\n      }\n    `\n  )\n\n  const metaDescription = description || site.siteMetadata.description\n  const image = metaImage || DefaultImg\n\n  return (\n    <Helmet\n      htmlAttributes={{\n        lang,\n      }}\n      title={title}\n      titleTemplate={`${site.siteMetadata.title} |  %s`}\n      meta={[\n        {\n          name: `description`,\n          content: metaDescription,\n        },\n        {\n          property: `og:title`,\n          content: `${site.siteMetadata.title} | ${title}`,\n        },\n        {\n          property: `og:description`,\n          content: metaDescription,\n        },\n        {\n          property: `og:image`,\n          content: image,\n        },\n        {\n          property: `og:type`,\n          content: `website`,\n        },\n        {\n          name: `twitter:card`,\n          content: `summary_large_image`,\n        },\n        {\n          name: `twitter:creator`,\n          content: site.siteMetadata.author,\n        },\n        {\n          name: `twitter:title`,\n          content:  `${site.siteMetadata.title} | ${title}`,\n        },\n        {\n          name: `twitter:description`,\n          content: metaDescription,\n        },\n      ].concat(meta)}\n    />\n  )\n}\n\nSEO.defaultProps = {\n  lang: `en`,\n  meta: [],\n  description: ``,\n}\n\nSEO.propTypes = {\n  description: PropTypes.string,\n  lang: PropTypes.string,\n  meta: PropTypes.arrayOf(PropTypes.object),\n  title: PropTypes.string.isRequired,\n}\n\nexport default SEO\n"],"sourceRoot":""}