{"version":3,"file":"component---src-templates-offer-jsx-c8a5a9ffc4f977219689.js","mappings":"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","sources":["webpack://citygate-website/./src/components/LiveChat/index.jsx","webpack://citygate-website/./src/components/Offer/components/OfferDefaultBody.jsx","webpack://citygate-website/./src/components/Offer/index.jsx","webpack://citygate-website/./src/templates/offer.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'\n\nimport CenterContent from '../../../widgets/components/CenterContent'\nimport ContactWidget from '../../../widgets/contact'\nimport HeadingWidget from '../../../widgets/heading'\nimport TextWidget from '../../../widgets/text'\n\nconst OfferDefaultBody = ({ offer, locations }) => {\n  const { motabilityPrice, motabilityDownpayment } = offer\n\n  return (\n    <div>\n      {offer.isMotability && motabilityDownpayment && (\n        <HeadingWidget\n          heading={'Motability Details'}\n          title={`${motabilityPrice}`}\n          text={`${motabilityDownpayment}`}\n          theme={'dark'}\n          container={CenterContent}\n        />\n      )}\n\n      {offer.sell && (\n        <HeadingWidget title={offer.sell} container={CenterContent} />\n      )}\n      <TextWidget container={CenterContent} html={offer.description} />\n\n      <ContactWidget\n        internalEmailType={'contact'}\n        text={\n          'Please complete the form and remember to include your email address and/or telephone number so that a member of our sales team can contact you as soon as possible.'\n        }\n        locations={locations}\n        selectedLocations={offer.dealerships.map(({ _id }) => _id)}\n        additionalInfoLabel={'My question'}\n        theme={'blue'}\n        title={'ENQUIRE ABOUT THIS OFFER'}\n      />\n\n      <TextWidget container={CenterContent} html={offer.termsAndConditions} />\n    </div>\n  )\n}\n\nexport default OfferDefaultBody\n","import React from 'react'\nimport Helmet from 'react-helmet'\nimport { connect } from 'react-redux'\n\nimport CenterContent from '../../widgets/components/CenterContent'\nimport createMeta from '../../utils/meta-creator'\nimport LiveChat from '../LiveChat'\nimport { setGlobalNumber } from '../../state/phone-number/actions'\nimport ContentBrandHero from '../ContentBrandHero'\nimport renderWidgets from '../../../lib/widget-renderer'\nimport OfferDefaultBody from './components/OfferDefaultBody'\n\nclass Offer extends React.PureComponent {\n  componentDidMount() {\n    this.props.setGlobalNumber({\n      phoneNumber: this.props.calltracksNumber\n    })\n  }\n\n  render() {\n    const { offer, liveChatProviderId, locations } = this.props\n\n    return (\n      <div>\n        <Helmet title={`${offer.heading}`} meta={createMeta(this.props)} />\n        <LiveChat providerId={liveChatProviderId} />\n        <ContentBrandHero\n          title={offer.heading}\n          bg={\n            offer.promoImages && offer.promoImages.length > 0\n              ? offer.promoImages[0]\n              : null\n          }\n          img={offer.images && offer.images.length > 0 ? offer.images[0] : null}\n          dark\n        />\n\n        {offer.body.length > 0 &&\n          renderWidgets({\n            widgets: offer.body,\n            container: CenterContent,\n            pageType: 'section',\n            locations\n          })}\n\n        {offer.body.length === 0 && (\n          <OfferDefaultBody offer={offer} locations={locations} />\n        )}\n      </div>\n    )\n  }\n}\n\nconst mapDispatchToProps = (dispatch) => ({\n  setGlobalNumber: (settings) => dispatch(setGlobalNumber(settings))\n})\n\nexport default connect(null, mapDispatchToProps)(Offer)\n","import React from 'react'\nimport Layout from '../components/Layout'\nimport { graphql } from 'gatsby'\nimport Offer from '../components/Offer'\n\nconst OfferPage = (props) => {\n  const {\n    pageContext: { offer },\n    location,\n    data\n  } = props\n  let locations = []\n  if (data && data.locations) {\n    locations = data.locations.edges.map(({ node }) => node)\n  }\n  return (\n    <Layout location={location} discoverable={offer.discoverable}>\n      <Offer offer={offer} locations={locations} />\n    </Layout>\n  )\n}\n\nexport const pageQuery = graphql`query OfferData {\n  locations: allDealershipCatfish(sort: {shortName: ASC}) {\n    edges {\n      node {\n        _id\n        slug\n        shortName\n      }\n    }\n  }\n}`\n\nexport default OfferPage\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","offer","locations","motabilityPrice","motabilityDownpayment","isMotability","HeadingWidget","heading","title","text","theme","container","CenterContent","sell","TextWidget","html","description","ContactWidget","internalEmailType","selectedLocations","dealerships","map","_ref2","_id","additionalInfoLabel","termsAndConditions","Offer","_React$PureComponent","apply","arguments","_inheritsLoose","_proto","prototype","componentDidMount","this","props","setGlobalNumber","phoneNumber","calltracksNumber","render","_this$props","liveChatProviderId","Helmet","meta","createMeta","LiveChat","ContentBrandHero","bg","promoImages","length","img","images","dark","body","renderWidgets","widgets","pageType","OfferDefaultBody","connect","dispatch","settings","_setGlobalNumber","pageContext","location","data","edges","node","Layout","discoverable","FlexWrapper","styled","Flex","withConfig","displayName","componentId","content","max","width","Object","assign","colors","white","flexWrap","Box","mx","children","protoTypes","object","withTheme"],"sourceRoot":""}