{"version":3,"file":"static/js/9263.1f79cc4c.chunk.js","mappings":"oOAMe,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","sources":["shared/impression-block/impression-block-component.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"],"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"],"sourceRoot":""}