{"version":3,"file":"component---src-templates-content-elements-contact-js-c86ccfea22c045933271.js","mappings":"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","sources":["webpack://acu-gatsby/./src/components/reasonBenefitsFeature/reasonBenefitsFeature.js","webpack://acu-gatsby/./src/components/splashImage/splashImage.js","webpack://acu-gatsby/./src/components/valueProposition/valueProposition.js","webpack://acu-gatsby/./src/templates/ContentElementsContact.js"],"sourcesContent":["import React, { Fragment } from 'react'\nimport PropTypes from 'prop-types'\nimport BallList from '../ballList'\n\nimport './reasonBenefitsFeature.scss'\n\nconst ReasonBenefitsFeature = ({ data=[], color='', last=false }) => {\n  let classList = [\n    'reason-benefits-feature',\n    'interior',\n    'grid',\n    !last ? 'mb-dy-lg' : 'mb-dy-none',\n    'pt-lg'\n  ]\n  if (color) {\n    classList.push(color)\n  }\n  return data.map((data, idx) => {\n    if (data.reasonsBenefits && data.reasonsBenefits.length > 0) {\n      return (\n        <section className={classList.join(' ')} key={`rb-${idx}`}>\n          <h2 className=\"subheading sm-mb-md\">&mdash; {data.headline}</h2>\n          <BallList data={data.reasonsBenefits} />\n        </section>\n      )\n    }\n    return <Fragment key={idx}></Fragment>\n  })\n}\n\n// ReasonBenefitsFeature.defaultProps = {\n//   data: [],\n//   color: ''\n// }\n\nReasonBenefitsFeature.propTypes = {\n  data: PropTypes.array,\n  color: PropTypes.string\n}\n\nexport default ReasonBenefitsFeature\n","import React, { Fragment } from 'react'\nimport PropTypes from 'prop-types'\nimport utils from '../../services/utils'\nimport { FluidImage } from '../../services/images'\nimport './splashImage.scss'\n\nconst SplashImage = ({ data=[] }) => {\n  return data.map((data, idx) => {\n    if (data) {\n      let url = utils.getURL(data, 'fileName')\n      let isVideo = false\n      if (url.includes('.mp4')) {\n        isVideo = true\n      }\n      return (\n        <section\n          className={`splash-image mb-dy-lg ${isVideo ? 'auto-height' : ''}`}\n          key={`splash-${idx}`}\n        >\n          <FluidImage src={data} alt={data.metaDescription} />\n        </section>\n      )\n    }\n    return <Fragment key={idx}></Fragment>\n  })\n}\n\nSplashImage.propTypes = {\n  data: PropTypes.array\n}\n\nexport default SplashImage\n","import React, { Fragment } from 'react'\nimport { Link } from 'gatsby'\nimport PropTypes from 'prop-types'\nimport Button from '../button'\nimport './valueProposition.scss'\n\nconst ValueProposition = ({ data=[], headline='', subhead='', showCTA=false }) => {\n  if (Array.isArray(data) && data.length === 1) {\n    data = data[0]\n  }\n  return (\n    <Fragment>\n      <div className=\"banner-subheading  mb-dy-lg\">\n        <h1 className=\"type\">\n          {headline}\n          <span>&mdash; {subhead}</span>\n        </h1>\n      </div>\n      <section className=\"value-proposition mb-dy-lg\">\n        <div dangerouslySetInnerHTML={{ __html: data.valueProp }}></div>\n        {showCTA && (\n          <div className=\"mx-auto mt-md display-table\">\n            <Link to=\"/contact-us\">\n              <Button title=\"Contact Us Today\" types={['cta', 'pseudo-button']} />\n            </Link>\n          </div>\n        )}\n      </section>\n    </Fragment>\n  )\n}\n\n// ValueProposition.defaultProps = {\n//   data: [],\n//   headline: '',\n//   subhead: '',\n//   showCTA: false\n// }\n\nValueProposition.propTypes = {\n  data: PropTypes.array,\n  headline: PropTypes.string,\n  subhead: PropTypes.string,\n  showCTA: PropTypes.bool\n}\n\nexport default ValueProposition\n","import React, { useEffect } from 'react'\nimport { graphql } from 'gatsby'\nimport Utils from '../services/utils'\n\nimport Layout from '../components/layout'\nimport ValueProposition from '../components/valueProposition'\nimport SplashImage from '../components/splashImage'\nimport ReasonBenefitsFeature from '../components/reasonBenefitsFeature'\n\nconst ContentElementsContact = ({ data, pageContext }) => {\n  let content = Utils.removeFlatData(\n    data.acu.findContentElementsContactContent.flatData || {}\n  )\n\n  useEffect(() => {\n    const script = document.createElement('script')\n    script.src = 'https://acumium.activehosted.com/f/embed.php?id=5'\n    script.async = true\n    script.onload = () => {\n      let activeForms = document.getElementsByClassName('_form_5')\n      let myForm = activeForms[0]\n      myForm.addEventListener('submit', () => {\n        let inputs = myForm.getElementsByTagName('input')\n        if (\n          inputs.firstname &&\n          inputs.lastname &&\n          inputs.email &&\n          inputs.customer_account\n        ) {\n          let firstName = inputs.firstname.value\n          let lastName = inputs.lastname.value\n          let email = inputs.email.value\n          let companyName = inputs.customer_account\n          window.analytics.identify({\n          firstName: firstName,\n          lastName: lastName,\n          email: email,\n          phone: inputs.phone ? inputs.phone.value : '',\n          company: { name: companyName }\n          })\n        }\n      })\n    }\n    document.body.appendChild(script)\n  }, [])\n\n  if (data && data.acu) {\n    return (\n      <Layout meta={pageContext.metaData}>\n        <section className=\"content-elements-contact grid body\">\n          <ValueProposition\n            data={content.valueProposition}\n            headline={content.headline}\n            subhead={content.subhead}\n          />\n          {content.splashImage && (\n          <SplashImage data={content.splashImage} />\n          )}\n          <div\n            id=\"contact\"\n            className=\"contact-form grid-element small-padded mb-dy-lg\"\n          >\n            <div className=\"_form_5\"></div>\n          </div>\n        </section>\n        <ReasonBenefitsFeature\n          data={content.reasonBenefitFeature}\n          color=\"dark\"\n          last={true}\n        />\n      </Layout>\n    )\n  }\n  return <div></div>\n}\n\nexport const ContentElementsContactQuery = graphql`\n  query ContactQuery($id: String!) {\n    acu {\n      findContentElementsContactContent(id: $id) {\n        flatData {\n          contentItemName\n          formScript {\n            ...AcuBaseRawScript\n          }\n          headline\n          reasonBenefitFeature {\n            ...ReasonBenefitFeature\n          }\n          splashImage {\n            ...Asset\n          }\n          subhead\n          valueProposition {\n            ...ValueProposition\n          }\n        }\n      }\n    }\n  }\n`\n\nexport default ContentElementsContact\n"],"names":["_ref","data","color","last","classList","push","map","idx","reasonsBenefits","length","React","className","join","key","headline","BallList","Fragment","isVideo","utils","getURL","includes","FluidImage","src","alt","metaDescription","subhead","showCTA","Array","isArray","dangerouslySetInnerHTML","__html","valueProp","Link","to","Button","title","types","pageContext","content","Utils","removeFlatData","acu","findContentElementsContactContent","flatData","useEffect","script","document","createElement","async","onload","myForm","getElementsByClassName","addEventListener","inputs","getElementsByTagName","firstname","lastname","email","customer_account","firstName","value","lastName","companyName","window","analytics","identify","phone","company","name","body","appendChild","Layout","meta","metaData","ValueProposition","valueProposition","splashImage","SplashImage","id","ReasonBenefitsFeature","reasonBenefitFeature"],"sourceRoot":""}