{"version":3,"file":"static/js/8343.ef973215.chunk.js","mappings":"wNAKe,SAASA,EAAeC,GAAeA,EAAZC,aAAkG,IAApFC,EAAWF,EAAXE,YAAaC,EAAUH,EAAVG,WAAYC,EAAYJ,EAAZI,aAAcC,EAAYL,EAAZK,aAAcC,EAAWN,EAAXM,YAAaC,EAAOP,EAAPO,QAASC,EAAIR,EAAJQ,KAC3HC,EAAmBC,EAAAA,EAA+CN,GAAc,GAEhFO,GAAcC,EAAAA,EAAAA,KAEpB,OACEC,EAAAA,EAAAA,KAAA,OAAKC,UAAU,mBAAkBC,UAC/BF,EAAAA,EAAAA,KAAA,OAAKC,UAAU,6BAA4BC,UACzCF,EAAAA,EAAAA,KAAA,OAAKC,UAAU,WAAUC,UACvBC,EAAAA,EAAAA,MAAA,OAAKF,UAAU,uBAAsBC,SAAA,EACnCF,EAAAA,EAAAA,KAAA,OAAKC,UAAU,uCAAsCC,UACnDC,EAAAA,EAAAA,MAAA,OAAKF,UAAU,YAAWC,SAAA,EACxBF,EAAAA,EAAAA,KAAA,OAAK,oBAAkB,UAAUC,UAAU,YAAWC,UACnDE,EAAAA,EAAAA,IAAgBV,MAEnBM,EAAAA,EAAAA,KAAA,KAAAE,SAAIP,KAEJK,EAAAA,EAAAA,KAAA,KAAG,oBAAkB,cAAcK,KAAMf,EAAYgB,OAAQV,EAAkBK,UAAU,wCAAuCC,SAC7Hb,UAIPW,EAAAA,EAAAA,KAAA,OAAKC,UAAU,sCAAqCC,UAClDF,EAAAA,EAAAA,KAAA,OAAKC,UAAU,aAAYC,UACzBF,EAAAA,EAAAA,KAAA,OAAK,oBAAkB,eAAeO,IAAKT,GAAe,IAAMN,EAAeC,gBAQ/F,C","sources":["shared/business-contact/business-contact-component.jsx"],"sourcesContent":["import React from \"react\"\nimport * as SelectionFactoryHelper from \"../helpers/SelectionFactoryHelper\"\nimport ReactHtmlParser from \"react-html-parser\"\nimport useWindowWidth from \"../../hooks/useWindowWidth\"\n\nexport default function BusinessContact({ enableButton, buttonLabel, buttonLink, buttonTarget, desktopImage, mobileImage, heading, body }) {\n  const buttonLinkTarget = SelectionFactoryHelper.getFromSelectionFactory(buttonTarget, false)\n  // might need window width to re-render mobile img instead of desktop img.\n  const windowWidth = useWindowWidth()\n\n  return (\n    <div className=\"business-contact\">\n      <div className=\"business-contact-container\">\n        <div className=\"w--wider\">\n          <div className=\"grid vertical-center\">\n            <div className=\"grid-item col--12 col-sm--6 textside\">\n              <div className=\"text-area\">\n                <div data-epi-property=\"Heading\" className=\"rich-text\">\n                  {ReactHtmlParser(heading)}\n                </div>\n                <p>{body}</p>\n                {/* we call it button, but it is a link...*/}\n                <a data-epi-property=\"ButtonLabel\" href={buttonLink} target={buttonLinkTarget} className=\"button button--medium button--general\">\n                  {buttonLabel}\n                </a>\n              </div>\n            </div>\n            <div className=\"grid-item col--12 col-sm--6 imgside\">\n              <div className=\"image-area\">\n                <img data-epi-property=\"DesktopImage\" src={windowWidth >= 768 ? desktopImage : mobileImage}></img>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"names":["BusinessContact","_ref","enableButton","buttonLabel","buttonLink","buttonTarget","desktopImage","mobileImage","heading","body","buttonLinkTarget","SelectionFactoryHelper","windowWidth","useWindowWidth","_jsx","className","children","_jsxs","ReactHtmlParser","href","target","src"],"sourceRoot":""}