{"version":3,"sources":["NewsPage/NewsPage.tsx"],"names":["Root","styled","div","padding","xy","theme","gamma","media","mediaQuery","mediaMinLarge","y","massive","ContentContainer","maxWidth","maxWidthSmall","margin","x","Heading","h1","font","size","eta","weight","fontWeight","lighter","lineHeight","tight","letterSpacing","wider","marginBottom","medium","fontSize","iota","header","Intro","p","normal","nearMedium","huge","delta","DateAndTagsDiv","display","tau","normalWide","justifyContent","large","mediaMinSmall","alpha","beta","BodyText","relaxed","TagsWrapper","DateSpan","opacity","Tags","bold","NewsPage","useCurrentPage","heading","introText","inEditMode","bodyText","publishDate","tags","tagsTranslation","useAppSettingsData","translations","length","map","tag","index","key","applyEditModeAttr","dangerouslySetInnerHTML","__html"],"mappings":"0LAoDA,IAAMA,EAAOC,IAAOC,IAAP,aACXC,QAAS,CAAEC,GAAIC,IAAMC,QAClBC,YAAMF,IAAMG,WAAWC,cAAe,CACvCN,QAAS,CAAEO,EAAGL,IAAMM,aAIlBC,EAAmBX,IAAOC,IAAI,CAClCW,SAAUR,IAAMS,cAChBC,OAAQ,CAAEC,EAAG,UAGTC,EAAUhB,IAAOiB,GAAP,aACdC,KAAM,CAAEC,KAAMf,IAAMgB,IAAKC,OAAQjB,IAAMkB,WAAWC,SAClDC,WAAYpB,IAAMoB,WAAWC,MAC7BC,cAAetB,IAAMsB,cAAcC,MACnCC,aAAcxB,IAAMyB,QACjBvB,YAAMF,IAAMG,WAAWC,cAAe,CACvCsB,SAAU1B,IAAM2B,KAChBL,cAAetB,IAAMsB,cAAcM,OACnCJ,aAAcxB,IAAMC,UAIlB4B,EAAQjC,IAAOkC,EAAP,aACZhB,KAAM,CAAEC,KAAMf,IAAMC,MAAOgB,OAAQjB,IAAMkB,WAAWC,SACpDC,WAAYpB,IAAMoB,WAAWW,OAC7BT,cAAetB,IAAMsB,cAAcU,WACnCR,aAAcxB,IAAMiC,MACjB/B,YAAMF,IAAMG,WAAWC,cAAe,CACvCsB,SAAU1B,IAAMkC,UAIdC,EAAiBvC,IAAOC,IAAP,aACrBuC,QAAS,OACTV,SAAU1B,IAAMqC,IAChBf,cAAetB,IAAMsB,cAAcgB,WACnCC,eAAgB,gBAChBf,aAAcxB,IAAMwC,OACjBtC,YAAMF,IAAMG,WAAWsC,cAAe,CACvCf,SAAU1B,IAAM0C,MAChBlB,aAAcxB,IAAMC,QARD,GAUlBC,YAAMF,IAAMG,WAAWC,cAAe,CACvCsB,SAAU1B,IAAM2C,SAIdC,EAAWhD,IAAOC,IAAI,CAC1BuB,WAAYpB,IAAMoB,WAAWyB,QAC7BvB,cAAetB,IAAMsB,cAAcgB,aAG/BQ,EAAclD,IAAOC,IAAI,CAC7BuC,QAAS,SAGLW,EAAWnD,IAAOkC,EAAE,CACxBkB,QAAS,KAGLC,EAAOrD,IAAOkC,EAAE,CACpBZ,WAAYlB,IAAMkB,WAAWgC,OAGhBC,UA7Gf,WAAqB,IAAD,EAQdC,cANFC,EAFgB,EAEhBA,QACAC,EAHgB,EAGhBA,UACAC,EAJgB,EAIhBA,WACAC,EALgB,EAKhBA,SACAC,EANgB,EAMhBA,YACAC,EAPgB,EAOhBA,KAGiCC,EAC/BC,cADFC,aAAgB,iBAElB,OACE,kBAAClE,EAAD,KACE,kBAACY,EAAD,KACE,kBAACK,EAAD,KAAUyC,GACV,kBAAClB,EAAD,KACE,kBAACY,EAAD,KAAWU,KACRC,EAAKI,QACN,kBAAChB,EAAD,KACE,kBAACG,EAAD,KAAOU,EAAkB,IAAzB,QACCD,EAAKK,KAAI,SAACC,EAAKC,GAAN,OACR,uBAAGC,IAAKF,GACLA,EACAC,IAAUP,EAAKI,OAAS,GAAK,IAFhC,aASR,kBAACjC,EAAD,KAAQyB,GACR,kBAACV,EAAD,iBACMuB,YAAkBZ,GAAc,YADtC,CAEEa,wBAAyB,CACvBC,OAAQb","file":"Dist/build-client/static/js/NewsPage-NewsPage.b0a3697f.chunk.js","sourcesContent":["import React from 'react';\r\nimport { styled, theme } from '../Theme';\r\nimport { media } from '@glitz/core';\r\nimport NewsPageModel from './Models/NewsPageModel.interface';\r\nimport useCurrentPage from '../Shared/Hooks/useCurrentPage';\r\nimport { useAppSettingsData } from '../Shared/AppSettingsProvider/AppSettingsProvider';\r\nimport { applyEditModeAttr } from '../../Features/Shared/Common/Helpers';\r\nimport Breadcrums from '../Shared/Breadcrumb/Breadcrumb';\r\n\r\nfunction NewsPage() {\r\n  const {\r\n    heading,\r\n    introText,\r\n    inEditMode,\r\n    bodyText,\r\n    publishDate,\r\n    tags,\r\n  } = useCurrentPage<NewsPageModel>();\r\n  const {\r\n    translations: { 'newsPage/tags': tagsTranslation },\r\n  } = useAppSettingsData();\r\n  return (\r\n    <Root>\r\n      <ContentContainer>\r\n        <Heading>{heading}</Heading>\r\n        <DateAndTagsDiv>\r\n          <DateSpan>{publishDate}</DateSpan>\r\n          {!!tags.length && (\r\n            <TagsWrapper>\r\n              <Tags>{tagsTranslation + ':'}&nbsp;</Tags>\r\n              {tags.map((tag, index) => (\r\n                <p key={tag}>\r\n                  {tag}\r\n                  {index !== tags.length - 1 && ','}\r\n                  &nbsp;\r\n                </p>\r\n              ))}\r\n            </TagsWrapper>\r\n          )}\r\n        </DateAndTagsDiv>\r\n        <Intro>{introText}</Intro>\r\n        <BodyText\r\n          {...applyEditModeAttr(inEditMode && 'BodyText')}\r\n          dangerouslySetInnerHTML={{\r\n            __html: bodyText,\r\n          }}\r\n        />\r\n      </ContentContainer>\r\n    </Root>\r\n  );\r\n}\r\n\r\nconst Root = styled.div({\r\n  padding: { xy: theme.gamma },\r\n  ...media(theme.mediaQuery.mediaMinLarge, {\r\n    padding: { y: theme.massive },\r\n  }),\r\n});\r\n\r\nconst ContentContainer = styled.div({\r\n  maxWidth: theme.maxWidthSmall,\r\n  margin: { x: 'auto' },\r\n});\r\n\r\nconst Heading = styled.h1({\r\n  font: { size: theme.eta, weight: theme.fontWeight.lighter },\r\n  lineHeight: theme.lineHeight.tight,\r\n  letterSpacing: theme.letterSpacing.wider,\r\n  marginBottom: theme.medium,\r\n  ...media(theme.mediaQuery.mediaMinLarge, {\r\n    fontSize: theme.iota,\r\n    letterSpacing: theme.letterSpacing.header,\r\n    marginBottom: theme.gamma,\r\n  }),\r\n});\r\n\r\nconst Intro = styled.p({\r\n  font: { size: theme.gamma, weight: theme.fontWeight.lighter },\r\n  lineHeight: theme.lineHeight.normal,\r\n  letterSpacing: theme.letterSpacing.nearMedium,\r\n  marginBottom: theme.huge,\r\n  ...media(theme.mediaQuery.mediaMinLarge, {\r\n    fontSize: theme.delta,\r\n  }),\r\n});\r\n\r\nconst DateAndTagsDiv = styled.div({\r\n  display: 'flex',\r\n  fontSize: theme.tau,\r\n  letterSpacing: theme.letterSpacing.normalWide,\r\n  justifyContent: 'space-between',\r\n  marginBottom: theme.large,\r\n  ...media(theme.mediaQuery.mediaMinSmall, {\r\n    fontSize: theme.alpha,\r\n    marginBottom: theme.gamma,\r\n  }),\r\n  ...media(theme.mediaQuery.mediaMinLarge, {\r\n    fontSize: theme.beta,\r\n  }),\r\n});\r\n\r\nconst BodyText = styled.div({\r\n  lineHeight: theme.lineHeight.relaxed,\r\n  letterSpacing: theme.letterSpacing.normalWide,\r\n});\r\n\r\nconst TagsWrapper = styled.div({\r\n  display: 'flex',\r\n});\r\n\r\nconst DateSpan = styled.p({\r\n  opacity: 0.7,\r\n});\r\n\r\nconst Tags = styled.p({\r\n  fontWeight: theme.fontWeight.bold,\r\n});\r\n\r\nexport default NewsPage;\r\n"],"sourceRoot":""}