{"version":3,"file":"component---src-templates-section-jsx-793440f0e15d2b2c63bc.js","mappings":"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","sources":["webpack://citygate-website/./src/components/LiveChat/index.jsx","webpack://citygate-website/./src/components/Section/index.jsx","webpack://citygate-website/./src/templates/section.jsx","webpack://citygate-website/./src/widgets/components/CenterContent.jsx"],"sourcesContent":["import React from 'react'\n\nconst LiveChat = ({ providerId }) => {\n  if (!providerId) return null\n  return <script type=\"text/javascript\" />\n}\n\nexport default LiveChat\n","import React from 'react'\nimport Helmet from 'react-helmet'\nimport renderWidgets from '../../../lib/widget-renderer'\nimport CenterContent from '../../widgets/components/CenterContent'\nimport createMeta from '../../utils/meta-creator'\nimport LiveChat from '../LiveChat'\nimport { connect } from 'react-redux'\nimport { setGlobalNumber } from '../../state/phone-number/actions'\n\nclass Section extends React.PureComponent {\n  componentDidMount() {\n    this.props.setGlobalNumber({\n      phoneNumber: this.props.calltracksNumber\n    })\n  }\n  render() {\n    const {\n      layout,\n      name,\n      metaTitle,\n      usedVehicles,\n      latestArticles,\n      makes,\n      allModels,\n      allBodyTypes,\n      locations,\n      liveChatProviderId\n    } = this.props\n    if (!layout || !layout.cols) return null\n    return (\n      <div>\n        <Helmet title={`${metaTitle || name}`} meta={createMeta(this.props)} />\n        <LiveChat providerId={liveChatProviderId} />\n        {layout.cols.map((column) =>\n          renderWidgets({\n            widgets: column.widgetArea.widgets,\n            usedVehicles,\n            makes,\n            allModels,\n            allBodyTypes,\n            latestArticles,\n            locations,\n            container: CenterContent,\n            pageType: 'section'\n          })\n        )}\n      </div>\n    )\n  }\n}\n\nconst mapDispatchToProps = (dispatch) => ({\n  setGlobalNumber: (settings) => dispatch(setGlobalNumber(settings))\n})\n\nexport default connect(null, mapDispatchToProps)(Section)\n","import React from 'react'\nimport { graphql } from 'gatsby'\nimport Section from '../components/Section'\nimport Layout from '../components/Layout'\n\nconst SectionPage = (props) => {\n  if (!props.data) {\n    return null\n  }\n  const { pageContext, data } = props\n  const usedVehicles =\n    data.allUsedVehicleCatfish &&\n    data.allUsedVehicleCatfish.edges\n      .map(({ node }) => node)\n      .map((vehicle) => {\n        const hpMonthlyPayment = vehicle.hpFinance.monthlyPayment\n        const pcpMonthlyPayment = vehicle.pcpFinance.monthlyPayment\n        let monthlyPayment = hpMonthlyPayment\n\n        if (\n          pcpMonthlyPayment &&\n          (!hpMonthlyPayment || hpMonthlyPayment > pcpMonthlyPayment)\n        ) {\n          monthlyPayment = pcpMonthlyPayment\n        }\n\n        return {\n          ...vehicle,\n          monthlyPayment\n        }\n      })\n  const latestArticles = data.allArticleCatfish\n    ? data.allArticleCatfish.edges.map(({ node }) => node)\n    : []\n  const makes = data.allMakeCatfish\n    ? data.allMakeCatfish.edges.map(({ node }) => node)\n    : []\n  const models = data.allModelCatfish\n    ? data.allModelCatfish.edges.map(({ node }) => node)\n    : []\n  const locations = data.locations\n    ? data.locations.edges.map(({ node }) => node)\n    : []\n  const bodyTypes = data.allBodyTypeCatfish\n    ? data.allBodyTypeCatfish.edges.map(({ node }) => node)\n    : []\n  return (\n    <Layout\n      location={props.location}\n      discoverable={pageContext.section.discoverable}\n    >\n      <Section\n        {...pageContext.section}\n        makes={makes}\n        allModels={models}\n        allBodyTypes={bodyTypes}\n        usedVehicles={usedVehicles}\n        latestArticles={latestArticles}\n        locations={locations}\n      />\n    </Layout>\n  )\n}\n\nexport const pageQuery = graphql`\n  fragment articleSummary on ArticleCatfish {\n    id: _id\n    headline\n    shortHeadline\n    slug\n    displayDate\n    images\n    tags\n  }\n\n  fragment makeSummary on MakeCatfish {\n    _id\n    name\n    shortName\n    slug\n    category\n    order\n    brandName\n    state\n  }\n\n  fragment modelSummary on ModelCatfish {\n    _id\n    name\n    thumbnailImages\n    category\n    parentModel\n    slug\n    make\n    state\n    bodyTypes\n  }\n\n  query SectionData {\n    locations: allDealershipCatfish(sort: { shortName: ASC }) {\n      edges {\n        node {\n          _id\n          slug\n          shortName\n          addressLine1\n          addressLine2\n          addressLine3\n          town\n          county\n          postcode\n          slug\n          images\n          thumbnailImages\n          vehicles {\n            slug\n          }\n          complaintAreas {\n            area\n          }\n        }\n      }\n    }\n    allMakeCatfish(\n      filter: { state: { eq: \"Published\" } }\n      sort: { order: ASC }\n    ) {\n      totalCount\n      edges {\n        node {\n          ...makeSummary\n        }\n      }\n    }\n    allModelCatfish(filter: { state: { eq: \"Published\" } }) {\n      totalCount\n      edges {\n        node {\n          ...modelSummary\n        }\n      }\n    }\n    allUsedVehicleCatfish(\n      filter: { expiredDate: { eq: null }, state: { eq: \"Published\" } }\n    ) {\n      totalCount\n      edges {\n        ...usedVehicleSummaryWidgetFields\n      }\n    }\n    allArticleCatfish(\n      filter: { state: { eq: \"Published\" } }\n      sort: { displayDate: DESC }\n      limit: 5\n    ) {\n      edges {\n        node {\n          ...articleSummary\n        }\n      }\n    }\n    allBodyTypeCatfish {\n      edges {\n        node {\n          id: _id\n          name\n        }\n      }\n    }\n  }\n`\n\nexport default SectionPage\n","import React from 'react'\nimport { Box, Flex } from 'rebass'\nimport styled, { withTheme } from 'styled-components'\nimport { object, node } from 'prop-types'\n\nconst FlexWrapper = styled(Flex)`\n  align-items: center;\n  justify-content: center;\n  max-width: ${(props) => props.theme.content.max.width};\n  margin-left: auto;\n  margin-right: auto;\n`\nconst CenterContent = (props) => (\n  <FlexWrapper\n    bg={props.bg || props.theme.colors.white}\n    flexWrap=\"wrap\"\n    {...props}\n  >\n    <Box width=\"100%\" mx={[2, 2]}>\n      {props.children}\n    </Box>\n  </FlexWrapper>\n)\n\nCenterContent.protoTypes = {\n  theme: object,\n  children: node\n}\n\nexport default withTheme(CenterContent)\n"],"names":["_ref","providerId","React","type","Section","_React$PureComponent","apply","arguments","_inheritsLoose","_proto","prototype","componentDidMount","this","props","setGlobalNumber","phoneNumber","calltracksNumber","render","_this$props","layout","name","metaTitle","usedVehicles","latestArticles","makes","allModels","allBodyTypes","locations","liveChatProviderId","cols","Helmet","title","meta","createMeta","LiveChat","map","column","renderWidgets","widgets","widgetArea","container","CenterContent","pageType","connect","dispatch","settings","_setGlobalNumber","data","pageContext","allUsedVehicleCatfish","edges","node","vehicle","hpMonthlyPayment","hpFinance","monthlyPayment","pcpMonthlyPayment","pcpFinance","Object","assign","allArticleCatfish","_ref2","allMakeCatfish","_ref3","models","allModelCatfish","_ref4","_ref5","bodyTypes","allBodyTypeCatfish","_ref6","Layout","location","discoverable","section","FlexWrapper","styled","Flex","withConfig","displayName","componentId","theme","content","max","width","bg","colors","white","flexWrap","Box","mx","children","protoTypes","object","withTheme"],"sourceRoot":""}