{"version":3,"sources":["webpack:///./Avensia.Common/Features/Shared/Blocks/Html/HtmlBlock.tsx"],"names":["HtmlBlock","props","promotionImpression","backgroundColor","css","layout","maxWidth","margin","y","x","Div","compose","className","propertyComponentProps","keepImageSizes","displayImage","for","html","component","innerProps"],"mappings":"mLAcMA,EAAY,aAAU,SAACC,GAC3B,qBAAU,WACR,YAAyBA,EAAMC,uBAC9B,IAEH,IAAMC,EAAkB,YAAiBF,EAAME,iBACzCC,EAAG,aACPD,gBAAmBA,GAAoC,eAChB,SAAnC,YAAiBF,EAAMI,QACvB,CACEC,SAAU,QAEZ,CACEC,OAAQ,CACNC,EAAG,EACHC,EAAG,QAELH,SAAU,aAAa,OAG/B,OACE,kBAAC,IAAOI,IAAG,CAACN,IAAKH,EAAMU,UAAWC,UAAW,KAC3C,kBAAC,IAAW,CACVC,uBAAwB,CAAEC,eAAgB,YAAiBb,EAAMc,eACjEC,IAAKf,EAAMgB,KAEXC,UAAW,SAACC,GAAe,OACzB,kBAAC,IAAc,KACb,kBAAC,IAAOT,IAAG,aAACN,IAAKA,GAASe,MAG9BP,UAAU,mBAMH","file":"assets/58.chunk.e8c53847063f4898bd34.js","sourcesContent":["/**\r\n * @ComponentFor HtmlBlock\r\n */\r\nimport React, { useEffect } from 'react';\r\nimport { LinksContainer } from '@avensia/scope';\r\nimport { EpiProperty, epiPropertyValue } from '@avensia/scope-episerver';\r\nimport HtmlBlockType from './HtmlBlock.type';\r\nimport padStyled from 'Shared/Blocks/PaddedBlock';\r\nimport { Style } from '@glitz/type';\r\nimport { styled, StyledProps } from '@glitz/react';\r\nimport { pixelsToUnit } from 'Shared/Style';\r\nimport { BOX_ITEM_CLASSNAME } from 'Shared/BoxLayout';\r\nimport { trackPromotionImpression } from 'TrackingInformation';\r\n\r\nconst HtmlBlock = padStyled((props: HtmlBlockType & StyledProps) => {\r\n  useEffect(() => {\r\n    trackPromotionImpression(props.promotionImpression);\r\n  }, []);\r\n\r\n  const backgroundColor = epiPropertyValue(props.backgroundColor);\r\n  const css: Style = {\r\n    backgroundColor: !!backgroundColor ? backgroundColor : 'transparent',\r\n    ...(epiPropertyValue(props.layout) === 'wide'\r\n      ? {\r\n          maxWidth: '100%',\r\n        }\r\n      : {\r\n          margin: {\r\n            y: 0,\r\n            x: 'auto',\r\n          },\r\n          maxWidth: pixelsToUnit(600),\r\n        }),\r\n  };\r\n  return (\r\n    <styled.Div css={props.compose()} className={BOX_ITEM_CLASSNAME}>\r\n      <EpiProperty\r\n        propertyComponentProps={{ keepImageSizes: epiPropertyValue(props.displayImage) }}\r\n        for={props.html}\r\n        // tslint:disable-next-line:jsx-no-lambda\r\n        component={(innerProps) => (\r\n          <LinksContainer>\r\n            <styled.Div css={css} {...innerProps} />\r\n          </LinksContainer>\r\n        )}\r\n        className=\"html-block\"\r\n      />\r\n    </styled.Div>\r\n  );\r\n});\r\n\r\nexport default HtmlBlock;\r\n"],"sourceRoot":""}