{"version":3,"sources":["common/components/Widgets/interfaces/InfoColumns.ts","common/components/Widgets/Text.tsx","common/components/Widgets/Table.tsx","common/components/Widgets/Tip.tsx","common/components/Widgets/ArticleText.tsx","common/components/Widgets/InfoColumns.tsx","common/components/Widgets/constants.ts","common/components/Markdown/link-prefixer.ts","common/components/Markdown/Markdown.tsx","common/components/Markdown/index.ts","common/components/Oddlygood/OddlySubTitle.tsx"],"names":["InfoColumnsLayoutType","__webpack_require__","d","__webpack_exports__","Markdown","Object","_loadable_component__WEBPACK_IMPORTED_MODULE_2__","resolved","chunkName","isReady","props","key","this","resolve","m","importAsync","Promise","all","e","then","bind","requireAsync","_this2","requireSync","id","TextStyles","styled_components__WEBPACK_IMPORTED_MODULE_3__","templateObject_4","tslib__WEBPACK_IMPORTED_MODULE_0__","theme","fonts","secondary","colors","bodyText","_constants__WEBPACK_IMPORTED_MODULE_7__","border","styleguide_helpers_media__WEBPACK_IMPORTED_MODULE_4__","desktop","templateObject_1","_a","typography","heading","templateObject_2","primary","color","templateObject_3","_General__WEBPACK_IMPORTED_MODULE_6__","TextWrapper","div","withConfig","displayName","componentId","templateObject_13","grid","gutterInPx","styledVariations","textWidgetContentAlignment","tablet","templateObject_5","templateObject_6","desktop1440","templateObject_7","layoutName","templateObject_10","templateObject_8","white","templateObject_9","templateObject_12","templateObject_11","Text","widgetId","content","escapeHtml","urlPrefix","react__WEBPACK_IMPORTED_MODULE_1__","common_contexts_ContentThemeContext__WEBPACK_IMPORTED_MODULE_5__","Consumer","contentTheme","className","lodash_kebabCase__WEBPACK_IMPORTED_MODULE_8___default","source","relativeUrlPrefix","mapStateToProps","routing","app","sites","settings","_App_services__WEBPACK_IMPORTED_MODULE_10__","react_redux__WEBPACK_IMPORTED_MODULE_9__","getColor","brandPrimary","TableWrapper","article","_constants__WEBPACK_IMPORTED_MODULE_5__","_General__WEBPACK_IMPORTED_MODULE_7__","Table","_contexts_ContentThemeContext__WEBPACK_IMPORTED_MODULE_6__","SimpleTipWrapper","section","styleguide_helpers_media__WEBPACK_IMPORTED_MODULE_5__","_General__WEBPACK_IMPORTED_MODULE_8__","ThemedTipWrapper","IconWrapper","hidden","ThemedTipTitle","h3","Tip","title","icon","undefined","utils_import__WEBPACK_IMPORTED_MODULE_9__","iconName","styleguide_components_Typography_SmallHeader_SmallHeader__WEBPACK_IMPORTED_MODULE_4__","ArticleTextWrapper","_Text__WEBPACK_IMPORTED_MODULE_6__","ArticleText","lodash_kebabCase__WEBPACK_IMPORTED_MODULE_7___default","InfoColumnsWrapper","styled_components__WEBPACK_IMPORTED_MODULE_4__","InfoColumnInner","styleguide_helpers_media__WEBPACK_IMPORTED_MODULE_7__","TitleWrapper","ColumnsContainer","p","hasBackground","contentSectionHiglighted","CalculateColumnWidths","columnCount","ColumnWrapper","ColumnTitle","ColumnContent","ColumnButton","styleguide_components_Buttons_Button_ButtonLink__WEBPACK_IMPORTED_MODULE_6__","templateObject_14","InfoColumns","_super","_this","apply","arguments","state","infoColumnIcon","renderItem","index","count","linkUrl","linkText","href","prototype","componentDidMount","utils_import__WEBPACK_IMPORTED_MODULE_8__","sent","setState","render","layout","_interfaces_InfoColumns__WEBPACK_IMPORTED_MODULE_3__","Icon","titleRenderer","oddlygood","_Oddlygood_OddlySubTitle__WEBPACK_IMPORTED_MODULE_9__","type","Primary","styleguide_components_Typography_MediumHeader_MediumHeader__WEBPACK_IMPORTED_MODULE_5__","noTextTransform","withBackground","renderItems","items","map","item","length","WIDGET_SPACING_HUGE","WIDGET_SPACING_LARGE","WIDGET_SPACING_MEDIUM","WIDGET_SPACING_SMALL","TEXT_WIDTH","TEXT_WIDTH_NARROW","processToken","token","prefix","href_1","attrGet","findIndex","filter","indexOf","attrSet","link","lastIndexOf","substr","addLinkPrefix","children","_i","LinkPrefixerPlugin","md","params","Error","core","ruler","push","tokens","components_Markdown_Markdown","call","markdown_it_default","a","html","use","output","parse","tslib_es6","componentDidUpdate","prevProps","tagName","Container","react","dangerouslySetInnerHTML","__html","OddlySubTitleType","Title3","styled_components__WEBPACK_IMPORTED_MODULE_2__","h1","simple","TitleInner","span","styleguide_helpers_media__WEBPACK_IMPORTED_MODULE_3__","phone560","background","realType","backgroundColor","styleguide_themes_oddlygood__WEBPACK_IMPORTED_MODULE_4__","greenPesto","foregroundColor","Extra1","blockOrange","Extra2","blockPurple","Simple","transparent"],"mappings":"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","file":"static/js/markdown.b6d8c277.chunk.js","sourcesContent":["import { WidgetConfiguration } from './interfaces';\r\n\r\nexport interface InfoColumnsItem {\r\n\ttitle: string;\r\n\tcontent: string;\r\n\tlinkUrl: string;\r\n\tlinkText: string;\r\n}\r\n\r\nexport enum InfoColumnsLayoutType {\r\n\tdefault = '',\r\n\twithBackground = 'withBackground',\r\n\toddlygood = 'oddlygood',\r\n}\r\n\r\nexport interface InfoColumnsConfiguration {\r\n\ticon: string;\r\n\ttitle: string;\r\n\tlayoutName?: InfoColumnsLayoutType;\r\n\titems: InfoColumnsItem[];\r\n}\r\n\r\nexport interface InfoColumnsWidget extends WidgetConfiguration {\r\n\twidgetName: 'InfoColumnsFrodget';\r\n\tconfiguration: InfoColumnsConfiguration;\r\n}\r\n","import * as React from 'react';\r\nimport loadable from '@loadable/component';\r\nimport styled, { css } from 'styled-components';\r\nimport { media } from 'styleguide/helpers/media';\r\nimport { TextConfiguration } from './interfaces/Text';\r\nimport { ContentTheme, ContentThemeContext } from 'common/contexts/ContentThemeContext';\r\nconst Markdown = loadable(() => import(/* webpackChunkName: \"markdown\" */ 'common/components/Markdown'));\r\nimport { contentLinkStyle } from '../General';\r\nimport { WIDGET_SPACING_SMALL, WIDGET_SPACING_MEDIUM, TEXT_WIDTH_NARROW, TEXT_WIDTH } from './constants';\r\nimport { WidgetCommonProps } from './interfaces/interfaces';\r\nimport kebabCase from 'lodash/kebabCase';\r\nimport { MapStateToProps, connect } from 'react-redux';\r\nimport { State } from 'common/reducers';\r\nimport { getSiteUrlPrefix } from '../App/services';\r\n\r\ntype TextWrapperProps = ContentTheme & Partial<TextConfiguration>;\r\n\r\nexport const TextStyles = css<ContentTheme>`\r\n\tfont-family: ${props => props.theme.fonts.secondary};\r\n\tcolor: ${props => props.theme.colors.bodyText};\r\n\tmargin: ${WIDGET_SPACING_SMALL}px auto;\r\n\tline-height: 1.33;\r\n\r\n\tp {\r\n\t\tmargin: 0 0 20px;\r\n\t}\r\n\r\n\thr {\r\n\t\tmargin: ${WIDGET_SPACING_SMALL}px 0;\r\n\t\tborder: none;\r\n\t\tbackground: ${props => props.theme.colors.border};\r\n\t\theight: 1px;\r\n\r\n\t\t${media.desktop`\r\n      margin: ${WIDGET_SPACING_MEDIUM}px 0;\r\n    `};\r\n\t}\r\n\r\n\th1,\r\n\th2,\r\n\th3,\r\n\th4,\r\n\th5,\r\n\th6 {\r\n\t\t${({ theme }) => theme.typography.heading};\r\n\t\tfont-size: 18px;\r\n\t\tline-height: 1;\r\n\t\tmargin: 34px 0 14px;\r\n\r\n\t\t${media.desktop`\r\n      font-size: 24px;\r\n    `};\r\n\t}\r\n\r\n\th1,\r\n\th2,\r\n\th3 {\r\n\t\tfont-family: ${({ theme }) => theme.fonts.primary};\r\n\t\tcolor: ${({ color, theme }) => color || theme.colors.bodyText};\r\n\t}\r\n\r\n\th4,\r\n\th5,\r\n\th6 {\r\n\t\tfont-size: 15px;\r\n\r\n\t\t${media.desktop`\r\n      font-size: 18px;\r\n    `};\r\n\t}\r\n\r\n\ta {\r\n\t\t${({ theme, color }) => contentLinkStyle(theme, color)};\r\n\t}\r\n\r\n\tul,\r\n\tol {\r\n\t\tmargin: 0 0 20px;\r\n\t\tpadding-left: 30px;\r\n\r\n\t\tli {\r\n\t\t\tpadding-left: 5px;\r\n\r\n\t\t\t& + li {\r\n\t\t\t\tmargin-top: 14px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n`;\r\n\r\nexport const TextWrapper = styled.div<TextWrapperProps>`\r\n\twidth: 100%;\r\n\tmax-width: ${TEXT_WIDTH_NARROW}px;\r\n\tfont-size: 15px;\r\n\tpadding: 0 ${({ theme }) => theme.grid.gutterInPx()};\r\n\r\n\t${({ theme }) => theme.styledVariations.textWidgetContentAlignment()};\r\n\r\n\t${media.tablet`\r\n\t\tpadding: 0;\r\n\t`};\r\n\r\n\t${media.desktop`\r\n    font-size: 18px;\r\n    padding: 0;\r\n  `};\r\n\r\n\t${media.desktop1440`\r\n    max-width: ${TEXT_WIDTH}px;\r\n  `};\r\n\r\n\t${TextStyles};\r\n\r\n\t${props => {\r\n\t\tif (props.layoutName === 'themed') {\r\n\t\t\treturn css`\r\n\t\t\t\tol {\r\n\t\t\t\t\tlist-style: none;\r\n\t\t\t\t\tpadding-left: 55px;\r\n\r\n\t\t\t\t\t${media.desktop`\r\n  \t\t\t\t\tpadding-left: 60px;\r\n          `};\r\n\r\n\t\t\t\t\tli {\r\n\t\t\t\t\t\tcounter-increment: themed-counter;\r\n\t\t\t\t\t\tposition: relative;\r\n\t\t\t\t\t\tpadding: 7px 0 10px;\r\n\t\t\t\t\t\tmargin: 0;\r\n\t\t\t\t\t\tborder-bottom: 1px solid ${props.theme.colors.border};\r\n\r\n\t\t\t\t\t\t&:before {\r\n\t\t\t\t\t\t\t${({ theme }) => theme.typography.heading};\r\n\t\t\t\t\t\t\tcontent: counter(themed-counter);\r\n\t\t\t\t\t\t\twidth: 35px;\r\n\t\t\t\t\t\t\theight: 35px;\r\n\t\t\t\t\t\t\tbackground: ${props.color};\r\n\t\t\t\t\t\t\tborder-radius: 50%;\r\n\t\t\t\t\t\t\tcolor: ${props.theme.colors.white};\r\n\t\t\t\t\t\t\tfont-size: 15px;\r\n\t\t\t\t\t\t\ttext-align: center;\r\n\t\t\t\t\t\t\tline-height: 35px;\r\n\t\t\t\t\t\t\tdisplay: block;\r\n\t\t\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\t\t\tleft: -55px;\r\n\t\t\t\t\t\t\ttop: 0;\r\n\r\n\t\t\t\t\t\t\t${media.desktop`\r\n                width: 40px;\r\n                height: 40px;\r\n                line-height: 40px;\r\n                left: -60px;\r\n              `};\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t`;\r\n\t\t}\r\n\t\tif (props.layoutName === 'reference') {\r\n\t\t\treturn css`\r\n\t\t\t\tol {\r\n\t\t\t\t\tli {\r\n\t\t\t\t\t\tcolor: ${props.theme.colors.bodyText};\r\n\t\t\t\t\t\tfont-style: italic;\r\n\t\t\t\t\t\tfont-size: 14px;\r\n\t\t\t\t\t\tline-height: 1.25;\r\n\t\t\t\t\t\tpadding-left: 15px;\r\n\r\n\t\t\t\t\t\t${media.desktop`\r\n              font-size: 16px;\r\n            `};\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t`;\r\n\t\t}\r\n\t\treturn null;\r\n\t}};\r\n`;\r\n\r\ntype Props = WidgetCommonProps & TextConfiguration;\r\n\r\nconst Text: React.FC<Props & StateProps> = ({ widgetId, content, layoutName, escapeHtml, urlPrefix }) => {\r\n\treturn (\r\n\t\t<ContentThemeContext.Consumer>\r\n\t\t\t{contentTheme => (\r\n\t\t\t\t<TextWrapper\r\n\t\t\t\t\tid={widgetId}\r\n\t\t\t\t\tcolor={contentTheme.color}\r\n\t\t\t\t\tlayoutName={layoutName}\r\n\t\t\t\t\tclassName={`text-wrapper ${kebabCase(layoutName)}`}>\r\n\t\t\t\t\t<Markdown source={content} escapeHtml={escapeHtml} relativeUrlPrefix={urlPrefix} />\r\n\t\t\t\t</TextWrapper>\r\n\t\t\t)}\r\n\t\t</ContentThemeContext.Consumer>\r\n\t);\r\n};\r\n\r\ninterface StateProps {\r\n\turlPrefix: string | undefined;\r\n}\r\n\r\nconst mapStateToProps: MapStateToProps<StateProps, Props, State> = ({ routing, app }) => {\r\n\tconst sites = (app.settings && app.settings.sites) || [];\r\n\tconst urlPrefix = getSiteUrlPrefix(routing, sites);\r\n\r\n\treturn {\r\n\t\turlPrefix,\r\n\t};\r\n};\r\n\r\nexport default connect(mapStateToProps)(Text);\r\n","import * as React from 'react';\r\nimport loadable from '@loadable/component';\r\nimport styled, { DefaultTheme } from 'styled-components';\r\nimport { media } from 'styleguide/helpers/media';\r\nimport { TableConfiguration } from './interfaces/Table';\r\nconst Markdown = loadable(() => import(/* webpackChunkName: \"markdown\" */ '../Markdown'));\r\nimport { WIDGET_SPACING_SMALL } from './constants';\r\nimport { ContentThemeContext } from '../../contexts/ContentThemeContext';\r\nimport { WidgetCommonProps } from './interfaces/interfaces';\r\nimport { contentLinkStyle } from '../General';\r\n\r\ntype TableLayoutName = Pick<TableConfiguration, 'layoutName'>;\r\ninterface TableWrapperProps extends TableLayoutName {\r\n\tcolor: string;\r\n}\r\n\r\nconst getColor = (theme: DefaultTheme, color?: string): string => {\r\n\treturn color ? color : theme.colors.brandPrimary;\r\n};\r\n\r\nconst TableWrapper = styled.article<TableWrapperProps>`\r\n\twidth: 100%;\r\n\tmax-width: 850px;\r\n\tmargin: ${WIDGET_SPACING_SMALL}px auto;\r\n\toverflow-x: auto;\r\n\r\n\t${media.tablet`\r\n\t\toverflow-x: unset;\r\n\t`};\r\n\r\n\ttable {\r\n\t\twidth: 100%;\r\n\t\tborder-collapse: separate;\r\n\t\tborder-spacing: 0;\r\n\t\tborder: 1px solid ${({ theme, color }) => getColor(theme, color)};\r\n\t\tborder-radius: 4px;\r\n\r\n\t\t${media.tablet<{ layoutName?: string }>`\r\n\t\t\ttable-layout: ${props => (props.layoutName && props.layoutName === 'autoCellWidth' ? 'auto' : 'fixed')} ;\r\n\t\t`};\r\n\t}\r\n\r\n\tth {\r\n\t\tbackground: ${({ theme, color }) => getColor(theme, color)};\r\n\t\tcolor: ${props => props.theme.colors.white};\r\n\t\tfont-size: 15px;\r\n\t\tfont-weight: 600;\r\n\t\ttext-align: left;\r\n\t\tpadding: 10px 20px;\r\n\t}\r\n\r\n\ttbody {\r\n\t}\r\n\r\n\ttd {\r\n\t\tvertical-align: top;\r\n\t\tpadding: 10px 20px;\r\n\t\tborder-top: 1px solid ${({ theme, color }) => getColor(theme, color)};\r\n\t\tborder-left: 1px solid ${({ theme, color }) => getColor(theme, color)};\r\n\t\tfont-size: 15px;\r\n\t\tline-height: 1.33;\r\n\t\t// word-break: break-word;\r\n\r\n\t\t&:first-child {\r\n\t\t\tborder-left: none;\r\n\t\t}\r\n\t}\r\n\r\n\ta {\r\n\t\t${({ color, theme }) => contentLinkStyle(theme, color)};\r\n\t}\r\n`;\r\n\r\nconst Table: React.FC<WidgetCommonProps & TableConfiguration> = ({ widgetId, content, layoutName }) => {\r\n\treturn (\r\n\t\t<ContentThemeContext.Consumer>\r\n\t\t\t{contentTheme => (\r\n\t\t\t\t<TableWrapper id={widgetId} color={contentTheme.color} layoutName={layoutName}>\r\n\t\t\t\t\t<Markdown source={content} escapeHtml={true} />\r\n\t\t\t\t</TableWrapper>\r\n\t\t\t)}\r\n\t\t</ContentThemeContext.Consumer>\r\n\t);\r\n};\r\n\r\nexport default Table;\r\n","import * as React from 'react';\r\nimport loadable from '@loadable/component';\r\nimport styled from 'styled-components';\r\nimport SmallHeader from 'styleguide/components/Typography/SmallHeader/SmallHeader';\r\nimport { media } from 'styleguide/helpers/media';\r\nimport { TipConfiguration } from './interfaces/Tip';\r\nimport { ContentTheme, ContentThemeContext } from '../../contexts/ContentThemeContext';\r\nconst Markdown = loadable(() => import(/* webpackChunkName: \"markdown\" */ 'common/components/Markdown'));\r\nimport { WIDGET_SPACING_SMALL, WIDGET_SPACING_LARGE } from './constants';\r\nimport { contentLinkStyle } from '../General';\r\nimport { WidgetCommonProps } from './interfaces/interfaces';\r\nimport { Icon } from 'utils/import';\r\n\r\nconst SimpleTipWrapper = styled.section<ContentTheme>`\r\n\twidth: 100%;\r\n\tmax-width: 520px;\r\n\tmargin: ${WIDGET_SPACING_SMALL}px auto;\r\n\tpadding: 20px 10px 34px 0;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tfont-size: 18px;\r\n\r\n\t${media.tablet`\r\n  \tpadding: 20px 0 34px;\r\n  `};\r\n\r\n\t${media.desktop`\r\n\t\tmargin: ${WIDGET_SPACING_LARGE}px auto;\r\n\t`};\r\n\r\n\t.small-header {\r\n\t\tmargin-bottom: 4px;\r\n\t\tfont-size: 16px;\r\n\t}\r\n\r\n\tp {\r\n\t\tmargin: 0;\r\n\t}\r\n\r\n\ta {\r\n\t\t${({ color, theme }) => contentLinkStyle(theme, color)};\r\n\t}\r\n\r\n\t& > svg {\r\n\t\tflex: 0 0 80px;\r\n\t}\r\n`;\r\n\r\nconst ThemedTipWrapper = styled.section<ContentTheme>`\r\n\twidth: 100%;\r\n\tmax-width: 850px;\r\n\tmargin: 30px auto;\r\n\tborder: 1px solid ${props => props.color};\r\n\tborder-radius: 2px;\r\n\tborder-left-width: 30px;\r\n\tpadding: 30px;\r\n\tcolor: black;\r\n\tfont-size: 15px;\r\n\tline-height: 1.33;\r\n\r\n\t${media.tablet`\r\n  \tpadding: 30px 45px 30px 50px;\r\n  `};\r\n\r\n\t${media.desktop`\r\n  \tfont-size: 18px;\r\n  `};\r\n\r\n\theader {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tmargin-bottom: 20px;\r\n\t}\r\n\r\n\tp {\r\n\t\tmargin: 0;\r\n\r\n\t\t& + p {\r\n\t\t\tmargin-top: 14px;\r\n\t\t}\r\n\t}\r\n\r\n\ta {\r\n\t\t${({ color, theme }) => contentLinkStyle(theme, color)};\r\n\t}\r\n`;\r\n\r\nconst IconWrapper = styled.div<{ hidden: boolean }>`\r\n\tdisplay: ${props => (props.hidden ? 'none' : 'flex')};\r\n\tflex: 0 0 80px;\r\n\theight: 80px;\r\n\tmargin: 0 20px 0 0;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\r\n\tsvg {\r\n\t\twidth: 55%;\r\n\t\theight: 55%;\r\n\t}\r\n`;\r\n\r\nconst ThemedTipTitle = styled.h3<ContentTheme>`\r\n\t${({ theme }) => theme.typography.heading};\r\n\r\n\tfont-size: 18px;\r\n\tline-height: 1.25;\r\n\tmargin: 0;\r\n\tcolor: ${props => props.color};\r\n\r\n\t${media.desktop`\r\n  \tfont-size: 24px;\r\n  `};\r\n`;\r\n\r\nconst Tip: React.FC<WidgetCommonProps & TipConfiguration> = ({ widgetId, title, content, layoutName, icon }) => {\r\n\tconst renderThemed = () => {\r\n\t\tif (layoutName === 'themedWithoutIcon') {\r\n\t\t\ticon = undefined;\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t<ContentThemeContext.Consumer>\r\n\t\t\t\t{contentTheme => (\r\n\t\t\t\t\t<ThemedTipWrapper id={widgetId} color={contentTheme.color}>\r\n\t\t\t\t\t\t<header>\r\n\t\t\t\t\t\t\t<IconWrapper hidden={icon === undefined}>\r\n\t\t\t\t\t\t\t\t<Icon iconName={icon} color={contentTheme.color} />\r\n\t\t\t\t\t\t\t</IconWrapper>\r\n\t\t\t\t\t\t\t<ThemedTipTitle color={contentTheme.color}>{title}</ThemedTipTitle>\r\n\t\t\t\t\t\t</header>\r\n\t\t\t\t\t\t<Markdown source={content} />\r\n\t\t\t\t\t</ThemedTipWrapper>\r\n\t\t\t\t)}\r\n\t\t\t</ContentThemeContext.Consumer>\r\n\t\t);\r\n\t};\r\n\r\n\tconst renderSimple = () => {\r\n\t\treturn (\r\n\t\t\t<ContentThemeContext.Consumer>\r\n\t\t\t\t{contentTheme => (\r\n\t\t\t\t\t<SimpleTipWrapper color={contentTheme.color}>\r\n\t\t\t\t\t\t<IconWrapper hidden={false}>\r\n\t\t\t\t\t\t\t<Icon iconName={icon} color={contentTheme.color} />\r\n\t\t\t\t\t\t</IconWrapper>\r\n\t\t\t\t\t\t<div>\r\n\t\t\t\t\t\t\t<SmallHeader className=\"small-header\">{title}</SmallHeader>\r\n\t\t\t\t\t\t\t<Markdown source={content} />\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</SimpleTipWrapper>\r\n\t\t\t\t)}\r\n\t\t\t</ContentThemeContext.Consumer>\r\n\t\t);\r\n\t};\r\n\r\n\treturn layoutName === 'themed' || layoutName === 'themedWithoutIcon' ? renderThemed() : renderSimple();\r\n};\r\n\r\nexport default Tip;\r\n","import * as React from 'react';\r\nimport loadable from '@loadable/component';\r\nimport styled from 'styled-components';\r\nimport { media } from 'styleguide/helpers/media';\r\nimport { ContentTheme, ContentThemeContext } from 'common/contexts/ContentThemeContext';\r\nconst Markdown = loadable(() => import(/* webpackChunkName: \"markdown\" */ 'common/components/Markdown'));\r\nimport { WidgetCommonProps } from './interfaces/interfaces';\r\nimport { ArticleTextConfiguration } from './interfaces/ArticleText';\r\nimport { TextStyles } from './Text';\r\nimport kebabCase from 'lodash/kebabCase';\r\n\r\ntype ArticleTextWrapperProps = ContentTheme & Partial<ArticleTextConfiguration>;\r\n\r\nconst ArticleTextWrapper = styled('div')<ArticleTextWrapperProps>`\r\n\t${TextStyles};\r\n\r\n\t${({ layoutName }) =>\r\n\t\tlayoutName === 'LeadText'\r\n\t\t\t? `\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        line-height: 1.38;\r\n        letter-spacing: 0.2px;\r\n      `\r\n\t\t\t: `\r\n        font-size: 14px;\r\n      `}\r\n\r\n\t${media.tablet<ArticleTextWrapperProps>`\r\n      ${({ layoutName }) =>\r\n\t\t\t\tlayoutName === 'LeadText'\r\n\t\t\t\t\t? `\r\n            font-size: 22px;\r\n            line-height: 1.38;\r\n            letter-spacing: normal;\r\n          `\r\n\t\t\t\t\t: `\r\n            font-size: 18px;\r\n          `}\r\n    `};\r\n`;\r\n\r\nconst ArticleText: React.FC<WidgetCommonProps & ArticleTextConfiguration> = ({\r\n\twidgetId,\r\n\tcontent,\r\n\tescapeHtml,\r\n\tlayoutName,\r\n}) => {\r\n\treturn (\r\n\t\t<ContentThemeContext.Consumer>\r\n\t\t\t{contentTheme => (\r\n\t\t\t\t<ArticleTextWrapper\r\n\t\t\t\t\tid={widgetId}\r\n\t\t\t\t\tcolor={contentTheme.color}\r\n\t\t\t\t\tclassName={`text-wrapper ${kebabCase(layoutName)}`}\r\n\t\t\t\t\tlayoutName={layoutName}>\r\n\t\t\t\t\t<Markdown source={content} escapeHtml={escapeHtml} />\r\n\t\t\t\t</ArticleTextWrapper>\r\n\t\t\t)}\r\n\t\t</ContentThemeContext.Consumer>\r\n\t);\r\n};\r\n\r\nexport default ArticleText;\r\n","import * as React from 'react';\r\nimport loadable from '@loadable/component';\r\nimport { InfoColumnsConfiguration, InfoColumnsItem, InfoColumnsLayoutType } from './interfaces/InfoColumns';\r\nimport styled from 'styled-components';\r\nimport MediumHeader from 'styleguide/components/Typography/MediumHeader/MediumHeader';\r\nimport ButtonLink from 'styleguide/components/Buttons/Button/ButtonLink';\r\nimport { media } from 'styleguide/helpers/media';\r\nimport { WidgetCommonProps } from './interfaces/interfaces';\r\nconst Markdown = loadable(() => import(/* webpackChunkName: \"markdown\" */ 'common/components/Markdown'));\r\nimport { styleguideImport } from 'utils/import';\r\nimport OddlySubTitle, { OddlySubTitleType } from '../Oddlygood/OddlySubTitle';\r\n\r\nconst InfoColumnsWrapper = styled.div`\r\n\twidth: 100%;\r\n\tmax-width: 1140px;\r\n`;\r\n\r\nconst InfoColumnInner = styled.div`\r\n\tpadding: 40px 0;\r\n\tmargin: 0 ${({ theme }) => theme.grid.gutterInPx(2)};\r\n\ttext-align: center;\r\n\r\n\t${media.desktop`\r\n    margin: 0 auto;\r\n    text-align: left;\r\n  `};\r\n`;\r\n\r\nconst TitleWrapper = styled.div`\r\n\tdisplay: inline-block;\r\n\r\n\t> svg,\r\n\t> img,\r\n\t> span {\r\n\t\twidth: auto;\r\n\t\theight: auto;\r\n\t\tvertical-align: middle;\r\n\t\tmargin-left: -15px;\r\n\t}\r\n\r\n\t> svg {\r\n\t\twidth: 32px;\r\n\t\theight: 32px;\r\n\r\n\t\tpath {\r\n\t\t\tfill: ${({ theme }) => theme.colors.brandPrimary};\r\n\t\t}\r\n\t}\r\n\r\n\t> h2 {\r\n\t\tdisplay: inline-block;\r\n\t\tfont-size: 32px;\r\n\t\tline-height: 1;\r\n\t\tvertical-align: middle;\r\n\t}\r\n\r\n\t${media.desktop`\r\n    > svg {\r\n      width: 48px;\r\n\t\t  height: 48px;  \r\n    }\r\n    > h2 {\r\n      font-size: 48px;\r\n      line-height: 1;\r\n    }    \r\n  `};\r\n`;\r\n\r\ninterface ColumnsContainerProps {\r\n\thasBackground?: boolean;\r\n}\r\n\r\nconst ColumnsContainer = styled.div<ColumnsContainerProps>`\r\n\tdisplay: flex;\r\n\tflex-flow: row wrap;\r\n\tjustify-content: space-between;\r\n\talign-content: flex-start;\r\n\tbackground: ${p => (p.hasBackground ? p.theme.colors.contentSectionHiglighted : 'inherit')};\r\n\tpadding: ${p => (p.hasBackground ? '1em 2em 1em 2em' : '')};\r\n`;\r\n\r\ninterface ColumnWrapperProps {\r\n\tcolumnCount: number;\r\n}\r\n\r\nconst CalculateColumnWidths = (props: ColumnWrapperProps) => {\r\n\tif (props.columnCount === 1) {\r\n\t\treturn 50;\r\n\t} else if (props.columnCount === 2) {\r\n\t\treturn 49;\r\n\t} else if (props.columnCount === 3) {\r\n\t\treturn 33;\r\n\t} else {\r\n\t\treturn 25;\r\n\t}\r\n};\r\n\r\nconst ColumnWrapper = styled.div`\r\n\tflex: 0 1 100%;\r\n\tposition: relative;\r\n\tpadding-bottom: 75px;\r\n\tmargin-bottom: ${({ theme }) => theme.grid.gutterInPx(4)};\r\n\ttext-align: center;\r\n\r\n\t${media.tablet`\r\n    flex: 0 1 calc(50% - 16px);\r\n    max-width: calc(50% - 16px);\r\n    text-align: left;\r\n\r\n    &:nth-child(even) {\r\n      border-left: 1px solid ${({ theme }) => theme.colors.border};\r\n      padding-left: ${({ theme }) => theme.grid.gutterInPx(2)};\r\n      margin-left: ${({ theme }) => theme.grid.gutterInPx(2)};\r\n    }\r\n  `};\r\n\r\n\t${media.desktop`\r\n    flex: 0 1 calc(${(props: ColumnWrapperProps) => `${CalculateColumnWidths(props)}%`} - 16px);\r\n    max-width: calc(${(props: ColumnWrapperProps) => `${CalculateColumnWidths(props)}%`} - 16px);\r\n    & + & {\r\n      border-left: 1px solid ${({ theme }) => theme.colors.border};\r\n      padding-left: ${({ theme }) => theme.grid.gutterInPx(2)};\r\n      margin-left: ${({ theme }) => theme.grid.gutterInPx(2)};\r\n    }\r\n  `};\r\n`;\r\n\r\nconst ColumnTitle = styled.h3`\r\n\tfont-size: 16px;\r\n\tline-height: 1.25;\r\n\tfont-weight: 900;\r\n\tcolor: ${({ theme }) => theme.colors.brandPrimary};\r\n\r\n\t${media.tablet`\r\n    font-size: 20px;\r\n    line-height: 1.2;\r\n  `};\r\n`;\r\n\r\nconst ColumnContent = styled.div`\r\n\tfont-size: 16px;\r\n\tline-height: 1.5;\r\n`;\r\n\r\nconst ColumnButton = styled(ButtonLink)`\r\n\tposition: absolute;\r\n\tbottom: 0;\r\n\tleft: 50%;\r\n\ttransform: translateX(-50%);\r\n\twidth: 100%;\r\n\tmax-width: 275px;\r\n\r\n\t${media.tablet`\r\n    width: auto;\r\n    left: auto;\r\n    transform: none;\r\n  `};\r\n`;\r\n\r\ninterface InfoColumnState {\r\n\tinfoColumnIcon: React.FC | React.ComponentClass | null;\r\n}\r\n\r\nclass InfoColumns extends React.Component<WidgetCommonProps & InfoColumnsConfiguration, InfoColumnState> {\r\n\tpublic state: InfoColumnState = {\r\n\t\tinfoColumnIcon: null,\r\n\t};\r\n\r\n\tpublic async componentDidMount() {\r\n\t\tconst icon = await styleguideImport(this.props.icon);\r\n\t\tif (icon) {\r\n\t\t\tthis.setState({ infoColumnIcon: icon });\r\n\t\t}\r\n\t}\r\n\r\n\tpublic render() {\r\n\t\tconst { title } = this.props;\r\n\t\tconst layout = this.props.layoutName || InfoColumnsLayoutType.default;\r\n\t\tconst { infoColumnIcon } = this.state;\r\n\r\n\t\tlet Icon: any = 'span';\r\n\t\tif (infoColumnIcon) {\r\n\t\t\tIcon = infoColumnIcon;\r\n\t\t}\r\n\r\n\t\tconst regularTitle = () => {\r\n\t\t\treturn (\r\n\t\t\t\t<TitleWrapper>\r\n\t\t\t\t\t{!!Icon && <Icon />}{' '}\r\n\t\t\t\t\t<MediumHeader noTextTransform={layout === InfoColumnsLayoutType.withBackground}>{title}</MediumHeader>\r\n\t\t\t\t</TitleWrapper>\r\n\t\t\t);\r\n\t\t};\r\n\r\n\t\tconst oddlyTitle = () => {\r\n\t\t\treturn <OddlySubTitle type={OddlySubTitleType.Primary} title={title} />;\r\n\t\t};\r\n\r\n\t\tconst titleRenderer = layout === InfoColumnsLayoutType.oddlygood ? oddlyTitle : regularTitle;\r\n\r\n\t\treturn (\r\n\t\t\t<InfoColumnsWrapper id={this.props.widgetId}>\r\n\t\t\t\t<InfoColumnInner>\r\n\t\t\t\t\t{titleRenderer()}\r\n\t\t\t\t\t<ColumnsContainer hasBackground={layout === InfoColumnsLayoutType.withBackground}>\r\n\t\t\t\t\t\t{this.renderItems()}\r\n\t\t\t\t\t</ColumnsContainer>\r\n\t\t\t\t</InfoColumnInner>\r\n\t\t\t</InfoColumnsWrapper>\r\n\t\t);\r\n\t}\r\n\r\n\tprivate renderItems() {\r\n\t\tconst { items } = this.props;\r\n\t\treturn items.map((item, index) => this.renderItem(item, index, items.length));\r\n\t}\r\n\r\n\tprivate renderItem = ({ title, content, linkUrl, linkText }: InfoColumnsItem, index: number, count: number) => {\r\n\t\treturn (\r\n\t\t\t<ColumnWrapper key={index} columnCount={count}>\r\n\t\t\t\t<ColumnTitle>{title}</ColumnTitle>\r\n\t\t\t\t<ColumnContent>\r\n\t\t\t\t\t<Markdown source={content} escapeHtml={true} />\r\n\t\t\t\t</ColumnContent>\r\n\t\t\t\t{linkText && linkUrl && <ColumnButton href={linkUrl}>{linkText}</ColumnButton>}\r\n\t\t\t</ColumnWrapper>\r\n\t\t);\r\n\t};\r\n}\r\n\r\nexport default InfoColumns;\r\n","export const WIDGET_SPACING_HUGE = 80;\r\nexport const WIDGET_SPACING_LARGE = 60;\r\nexport const WIDGET_SPACING_MEDIUM = 50;\r\nexport const WIDGET_SPACING_SMALL = 30;\r\n\r\nexport const TEXT_WIDTH = 720;\r\nexport const TEXT_WIDTH_NARROW = 600;\r\n","import MarkdownIt from 'markdown-it';\r\nimport Token from 'markdown-it/lib/token';\r\nfunction addLinkPrefix(link: string, prefix: string): string {\r\n\tif (prefix.lastIndexOf('/') === prefix.length - 1) {\r\n\t\treturn `${prefix.substr(0, prefix.length - 1)}${link}`;\r\n\t}\r\n\treturn `${prefix}${link}`;\r\n}\r\nfunction processToken(token: Token, prefix: string) {\r\n\tif (token.type === 'link_open') {\r\n\t\tconst href = token.attrGet('href');\r\n\t\tconst linkFilters = ['http', 'mailto:', 'tel:', 'sms:'];\r\n\t\tif (href && linkFilters.findIndex(filter => href.indexOf(filter) === 0) < 0) {\r\n\t\t\ttoken.attrSet('href', addLinkPrefix(href, prefix));\r\n\t\t}\r\n\t}\r\n\tif (token.children && token.children.length > 0) {\r\n\t\tfor (const t of token.children) {\r\n\t\t\tprocessToken(t, prefix);\r\n\t\t}\r\n\t}\r\n}\r\n\r\nexport default function LinkPrefixerPlugin(md: MarkdownIt, ...params: any[]) {\r\n\tif (params.length !== 1 || typeof params[0] !== 'string') {\r\n\t\tthrow new Error('Plugin expects a single string parameter (link prefix)');\r\n\t}\r\n\tmd.core.ruler.push('link-prefix', state => {\r\n\t\tfor (const token of state.tokens) {\r\n\t\t\tprocessToken(token, params[0]);\r\n\t\t}\r\n\t});\r\n}\r\n","import * as React from 'react';\r\nimport MarkdownIt from 'markdown-it';\r\nimport LinkPrefixerPlugin from './link-prefixer';\r\ninterface MarkdownProps {\r\n\tsource: string;\r\n\ttagName?: keyof JSX.IntrinsicElements;\r\n\tclassName?: string;\r\n\tescapeHtml?: boolean;\r\n\trelativeUrlPrefix?: string;\r\n}\r\ninterface MarkdownState {\r\n\toutput: string;\r\n}\r\nclass Markdown extends React.PureComponent<MarkdownProps, MarkdownState> {\r\n\tprivate md: MarkdownIt;\r\n\tconstructor(props: MarkdownProps) {\r\n\t\tsuper(props);\r\n\t\tthis.md = new MarkdownIt({ html: !!props.escapeHtml } as MarkdownIt.Options);\r\n\t\tif (props.relativeUrlPrefix) {\r\n\t\t\tthis.md.use(LinkPrefixerPlugin, props.relativeUrlPrefix);\r\n\t\t}\r\n\t\tthis.state = {\r\n\t\t\toutput: this.parse(),\r\n\t\t};\r\n\t}\r\n\tpublic componentDidUpdate(prevProps: MarkdownProps) {\r\n\t\tif (this.props.source !== prevProps.source) {\r\n\t\t\tthis.setState({ output: this.parse() });\r\n\t\t}\r\n\t}\r\n\tpublic render() {\r\n\t\tconst { tagName, className } = this.props;\r\n\t\tconst Container = tagName || 'div';\r\n\t\treturn <Container dangerouslySetInnerHTML={{ __html: this.state.output }} className={className} />;\r\n\t}\r\n\tprivate parse() {\r\n\t\treturn this.md.render(this.props.source || '');\r\n\t}\r\n}\r\nexport default Markdown;\r\n","import Markdown from './Markdown';\r\nexport default Markdown;\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"],"sourceRoot":""}