{"version":3,"file":"static/js/792.10e7f109.chunk.js","mappings":"wOAMe,SAASA,EAAwBC,GAa5C,IAADC,EAZDC,EAAIF,EAAJE,KACAC,EAAYH,EAAZG,aACAC,EAAWJ,EAAXI,YACAC,EAAOL,EAAPK,QACAC,EAAKN,EAALM,MACAC,EAASP,EAATO,UACAC,EAAWR,EAAXQ,YACAC,EAAQT,EAARS,SACAC,EAAKV,EAALU,MACAC,EAAaX,EAAbW,cACAC,EAAUZ,EAAVY,WACAC,EAAMb,EAANa,OAEMC,EAAUC,EAAAA,EAA+Cb,GACzDc,GAAcC,EAAAA,EAAAA,KACdC,EAAKH,EAAAA,EAA+CH,GACpDO,EAAKJ,EAAAA,EAA+CJ,GAGtDS,EAASjB,EACPkB,EAAe,CAAEhB,QAASA,GAKhC,YAP0CiB,IAAhBlB,GAGDY,EAAc,MACrCI,EAAShB,IAITmB,EAAAA,EAAAA,KAAA,OAAKC,UAAS,8BAAAC,OAAgCP,GAAU,GAAE,KAAAO,OAAIN,GAAU,GAAE,KAAAM,OAAIT,EAAc,IAAM,oBAAsB,IAAKU,UAC3HC,EAAAA,EAAAA,MAAA,OAAKH,UAAU,YAAWE,SAAA,EACxBC,EAAAA,EAAAA,MAAA,WAASH,UAAU,iBAAgBE,SAAA,EACjCH,EAAAA,EAAAA,KAAA,UAAQK,MAAM,oBAAoBC,OAAQT,KAC1CG,EAAAA,EAAAA,KAAA,OAAKO,IAAKV,EAAQW,IAAI,SAExBR,EAAAA,EAAAA,KAAA,OAAKC,UAAU,gBAAgBQ,MAAOX,KACtCE,EAAAA,EAAAA,KAAA,OAAKC,UAAU,aAAYE,UACzBC,EAAAA,EAAAA,MAAA,OAAKH,UAAU,UAASE,SAAA,EACtBH,EAAAA,EAAAA,KAAA,OAAKC,UAAU,OAAME,UACnBH,EAAAA,EAAAA,KAACU,EAAAA,EAAG,CAACC,SAAUpB,EAASqB,UAAW,OAAQC,OAAQ,YAErDb,EAAAA,EAAAA,KAAA,OAAKC,UAAU,WAAUE,SAAEhB,KAC3Ba,EAAAA,EAAAA,KAAA,OAAK,oBAAkB,QAAQC,UAAU,YAAWE,UACjDW,EAAAA,EAAAA,IAAgB/B,MAEnBiB,EAAAA,EAAAA,KAAA,OAAK,oBAAkB,YAAYC,UAAU,YAAWE,UACrDW,EAAAA,EAAAA,IAAgB9B,MAEnBgB,EAAAA,EAAAA,KAAA,KAAGV,QAAiB,QAATZ,EAAAY,EAAO,UAAE,IAAAZ,OAAA,EAATA,EAAWqC,QAAS,SAAUd,UAAU,SAASe,KAAM/B,EAAYkB,SAC3EjB,aAOf,C,sJCxDqB+B,EAAe,WAOjC,OAAAC,EAAAA,EAAAA,IAND,SAAAD,EAAYE,IAAMC,EAAAA,EAAAA,GAAA,KAAAH,GAChB,IAAMI,EAAOC,KAIb,OAHAD,EAAKF,KAAOA,EACZE,EAAKE,UAAYJ,EAAKK,QAAQD,WAAaE,KAAKC,MAAMP,EAAKK,QAAQD,WACnEF,EAAKM,OACEN,CACT,GAAC,EAAAO,IAAA,OAAAb,MAED,WAEEc,EAAAA,uBADaP,KACwBH,MACrCU,EAAAA,QAAgB7B,EAAAA,EAAAA,KAACxB,EAAAA,SAAwBsD,EAAAA,EAAAA,GAAA,GAAKR,KAAKC,YAFtCD,KAE0DH,KACzE,IAAC,CAbiC,E","sources":["shared/impression-block/impression-block-component.jsx","shared/impression-block/impression-block-module.jsx"],"sourcesContent":["import React from \"react\"\nimport * as SelectionFactoryHelper from \"../helpers/SelectionFactoryHelper\"\nimport ReactHtmlParser from \"react-html-parser\"\nimport Svg from \"../_svgs/svg\"\nimport useWindowWidth from \"../../hooks/useWindowWidth\"\n\nexport default function ImpressionBlockComponent({\n  icon,\n  desktopImage,\n  mobileImage,\n  opacity,\n  title,\n  introText,\n  readMoreUrl,\n  readMore,\n  label,\n  bottomPadding,\n  topPadding,\n  target,\n}) {\n  const iconSrc = SelectionFactoryHelper.getFromSelectionFactory(icon)\n  const windowWidth = useWindowWidth()\n  const tp = SelectionFactoryHelper.getFromSelectionFactory(topPadding)\n  const bp = SelectionFactoryHelper.getFromSelectionFactory(bottomPadding)\n\n  const mobileImageExists = mobileImage !== undefined ? true : false\n  var imgSrc = desktopImage\n  const opacityStyle = { opacity: opacity } // Apply opacity from prop\n  if (mobileImageExists && windowWidth < 768) {\n    imgSrc = mobileImage\n  }\n\n  return (\n    <div className={`impression-block-container ${tp ? tp : \"\"} ${bp ? bp : \"\"} ${windowWidth < 768 ? \"mobile-background\" : \"\"}`}>\n      <div className=\"w--normal\">\n        <picture className=\"background-pic\">\n          <source media=\"(max-width:767px)\" srcSet={imgSrc} />\n          <img src={imgSrc} alt=\"\" />\n        </picture>\n        <div className=\"opacity-layer\" style={opacityStyle}></div>\n        <div className=\"text-layer\">\n          <div className=\"content\">\n            <div className=\"icon\">\n              <Svg iconName={iconSrc} fillColor={\"none\"} stroke={\"#FFF\"} />\n            </div>\n            <div className=\"category\">{label}</div>\n            <div data-epi-property=\"Title\" className=\"rich-text\">\n              {ReactHtmlParser(title)}\n            </div>\n            <div data-epi-property=\"IntroText\" className=\"rich-text\">\n              {ReactHtmlParser(introText)}\n            </div>\n            <a target={target[0]?.value || \"_blank\"} className=\"button\" href={readMoreUrl}>\n              {readMore}\n            </a>\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n","import React from \"react\"\nimport ReactDOM from \"react-dom\"\nimport ImpressionBlockComponent from \"./impression-block-component\"\n\nexport default class ImpressionBlock {\n  constructor(elem) {\n    const self = this\n    self.elem = elem\n    self.modelJson = elem.dataset.modelJson && JSON.parse(elem.dataset.modelJson)\n    self.init()\n    return self\n  }\n\n  init() {\n    const self = this\n    ReactDOM.unmountComponentAtNode(self.elem)\n    ReactDOM.render(<ImpressionBlockComponent {...this.modelJson} />, self.elem)\n  }\n}\n"],"names":["ImpressionBlockComponent","_ref","_target$","icon","desktopImage","mobileImage","opacity","title","introText","readMoreUrl","readMore","label","bottomPadding","topPadding","target","iconSrc","SelectionFactoryHelper","windowWidth","useWindowWidth","tp","bp","imgSrc","opacityStyle","undefined","_jsx","className","concat","children","_jsxs","media","srcSet","src","alt","style","Svg","iconName","fillColor","stroke","ReactHtmlParser","value","href","ImpressionBlock","_createClass","elem","_classCallCheck","self","this","modelJson","dataset","JSON","parse","init","key","ReactDOM","_objectSpread"],"sourceRoot":""}