{"version":3,"sources":["pagetypes/CmsContent/layouts/Article/components/ArticleHeader.tsx","pagetypes/CmsContent/layouts/Article/components/ArticleDetails.tsx","pagetypes/CmsContent/layouts/Article/components/ProfessionalContentDisclaimer.tsx","pagetypes/CmsContent/layouts/Article/Article.tsx","pagetypes/CmsContent/layouts/Article/index.ts","pagetypes/CmsContent/layouts/SectionFront.tsx","pagetypes/CmsContent/layouts/Wellbeing/Wellbeing.tsx","pagetypes/CmsContent/layouts/Wellbeing/index.ts","pagetypes/CmsContent/layouts/Oddlygood/Oddlygood.tsx","pagetypes/CmsContent/layouts/Oddlygood/index.ts","pagetypes/CmsContent/layouts/OddlygoodPortfolio/OddlygoodPortfolio.tsx","pagetypes/CmsContent/layouts/OddlygoodPortfolio/index.ts","pagetypes/CmsContent/layouts/Lesson/components/LessonHeader.tsx","pagetypes/CmsContent/layouts/Lesson/components/LessonAuthor.tsx","pagetypes/CmsContent/layouts/Lesson/components/LessonDetails.tsx","pagetypes/CmsContent/layouts/Lesson/components/LessonLead.tsx","pagetypes/CmsContent/layouts/Lesson/Lesson.tsx","pagetypes/CmsContent/layouts/Lesson/index.ts","common/layouts/ProfessionalLeadText/index.ts","common/layouts/ProfessionalLeadText/ProfessionalLeadText.tsx","common/layouts/Empty/index.ts","pagetypes/CmsContent/layouts/ImageHeader/index.ts","pagetypes/CmsContent/layouts/ImageHeader/ImageHeader.tsx","pagetypes/CmsContent/layouts/PlainContent/PlainContent.tsx","pagetypes/CmsContent/layouts/PlainContent/index.ts","pagetypes/CmsContent/CmsContent.tsx","common/components/Oddlygood/OddlySubTitle.tsx","common/layouts/Empty/contexts.ts","pagetypes/CmsContent/layouts/Article/components/ArticleAuthor.tsx","pagetypes/CmsContent/layouts/Article/components/ArticleLead.tsx","common/components/Oddlygood/OddlyTitle.tsx","common/layouts/Empty/Empty.tsx","common/components/Resource/components/ArticleStructuredData.tsx"],"names":["ArticleHeaderWrapper","styled_components_browser_esm","section","withConfig","displayName","componentId","templateObject_6","Object","tslib_es6","helpers_media","tablet","templateObject_1","props","theme","colors","bodyBackground","desktop","templateObject_2","_a","fonts","primary","themeColor","bodyText","templateObject_3","templateObject_4","templateObject_5","components_ArticleHeader","titleHtml","contentFamily","react","ContentTag","color","className","dangerouslySetInnerHTML","__html","ArticleDetailsWrapper","ArticleDetails_templateObject_4","ArticleDetails_templateObject_1","ArticleDetails_templateObject_2","desktop1440","ArticleDetails_templateObject_3","ArticleCategories","div","ArticleDetails_templateObject_6","ArticleDetails_templateObject_5","ArticleSocialLinks","templateObject_8","border","templateObject_7","components_ArticleDetails","_super","ArticleDetails","_this","apply","this","arguments","state","wrapperStyles","onResize","throttle_default","helpers_window","onWindowResize","w","setState","getDetailsStyles","prototype","componentDidMount","addEventListener","componentWillUnmount","removeEventListener","render","title","author","shareImage","canonicalUrl","topics","style","ArticleAuthor","length","map","topic","index","key","HighlightedLink","href","url","intense","wrapText","Media","displayType","toggleType","breakpoint","SocialLinks","imageUrl","top","articleStartElement","document","getElementsByClassName","window","innerWidth","offsetTop","ProfessionalContentWrapper","ProfessionalContentDisclaimer_templateObject_3","constants","professionalContent","ProfessionalContentDisclaimer_templateObject_1","ProfessionalContentDisclaimer_templateObject_2","Header","header","ProfessionalContentDisclaimer_templateObject_4","professionalContentBackground","secondary","white","Content","ProfessionalContentDisclaimer_templateObject_7","ProfessionalContentDisclaimer_templateObject_5","ProfessionalContentDisclaimer_templateObject_6","components_ProfessionalContentDisclaimer","Icons","message","id","ButtonLink","fontStyle","size","backgroundColor","backgroundHoverColor","ArticleDate","time","Article_templateObject_3","bodyTextLight","Article_templateObject_1","Article_templateObject_2","layouts_Article","heroImageDesktop","heroImageMobile","heroImageOffsetY","heroMediaType","_b","_c","leadText","publicationTime","isHealthCareContent","intl","useIntl","heroMedia","media","articleDate","date","Date","articleDateFormatted","utils_date","Hero","src","mediaSrc","mediaType","offsetY","General","ContentThemeContext","Consumer","contentTheme","dateTime","ArticleLead","WidgetZone","name","isFullWidth","SectionFrontTitle","SectionFront_templateObject_1","layouts_SectionFront","colorTheme","WellbeingFrontTitle","Wellbeing_templateObject_1","layouts_Wellbeing","Routable","hasContentSubNav","ContentCard","isMobileHidden","Oddlygood_Header","Oddlygood_templateObject_2","brandPrimary","isImagePresent","Oddlygood_templateObject_1","HeaderContent","Oddlygood_templateObject_4","Oddlygood_templateObject_3","ArticleImageWrapper","Oddlygood_templateObject_8","phone","Oddlygood_templateObject_5","Oddlygood_templateObject_6","Oddlygood_templateObject_7","LeadTextWrapper","templateObject_12","grid","gutterInPx","templateObject_9","templateObject_10","templateObject_11","layouts_Oddlygood","imageSrc","OddlyTitle","Image","alt","PageTitle","OddlygoodPortfolio_templateObject_1","layouts_OddlygoodPortfolio","OddlySubTitle","LessonHeaderWrapper","LessonHeader_templateObject_6","LessonHeader_templateObject_1","LessonHeader_templateObject_2","LessonHeader_templateObject_3","LessonHeader_templateObject_4","LessonHeader_templateObject_5","components_LessonHeader","LessonAuthorWrapper","LessonAuthor_templateObject_1","Author","LessonAuthor_templateObject_2","components_LessonAuthor","image","Image_Image","SocialLinkWrapper","LessonDetails_templateObject_1","LessonDetailsWrapper","LessonDetails_templateObject_5","LessonDetails_templateObject_2","LessonDetails_templateObject_3","LessonDetails_templateObject_4","LessonSocialLinks","LessonDetails_templateObject_7","LessonDetails_templateObject_6","SocialLinksText","LessonDetails_templateObject_8","components_LessonDetails","LessonDetails","components_LessonLead","p","LessonLead_templateObject_4","LessonLead_templateObject_1","LessonLead_templateObject_2","LessonLead_templateObject_3","CustomOrderedListWrappedWidgetZone","Lesson_templateObject_4","Lesson_templateObject_1","Lesson_templateObject_2","Lesson_templateObject_3","layouts_Lesson","layouts_ProfessionalLeadText","LeadText","variant","layouts_Empty","layouts_ImageHeader","highlightIcon","textColor","previewImage","FramedHeader","showContentFamily","highlightImage","utils_import","iconName","showBorder","Title","PlainContent_templateObject_1","layouts_PlainContent","CmsContent_CmsContent","CmsContent","resource","data","pageLabel","event","pageType","pageCategory","dataLayerCategory","dataLayer","setDataLayer","layout","rest","Layout","Basic","getLayoutComponent","structuredData","modificationTime","metaDescription","siteUrl","renderMeta","ArticleStructuredData","Meta","description","__webpack_exports__","es","app","routing","navigation","content","sites","settings","services","headerTopOffset","topOffset","OddlySubTitleType","Title3","styled_components__WEBPACK_IMPORTED_MODULE_2__","h1","tslib__WEBPACK_IMPORTED_MODULE_0__","typography","heading","simple","TitleInner","span","styleguide_helpers_media__WEBPACK_IMPORTED_MODULE_3__","phone560","background","realType","type","Primary","styleguide_themes_oddlygood__WEBPACK_IMPORTED_MODULE_4__","greenPesto","foregroundColor","Extra1","blockOrange","Extra2","blockPurple","Simple","transparent","react__WEBPACK_IMPORTED_MODULE_1__","__webpack_require__","d","HeaderContext","react__WEBPACK_IMPORTED_MODULE_0__","navigationTopOffset","hasSubNavigation","ArticleAuthorWrapper","Intro","styleguide_helpers_media__WEBPACK_IMPORTED_MODULE_4__","intro","styleguide_components_PicturesAndVideos_Image_Image__WEBPACK_IMPORTED_MODULE_3__","styled_components__WEBPACK_IMPORTED_MODULE_1__","styleguide_helpers_media__WEBPACK_IMPORTED_MODULE_2__","navigationText","Title21","desktop1100","blockPink","Title22","blockYellow","Title31","templateObject_16","templateObject_13","templateObject_14","templateObject_15","Title32","templateObject_20","templateObject_17","templateObject_18","templateObject_19","cream","Title33","templateObject_24","templateObject_21","templateObject_22","templateObject_23","blockCyan","indexOf","parts","split","common_components_Widgets_WidgetZone__WEBPACK_IMPORTED_MODULE_1__","react_redux__WEBPACK_IMPORTED_MODULE_2__","common_components_General__WEBPACK_IMPORTED_MODULE_3__","_contexts__WEBPACK_IMPORTED_MODULE_4__","dom","headerContext","secondaryNavigation","Provider","value","articleData","@context","@type","mainEntityOfPage","@id","headline","publisher","logo","substring","lastIndexOf","width","height","datePublished","dateModified","JSON","stringify"],"mappings":"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","file":"static/js/cmscontent.f6235698.chunk.js","sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { media } from 'styleguide/helpers/media';\r\nimport ContentTag from 'styleguide/components/Tags/ContentTag/ContentTag';\r\nimport { WithContentFamily } from '../../../../../common/types/contentFamily';\r\n\r\nconst ArticleHeaderWrapper = styled.section<{ themeColor?: string }>`\r\n\twidth: 100%;\r\n\tpadding: 30px 10px;\r\n\talign-self: flex-start;\r\n\tposition: relative;\r\n\r\n\t${media.tablet`\r\n    width: 640px;\r\n    padding: 30px 50px;\r\n    margin: -135px auto 0;\r\n    border-radius: 2px 2px 0 0;\r\n  \tbackground: ${props => props.theme.colors.bodyBackground};  \r\n\t\tmin-height: 135px;\r\n  `};\r\n\r\n\t${media.desktop`\r\n    width: 670px;\r\n\t\tmin-height: 170px;\r\n\t  padding: 50px;\r\n    margin: -110px 10px 0;\r\n  `};\r\n\r\n\th1 {\r\n\t\tfont-size: 24px;\r\n\t\tfont-weight: 600;\r\n\t\tline-height: 26px;\r\n\t\tmargin: 0;\r\n\t\tfont-family: ${({ theme }) => theme.fonts.primary};\r\n\t\tcolor: ${({ themeColor, theme }) => themeColor || theme.colors.bodyText};\r\n\r\n\t\t${media.desktop`\r\n  \t\tfont-size: 36px;\r\n      line-height: 1;\r\n    `};\r\n\t}\r\n\r\n\t.content-tag {\r\n\t\tposition: absolute;\r\n\t\ttop: -12px;\r\n\t\tleft: 0;\r\n\r\n\t\t${media.tablet`\r\n      left: 30px;\r\n    `};\r\n\r\n\t\t${media.desktop`\r\n  \t\ttop: -15px;\r\n    `};\r\n\t}\r\n`;\r\n\r\ninterface ArticleHeaderProps extends WithContentFamily {\r\n\tthemeColor: string;\r\n\ttitleHtml: string;\r\n}\r\n\r\nconst ArticleHeader: React.FC<ArticleHeaderProps> = ({ themeColor, titleHtml, contentFamily }) => {\r\n\treturn (\r\n\t\t<ArticleHeaderWrapper themeColor={themeColor}>\r\n\t\t\t{contentFamily && (\r\n\t\t\t\t<ContentTag color={themeColor} className=\"content-tag\">\r\n\t\t\t\t\t{contentFamily}\r\n\t\t\t\t</ContentTag>\r\n\t\t\t)}\r\n\t\t\t<header>\r\n\t\t\t\t<h1 dangerouslySetInnerHTML={{ __html: titleHtml }} />\r\n\t\t\t</header>\r\n\t\t</ArticleHeaderWrapper>\r\n\t);\r\n};\r\n\r\nexport default ArticleHeader;\r\n","import * as React from 'react';\r\nimport throttle from 'lodash/throttle';\r\nimport styled from 'styled-components';\r\nimport HighlightedLink from 'styleguide/components/Links/HighlightedLink/HighlightedLink';\r\nimport { media, mediaBreakpoints } from 'styleguide/helpers/media';\r\nimport { withWindow } from 'styleguide/helpers/window';\r\nimport SocialLinks from 'common/components/SocialLinks/SocialLinks';\r\nimport { CmsContentAuthor } from 'pagetypes/CmsContent/interfaces';\r\nimport { NavLinkItemProps } from 'common/components/Navigation/interfaces';\r\nimport ArticleAuthor from './ArticleAuthor';\r\nimport { ToggleMedia } from 'common/components/Media';\r\n\r\nconst DESKTOP_DEFAULT_TOP_VALUE = 60;\r\n\r\nconst ArticleDetailsWrapper = styled.section`\r\n\twidth: 100%;\r\n\ttext-align: center;\r\n\tmargin-bottom: 20px;\r\n\tpadding: 0 10px;\r\n\r\n\t${media.tablet`\r\n    width: 600px;\r\n    padding: 0 30px;\r\n  `};\r\n\r\n\t${media.desktop`\r\n  \twidth: 160px;\r\n    position: absolute;\r\n    top: ${DESKTOP_DEFAULT_TOP_VALUE}px;\r\n    left: 20px;\r\n    margin-bottom: 0;\r\n    padding: 0;\r\n  `};\r\n\r\n\t${media.desktop1440`\r\n    left: 50px;\r\n  `};\r\n`;\r\n\r\nconst ArticleCategories = styled.div`\r\n\tpadding: 10px 0 20px;\r\n\r\n\th4 {\r\n\t\tfont-weight: 600;\r\n\t\tfont-size: 16px;\r\n\t\tline-height: 1.25;\r\n\t\tmargin: 0;\r\n\t}\r\n\r\n\tul {\r\n\t\tmargin: 0;\r\n\t\tpadding: 0;\r\n\t\tlist-style: none;\r\n\t}\r\n\r\n\tli {\r\n\t\tdisplay: inline-block;\r\n\t\tmargin: 8px 4px 0;\r\n\r\n\t\t${media.desktop`\r\n  \t\tdisplay: block;\r\n  \t\tmargin: 8px 0 0;\r\n    `};\r\n\t}\r\n`;\r\n\r\nconst ArticleSocialLinks = 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\r\n\t${media.desktop`\r\n  \tpadding: 20px 0;\r\n    border-bottom: none;\r\n  `};\r\n`;\r\n\r\ninterface ArticleDetailsProps {\r\n\ttitle: string;\r\n\tauthor: CmsContentAuthor | null;\r\n\tshareImage?: string;\r\n\tcanonicalUrl?: string;\r\n\ttopics: NavLinkItemProps[];\r\n}\r\n\r\ninterface ArticleDetailsState {\r\n\twrapperStyles?: object;\r\n}\r\n\r\nclass ArticleDetails extends React.Component<ArticleDetailsProps, ArticleDetailsState> {\r\n\tpublic state: ArticleDetailsState = {\r\n\t\twrapperStyles: {},\r\n\t};\r\n\r\n\tprivate onResize = throttle(() => withWindow(this.onWindowResize), 250);\r\n\r\n\tpublic componentDidMount() {\r\n\t\tthis.setState({ wrapperStyles: this.getDetailsStyles() });\r\n\r\n\t\twithWindow(w => {\r\n\t\t\tw.addEventListener('resize', this.onResize);\r\n\t\t});\r\n\t}\r\n\r\n\tpublic componentWillUnmount() {\r\n\t\twithWindow(w => {\r\n\t\t\tw.removeEventListener('resize', this.onResize);\r\n\t\t});\r\n\t}\r\n\r\n\tpublic render() {\r\n\t\tconst { title, author, shareImage, canonicalUrl, topics } = this.props;\r\n\t\tconst { wrapperStyles } = this.state;\r\n\r\n\t\treturn (\r\n\t\t\t<ArticleDetailsWrapper style={wrapperStyles}>\r\n\t\t\t\t{author && <ArticleAuthor {...author} />}\r\n\t\t\t\t{topics.length > 0 && (\r\n\t\t\t\t\t<ArticleCategories>\r\n\t\t\t\t\t\t<h4>Kategoriat:</h4>\r\n\t\t\t\t\t\t<ul>\r\n\t\t\t\t\t\t\t{topics.map((topic, index) => (\r\n\t\t\t\t\t\t\t\t<li key={`topic-${index}`}>\r\n\t\t\t\t\t\t\t\t\t<HighlightedLink href={topic.url} intense={true} wrapText={true}>\r\n\t\t\t\t\t\t\t\t\t\t{topic.title}\r\n\t\t\t\t\t\t\t\t\t</HighlightedLink>\r\n\t\t\t\t\t\t\t\t</li>\r\n\t\t\t\t\t\t\t))}\r\n\t\t\t\t\t\t</ul>\r\n\t\t\t\t\t</ArticleCategories>\r\n\t\t\t\t)}\r\n\t\t\t\t<ArticleSocialLinks>\r\n\t\t\t\t\t<ToggleMedia displayType=\"block\" toggleType=\"hide\" breakpoint=\"desktop\">\r\n\t\t\t\t\t\t<SocialLinks title={title} url={canonicalUrl} imageUrl={shareImage} />\r\n\t\t\t\t\t</ToggleMedia>\r\n\t\t\t\t\t<ToggleMedia displayType=\"block\" toggleType=\"show\" breakpoint=\"desktop\">\r\n\t\t\t\t\t\t<SocialLinks title={title} url={canonicalUrl} imageUrl={shareImage} />\r\n\t\t\t\t\t</ToggleMedia>\r\n\t\t\t\t</ArticleSocialLinks>\r\n\t\t\t</ArticleDetailsWrapper>\r\n\t\t);\r\n\t}\r\n\r\n\tprivate onWindowResize = (w: Window) => {\r\n\t\tthis.setState({ wrapperStyles: this.getDetailsStyles() });\r\n\t};\r\n\r\n\tprivate getDetailsStyles() {\r\n\t\tlet top = DESKTOP_DEFAULT_TOP_VALUE;\r\n\r\n\t\twithWindow(() => {\r\n\t\t\tconst articleStartElement: HTMLElement = document.getElementsByClassName(\r\n\t\t\t\t'article-content-start'\r\n\t\t\t)[0] as HTMLElement;\r\n\r\n\t\t\tif (window.innerWidth >= mediaBreakpoints.desktop && articleStartElement) {\r\n\t\t\t\ttop = articleStartElement.offsetTop;\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\treturn {\r\n\t\t\ttop: `${top}px`,\r\n\t\t};\r\n\t}\r\n}\r\n\r\nexport default ArticleDetails;\r\n","import * as React from 'react';\r\nimport styled, { ThemeConsumer } from 'styled-components';\r\nimport ButtonLink from 'styleguide/components/Buttons/Button/ButtonLink';\r\nimport { media } from 'styleguide/helpers/media';\r\nimport { WIDGET_SPACING_SMALL } from 'common/components/Widgets/constants';\r\nimport { darken } from 'utils/color';\r\nimport { FormattedMessage } from 'react-intl';\r\nimport { HealthcareIcon } from 'styleguide/components/Icons';\r\n\r\nconst ProfessionalContentWrapper = styled.section`\r\n\twidth: 100%;\r\n\tmax-width: 720px;\r\n\tmargin: ${WIDGET_SPACING_SMALL}px auto;\r\n\tborder: 1px solid ${props => props.theme.colors.professionalContent};\r\n\tborder-radius: 4px;\r\n\r\n\t${media.desktop`\r\n\t\tmargin: 0 auto ${WIDGET_SPACING_SMALL}px;\r\n  \tmax-width: 600px;\r\n  `};\r\n\r\n\t${media.desktop1440`\r\n  \tmax-width: 720px;\r\n  `};\r\n`;\r\n\r\nconst Header = styled.header`\r\n\tbackground: ${props => props.theme.colors.professionalContentBackground};\r\n\tpadding: 30px 80px 20px 20px;\r\n\tfont-family: ${props => props.theme.fonts.secondary};\r\n\tfont-size: 15px;\r\n\tline-height: 18px;\r\n\tposition: relative;\r\n\tborder-bottom: 1px solid ${props => props.theme.colors.professionalContent};\r\n\r\n\t> img {\r\n\t\tposition: absolute;\r\n\t\tright: 0;\r\n\t\ttop: 50%;\r\n\t\ttransform: translateY(-50%);\r\n\t}\r\n\r\n\th3 {\r\n\t\tfont-size: 12px;\r\n\t\tfont-weight: 600;\r\n\t\tline-height: 20px;\r\n\t\tcolor: ${props => props.theme.colors.white};\r\n\t\tbackground: ${props => props.theme.colors.professionalContent};\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\tpadding: 0 15px;\r\n\t\tmargin: 0;\r\n\t\tborder-radius: 4px 0 0 0;\r\n\t}\r\n\r\n\tp {\r\n\t\tmargin: 0;\r\n\t}\r\n`;\r\n\r\nconst Content = styled.div`\r\n\tpadding: 20px;\r\n\r\n\th4 {\r\n\t\tmargin: 0;\r\n\t\tfont-size: 18px;\r\n\t\tfont-weight: 600;\r\n\t}\r\n\r\n\tul {\r\n\t\tmargin: 0;\r\n\t\tpadding: 0;\r\n\t\tlist-style: none;\r\n\t\twidth: 100%;\r\n\t}\r\n\r\n\tli {\r\n\t\tpadding: 10px 0;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tfont-size: 15px;\r\n\t\tline-height: 18px;\r\n\r\n\t\t${media.tablet`\r\n      flex-direction: row;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n    `};\r\n\r\n\t\t& + li {\r\n\t\t\tborder-top: 1px solid ${props => props.theme.colors.professionalContent};\r\n\t\t}\r\n\r\n\t\ta {\r\n\t\t\tfont-weight: 900;\r\n\t\t\tmargin-top: 10px;\r\n\r\n\t\t\t${media.tablet`\r\n        flex: 1 0 50%;\r\n        margin-top: 0;\r\n        margin-left: 20px;\r\n      `};\r\n\t\t}\r\n\t}\r\n`;\r\n\r\nconst ProfessionalContentDisclaimer: React.FC<React.HTMLAttributes<HTMLElement>> = props => {\r\n\treturn (\r\n\t\t<ProfessionalContentWrapper {...props}>\r\n\t\t\t<Header>\r\n\t\t\t\t<HealthcareIcon />\r\n\t\t\t\t<h3>\r\n\t\t\t\t\t<FormattedMessage id=\"page_cms_content_for_professionals\" />\r\n\t\t\t\t</h3>\r\n\t\t\t\t<p>\r\n\t\t\t\t\t<FormattedMessage id=\"page_cms_content_for_professionals_description\" />\r\n\t\t\t\t</p>\r\n\t\t\t</Header>\r\n\t\t\t<Content>\r\n\t\t\t\t<h4>\r\n\t\t\t\t\t<FormattedMessage id=\"page_cms_content_professional_want_more_info\" />\r\n\t\t\t\t</h4>\r\n\t\t\t\t<ThemeConsumer>\r\n\t\t\t\t\t{theme => (\r\n\t\t\t\t\t\t<ul>\r\n\t\t\t\t\t\t\t<li>\r\n\t\t\t\t\t\t\t\t<span>\r\n\t\t\t\t\t\t\t\t\t<FormattedMessage id=\"page_cms_content_professional_newsletter_description\" />\r\n\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t<ButtonLink\r\n\t\t\t\t\t\t\t\t\tfontStyle=\"secondary\"\r\n\t\t\t\t\t\t\t\t\tsize=\"small\"\r\n\t\t\t\t\t\t\t\t\thref=\"/hyvinvointi/tilaa-ravitsemusuutisia/\"\r\n\t\t\t\t\t\t\t\t\tbackgroundColor={theme.colors.professionalContent}\r\n\t\t\t\t\t\t\t\t\tbackgroundHoverColor={darken(theme.colors.professionalContent, 5)}>\r\n\t\t\t\t\t\t\t\t\t<FormattedMessage id=\"page_cms_content_professional_newsletter_order\" />\r\n\t\t\t\t\t\t\t\t</ButtonLink>\r\n\t\t\t\t\t\t\t</li>\r\n\t\t\t\t\t\t\t<li>\r\n\t\t\t\t\t\t\t\t<span>\r\n\t\t\t\t\t\t\t\t\t<FormattedMessage id=\"page_cms_content_professional_materials_catalogue_description\" />\r\n\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t<ButtonLink\r\n\t\t\t\t\t\t\t\t\tfontStyle=\"secondary\"\r\n\t\t\t\t\t\t\t\t\tsize=\"small\"\r\n\t\t\t\t\t\t\t\t\thref=\"/ammattilaiset/materiaalipankki/\"\r\n\t\t\t\t\t\t\t\t\tbackgroundColor={theme.colors.professionalContent}\r\n\t\t\t\t\t\t\t\t\tbackgroundHoverColor={darken(theme.colors.professionalContent, 5)}>\r\n\t\t\t\t\t\t\t\t\t<FormattedMessage id=\"page_cms_content_professional_materials_catalogue\" />\r\n\t\t\t\t\t\t\t\t</ButtonLink>\r\n\t\t\t\t\t\t\t</li>\r\n\t\t\t\t\t\t</ul>\r\n\t\t\t\t\t)}\r\n\t\t\t\t</ThemeConsumer>\r\n\t\t\t</Content>\r\n\t\t</ProfessionalContentWrapper>\r\n\t);\r\n};\r\n\r\nexport default ProfessionalContentDisclaimer;\r\n","import * as React from 'react';\r\nimport { CmsContentStateProps } from '../../CmsContent';\r\nimport { getHeroMediaSource } from 'utils/media';\r\nimport { ContentWrapper } from 'common/components/General';\r\nimport Hero from 'styleguide/components/HeroBanners/Hero';\r\nimport styled from 'styled-components';\r\nimport { media } from 'styleguide/helpers/media';\r\nimport WidgetZone from 'common/components/Widgets/WidgetZone';\r\nimport ArticleHeader from './components/ArticleHeader';\r\nimport ArticleDetails from './components/ArticleDetails';\r\nimport { ContentThemeContext } from 'common/contexts/ContentThemeContext';\r\nimport { getFormattedFullDate } from 'utils/date';\r\nimport ArticleLead from './components/ArticleLead';\r\nimport ProfessionalContentDisclaimer from './components/ProfessionalContentDisclaimer';\r\nimport { useIntl } from 'react-intl';\r\n\r\nconst ArticleDate = styled.time`\r\n\tcolor: ${props => props.theme.colors.bodyTextLight};\r\n\tfont-style: italic;\r\n\tfont-size: 13px;\r\n\tline-height: 1.5;\r\n\twidth: 100%;\r\n\tmargin: 0 auto;\r\n\tpadding: 0 10px;\r\n\r\n\t${media.desktop`\r\n\t\tmax-width: 600px;\r\n\t\tpadding: 0;\r\n\t`};\r\n\r\n\t${media.desktop1440`\r\n\t\tmax-width: 720px;\r\n\t`};\r\n`;\r\n\r\nconst Article: React.FC<CmsContentStateProps> = ({\r\n\theroImageDesktop,\r\n\theroImageMobile,\r\n\theroImageOffsetY,\r\n\theroMediaType,\r\n\tcanonicalUrl,\r\n\ttitle = '',\r\n\ttitleHtml = '',\r\n\tcontentFamily,\r\n\tleadText,\r\n\tauthor,\r\n\ttopics,\r\n\tpublicationTime,\r\n\tisHealthCareContent,\r\n}) => {\r\n\tconst intl = useIntl();\r\n\tconst heroMedia = getHeroMediaSource(heroMediaType, heroImageDesktop, heroImageMobile, 'cms-content-article-hero');\r\n\r\n\tconst articleDate = publicationTime || '';\r\n\tconst date = new Date(articleDate);\r\n\tconst articleDateFormatted = getFormattedFullDate(intl, date);\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t<Hero src={heroMedia.mediaSrc} mediaType={heroMedia.mediaType} offsetY={heroImageOffsetY} />\r\n\r\n\t\t\t<ContentWrapper>\r\n\t\t\t\t<ContentThemeContext.Consumer>\r\n\t\t\t\t\t{contentTheme => (\r\n\t\t\t\t\t\t<ArticleHeader titleHtml={titleHtml} themeColor={contentTheme.color} contentFamily={contentFamily} />\r\n\t\t\t\t\t)}\r\n\t\t\t\t</ContentThemeContext.Consumer>\r\n\t\t\t\t<ArticleDetails\r\n\t\t\t\t\ttitle={title}\r\n\t\t\t\t\tauthor={author}\r\n\t\t\t\t\ttopics={topics}\r\n\t\t\t\t\tcanonicalUrl={canonicalUrl}\r\n\t\t\t\t\tshareImage={heroImageDesktop}\r\n\t\t\t\t/>\r\n\r\n\t\t\t\t{isHealthCareContent && <ProfessionalContentDisclaimer className=\"article-content-start\" />}\r\n\r\n\t\t\t\t{publicationTime && (\r\n\t\t\t\t\t<ArticleDate className=\"article-content-start\" dateTime={articleDate}>\r\n\t\t\t\t\t\t{articleDateFormatted}\r\n\t\t\t\t\t</ArticleDate>\r\n\t\t\t\t)}\r\n\r\n\t\t\t\t<ArticleLead>{leadText}</ArticleLead>\r\n\r\n\t\t\t\t<WidgetZone name=\"Main\" isFullWidth={true} />\r\n\t\t\t</ContentWrapper>\r\n\t\t</>\r\n\t);\r\n};\r\n\r\nexport default Article;\r\n","import Article from './Article';\r\nexport default Article;\r\n","import * as React from 'react';\r\nimport { FrontHeader, FrontTitle, FrontSubTitle, ContentWrapper } from 'common/components/General';\r\nimport Hero from 'styleguide/components/HeroBanners/Hero';\r\nimport styled from 'styled-components';\r\nimport { CmsContentStateProps } from '../CmsContent';\r\nimport WidgetZone from 'common/components/Widgets/WidgetZone';\r\nimport { getHeroMediaSource } from 'utils/media';\r\n\r\nconst SectionFrontTitle = styled(FrontTitle)`\r\n\tmargin: 0;\r\n`;\r\n\r\nconst SectionFront: React.FC<CmsContentStateProps> = ({\r\n\theroImageDesktop,\r\n\theroImageMobile,\r\n\theroImageOffsetY,\r\n\theroMediaType,\r\n\ttitleHtml = '',\r\n\tleadText,\r\n\tthemeColor,\r\n}) => {\r\n\tconst heroMedia = getHeroMediaSource(heroMediaType, heroImageDesktop, heroImageMobile, 'product-front-hero');\r\n\treturn (\r\n\t\t<>\r\n\t\t\t<Hero size=\"small\" src={heroMedia.mediaSrc} mediaType={heroMedia.mediaType} offsetY={heroImageOffsetY}>\r\n\t\t\t\t<FrontHeader>\r\n\t\t\t\t\t<SectionFrontTitle colorTheme=\"dark\" color={themeColor} dangerouslySetInnerHTML={{ __html: titleHtml }} />\r\n\t\t\t\t\t<FrontSubTitle colorTheme=\"dark\" color={themeColor}>\r\n\t\t\t\t\t\t{leadText}\r\n\t\t\t\t\t</FrontSubTitle>\r\n\t\t\t\t</FrontHeader>\r\n\t\t\t</Hero>\r\n\r\n\t\t\t<ContentWrapper>\r\n\t\t\t\t<WidgetZone name=\"Main\" isFullWidth={true} />\r\n\t\t\t</ContentWrapper>\r\n\t\t</>\r\n\t);\r\n};\r\n\r\nexport default SectionFront;\r\n","import * as React from 'react';\r\nimport { CmsContentStateProps } from '../../CmsContent';\r\nimport { FrontHeader, FrontTitle, FrontSubTitle, ContentWrapper } from 'common/components/General';\r\nimport Hero from 'styleguide/components/HeroBanners/Hero';\r\nimport styled from 'styled-components';\r\nimport WidgetZone from 'common/components/Widgets/WidgetZone';\r\nimport ContentCard from 'common/components/General/ContentCard';\r\nimport injectRoutable, { InjectedRoutableProps } from 'common/components/Routing/Routable';\r\nimport { getHeroMediaSource } from 'utils/media';\r\n\r\nconst WellbeingFrontTitle = styled(FrontTitle)`\r\n\tmargin: 0;\r\n`;\r\n\r\nconst Wellbeing: React.FC<CmsContentStateProps & InjectedRoutableProps> = ({\r\n\theroImageDesktop,\r\n\theroImageMobile,\r\n\theroImageOffsetY,\r\n\theroMediaType,\r\n\ttitleHtml = '',\r\n\tleadText,\r\n\thasContentSubNav,\r\n}) => {\r\n\tconst heroMedia = getHeroMediaSource(heroMediaType, heroImageDesktop, heroImageMobile, 'product-front-hero');\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t<Hero size=\"medium\" src={heroMedia.mediaSrc} mediaType={heroMedia.mediaType} offsetY={heroImageOffsetY}>\r\n\t\t\t\t<FrontHeader>\r\n\t\t\t\t\t<WellbeingFrontTitle colorTheme=\"light\" dangerouslySetInnerHTML={{ __html: titleHtml }} />\r\n\t\t\t\t\t<FrontSubTitle colorTheme=\"light\">{leadText}</FrontSubTitle>\r\n\t\t\t\t</FrontHeader>\r\n\t\t\t</Hero>\r\n\r\n\t\t\t<ContentCard hasContentSubNav={hasContentSubNav} isMobileHidden={true} />\r\n\r\n\t\t\t<ContentWrapper>\r\n\t\t\t\t<WidgetZone name=\"Main\" isFullWidth={true} />\r\n\t\t\t</ContentWrapper>\r\n\t\t</>\r\n\t);\r\n};\r\n\r\nexport default injectRoutable(Wellbeing);\r\n","import Wellbeing from './Wellbeing';\r\nexport default Wellbeing;\r\n","import * as React from 'react';\r\nimport { CmsContentStateProps } from '../../CmsContent';\r\nimport { ContentWrapper } from 'common/components/General';\r\nimport WidgetZone from 'common/components/Widgets/WidgetZone';\r\nimport styled from 'styled-components';\r\nimport { media } from 'styleguide/helpers/media';\r\nimport injectRoutable, { InjectedRoutableProps } from 'common/components/Routing/Routable';\r\nimport { getHeroMediaSource } from 'utils/media';\r\nimport OddlyTitle from 'common/components/Oddlygood/OddlyTitle';\r\nimport Image from '../../../../styleguide/components/PicturesAndVideos/Image';\r\nimport { ImageSource } from 'styleguide/interfaces';\r\nimport { TEXT_WIDTH, TEXT_WIDTH_NARROW, WIDGET_SPACING_LARGE } from 'common/components/Widgets/constants';\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: 50px auto 25px;\r\n\r\n\t${media.desktop`\r\n    margin: 30px auto 150px;\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.phone`\r\n\t\t> img {\r\n\t\t\twidth: 75vw;\r\n\t\t}\r\n  `};\r\n\r\n\t${media.tablet`\r\n\t\t> img {\r\n\t\t\twidth: 75vw;\r\n\t\t}\r\n  `};\r\n\r\n\t${media.desktop`\r\n    padding: 0;\r\n\t\t> img {\r\n\t\t\twidth: auto;\r\n\t\t\tmax-height: 550px;\r\n\t\t}\r\n  `};\r\n`;\r\n\r\nconst LeadTextWrapper = styled.div`\r\n\twidth: 100%;\r\n\tmax-width: ${TEXT_WIDTH_NARROW}px;\r\n\tfont-size: 16px;\r\n\tfont-weight: bold;\r\n\tpadding: 0 ${({ theme }) => theme.grid.gutterInPx()};\r\n\r\n\tmargin-top: ${WIDGET_SPACING_LARGE}px;\r\n\r\n\t${media.tablet`\r\n\tpadding: 0;\r\n`};\r\n\r\n\t${media.desktop`\r\n\tfont-size: 18px;\r\n\tpadding: 0;\r\n`};\r\n\r\n\t${media.desktop1440`\r\n\tmax-width: ${TEXT_WIDTH}px;\r\n`};\r\n`;\r\n\r\nconst Wellbeing: React.FC<CmsContentStateProps & InjectedRoutableProps> = ({\r\n\theroImageDesktop,\r\n\theroImageMobile,\r\n\theroImageOffsetY,\r\n\theroMediaType,\r\n\ttitleHtml = '',\r\n\tleadText,\r\n\thasContentSubNav,\r\n}) => {\r\n\tconst heroMedia = getHeroMediaSource(heroMediaType, heroImageDesktop, heroImageMobile, 'product-front-hero');\r\n\r\n\tconst imageSrc = heroMedia.mediaSrc as ImageSource[];\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t<Header isImagePresent={true}>\r\n\t\t\t\t<HeaderContent>\r\n\t\t\t\t\t<OddlyTitle title={titleHtml} />\r\n\t\t\t\t</HeaderContent>\r\n\r\n\t\t\t\t<ArticleImageWrapper>\r\n\t\t\t\t\t<Image src={imageSrc} alt=\"\" />\r\n\t\t\t\t</ArticleImageWrapper>\r\n\t\t\t</Header>\r\n\r\n\t\t\t<ContentWrapper>\r\n\t\t\t\t<LeadTextWrapper>{leadText}</LeadTextWrapper>\r\n\t\t\t\t<WidgetZone name=\"Main\" isFullWidth={true} />\r\n\t\t\t</ContentWrapper>\r\n\t\t</>\r\n\t);\r\n};\r\n\r\nexport default injectRoutable(Wellbeing);\r\n","import Oddlygood from './Oddlygood';\r\nexport default Oddlygood;\r\n","import * as React from 'react';\r\nimport { CmsContentStateProps } from '../../CmsContent';\r\nimport { FrontHeader, FrontSubTitle, ContentWrapper } from 'common/components/General';\r\nimport Hero from 'styleguide/components/HeroBanners/Hero';\r\nimport styled from 'styled-components';\r\nimport WidgetZone from 'common/components/Widgets/WidgetZone';\r\nimport injectRoutable, { InjectedRoutableProps } from 'common/components/Routing/Routable';\r\nimport { getHeroMediaSource } from 'utils/media';\r\nimport OddlySubTitle from 'common/components/Oddlygood/OddlySubTitle';\r\n\r\nconst PageTitle = styled.div`\r\n\tmargin: 3em 1em 0em 1em !important;\r\n`;\r\n\r\nconst OddlygoodPortfolio: React.FC<CmsContentStateProps & InjectedRoutableProps> = ({\r\n\theroImageDesktop,\r\n\theroImageMobile,\r\n\theroImageOffsetY,\r\n\theroMediaType,\r\n\ttitleHtml = '',\r\n\tleadText,\r\n\thasContentSubNav,\r\n}) => {\r\n\tconst heroMedia = getHeroMediaSource(heroMediaType, heroImageDesktop, heroImageMobile, 'product-front-hero');\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t<Hero size=\"medium\" src={heroMedia.mediaSrc} mediaType={heroMedia.mediaType} offsetY={heroImageOffsetY} />\r\n\r\n\t\t\t<PageTitle>\r\n\t\t\t\t<OddlySubTitle title={titleHtml} />\r\n\t\t\t</PageTitle>\r\n\t\t\t<FrontHeader>\r\n\t\t\t\t<FrontSubTitle colorTheme=\"light\">{leadText}</FrontSubTitle>\r\n\t\t\t</FrontHeader>\r\n\r\n\t\t\t<ContentWrapper>\r\n\t\t\t\t<WidgetZone name=\"Main\" isFullWidth={true} />\r\n\t\t\t</ContentWrapper>\r\n\t\t</>\r\n\t);\r\n};\r\n\r\nexport default injectRoutable(OddlygoodPortfolio);\r\n","import OddlygoodPortfolio from './OddlygoodPortfolio';\r\nexport default OddlygoodPortfolio;\r\n","import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { media } from 'styleguide/helpers/media';\r\nimport ContentTag from 'styleguide/components/Tags/ContentTag/ContentTag';\r\nimport { WithContentFamily } from '../../../../../common/types/contentFamily';\r\n\r\nconst LessonHeaderWrapper = styled.section<{ themeColor?: string }>`\r\n\twidth: 100%;\r\n\tpadding: 30px 10px;\r\n\talign-self: flex-start;\r\n\tposition: relative;\r\n\r\n\t${media.tablet`\r\n    width: 640px;\r\n    padding: 30px 50px;\r\n    margin: -135px auto 0;\r\n    border-radius: 2px 2px 0 0;\r\n  \tbackground: ${props => props.theme.colors.bodyBackground};  \r\n\t\tmin-height: 135px;\r\n  `};\r\n\r\n\t${media.desktop`\r\n    width: 670px;\r\n\t\tmin-height: 170px;\r\n\t  padding: 50px;\r\n    margin: -110px 10px 0;\r\n  `};\r\n\r\n\th1 {\r\n\t\tfont-size: 24px;\r\n\t\tfont-weight: 600;\r\n\t\tline-height: 26px;\r\n\t\tmargin: 0;\r\n\t\tfont-family: ${({ theme }) => theme.fonts.primary};\r\n\t\tcolor: ${({ themeColor, theme }) => themeColor || theme.colors.bodyText};\r\n\r\n\t\t${media.desktop`\r\n  \t\tfont-size: 36px;\r\n      line-height: 1;\r\n    `};\r\n\t}\r\n\r\n\t.content-tag {\r\n\t\tposition: absolute;\r\n\t\ttop: -12px;\r\n\t\tleft: 0;\r\n\r\n\t\t${media.tablet`\r\n      left: 30px;\r\n    `};\r\n\r\n\t\t${media.desktop`\r\n  \t\ttop: -15px;\r\n    `};\r\n\t}\r\n`;\r\n\r\ninterface LessonHeaderProps extends WithContentFamily {\r\n\tthemeColor: string;\r\n\ttitleHtml: string;\r\n}\r\n\r\nconst LessonHeader: React.FC<LessonHeaderProps> = ({ themeColor, titleHtml, contentFamily }) => {\r\n\treturn (\r\n\t\t<LessonHeaderWrapper themeColor={themeColor}>\r\n\t\t\t{contentFamily && (\r\n\t\t\t\t<ContentTag color={themeColor} className=\"content-tag\">\r\n\t\t\t\t\t{contentFamily}\r\n\t\t\t\t</ContentTag>\r\n\t\t\t)}\r\n\t\t\t<header>\r\n\t\t\t\t<h1 dangerouslySetInnerHTML={{ __html: titleHtml }} />\r\n\t\t\t</header>\r\n\t\t</LessonHeaderWrapper>\r\n\t);\r\n};\r\n\r\nexport default LessonHeader;\r\n","import * as React from 'react';\r\nimport { CmsContentAuthor } from '../../../interfaces';\r\nimport styled from 'styled-components';\r\nimport Image from 'styleguide/components/PicturesAndVideos/Image/Image';\r\n\r\nconst LessonAuthorWrapper = styled.div``;\r\n\r\nconst Author = styled.div`\r\n\tpadding-bottom: 20px;\r\n\r\n\timg {\r\n\t\twidth: 64px;\r\n\t\theight: 64px;\r\n\t\tborder-radius: 50%;\r\n\t}\r\n\r\n\tp {\r\n\t\tmargin: 0;\r\n\t\tline-height: 1.25;\r\n\t\tfont-size: 16px;\r\n\r\n\t\t&.author {\r\n\t\t\tfont-weight: 600;\r\n\t\t}\r\n\t}\r\n`;\r\n\r\nconst LessonAuthor: React.FC<CmsContentAuthor> = ({ name, title, image }) => {\r\n\treturn (\r\n\t\t<LessonAuthorWrapper className=\"article-author\">\r\n\t\t\t<Author>\r\n\t\t\t\t<Image src={`${image}/64x64-article-page-author`} />\r\n\t\t\t\t<p className=\"author\">{name}</p>\r\n\t\t\t\t<p>{title}</p>\r\n\t\t\t</Author>\r\n\t\t</LessonAuthorWrapper>\r\n\t);\r\n};\r\n\r\nexport default LessonAuthor;\r\n","import * as React from 'react';\r\nimport throttle from 'lodash/throttle';\r\nimport styled from 'styled-components';\r\nimport { media, mediaBreakpoints } from 'styleguide/helpers/media';\r\nimport { withWindow } from 'styleguide/helpers/window';\r\nimport SocialLinks from 'common/components/SocialLinks/SocialLinks';\r\nimport { CmsContentAuthor } from 'pagetypes/CmsContent/interfaces';\r\nimport { NavLinkItemProps } from 'common/components/Navigation/interfaces';\r\nimport LessonAuthor from './LessonAuthor';\r\nimport { ToggleMedia } from 'common/components/Media';\r\n\r\nconst DESKTOP_DEFAULT_TOP_VALUE = 60;\r\n\r\nconst SocialLinkWrapper = styled.div`\r\n\tdisplay: flex;\r\n\tjustify-content: space-around;\r\n\talign-items: center;\r\n`;\r\n\r\nconst LessonDetailsWrapper = styled.section`\r\n\twidth: 100%;\r\n\ttext-align: center;\r\n\tmargin-bottom: 20px;\r\n\tpadding: 0 10px;\r\n\r\n\t${media.tablet`\r\n    width: 600px;\r\n    padding: 0 30px;\r\n  `};\r\n\r\n\t${media.desktop`\r\n  \twidth: 160px;\r\n    position: absolute;\r\n    top: ${DESKTOP_DEFAULT_TOP_VALUE}px;\r\n    left: 20px;\r\n    margin-bottom: 0;\r\n    padding: 0;\r\n  `};\r\n\r\n\t${media.desktop1440`\r\n    left: 50px;\r\n  `};\r\n`;\r\n\r\nconst LessonSocialLinks = 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\r\n\t${media.desktop`\r\n  \tpadding: 20px 0;\r\n    border-bottom: none;\r\n  `};\r\n`;\r\n\r\nconst SocialLinksText = styled.div<{ themeColor?: string }>`\r\n\ttext-transform: uppercase;\r\n\tfont-weight: bold;\r\n\tcolor: ${({ themeColor }) => `${themeColor}`};\r\n\tmargin-right: 5px;\r\n`;\r\n\r\ninterface LessonDetailsProps {\r\n\ttitle: string;\r\n\tauthor: CmsContentAuthor | null;\r\n\tshareImage?: string;\r\n\tcanonicalUrl?: string;\r\n\ttopics: NavLinkItemProps[];\r\n\tthemeColor?: string;\r\n}\r\n\r\ninterface LessonDetailsState {\r\n\twrapperStyles?: object;\r\n}\r\n\r\nclass LessonDetails extends React.Component<LessonDetailsProps, LessonDetailsState> {\r\n\tpublic state: LessonDetailsState = {\r\n\t\twrapperStyles: {},\r\n\t};\r\n\r\n\tprivate onResize = throttle(() => withWindow(this.onWindowResize), 250);\r\n\r\n\tpublic componentDidMount() {\r\n\t\tthis.setState({ wrapperStyles: this.getDetailsStyles() });\r\n\r\n\t\twithWindow(w => {\r\n\t\t\tw.addEventListener('resize', this.onResize);\r\n\t\t});\r\n\t}\r\n\r\n\tpublic componentWillUnmount() {\r\n\t\twithWindow(w => {\r\n\t\t\tw.removeEventListener('resize', this.onResize);\r\n\t\t});\r\n\t}\r\n\r\n\tpublic render() {\r\n\t\tconst { title, author, shareImage, canonicalUrl, themeColor } = this.props;\r\n\t\tconst { wrapperStyles } = this.state;\r\n\r\n\t\treturn (\r\n\t\t\t<LessonDetailsWrapper style={wrapperStyles}>\r\n\t\t\t\t{author && <LessonAuthor {...author} />}\r\n\t\t\t\t<LessonSocialLinks>\r\n\t\t\t\t\t<ToggleMedia displayType=\"block\" toggleType=\"hide\" breakpoint=\"desktop\">\r\n\t\t\t\t\t\t<SocialLinkWrapper>\r\n\t\t\t\t\t\t\t<SocialLinksText themeColor={themeColor}>Jaa Oppitunti</SocialLinksText>\r\n\t\t\t\t\t\t\t<SocialLinks title={title} url={canonicalUrl} imageUrl={shareImage} />\r\n\t\t\t\t\t\t</SocialLinkWrapper>\r\n\t\t\t\t\t</ToggleMedia>\r\n\t\t\t\t\t<ToggleMedia displayType=\"block\" toggleType=\"show\" breakpoint=\"desktop\">\r\n\t\t\t\t\t\t<SocialLinkWrapper>\r\n\t\t\t\t\t\t\t<SocialLinksText themeColor={themeColor}>Jaa Oppitunti</SocialLinksText>\r\n\t\t\t\t\t\t\t<SocialLinks title={title} url={canonicalUrl} imageUrl={shareImage} />\r\n\t\t\t\t\t\t</SocialLinkWrapper>\r\n\t\t\t\t\t</ToggleMedia>\r\n\t\t\t\t</LessonSocialLinks>\r\n\t\t\t</LessonDetailsWrapper>\r\n\t\t);\r\n\t}\r\n\r\n\tprivate onWindowResize = (w: Window) => {\r\n\t\tthis.setState({ wrapperStyles: this.getDetailsStyles() });\r\n\t};\r\n\r\n\tprivate getDetailsStyles() {\r\n\t\tlet top = DESKTOP_DEFAULT_TOP_VALUE;\r\n\r\n\t\twithWindow(() => {\r\n\t\t\tconst articleStartElement: HTMLElement = document.getElementsByClassName(\r\n\t\t\t\t'article-content-start'\r\n\t\t\t)[0] as HTMLElement;\r\n\r\n\t\t\tif (window.innerWidth >= mediaBreakpoints.desktop && articleStartElement) {\r\n\t\t\t\ttop = articleStartElement.offsetTop;\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\treturn {\r\n\t\t\ttop: `${top}px`,\r\n\t\t};\r\n\t}\r\n}\r\n\r\nexport default LessonDetails;\r\n","import styled from 'styled-components';\r\nimport { media } from 'styleguide/helpers/media';\r\n\r\nconst LessonLead = styled.p`\r\n\tfont-size: 20px;\r\n\tline-height: 1.2;\r\n\twidth: 100%;\r\n\tmargin: 14px auto;\r\n\tpadding: 0px 8px;\r\n\r\n\t${media.tablet`\r\n\t\tpadding: 0;\r\n\t\tmax-width: 600px;\r\n\t`}\r\n\r\n\t${media.desktop`\r\n\t  max-width: none;\r\n\t\tfont-size: 28px;\r\n\t\tpadding-left: 240px;\r\n\t\tmargin: 0px auto 28px auto;\r\n\t`};\r\n\r\n\t${media.desktop1440`\r\n\t`};\r\n`;\r\n\r\nexport default LessonLead;\r\n","import * as React from 'react';\r\nimport { CmsContentStateProps } from '../../CmsContent';\r\nimport { getHeroMediaSource } from 'utils/media';\r\nimport { ContentWrapper } from 'common/components/General';\r\nimport Hero from 'styleguide/components/HeroBanners/Hero';\r\nimport styled from 'styled-components';\r\nimport { media } from 'styleguide/helpers/media';\r\nimport WidgetZone from 'common/components/Widgets/WidgetZone';\r\nimport LessonHeader from './components/LessonHeader';\r\nimport LessonDetails from './components/LessonDetails';\r\nimport { ContentThemeContext } from 'common/contexts/ContentThemeContext';\r\nimport LessonLead from './components/LessonLead';\r\n\r\n/*\r\n\t\t${media.desktop`\r\n\t\tpadding-left: 240px;\r\n\t`};\r\n*/\r\n\r\nconst CustomOrderedListWrappedWidgetZone = styled(WidgetZone)`\r\n\t${media.tablet`\r\n\t\tpadding-left: 0;\r\n\r\n\t\t& > div {\r\n\t\t\tmax-width: 600px;\t\t\t\r\n\t\t\tmargin: 0 auto;\r\n\t\t}\r\n\t`};\r\n\r\n\t${media.desktop`\r\n\tpadding-left: 240px;\r\n\r\n\t& > div {\r\n\t\tmax-width: none;\t\t\t\r\n\t}\r\n`};\r\n\r\n\t& ul {\r\n\t\tlist-style: none;\r\n\t}\r\n\r\n\t& h3 {\r\n\t\tfont-size: 85% !important;\r\n\t\ttext-transform: uppercase;\r\n\t}\r\n\r\n\t& ol {\r\n\t\tpadding-left: 0 !important;\r\n\t}\r\n\r\n\t& ol:not([start]) {\r\n\t}\r\n\r\n\t& ol > li {\r\n\t\tdisplay: flex;\r\n\t\talign-items: flex-start;\r\n\t\tcounter-increment: list-item;\r\n\t\tpadding-bottom: 7px;\r\n\t}\r\n\r\n\t& ol > li::before {\r\n\t\tcontent: counter(list-item);\r\n\t\tfont-weight: bold;\r\n\t\tfont-size: 39px;\r\n\t\tline-height: 31px;\r\n\t\twidth: 1.3em;\r\n\t\tcolor: #910048;\r\n\t\tflex: none;\r\n\t}\r\n\r\n\t${media.desktop`\r\n\t\t& ol > li::before {\r\n\t\t\tfont-size: 50px;\r\n\t\t\tline-height: 40px;\r\n\t\t}\r\n\t`};\r\n\r\n\t& ol > li p {\r\n\t}\r\n`;\r\n\r\nconst LessonLayout: React.FC<CmsContentStateProps> = ({\r\n\theroImageDesktop,\r\n\theroImageMobile,\r\n\theroImageOffsetY,\r\n\theroMediaType,\r\n\tcanonicalUrl,\r\n\ttitle = '',\r\n\ttitleHtml = '',\r\n\tcontentFamily,\r\n\tauthor,\r\n\tleadText,\r\n\ttopics,\r\n\tthemeColor,\r\n}) => {\r\n\tconst heroMedia = getHeroMediaSource(heroMediaType, heroImageDesktop, heroImageMobile, 'cms-content-article-hero');\r\n\r\n\tthemeColor = themeColor || '#910048';\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t<Hero src={heroMedia.mediaSrc} mediaType={heroMedia.mediaType} offsetY={heroImageOffsetY} />\r\n\r\n\t\t\t<ContentWrapper>\r\n\t\t\t\t<ContentThemeContext.Consumer>\r\n\t\t\t\t\t{contentTheme => (\r\n\t\t\t\t\t\t<LessonHeader titleHtml={titleHtml} themeColor={contentTheme.color} contentFamily={contentFamily} />\r\n\t\t\t\t\t)}\r\n\t\t\t\t</ContentThemeContext.Consumer>\r\n\t\t\t\t<LessonDetails\r\n\t\t\t\t\ttitle={title}\r\n\t\t\t\t\tauthor={author}\r\n\t\t\t\t\ttopics={topics}\r\n\t\t\t\t\tcanonicalUrl={canonicalUrl}\r\n\t\t\t\t\tshareImage={heroImageDesktop}\r\n\t\t\t\t\tthemeColor={themeColor}\r\n\t\t\t\t/>\r\n\r\n\t\t\t\t<LessonLead>{leadText}</LessonLead>\r\n\r\n\t\t\t\t<CustomOrderedListWrappedWidgetZone name=\"Main\" isFullWidth={true} />\r\n\t\t\t</ContentWrapper>\r\n\t\t</>\r\n\t);\r\n};\r\n\r\nexport default LessonLayout;\r\n","import Lesson from './Lesson';\r\nexport default Lesson;\r\n","import ProfessionalLeadText from './ProfessionalLeadText';\r\nexport default ProfessionalLeadText;\r\n","import * as React from 'react';\r\nimport LeadText from '../LeadText';\r\nimport { LeadTextProps } from '../LeadText/LeadText';\r\n\r\nconst ProfessionalLeadText: React.FunctionComponent<LeadTextProps> = props => {\r\n\treturn <LeadText {...props} variant=\"professional\" />;\r\n};\r\n\r\nexport default ProfessionalLeadText;\r\n","import Empty from './Empty';\r\nexport default Empty;\r\n","import ImageHeader from './ImageHeader';\r\nexport default ImageHeader;\r\n","import * as React from 'react';\r\nimport { CmsContentStateProps } from '../../CmsContent';\r\nimport { ContentWrapper } from 'common/components/General';\r\nimport Hero from 'styleguide/components/HeroBanners/Hero';\r\nimport WidgetZone from 'common/components/Widgets/WidgetZone';\r\nimport injectRoutable, { InjectedRoutableProps } from 'common/components/Routing/Routable';\r\nimport { getHeroMediaSource } from 'utils/media';\r\nimport { ContentThemeContext } from 'common/contexts/ContentThemeContext';\r\nimport FramedHeader from 'common/components/FramedHeader';\r\nimport { ResourceState } from 'common/components/Resource/reducers/reducers';\r\nimport { Icon } from 'utils/import';\r\n\r\ntype ImageHeaderResourceState = Pick<ResourceState, 'previewImage'>;\r\n\r\nexport interface ImageHeaderProps extends CmsContentStateProps {\r\n\tshowContentFamily?: boolean;\r\n\tbackgroundColor?: string;\r\n\ttextColor?: string;\r\n\thighlightIcon?: ResourceState['highlightIcon'];\r\n}\r\nconst ImageHeader: React.FC<ImageHeaderProps & ImageHeaderResourceState & InjectedRoutableProps> = ({\r\n\theroImageDesktop,\r\n\theroImageMobile,\r\n\theroImageOffsetY,\r\n\theroMediaType,\r\n\tbackgroundColor,\r\n\thighlightIcon,\r\n\ttextColor,\r\n\tpreviewImage,\r\n}) => {\r\n\tconst heroMedia = getHeroMediaSource(heroMediaType, heroImageDesktop, heroImageMobile, 'product-front-hero');\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t<Hero size=\"medium\" src={heroMedia.mediaSrc} mediaType={heroMedia.mediaType} offsetY={heroImageOffsetY} />\r\n\r\n\t\t\t<ContentWrapper>\r\n\t\t\t\t<ContentThemeContext.Consumer>\r\n\t\t\t\t\t{contentTheme => (\r\n\t\t\t\t\t\t<FramedHeader\r\n\t\t\t\t\t\t\tthemeColor={contentTheme.color}\r\n\t\t\t\t\t\t\tshowContentFamily={false}\r\n\t\t\t\t\t\t\tbackgroundColor={backgroundColor}\r\n\t\t\t\t\t\t\ttextColor={textColor}\r\n\t\t\t\t\t\t\tvariant=\"imageheader\"\r\n\t\t\t\t\t\t\thighlightImage={previewImage}\r\n\t\t\t\t\t\t\thighlightIcon={<Icon iconName={highlightIcon} />}\r\n\t\t\t\t\t\t\tshowBorder={false}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t)}\r\n\t\t\t\t</ContentThemeContext.Consumer>\r\n\t\t\t\t<WidgetZone name=\"Main\" isFullWidth={true} />\r\n\t\t\t</ContentWrapper>\r\n\t\t</>\r\n\t);\r\n};\r\n\r\nexport default injectRoutable(ImageHeader);\r\n","import * as React from 'react';\r\nimport { CmsContentStateProps } from '../../CmsContent';\r\nimport { FrontHeader, FrontTitle, FrontSubTitle, ContentWrapper } from 'common/components/General';\r\nimport Hero from 'styleguide/components/HeroBanners/Hero';\r\nimport styled from 'styled-components';\r\nimport WidgetZone from 'common/components/Widgets/WidgetZone';\r\nimport injectRoutable, { InjectedRoutableProps } from 'common/components/Routing/Routable';\r\nimport { getHeroMediaSource } from 'utils/media';\r\n\r\nconst Title = styled(FrontTitle)`\r\n\tmargin: 0;\r\n`;\r\n\r\nconst PlainContent: React.FC<CmsContentStateProps & InjectedRoutableProps> = ({\r\n\theroImageDesktop,\r\n\theroImageMobile,\r\n\theroImageOffsetY,\r\n\theroMediaType,\r\n\ttitleHtml = '',\r\n\tleadText,\r\n}) => {\r\n\tconst heroMedia = getHeroMediaSource(heroMediaType, heroImageDesktop, heroImageMobile, 'product-front-hero');\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t<Hero size=\"medium\" src={heroMedia.mediaSrc} mediaType={heroMedia.mediaType} offsetY={heroImageOffsetY}>\r\n\t\t\t\t<FrontHeader>\r\n\t\t\t\t\t<Title colorTheme=\"light\" dangerouslySetInnerHTML={{ __html: titleHtml }} />\r\n\t\t\t\t\t<FrontSubTitle colorTheme=\"light\">{leadText}</FrontSubTitle>\r\n\t\t\t\t</FrontHeader>\r\n\t\t\t</Hero>\r\n\r\n\t\t\t<ContentWrapper>\r\n\t\t\t\t<WidgetZone name=\"Main\" isFullWidth={true} />\r\n\t\t\t</ContentWrapper>\r\n\t\t</>\r\n\t);\r\n};\r\n\r\nexport default injectRoutable(PlainContent);\r\n","import PlainContent from './PlainContent';\r\nexport default PlainContent;\r\n","import * as React from 'react';\r\nimport { Component } from 'react';\r\nimport { connect, MapStateToProps } from 'react-redux';\r\nimport { State } from 'common/reducers';\r\nimport { LayoutProps } from 'common/layouts/interfaces';\r\nimport Article from './layouts/Article';\r\nimport SectionFront from './layouts/SectionFront';\r\nimport Wellbeing from './layouts/Wellbeing';\r\nimport Oddlygood from './layouts/Oddlygood';\r\nimport OddlygoodPortfolio from './layouts/OddlygoodPortfolio';\r\nimport Lesson from './layouts/Lesson';\r\nimport Basic from 'common/layouts/Basic';\r\nimport { CmsContentResourceState, CmsContentState } from './interfaces';\r\nimport { NavLinkItemProps } from 'common/components/Navigation/interfaces';\r\nimport WidgetZone from 'common/components/Widgets/WidgetZone';\r\nimport LeadText from 'common/layouts/LeadText';\r\nimport ProfessionalLeadText from 'common/layouts/ProfessionalLeadText';\r\nimport Meta from 'common/components/Meta';\r\nimport Empty from 'common/layouts/Empty';\r\nimport {\r\n\tPageLoadEvent,\r\n\tpushPageLoad,\r\n\tArticleLoadData,\r\n\temptyRecipeLoadData,\r\n\temptyProductLoadData,\r\n} from 'utils/dataLayer';\r\nimport ArticleStructuredData from 'common/components/Resource/components/ArticleStructuredData';\r\nimport { getSiteUrl } from 'common/components/App/services';\r\nimport ImageHeader from './layouts/ImageHeader';\r\nimport PlainContent from './layouts/PlainContent';\r\n\r\nexport interface CmsContentStateProps extends LayoutProps, CmsContentState {\r\n\ttitle?: string;\r\n\ttitleHtml?: string;\r\n\theroImageDesktop?: string;\r\n\theroImageMobile?: string;\r\n\theroImageOffsetY: number;\r\n\theroMediaType?: string;\r\n\tcanonicalUrl: string | undefined;\r\n\tmodificationTime?: string | null;\r\n\tpublicationTime: string | null;\r\n\thasContentSubNav?: boolean;\r\n\theaderTopOffset: number;\r\n\ttopics: NavLinkItemProps[];\r\n\tthemeColor?: string;\r\n\tsiteUrl?: string;\r\n\tstructuredData: string | null;\r\n\tmetaDescription: string | undefined;\r\n\tdataLayerCategory: string | null;\r\n}\r\n\r\nfunction setDataLayer(resource: CmsContentStateProps | undefined) {\r\n\tif (!resource) {\r\n\t\treturn;\r\n\t}\r\n\tconst data: ArticleLoadData = {\r\n\t\tpageLabel: resource.contentFamily,\r\n\t};\r\n\tconst event: PageLoadEvent = {\r\n\t\tevent: 'pageLoad',\r\n\t\tpageType: 'article',\r\n\t\tpageCategory: resource.dataLayerCategory,\r\n\t\t...emptyRecipeLoadData(),\r\n\t\t...emptyProductLoadData(),\r\n\t\t...data,\r\n\t};\r\n\tpushPageLoad(event);\r\n}\r\n\r\ntype Props = CmsContentStateProps;\r\n\r\nclass CmsContent extends Component<Props, {}> {\r\n\tpublic componentDidMount() {\r\n\t\tsetDataLayer(this.props);\r\n\t}\r\n\r\n\tpublic render() {\r\n\t\tconst { layout, ...rest } = this.props;\r\n\t\tconst Layout = getLayoutComponent(layout);\r\n\t\tconst {\r\n\t\t\tstructuredData,\r\n\t\t\ttitle,\r\n\t\t\theroImageDesktop,\r\n\t\t\tcanonicalUrl,\r\n\t\t\tmodificationTime,\r\n\t\t\tpublicationTime,\r\n\t\t\tmetaDescription,\r\n\t\t\tsiteUrl,\r\n\t\t} = this.props;\r\n\r\n\t\treturn (\r\n\t\t\t<>\r\n\t\t\t\t{this.renderMeta()}\r\n\t\t\t\t{!structuredData && (\r\n\t\t\t\t\t<ArticleStructuredData\r\n\t\t\t\t\t\ttitle={title}\r\n\t\t\t\t\t\tpreviewImage={heroImageDesktop}\r\n\t\t\t\t\t\tcanonicalUrl={canonicalUrl}\r\n\t\t\t\t\t\tmodificationTime={modificationTime}\r\n\t\t\t\t\t\tpublicationTime={publicationTime}\r\n\t\t\t\t\t\tmetaDescription={metaDescription}\r\n\t\t\t\t\t\tsiteUrl={siteUrl}\r\n\t\t\t\t\t/>\r\n\t\t\t\t)}\r\n\t\t\t\t<Layout {...rest} />\r\n\t\t\t\t<WidgetZone name=\"BottomFullWidth\" isFullWidth={true} />\r\n\t\t\t</>\r\n\t\t);\r\n\t}\r\n\r\n\tprivate renderMeta() {\r\n\t\tconst { canonicalUrl, title, leadText, heroImageDesktop } = this.props;\r\n\t\treturn <Meta canonicalUrl={canonicalUrl} title={title} description={leadText} image={heroImageDesktop} />;\r\n\t}\r\n}\r\n\r\nfunction getLayoutComponent(layout?: string) {\r\n\tswitch (layout) {\r\n\t\tcase 'Article': {\r\n\t\t\treturn Article;\r\n\t\t}\r\n\t\tcase 'SectionFront': {\r\n\t\t\treturn SectionFront;\r\n\t\t}\r\n\t\tcase 'Wellbeing': {\r\n\t\t\treturn Wellbeing;\r\n\t\t}\r\n\t\tcase 'Oddlygood': {\r\n\t\t\treturn Oddlygood;\r\n\t\t}\r\n\t\tcase 'OddlygoodPortfolio': {\r\n\t\t\treturn OddlygoodPortfolio;\r\n\t\t}\r\n\t\tcase 'Lesson': {\r\n\t\t\treturn Lesson;\r\n\t\t}\r\n\t\tcase 'PlainContent': {\r\n\t\t\treturn PlainContent;\r\n\t\t}\r\n\t\tcase 'ProfessionalLeadText': {\r\n\t\t\treturn ProfessionalLeadText;\r\n\t\t}\r\n\t\tcase 'Basic': {\r\n\t\t\treturn Basic;\r\n\t\t}\r\n\t\tcase 'Empty': {\r\n\t\t\treturn Empty;\r\n\t\t}\r\n\t\tcase 'ImageHeader': {\r\n\t\t\treturn ImageHeader;\r\n\t\t}\r\n\t\tcase 'LeadText':\r\n\t\tdefault: {\r\n\t\t\treturn LeadText;\r\n\t\t}\r\n\t}\r\n}\r\n\r\nconst mapStateToProps: MapStateToProps<CmsContentStateProps, {}, State> = ({\r\n\tresource,\r\n\tapp,\r\n\trouting,\r\n\tnavigation,\r\n}: State): CmsContentStateProps => {\r\n\tconst {\r\n\t\tcontent,\r\n\t\ttitle,\r\n\t\ttitleHtml,\r\n\t\theroImageDesktop,\r\n\t\theroImageMobile,\r\n\t\theroImageOffsetY,\r\n\t\theroMediaType,\r\n\t\tcanonicalUrl,\r\n\t\tmodificationTime,\r\n\t\tpublicationTime,\r\n\t\ttopics,\r\n\t\tthemeColor,\r\n\t\tstructuredData,\r\n\t\tmetaDescription,\r\n\t\tdataLayerCategory,\r\n\t} = resource as CmsContentResourceState;\r\n\tconst { contentFamily, leadText, author, isHealthCareContent } = content;\r\n\tconst sites = (app.settings && app.settings.sites) || [];\r\n\tconst siteUrl = getSiteUrl(routing, sites);\r\n\treturn {\r\n\t\ttitle,\r\n\t\ttitleHtml,\r\n\t\theroImageDesktop,\r\n\t\theroImageMobile,\r\n\t\theroImageOffsetY,\r\n\t\theroMediaType,\r\n\t\tcanonicalUrl,\r\n\t\tmodificationTime,\r\n\t\tpublicationTime,\r\n\t\tcontentFamily,\r\n\t\tleadText,\r\n\t\tauthor,\r\n\t\theaderTopOffset: navigation.topOffset,\r\n\t\ttopics,\r\n\t\tisHealthCareContent,\r\n\t\tthemeColor,\r\n\t\tsiteUrl,\r\n\t\tstructuredData,\r\n\t\tmetaDescription,\r\n\t\tdataLayerCategory,\r\n\t};\r\n};\r\n\r\nexport default connect(mapStateToProps)(CmsContent);\r\n","import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { media } from 'styleguide/helpers/media';\r\nimport { themeColors } from 'styleguide/themes/oddlygood';\r\n\r\nexport enum OddlySubTitleType {\r\n\tPrimary,\r\n\tExtra1,\r\n\tExtra2,\r\n\tSimple,\r\n}\r\n\r\ninterface Title3Props {\r\n\tsimple?: boolean;\r\n}\r\n\r\nconst Title3 = styled.h1<Title3Props>`\r\n\t${({ theme }) => theme.typography.heading};\r\n\tfont-size: 34px;\r\n\tline-height: 1;\r\n\ttext-transform: uppercase;\r\n\r\n\t${({ simple }) =>\r\n\t\t!simple &&\r\n\t\t`\r\n\t\ttext-align: center;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\tmargin: 0;\r\n\t\t& span {\r\n\t\t\tmargin: 5px;\r\n\t\t}\r\n\t\t`}\r\n\t${({ simple }) =>\r\n\t\tsimple &&\r\n\t\t`\r\n\t\tmargin-bottom: 8px;\r\n\t\tpadding: 0;\r\n\t`}\r\n`;\r\n\r\ninterface TitleInnerProps {\r\n\tbackground: string;\r\n\tcolor: string;\r\n\tsimple?: boolean;\r\n}\r\n\r\nconst TitleInner = styled.span<TitleInnerProps>`\r\n\t${media.phone560`\r\n    font-size: 40px;\r\n  `};\r\n\tfont-size: 30px;\r\n\tmargin: 5px 10px 5px 0px;\r\n\t${({ simple }) =>\r\n\t\t!simple &&\r\n\t\t`\r\n\t\tpadding: 10px 25px 10px 25px;\r\n\t`}\r\n\tbackground-color: ${({ background }) => background};\r\n\tcolor: ${({ color }) => color};\r\n`;\r\n\r\ninterface OddlyTitleProps {\r\n\ttitle: string;\r\n\ttype?: OddlySubTitleType;\r\n}\r\n\r\nconst OddlySubTitle: React.FunctionComponent<OddlyTitleProps> = ({ title, type }) => {\r\n\tconst realType = type || OddlySubTitleType.Primary;\r\n\tlet backgroundColor = themeColors.greenPesto;\r\n\tlet foregroundColor = themeColors.white;\r\n\tlet simple = false;\r\n\tswitch (realType) {\r\n\t\tcase OddlySubTitleType.Extra1:\r\n\t\t\tbackgroundColor = themeColors.blockOrange;\r\n\t\t\tbreak;\r\n\t\tcase OddlySubTitleType.Extra2:\r\n\t\t\tbackgroundColor = themeColors.blockPurple;\r\n\t\t\tbreak;\r\n\t\tcase OddlySubTitleType.Simple:\r\n\t\t\tbackgroundColor = themeColors.transparent;\r\n\t\t\tforegroundColor = themeColors.greenPesto;\r\n\t\t\tsimple = true;\r\n\t\t\tbreak;\r\n\t}\r\n\r\n\treturn (\r\n\t\t<Title3 simple={simple}>\r\n\t\t\t<TitleInner simple={simple} color={foregroundColor} background={backgroundColor}>\r\n\t\t\t\t{title}\r\n\t\t\t</TitleInner>\r\n\t\t</Title3>\r\n\t);\r\n};\r\n\r\nexport default OddlySubTitle;\r\n","import * as React from 'react';\r\n\r\nexport interface HeaderContextShape {\r\n\tnavigationTopOffset: number;\r\n\thasSubNavigation?: boolean;\r\n}\r\n\r\nexport const defaultTheme: HeaderContextShape = {\r\n\tnavigationTopOffset: 0,\r\n\thasSubNavigation: false,\r\n};\r\n\r\nexport const HeaderContext = React.createContext(defaultTheme);\r\n","import * as React from 'react';\r\nimport { CmsContentAuthor } from '../../../interfaces';\r\nimport styled from 'styled-components';\r\nimport Image from 'styleguide/components/PicturesAndVideos/Image/Image';\r\nimport { media } from 'styleguide/helpers/media';\r\n\r\nconst ArticleAuthorWrapper = styled.div``;\r\n\r\nconst Author = styled.div`\r\n\tpadding-bottom: 20px;\r\n\r\n\timg {\r\n\t\twidth: 64px;\r\n\t\theight: 64px;\r\n\t\tborder-radius: 50%;\r\n\t}\r\n\r\n\tp {\r\n\t\tmargin: 0;\r\n\t\tline-height: 1.25;\r\n\t\tfont-size: 16px;\r\n\r\n\t\t&.author {\r\n\t\t\tfont-weight: 600;\r\n\t\t}\r\n\t}\r\n`;\r\n\r\nconst Intro = styled.p`\r\n\tborder-top: 1px solid ${props => props.theme.colors.border};\r\n\tborder-bottom: 1px solid ${props => props.theme.colors.border};\r\n\tfont-size: 13px;\r\n\tmargin: 0 0 -1px;\r\n\tpadding: 10px 0;\r\n\twhite-space: pre-wrap;\r\n\r\n\t${media.desktop`\r\n  \tpadding: 20px 0;\r\n  `};\r\n`;\r\n\r\nconst ArticleAuthor: React.FC<CmsContentAuthor> = ({ name, title, image, intro }) => {\r\n\treturn (\r\n\t\t<ArticleAuthorWrapper className=\"article-author\">\r\n\t\t\t<Author>\r\n\t\t\t\t<Image src={`${image}/64x64-article-page-author`} />\r\n\t\t\t\t<p className=\"author\">{name}</p>\r\n\t\t\t\t<p>{title}</p>\r\n\t\t\t</Author>\r\n\t\t\t{intro && <Intro>{intro}</Intro>}\r\n\t\t</ArticleAuthorWrapper>\r\n\t);\r\n};\r\n\r\nexport default ArticleAuthor;\r\n","import styled from 'styled-components';\r\nimport { media } from 'styleguide/helpers/media';\r\n\r\nconst ArticleLead = styled.p`\r\n\tfont-size: 18px;\r\n\tline-height: 1.2;\r\n\twidth: 100%;\r\n\tmargin: 14px auto;\r\n\tpadding: 0 10px;\r\n\r\n\t${media.desktop`\r\n\t\tfont-size: 28px;\r\n\t\tmax-width: 600px;\r\n\t\tpadding: 0;\r\n\t`};\r\n\r\n\t${media.desktop1440`\r\n\t\tmax-width: 720px;\r\n\t`};\r\n`;\r\n\r\nexport default ArticleLead;\r\n","import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { media } from 'styleguide/helpers/media';\r\nimport { themeColors } from 'styleguide/themes/oddlygood';\r\n\r\nconst Title = styled.h1`\r\n\t${({ theme }) => theme.typography.heading};\r\n\tfont-size: 34px;\r\n\tline-height: 1;\r\n\tcolor: ${({ theme }) => theme.colors.navigationText};\r\n\tmargin: 0;\r\n\r\n\t${media.phone560`\r\n  font-size: 44px;\r\n  letter-spacing: -0.8px;\r\n  margin-bottom: ${({ theme }) => theme.grid.gutterInPx(4)};\r\n`};\r\n\r\n\t${media.desktop`\r\n  font-size: 60px;\r\n`};\r\n`;\r\n\r\nconst Title3 = styled.h1`\r\n\t${({ theme }) => theme.typography.heading};\r\n\tfont-size: 34px;\r\n\tline-height: 1;\r\n\ttext-align: center;\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\ttext-transform: uppercase;\r\n\tmargin: 0;\r\n\r\n\t& span {\r\n\t\tmargin: 5px;\r\n\t}\r\n`;\r\n\r\nconst Title21 = styled.span`\r\n\tfont-size: 66px;\r\n\t${media.phone560`\r\n  font-size: 84px;\r\n`};\r\n\t${media.desktop`\r\n  font-size: 115px;\r\n`};\r\n\t${media.desktop1100`\r\n  font-size: 140px;\r\n`};\r\n\tmargin: 5px 10px 0px 0px;\r\n\tpadding: 5px 25px 5px 25px;\r\n\tbackground-color: ${themeColors.blockPink};\r\n\tcolor: ${themeColors.white};\r\n`;\r\n\r\nconst Title22 = styled.span`\r\n\tfont-size: 36px;\r\n\t${media.phone560`\r\n  font-size: 46px;\r\n`};\r\n\t${media.desktop`\r\n  font-size: 55px;\r\n  margin: 6px;\r\n`};\r\n\t${media.desktop1100`\r\n  font-size: 65px;\r\n`};\r\n\tpadding: 5px 25px 5px 25px;\r\n\ttransform: rotate(-5deg); /* Equal to rotateZ(45deg) */\r\n\tbackground-color: ${themeColors.blockYellow};\r\n\tcolor: ${themeColors.greenPesto};\r\n`;\r\n\r\nconst Title31 = styled.span`\r\n\tfont-size: 36px;\r\n\t${media.phone560`\r\n    font-size: 46px;\r\n  `};\r\n\t${media.desktop`\r\n    font-size: 55px;\r\n  `};\r\n\t${media.desktop1100`\r\n    font-size: 65px;\r\n  `};\r\n\tmargin: 5px 10px 3px 0px;\r\n\tpadding: 5px 25px 5px 25px;\r\n\tbackground-color: ${themeColors.blockYellow};\r\n\tcolor: ${themeColors.greenPesto};\r\n`;\r\n\r\nconst Title32 = styled.span`\r\n\tfont-size: 36px;\r\n\t${media.phone560`\r\n    font-size: 46px;\r\n  `};\r\n\t${media.desktop`\r\n    font-size: 55px;\r\n    margin: 6px;\r\n  `};\r\n\t${media.desktop1100`\r\n    font-size: 65px;\r\n  `};\r\n\tpadding: 5px 15px 5px 15px;\r\n\ttransform: rotate(-5deg); /* Equal to rotateZ(45deg) */\r\n\tbackground-color: ${themeColors.blockPink};\r\n\tcolor: ${themeColors.cream};\r\n`;\r\n\r\nconst Title33 = styled.span`\r\n\tpadding: 5px 25px 5px 25px;\r\n\tfont-size: 66px;\r\n\t${media.phone560`\r\n    font-size: 84px;\r\n  `};\r\n\t${media.desktop`\r\n    font-size: 115px;\r\n  `};\r\n\t${media.desktop1100`\r\n    font-size: 140px;\r\n  `};\r\n\tbackground-color: ${themeColors.blockCyan};\r\n\tcolor: ${themeColors.white};\r\n`;\r\n\r\ninterface OddlyTitleProps {\r\n\ttitle: string;\r\n}\r\n\r\nconst OddlyTitle: React.FunctionComponent<OddlyTitleProps> = ({ title }) => {\r\n\tif (title.indexOf('^') > -1) {\r\n\t\tconst parts = title.split('^');\r\n\t\tif (parts.length === 2) {\r\n\t\t\treturn (\r\n\t\t\t\t<Title3>\r\n\t\t\t\t\t<Title21>{parts[0]}</Title21>\r\n\t\t\t\t\t<Title22>{parts[1]}</Title22>\r\n\t\t\t\t</Title3>\r\n\t\t\t);\r\n\t\t} else if (parts.length === 3) {\r\n\t\t\treturn (\r\n\t\t\t\t<Title3>\r\n\t\t\t\t\t<Title31>{parts[0]}</Title31>\r\n\t\t\t\t\t<Title32>{parts[1]}</Title32>\r\n\t\t\t\t\t<Title33>{parts[2]}</Title33>\r\n\t\t\t\t</Title3>\r\n\t\t\t);\r\n\t\t}\r\n\t}\r\n\r\n\treturn <Title>{title}</Title>;\r\n};\r\n\r\nexport default OddlyTitle;\r\n","import * as React from 'react';\r\nimport WidgetZone from 'common/components/Widgets/WidgetZone';\r\nimport { CmsContentState } from 'pagetypes/CmsContent/interfaces';\r\nimport { ResourceState } from 'common/components/Resource/reducers/reducers';\r\nimport { useSelector } from 'react-redux';\r\nimport { State } from 'common/reducers';\r\nimport { ContentWrapper } from 'common/components/General';\r\nimport { HeaderContext, HeaderContextShape } from './contexts';\r\n\r\ntype SupportedContentStates = CmsContentState | null;\r\n\r\nconst Empty: React.FunctionComponent<Partial<ResourceState> & Partial<SupportedContentStates>> = () => {\r\n\tconst state = useSelector(({ dom: { header }, navigation }: State) => ({\r\n\t\theader,\r\n\t\tnavigation,\r\n\t}));\r\n\tconst headerContext: HeaderContextShape = {\r\n\t\tnavigationTopOffset: state.navigation.topOffset,\r\n\t\thasSubNavigation: !!state.navigation.secondaryNavigation,\r\n\t};\r\n\treturn (\r\n\t\t<HeaderContext.Provider value={headerContext}>\r\n\t\t\t<ContentWrapper>\r\n\t\t\t\t<WidgetZone name=\"Main\" isFullWidth />\r\n\t\t\t</ContentWrapper>\r\n\t\t</HeaderContext.Provider>\r\n\t);\r\n};\r\n\r\nexport default Empty;\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":""}