{"version":3,"sources":["webpack:///./src/templates/productOverviewPage.tsx"],"names":["ProductOverviewPage","inject","navigate","link","_this","props","visitorStore","logEvent","NAVIGATE_EVENT","location","href","componentWillMount","this","PAGE_VIEW_EVENT","pageType","render","_this$props$data","data","squidexProductOverview","productPages","intro","getLanguageValue","introText","html","introImage","getFluidImageSharp","react__WEBPACK_IMPORTED_MODULE_1__","components__WEBPACK_IMPORTED_MODULE_4__","subTitle","title","className","dangerouslySetInnerHTML","__html","nodes","btnText","txtOverviewItemLink","TraumwandPageComponent","query"],"mappings":"gOAeqBA,EADpBC,YAAO,sKA4BNC,SAAW,SAACC,GACJA,IACJC,EAAKC,MAAMH,SAASC,GACpBC,EAAKC,MAAMC,aAAaC,SAASC,IAAgB,CAC/CC,SAAUL,EAAKC,MAAMI,SACrBC,KAAMP,4CA/BZQ,mBAAA,WACEC,KAAKP,MAAMC,aAAaC,SAASM,IAAiB,CAChDJ,SAAUG,KAAKP,MAAMI,SACrBK,SAAU,wBAGdC,OAAA,WAAS,IAAAC,EAC0CJ,KAAKP,MAAMY,KAApDC,EADDF,EACCE,uBAAwBC,EADzBH,EACyBG,aAC1BC,EAAQC,YAAiBH,EAAuBI,WAAWC,KAClDL,EAAuBM,YAClCC,YAAmBP,EAAuBM,YAE9C,OACEE,EAAA,cAAAA,EAAA,cACEA,EAAA,cAACC,EAAA,EAAD,CAAKC,SAAUP,YAAiBH,EAAuBW,SACvDH,EAAA,qBAAKI,UAAU,qBACbJ,EAAA,qBAAKI,UAAU,iCACbJ,EAAA,qBAAKI,UAAU,MAAMC,wBAAyB,CAAEC,OAAQZ,OAI5DM,EAAA,cAACC,EAAA,EAAD,CAAuBM,MAAOd,EAAac,MAAOC,QAASb,YAAiBH,EAAuBiB,qBAAsBjC,SAAUU,KAAKV,gBAtB/FkC,SAsCpCC,EAAK","file":"component---src-templates-product-overview-page-tsx-032886533a7ca8bc9b89.js","sourcesContent":["import * as React from \"react\";\r\nimport { graphql } from \"gatsby\";\r\nimport { inject } from \"mobx-react\";\r\n\r\nimport { PAGE_VIEW_EVENT, NAVIGATE_EVENT, TraumwandPageComponent, getLanguageValue, getFluidImageSharp } from \"utils\";\r\nimport { Seo, ProductPageCollection } from \"components\";\r\nimport { SquidexProductOverview, SquidexProductPageConnection } from 'generated/gatsbyApiTypes';\r\n\r\nexport interface QueryData\r\n{\r\n  squidexProductOverview: SquidexProductOverview;\r\n  productPages: SquidexProductPageConnection;\r\n}\r\n\r\n@inject(\"visitorStore\")\r\nexport default class ProductOverviewPage extends TraumwandPageComponent<QueryData> {\r\n  componentWillMount() {\r\n    this.props.visitorStore.logEvent(PAGE_VIEW_EVENT, {\r\n      location: this.props.location,\r\n      pageType: \"product-overview\"\r\n    });\r\n  }\r\n  render() {\r\n    const { squidexProductOverview, productPages } = this.props.data;\r\n    const intro = getLanguageValue(squidexProductOverview.introText).html;\r\n    const header = squidexProductOverview.introImage\r\n      ? getFluidImageSharp(squidexProductOverview.introImage)\r\n      : undefined;\r\n    return (\r\n      <>\r\n        <Seo subTitle={getLanguageValue(squidexProductOverview.title)}/>\r\n        <div className=\"mb4 flex relative\">\r\n          <div className=\"flex items-center flex-column\">\r\n            <div className=\"mr2\" dangerouslySetInnerHTML={{ __html: intro }} />\r\n          </div>\r\n          {/* {header ? <Img fluid={header} className=\"w-50\" /> : undefined} */}\r\n        </div>\r\n        <ProductPageCollection nodes={productPages.nodes} btnText={getLanguageValue(squidexProductOverview.txtOverviewItemLink)} navigate={this.navigate} />\r\n      </>\r\n    )\r\n  }\r\n  \r\n  navigate = (link: string) => {\r\n    if (!!link) {\r\n      this.props.navigate(link);\r\n      this.props.visitorStore.logEvent(NAVIGATE_EVENT, {\r\n        location: this.props.location,\r\n        href: link\r\n      });\r\n    }\r\n  }\r\n}\r\n\r\nexport const query = graphql`\r\nquery($id: String!) {\r\n  squidexProductOverview(id: {eq: $id}) {\r\n    title {\r\n      de\r\n      nl\r\n      en\r\n    }\r\n    introText {\r\n      de {\r\n        html\r\n      }\r\n      nl {\r\n        html\r\n      }\r\n      en {\r\n        html\r\n      }\r\n    }\r\n    introImage {\r\n      childImageSharp {\r\n        fluid(maxWidth: 1600) {\r\n          ...GatsbyImageSharpFluid_noBase64\r\n        }\r\n      }\r\n    }\r\n    txtOverviewItemLink {\r\n      de\r\n      nl\r\n      en\r\n    }\r\n  }\r\n  productPages: allSquidexProductPage(sort: {order:DESC, fields: priority___iv}) {\r\n    nodes {\r\n      title {\r\n        de\r\n        nl\r\n        en \r\n      }\r\n      slug {\r\n        iv\r\n      }\r\n      headerImage {\r\n        childImageSharp {\r\n          fluid(maxWidth: 600) { \r\n            ...GatsbyImageSharpFluid_noBase64\r\n          }\r\n        }\r\n      }\r\n      tagline {\r\n        de\r\n        nl\r\n        en\r\n      }\r\n      qualities {\r\n        de {\r\n          text\r\n          positive\r\n        }\r\n        nl {\r\n          text\r\n          positive\r\n        }\r\n        en {\r\n          text\r\n          positive\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n`\r\n"],"sourceRoot":""}