{"version":3,"sources":["pagetypes/NewsArticle/components/NewsArchive.tsx","pagetypes/NewsArticle/NewsArticle.tsx","common/components/Resource/components/ArticleStructuredData.tsx"],"names":["NewsArchiveWrapper","styled_components_browser_esm","div","withConfig","displayName","componentId","templateObject_1","Object","tslib_es6","props","theme","colors","contentSectionHiglighted","NewsArchiveInner","templateObject_4","media","tablet","templateObject_2","desktop","templateObject_3","YearSelectionButtonsWrapper","templateObject_5","_a","grid","gutterInPx","MonthListingWrapper","ul","templateObject_6","MonthListItem","li","templateObject_7","border","ExpandMonthButton","button","templateObject_9","typography","heading","brandPrimary","templateObject_8","ArticleListingWrapper","templateObject_10","ArticleListItem","templateObject_12","templateObject_11","linkText","ArticleLink","a","templateObject_14","fonts","secondary","templateObject_13","ArticleDate","time","templateObject_15","bodyTextLight","NewsArchive_NewsArchive","_super","NewsArchive","_this","call","this","onYearClicked","ev","value","currentTarget","setState","selectedYear","parseInt","activeMonth","onMonthClicked","state","getMonthsForSelectedYear","year","articlesGroupedByYears","find","y","months","years","length","prototype","render","_b","locale","react","MediumHeader","message","id","map","group","PillButton","key","onClick","isActive","month","monthIndex","type","title","ArrowUpIcon","size","ArrowDownIcon","className","resources","articleIndex","href","url","publicationTime","dateTime","utils_date","Date","components_NewsArchive","es","localeSelector","Header","NewsArticle_templateObject_2","isImagePresent","NewsArticle_templateObject_1","HeaderContent","NewsArticle_templateObject_4","NewsArticle_templateObject_3","ArticleTitle","h1","NewsArticle_templateObject_6","white","NewsArticle_templateObject_5","PublicationDate","NewsArticle_templateObject_8","NewsArticle_templateObject_7","ArticleImageWrapper","NewsArticle_templateObject_10","NewsArticle_templateObject_9","ArticleContent","General","NewsArticle_templateObject_12","NewsArticle_templateObject_11","ShareButtonsWrapper","NewsArticle_templateObject_13","__webpack_exports__","resource","titleHtml","previewImage","canonicalUrl","modificationTime","metaDescription","content","structuredData","routing","app","sites","settings","siteUrlId","services","siteUrl","newsArchive","undefined","getNewsArchive","reducers","getArchive","intl","useIntl","dataLayer","date","formattedDate","Meta","description","image","ArticleStructuredData","dangerouslySetInnerHTML","__html","src","alt","WidgetZone","name","isFullWidth","escapeHtml","SocialLinks","formatMessage","hidePinterest","isLoading","react__WEBPACK_IMPORTED_MODULE_0__","__webpack_require__","articleData","@context","@type","mainEntityOfPage","@id","headline","author","publisher","logo","substring","lastIndexOf","width","height","datePublished","dateModified","JSON","stringify"],"mappings":"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","file":"static/js/newsarticle.b6d02f38.chunk.js","sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport MediumHeader from 'styleguide/components/Typography/MediumHeader/MediumHeader';\r\nimport PillButton from 'styleguide/components/Buttons/Button/PillButton';\r\nimport ArrowDownIcon from 'styleguide/components/Icons/NormalIcons/ArrowDownIcon/ArrowDownIcon';\r\nimport ArrowUpIcon from 'styleguide/components/Icons/NormalIcons/ArrowUpIcon/ArrowUpIcon';\r\nimport { media } from 'styleguide/helpers/media';\r\nimport { YearlyNewsArticles } from '../interfaces';\r\nimport { getLocalizedDate } from 'utils/date';\r\nimport { FormattedMessage } from 'react-intl';\r\nimport { Locales } from 'common/types/locale';\r\nimport { MapStateToProps, connect } from 'react-redux';\r\nimport { State } from 'common/reducers';\r\nimport { localeSelector } from 'common/selectors/localeSelector';\r\n\r\nconst NewsArchiveWrapper = styled.div`\r\n\twidth: 100%;\r\n\tbackground-color: ${props => props.theme.colors.contentSectionHiglighted};\r\n\tmargin-top: 50px;\r\n`;\r\n\r\nconst NewsArchiveInner = styled.div`\r\n\tmax-width: 580px;\r\n\tmargin: 48px auto;\r\n\tpadding: 0 25px;\r\n\r\n\th2 {\r\n\t\tfont-size: 24px;\r\n\t\tline-height: 1.17;\r\n\t\ttext-transform: none;\r\n\r\n\t\t${media.tablet`\r\n      font-size: 32px;\r\n      line-height: 1;\r\n    `};\r\n\t}\r\n\r\n\t${media.desktop`\r\n    padding: 0;\r\n  `};\r\n`;\r\n\r\nconst YearSelectionButtonsWrapper = styled.div`\r\n\tmargin: ${({ theme }) => theme.grid.gutterInPx(-1)};\r\n\r\n\t> button {\r\n\t\tmargin: ${({ theme }) => theme.grid.gutterInPx()};\r\n\t}\r\n`;\r\n\r\nconst MonthListingWrapper = styled.ul`\r\n\tmargin: 0;\r\n\tmargin-top: 38px;\r\n\tpadding: 0;\r\n\tlist-style-type: none;\r\n`;\r\nconst MonthListItem = styled.li`\r\n\tborder-bottom: 1px solid ${props => props.theme.colors.border};\r\n\tpadding: 18px 0;\r\n`;\r\n\r\nconst ExpandMonthButton = styled.button`\r\n\t${props => props.theme.typography.heading};\r\n\tdisplay: block;\r\n\twidth: 100%;\r\n\tbackground-color: transparent;\r\n\tborder: 0 none;\r\n\tpadding: 0;\r\n\ttext-align: left;\r\n\tmargin: 0;\r\n\tposition: relative;\r\n\tfont-size: 13px;\r\n\tline-height: 1.85;\r\n\tcolor: ${props => props.theme.colors.brandPrimary};\r\n\tcursor: pointer;\r\n\ttext-transform: capitalize;\r\n\r\n\t:focus {\r\n\t\tborder: 0 none;\r\n\t\toutline: none;\r\n\t}\r\n\r\n\t> svg {\r\n\t\tposition: absolute;\r\n\t\tright: 15px;\r\n\t\ttop: 5px;\r\n\t}\r\n\r\n\t${media.tablet`\r\n    font-size: 14px;\r\n  `};\r\n`;\r\n\r\nconst ArticleListingWrapper = styled.ul`\r\n\tmargin: 5px 0;\r\n\tpadding: 0;\r\n\tlist-style-type: none;\r\n\toverflow: auto;\r\n\r\n\t&.collapsed {\r\n\t\tdisplay: none;\r\n\t}\r\n\r\n\t&.expanded {\r\n\t\tdisplay: block;\r\n\t}\r\n`;\r\n\r\nconst ArticleListItem = styled.li`\r\n\tfont-size: 12px;\r\n\tline-height: 1.33;\r\n\tfont-weight: 400;\r\n\tmargin-top: ${({ theme }) => theme.grid.gutterInPx(2)};\r\n\r\n\t${media.tablet`\r\n    :before {\r\n      content: '›';\r\n      padding-right: 7px;\r\n      color: ${props => props.theme.colors.linkText};\r\n    }\r\n  `};\r\n`;\r\n\r\nconst ArticleLink = styled.a`\r\n\tfont-family: ${props => props.theme.fonts.secondary};\r\n\tcolor: ${props => props.theme.colors.linkText};\r\n\ttext-decoration: none;\r\n\r\n\t${media.tablet`\r\n    font-size: 14px;\r\n  `};\r\n`;\r\n\r\nconst ArticleDate = styled.time`\r\n\tcolor: ${props => props.theme.colors.bodyTextLight};\r\n\twhite-space: nowrap;\r\n`;\r\n\r\ninterface NewsArchiveProps {\r\n\tarticlesGroupedByYears: YearlyNewsArticles[];\r\n}\r\n\r\ninterface NewsArchiveState {\r\n\tselectedYear: number;\r\n\tactiveMonth: string | null;\r\n}\r\n\r\nclass NewsArchive extends React.Component<NewsArchiveProps & StateProps, NewsArchiveState> {\r\n\tconstructor(props: NewsArchiveProps & StateProps) {\r\n\t\tsuper(props);\r\n\t\tconst { articlesGroupedByYears: years } = props;\r\n\r\n\t\tthis.state = {\r\n\t\t\tactiveMonth: null,\r\n\t\t\tselectedYear: years.length >= 1 ? years[0].year : 0,\r\n\t\t};\r\n\t}\r\n\tpublic render() {\r\n\t\tconst { selectedYear, activeMonth } = this.state;\r\n\t\tconst { articlesGroupedByYears, locale } = this.props;\r\n\r\n\t\treturn (\r\n\t\t\t<NewsArchiveWrapper>\r\n\t\t\t\t<NewsArchiveInner>\r\n\t\t\t\t\t<MediumHeader>\r\n\t\t\t\t\t\t<FormattedMessage id=\"page_news_article_news_archive\" />\r\n\t\t\t\t\t</MediumHeader>\r\n\t\t\t\t\t<YearSelectionButtonsWrapper>\r\n\t\t\t\t\t\t{articlesGroupedByYears.map(group => (\r\n\t\t\t\t\t\t\t<PillButton\r\n\t\t\t\t\t\t\t\tkey={group.year}\r\n\t\t\t\t\t\t\t\tonClick={this.onYearClicked}\r\n\t\t\t\t\t\t\t\tvalue={group.year}\r\n\t\t\t\t\t\t\t\tisActive={selectedYear === group.year}>\r\n\t\t\t\t\t\t\t\t{group.year}\r\n\t\t\t\t\t\t\t</PillButton>\r\n\t\t\t\t\t\t))}\r\n\t\t\t\t\t</YearSelectionButtonsWrapper>\r\n\t\t\t\t\t<MonthListingWrapper>\r\n\t\t\t\t\t\t{this.getMonthsForSelectedYear(selectedYear).map((month, monthIndex) => (\r\n\t\t\t\t\t\t\t<MonthListItem key={monthIndex}>\r\n\t\t\t\t\t\t\t\t<ExpandMonthButton type=\"button\" value={month.title} onClick={this.onMonthClicked}>\r\n\t\t\t\t\t\t\t\t\t{month.title}\r\n\t\t\t\t\t\t\t\t\t{activeMonth === month.title ? <ArrowUpIcon size={14} /> : <ArrowDownIcon size={14} />}\r\n\t\t\t\t\t\t\t\t</ExpandMonthButton>\r\n\t\t\t\t\t\t\t\t<ArticleListingWrapper className={activeMonth === month.title ? 'expanded' : 'collapsed'}>\r\n\t\t\t\t\t\t\t\t\t{month.resources.map((a, articleIndex) => (\r\n\t\t\t\t\t\t\t\t\t\t<ArticleListItem key={articleIndex}>\r\n\t\t\t\t\t\t\t\t\t\t\t<ArticleLink href={a.url}>{a.title}</ArticleLink>\r\n\t\t\t\t\t\t\t\t\t\t\t{a.publicationTime && (\r\n\t\t\t\t\t\t\t\t\t\t\t\t<>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{' '}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<ArticleDate dateTime={a.publicationTime}>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t({getLocalizedDate(new Date(a.publicationTime), locale)})\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t</ArticleDate>\r\n\t\t\t\t\t\t\t\t\t\t\t\t</>\r\n\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t</ArticleListItem>\r\n\t\t\t\t\t\t\t\t\t))}\r\n\t\t\t\t\t\t\t\t</ArticleListingWrapper>\r\n\t\t\t\t\t\t\t</MonthListItem>\r\n\t\t\t\t\t\t))}\r\n\t\t\t\t\t</MonthListingWrapper>\r\n\t\t\t\t</NewsArchiveInner>\r\n\t\t\t</NewsArchiveWrapper>\r\n\t\t);\r\n\t}\r\n\r\n\tprivate onYearClicked = (ev: React.MouseEvent<HTMLButtonElement>) => {\r\n\t\tconst { value } = ev.currentTarget;\r\n\t\tthis.setState({ selectedYear: parseInt(value, 10), activeMonth: null });\r\n\t};\r\n\r\n\tprivate onMonthClicked = (ev: React.MouseEvent<HTMLButtonElement>) => {\r\n\t\tconst { value } = ev.currentTarget;\r\n\t\tthis.setState({ activeMonth: this.state.activeMonth === value ? null : value });\r\n\t};\r\n\r\n\tprivate getMonthsForSelectedYear = (year: number) => {\r\n\t\tconst { articlesGroupedByYears: years } = this.props;\r\n\t\tconst selectedYear = years.find(y => y.year === year);\r\n\r\n\t\treturn !!selectedYear ? selectedYear.months : [];\r\n\t};\r\n}\r\n\r\ninterface StateProps {\r\n\tlocale: Locales;\r\n}\r\n\r\nconst mapStateToProps: MapStateToProps<StateProps, NewsArchiveProps, State> = state => {\r\n\tconst locale = localeSelector(state);\r\n\treturn {\r\n\t\tlocale,\r\n\t};\r\n};\r\n\r\nexport default connect(mapStateToProps)(NewsArchive);\r\n","import * as React from 'react';\r\nimport { connect, MapStateToProps } from 'react-redux';\r\nimport { State } from 'common/reducers';\r\nimport { NewsArticleResourceState, NewsArchiveState } from './interfaces';\r\nimport WidgetZone from 'common/components/Widgets/WidgetZone';\r\nimport Meta from 'common/components/Meta';\r\nimport { ContentWrapper } from 'common/components/General';\r\nimport styled from 'styled-components';\r\nimport { media } from 'styleguide/helpers/media';\r\nimport NewsArchive from './components/NewsArchive';\r\nimport { newsArchiveActions } from './reducers';\r\nimport SocialLinks from 'common/components/SocialLinks/SocialLinks';\r\nimport { nullSafeStringToDate, getLocalizedDate } from 'utils/date';\r\nimport { useIntl } from 'react-intl';\r\nimport { Locales } from 'common/types/locale';\r\nimport { localeSelector } from 'common/selectors/localeSelector';\r\nimport { pushOtherPageLoad } from 'utils/dataLayer';\r\nimport { getSiteUrl, getSiteUrlId } from 'common/components/App/services';\r\nimport ArticleStructuredData from 'common/components/Resource/components/ArticleStructuredData';\r\n\r\ninterface HeaderProps {\r\n\tisImagePresent: boolean;\r\n}\r\n\r\nconst Header = styled('header')<HeaderProps>`\r\n\tbackground-color: ${props => props.theme.colors.brandPrimary};\r\n\twidth: 100%;\r\n\tposition: relative;\r\n\tpadding: 0 25px ${props => (props.isImagePresent ? '30vw' : 0)};\r\n\tmargin-bottom: ${props => (props.isImagePresent ? '25vw' : 0)};\r\n\r\n\t${media.desktop<HeaderProps>`\r\n    padding: 0 25px ${props => (props.isImagePresent ? '155px' : 0)};\r\n    margin-bottom: ${props => (props.isImagePresent ? '240px' : 0)};\r\n  `};\r\n`;\r\n\r\nconst HeaderContent = styled.div`\r\n\tmax-width: 780px;\r\n\tmargin: 70px auto 30px;\r\n\r\n\t${media.desktop`\r\n    margin: 196px auto 125px;\r\n  `};\r\n`;\r\n\r\nconst ArticleTitle = styled.h1`\r\n\t${props => props.theme.typography.heading};\r\n\tfont-size: 7vw;\r\n\tline-height: 1.17;\r\n\tcolor: ${props => props.theme.colors.white};\r\n\tmargin: 0;\r\n\r\n\t${media.tablet`\r\n    font-size: 48px;\r\n    line-height: 1;\r\n  `};\r\n`;\r\n\r\nconst PublicationDate = styled.div`\r\n\t${props => props.theme.typography.heading};\r\n\tfont-size: 10px;\r\n\tline-height: 1.6;\r\n\tcolor: rgba(255, 255, 255, 0.5);\r\n\tmargin-bottom: ${({ theme }) => theme.grid.gutterInPx(2)};\r\n\r\n\t${media.tablet`\r\n    font-size: 14px;\r\n    line-height: 1.14;\r\n  `};\r\n`;\r\n\r\nconst ArticleImageWrapper = styled.div`\r\n\tposition: absolute;\r\n\tbottom: 0;\r\n\tleft: 50%;\r\n\ttransform: translate(-50%, 50%);\r\n\twidth: 100%;\r\n\tmax-width: 780px;\r\n\tpadding: 0 10px;\r\n\ttext-align: center;\r\n\r\n\t> img {\r\n\t\twidth: auto;\r\n\t\tmax-width: 100%;\r\n\t}\r\n\r\n\t${media.desktop`\r\n    padding: 0;\r\n  `};\r\n`;\r\n\r\nconst ArticleContent = styled(ContentWrapper)`\r\n\tdisplay: block;\r\n\tmax-width: 580px;\r\n\tpadding: 0 25px;\r\n\r\n\t.text-wrapper {\r\n\t\tpadding: 0;\r\n\t}\r\n\r\n\t${media.desktop`\r\n    padding: 0 10px;\r\n  `};\r\n`;\r\n\r\nconst ShareButtonsWrapper = styled.div`\r\n\tborder-top: 1px solid ${props => props.theme.colors.border};\r\n\tborder-bottom: 1px solid ${props => props.theme.colors.border};\r\n\twidth: 100%;\r\n\tmax-width: 580px;\r\n\r\n\t> section {\r\n\t\tpadding: 0;\r\n\t}\r\n\r\n\tspan {\r\n\t\t${({ theme }) => theme.typography.heading};\r\n\t\tfont-size: 16px;\r\n\t\tline-height: 1.25;\r\n\t\tcolor: ${props => props.theme.colors.brandPrimary};\r\n\t\ttext-transform: uppercase;\r\n\t}\r\n`;\r\n\r\nexport interface NewsArticleStateProps {\r\n\ttitle?: string;\r\n\ttitleHtml: string;\r\n\tpreviewImage?: string;\r\n\tcanonicalUrl: string | undefined;\r\n\tmodificationTime?: string | null;\r\n\tpublicationTime: string | null;\r\n\tmetaDescription: string;\r\n\tnewsArchive?: NewsArchiveState;\r\n\tlocale: Locales;\r\n\tsiteUrlId?: string;\r\n\tsiteUrl?: string;\r\n\tstructuredData: string | null;\r\n}\r\n\r\ninterface NewsArticleDispatchProps {\r\n\tgetNewsArchive: typeof newsArchiveActions.getArchive;\r\n}\r\n\r\ntype Props = NewsArticleStateProps & NewsArticleDispatchProps;\r\n\r\nconst NewsArticle: React.FC<Props> = ({\r\n\ttitleHtml,\r\n\tmodificationTime,\r\n\tpublicationTime,\r\n\tnewsArchive,\r\n\tpreviewImage,\r\n\tgetNewsArchive,\r\n\tcanonicalUrl,\r\n\tmetaDescription,\r\n\ttitle,\r\n\tlocale,\r\n\tsiteUrlId,\r\n\tsiteUrl,\r\n\tstructuredData,\r\n}) => {\r\n\tconst intl = useIntl();\r\n\r\n\tReact.useEffect(() => {\r\n\t\tif (!newsArchive) {\r\n\t\t\tgetNewsArchive(siteUrlId!);\r\n\t\t}\r\n\t}, []);\r\n\r\n\tReact.useEffect(pushOtherPageLoad, []);\r\n\r\n\tconst date = nullSafeStringToDate(publicationTime);\r\n\tconst formattedDate = !!date ? getLocalizedDate(date, locale) : '';\r\n\r\n\tconst renderMeta = () => {\r\n\t\treturn <Meta canonicalUrl={canonicalUrl} title={title} description={metaDescription} image={previewImage} />;\r\n\t};\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t{renderMeta()}\r\n\t\t\t{!structuredData && (\r\n\t\t\t\t<ArticleStructuredData\r\n\t\t\t\t\ttitle={title}\r\n\t\t\t\t\tpreviewImage={previewImage}\r\n\t\t\t\t\tcanonicalUrl={canonicalUrl}\r\n\t\t\t\t\tmodificationTime={modificationTime}\r\n\t\t\t\t\tpublicationTime={publicationTime}\r\n\t\t\t\t\tmetaDescription={metaDescription}\r\n\t\t\t\t\tsiteUrl={siteUrl}\r\n\t\t\t\t/>\r\n\t\t\t)}\r\n\t\t\t<Header isImagePresent={!!previewImage}>\r\n\t\t\t\t<HeaderContent>\r\n\t\t\t\t\t<PublicationDate>{formattedDate}</PublicationDate>\r\n\t\t\t\t\t<ArticleTitle dangerouslySetInnerHTML={{ __html: titleHtml }} />\r\n\t\t\t\t</HeaderContent>\r\n\t\t\t\t{!!previewImage && (\r\n\t\t\t\t\t<ArticleImageWrapper>\r\n\t\t\t\t\t\t<img src={`${previewImage}/780x488-article-image`} alt=\"\" />\r\n\t\t\t\t\t</ArticleImageWrapper>\r\n\t\t\t\t)}\r\n\t\t\t</Header>\r\n\t\t\t<ArticleContent>\r\n\t\t\t\t<WidgetZone name=\"Main\" isFullWidth={true} escapeHtml={true} />\r\n\t\t\t\t<ShareButtonsWrapper>\r\n\t\t\t\t\t<SocialLinks\r\n\t\t\t\t\t\theading={intl.formatMessage({ id: 'page_news_article_share_article' })}\r\n\t\t\t\t\t\ttitle={title || titleHtml}\r\n\t\t\t\t\t\thidePinterest={true}\r\n\t\t\t\t\t/>\r\n\t\t\t\t</ShareButtonsWrapper>\r\n\t\t\t</ArticleContent>\r\n\t\t\t{newsArchive && !newsArchive.isLoading && !!newsArchive.years ? (\r\n\t\t\t\t<NewsArchive articlesGroupedByYears={newsArchive.years} />\r\n\t\t\t) : (\r\n\t\t\t\t''\r\n\t\t\t)}\r\n\t\t</>\r\n\t);\r\n};\r\n\r\nconst mapStateToProps: MapStateToProps<NewsArticleStateProps, {}, State> = (state): NewsArticleStateProps => {\r\n\tconst {\r\n\t\ttitle,\r\n\t\ttitleHtml,\r\n\t\tpreviewImage,\r\n\t\tcanonicalUrl,\r\n\t\tmodificationTime,\r\n\t\tpublicationTime,\r\n\t\tmetaDescription,\r\n\t\tcontent,\r\n\t\tstructuredData,\r\n\t} = state.resource as NewsArticleResourceState;\r\n\tconst { routing, app } = state;\r\n\tconst sites = (app.settings && app.settings.sites) || [];\r\n\tconst siteUrlId = getSiteUrlId(routing, sites);\r\n\tconst siteUrl = getSiteUrl(routing, sites);\r\n\tconst locale = localeSelector(state);\r\n\treturn {\r\n\t\ttitle,\r\n\t\ttitleHtml: titleHtml || '',\r\n\t\tpreviewImage,\r\n\t\tcanonicalUrl,\r\n\t\tmodificationTime,\r\n\t\tpublicationTime,\r\n\t\tmetaDescription: metaDescription || '',\r\n\t\tnewsArchive: !!content ? content.newsArchive : undefined,\r\n\t\tlocale,\r\n\t\tsiteUrlId,\r\n\t\tsiteUrl,\r\n\t\tstructuredData,\r\n\t};\r\n};\r\n\r\nexport default connect(mapStateToProps, {\r\n\tgetNewsArchive: newsArchiveActions.getArchive,\r\n})(NewsArticle);\r\n","import * as React from 'react';\r\n\r\ninterface Props {\r\n\tmodificationTime?: string | null;\r\n\tpublicationTime: string | null;\r\n\tpreviewImage?: string;\r\n\tcanonicalUrl: string | undefined;\r\n\tmetaDescription: string | undefined;\r\n\ttitle?: string;\r\n\tsiteUrl?: string;\r\n}\r\n\r\nconst ArticleStructuredData: React.FC<Props> = ({\r\n\tmodificationTime,\r\n\tpublicationTime,\r\n\tpreviewImage,\r\n\tcanonicalUrl,\r\n\tmetaDescription,\r\n\ttitle,\r\n\tsiteUrl,\r\n}) => {\r\n\tconst articleData = {\r\n\t\t'@context': 'http://schema.org',\r\n\t\t'@type': 'Article',\r\n\t\tmainEntityOfPage: {\r\n\t\t\t'@type': 'webpage',\r\n\t\t\t'@id': canonicalUrl || '',\r\n\t\t},\r\n\t\theadline: title || '',\r\n\t\tdescription: metaDescription || '',\r\n\t\timage: previewImage + '/780x488-article-image',\r\n\t\tauthor: {\r\n\t\t\t'@type': 'Organization',\r\n\t\t\tname: 'Valio',\r\n\t\t},\r\n\t\tpublisher: {\r\n\t\t\t'@type': 'Organization',\r\n\t\t\tname: 'Valio',\r\n\t\t\tlogo: {\r\n\t\t\t\t'@type': 'ImageObject',\r\n\t\t\t\turl: siteUrl ? siteUrl.substring(0, siteUrl.lastIndexOf('/')) + '/logo/valioLogo-60px.png' : '',\r\n\t\t\t\twidth: 90,\r\n\t\t\t\theight: 60,\r\n\t\t\t},\r\n\t\t},\r\n\t\tdatePublished: publicationTime,\r\n\t\tdateModified: modificationTime || '',\r\n\t};\r\n\r\n\treturn <script type=\"application/ld+json\" dangerouslySetInnerHTML={{ __html: JSON.stringify(articleData) }} />;\r\n};\r\n\r\nexport default ArticleStructuredData;\r\n"],"sourceRoot":""}