{"version":3,"sources":["components/ContentBlocks/Base/index.tsx","utils/anchor-scroll.tsx","components/ContentBlocks/TwoTextBoxes/styles.js","components/ContentBlocks/TwoTextBoxes/index.tsx","components/ContentBlocks/TextContent/styles.js","components/ContentBlocks/TextContent/index.tsx","components/ContentBlocks/TextBoxes/styles.js","components/ContentBlocks/TextBoxes/index.tsx","components/ContentBlocks/TextAndImage/styles.js","components/ContentBlocks/TextAndImage/index.tsx","components/ContentBlocks/BannerImage/styles.js","components/ContentBlocks/BannerImage/index.tsx","components/ContentBlocks/HeadingH1/styles.js","components/ContentBlocks/HeadingH1/index.tsx"],"names":["getID","props","item","anchorID","elementID","SmoothScroll","stop","clearTimeout","this","timer","scrollTo","id","callback","scrollSettings","hasWindow","settings","duration","easing","outQuint","x","t","b","c","d","percentage","startTime","node","document","getElementById","console","log","concat","nodeTop","offsetTop","offset","window","pageYOffset","targetY","getBoundingClientRect","height","Date","now","clearInterval","setTimeout","step","yScroll","elapsed","AnchorLink","children","tag","to","restProps","__rest","Tag","smooth","React","createElement","Object","assign","onClick","BoxWrapper","styled","div","withConfig","componentId","media","lg","_templateObject","_taggedTemplateLiteral","Box","color","md","_templateObject2","_templateObject3","grid","gutterSmall","lgx","_templateObject4","gutter","BoxTitle","isAdmin","css","BoxText","textStyles","AInline","TwoTextBoxes","arguments","length","undefined","Wrapper","Container","map","i","key","Background","name","tagName","e","stopPropagation","Text","placeholder","multiline","Editor","className","thumb","src","getAssetUrl","alt","Content","fluidSize","H1","H2","H3","PMedium","TextContent","isEmpty","textContentText","TextBoxesTitle","TextBoxesWrapper","invert","TextBox","_templateObject5","TextBoxIcon","TextBoxTitle","TextBoxContent","PSmall","buttons","textLinkPrimary","calculateTallestTitle","items","tallest","breakpoints","TextBoxes","hasGradientBg","textBoxesTitle","textBoxes","breakpoint","ref","useRef","setTallest","useState","makeSameHeight","elems","innerWidth","onResize","debounce","current","querySelectorAll","useEffect","addEventListener","removeEventListener","grey","Repeater","limit","_ref","Fragment","textBoxIcon","style","Input","type","TAIWrapper","TAIContent","TAIText","_templateObject6","TAIImage","_templateObject7","_templateObject8","TextAndImage","imageSide","isLeft","getCta","obj","textAndImageCta","cta","textAndImageCtaHref","ctaHref","hasCta","charAt","substr","href","imageSizeProps","textAndImageImageWidth","textAndImageImageHeight","aspectRatio","ctaibImageSide","value","left","Image","Banner","position","BannerImage","imagePosition","defaultValue","HeadingContainer","rgba","HeadingH1"],"mappings":"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","file":"assets/js/default-pages-CampaignContentPage-pages-HeadstartPage-pages-HomeSearchPage-pages-HomevisitPage.chunk.js?cb=72aa953dc8cd11fc8e20","sourcesContent":["import React from 'react';\n\nexport const getID = props => {\n\tif (props.item) {\n\t\treturn props.item.anchorID || props.item.elementID || null;\n\t} else if (props.anchorID || props.elementID) {\n\t\treturn props.anchorID || props.elementID;\n\t}\n\n\treturn null;\n};\n\n/* just a little helper for easier id check in the component */\nconst withID = Component => {\n\treturn props => {\n\t\tconst {\n\t\t\titem: {\n\t\t\t\tanchorID,\n\t\t\t\telementID,\n\t\t\t\t...rest\n\t\t\t},\n\t\t} = props;\n\n\t\tif (anchorID) {\n\t\t\trest['id'] = anchorID;\n\t\t} else if (elementID) {\n\t\t\trest['id'] = elementID;\n\t\t}\n\n\t\treturn <Component {...rest} />;\n\t};\n};\n\nexport default withID;","import React from \"react\";\nimport { hasWindow } from \"@utils\";\n\nexport class SmoothScroll {\n\ttimer: number;\n\n\tstop() {\n\t\tclearTimeout(this.timer);\n\t}\n\n\tscrollTo(id: string, callback?: (e?: any) => void, scrollSettings?: any) {\n\t\tif (!hasWindow) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst settings = {\n\t\t\tduration: 1000,\n\t\t\teasing: {\n\t\t\t\toutQuint(x: number, t: number, b: number, c: number, d: number) {\n\t\t\t\t\treturn c * ((t = t / d - 1) * t * t * t * t + 1) + b;\n\t\t\t\t},\n\t\t\t},\n\t\t};\n\n\t\tlet percentage: number;\n\t\tlet startTime: number;\n\t\tconst node = document.getElementById(id);\n\t\tif (!node) {\n\t\t\tconsole.log(`This page does not have an element with provided ID: ${id}`);\n\t\t\treturn;\n\t\t}\n\t\tconst nodeTop = node.offsetTop;\n\t\tconst offset = window.pageYOffset;\n\t\tconst delta = nodeTop - offset - (scrollSettings && scrollSettings.offset ? scrollSettings.offset : 0);\n\t\tconst nav = document.getElementById(\"main-nav\");\n\t\tconst navHeight = nav.getBoundingClientRect().height;\n\n\t\tconst targetY = delta - navHeight;\n\n\t\tstartTime = Date.now();\n\t\tpercentage = 0;\n\n\t\tif (this.timer) {\n\t\t\tclearInterval(this.timer);\n\t\t}\n\n\t\tfunction step() {\n\t\t\tlet yScroll: number;\n\t\t\tconst elapsed = Date.now() - startTime;\n\n\t\t\tif (elapsed > settings.duration) {\n\t\t\t\tclearTimeout(this.timer);\n\t\t\t}\n\n\t\t\tpercentage = elapsed / settings.duration;\n\n\t\t\tif (percentage > 1) {\n\t\t\t\tclearTimeout(this.timer);\n\n\t\t\t\tif (callback) {\n\t\t\t\t\tcallback();\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tyScroll = settings.easing.outQuint(0, elapsed, offset, targetY, settings.duration);\n\t\t\t\twindow.scrollTo(0, yScroll);\n\t\t\t\tthis.timer = setTimeout(step, 10);\n\t\t\t}\n\t\t}\n\n\t\tthis.timer = window.setTimeout(step, 10);\n\t}\n}\n\ninterface IProps {\n\tchildren: any;\n\ttag?: string;\n\tto: string;\n\t[key: string]: any;\n}\n\nconst AnchorLink = (props: IProps) => {\n\tconst { children, tag, to, ...restProps } = props;\n\tconst Tag: any = tag || \"span\";\n\n\tconst smooth = new SmoothScroll();\n\tconst onClick = () => smooth.scrollTo(to);\n\n\treturn (\n\t\t<Tag onClick={onClick} {...restProps}>\n\t\t\t{children}\n\t\t</Tag>\n\t);\n};\n\nexport default AnchorLink;\n","import styled, { css } from \"styled-components\";\nimport { color, media, textStyles, grid } from \"@utils/style-utils\";\n\nexport const BoxWrapper = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tmargin: auto;\n\tmax-width: 1130px;\n\n\t${media.lg`\n\t\tflex-direction: row;\n\t\tjustify-content: space-between;\n\t`}\n`;\n\nexport const Box = styled.div`\n\tbackground: ${color(\"grey\", 7)};\n\tdisplay: flex;\n\tflex-direction: column;\n\tmargin: 0 auto 30px;\n\tmax-width: 484px;\n\tpadding: 40px 30px 50px;\n\twidth: 100%;\n\n\t${media.md`\n\t\tpadding: 48px 56px 56px;\n\t`}\n\n\t${media.lg`\n\t\tflex-basis: calc((100% - ${grid.gutterSmall}px) / 2);\n\t\tmargin: 0 0 20px;\n\t\tmax-width: 100%;\n\t`}\n\n\t${media.lgx`\n\t\tflex-basis: calc((100% - ${grid.gutter}px) / 2);\n\t\tpadding: 48px 64px 75px;\n\t`}\n`;\n\nexport const BoxTitle = styled.div`\n\th3 {\n\t\tbackground-position: left 22px;\n\t\tbackground-size: 46px;\n\t\tfont-size: 22px;\n\t\tfont-weight: 500;\n\t\tline-height: 1.25;\n\t\tmargin: 0 0 20px;\n\t\tpadding: 20px 0;\n\t\ttext-align: center;\n\n\t\t> span {\n\t\t\tdisplay: block;\n\t\t}\n\t}\n\n\th3[style*=\"background-image\"] {\n\t\tbackground-position: 50% 0;\n\t\tbackground-repeat: no-repeat;\n\t\tbackground-size: 40px;\n\t\tpadding: 64px 0 20px;\n\t}\n\n\t${props =>\n\t\tprops.isAdmin &&\n\t\tcss`\n\t\t\th3 > span {\n\t\t\t\tcursor: text;\n\t\t\t}\n\t\t`}\n`;\n\nexport const BoxText = styled.div`\n\ttext-align: center;\n\n\ta {\n\t\t${textStyles.AInline}\n\t}\n`;\n","import React from \"react\";\nimport { Wrapper, Container } from \"@components/Grid\";\n\nimport Text from \"wake-react-components/text\";\nimport Editor from \"wake-react-components/editor\";\nimport Background from \"wake-react-components/background\";\nimport { isAdmin } from \"wake-react-components/utils\";\nimport { getAssetUrl } from \"@utils\";\n\nimport { BoxWrapper, Box, BoxTitle, BoxText } from \"./styles\";\n\nconst TwoTextBoxes = (props: any = {}) => {\n\tconst {\n\t\titem: { elementID },\n\t\t...restProps\n\t} = props;\n\n\tif (elementID) {\n\t\trestProps[\"id\"] = elementID;\n\t}\n\n\treturn (\n\t\t<Wrapper {...restProps}>\n\t\t\t<Container>\n\t\t\t\t<BoxWrapper>\n\t\t\t\t\t{[1, 2].map(i => (\n\t\t\t\t\t\t<Box key={i}>\n\t\t\t\t\t\t\t<BoxTitle isAdmin={isAdmin}>\n\t\t\t\t\t\t\t\t<Background name={`twoTextBoxesBox${i}Icon`} tagName=\"h3\">\n\t\t\t\t\t\t\t\t\t<span onClick={e => e.stopPropagation()}>\n\t\t\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\t\t\tname={`twoTextBoxesBox${i}Title`}\n\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Otsikko\"\n\t\t\t\t\t\t\t\t\t\t\tmultiline={true}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t</Background>\n\t\t\t\t\t\t\t</BoxTitle>\n\t\t\t\t\t\t\t<BoxText>\n\t\t\t\t\t\t\t\t<Editor name={`twoTextBoxesBox${i}Content`} />\n\t\t\t\t\t\t\t</BoxText>\n\t\t\t\t\t\t</Box>\n\t\t\t\t\t))}\n\t\t\t\t</BoxWrapper>\n\t\t\t</Container>\n\t\t</Wrapper>\n\t);\n};\n\nTwoTextBoxes.settings = () => (\n\t<div className=\"settings\">\n\t\t<span>\n\t\t\tElementin ID <small>(esim ankkuriksi)</small>&nbsp;\n\t\t</span>\n\t\t<Text name=\"elementID\" placeholder=\"ID\" />\n\t</div>\n);\n\nTwoTextBoxes.thumb = () => (\n\t<div>\n\t\t<img src={getAssetUrl(\"assets/images/campaign-block-thumbs/Vaakalaatikot.jpg\")} alt=\"Vaakalaatikot x 2\" />\n\t\t<p>Vaakalaatikot x 2</p>\n\t</div>\n);\n\nexport default TwoTextBoxes;\n","import styled from 'styled-components';\nimport { textStyles, fluidSize } from '@utils/style-utils';\n\n\nexport const Content = styled.div`\n\tmargin: 0 auto;\n\tmax-width: 896px;\n\n\t${ fluidSize('margin-bottom', '320px', '1920px', '60px', '120px') }\n\n\th1 {\n\t\t${ textStyles.H1 }\n\t\t${ fluidSize('margin-bottom', '320px', '1920px', '30px', '60px') }\n\t}\n\th2 {\n\t\t${ textStyles.H2 }\n\t\t${ fluidSize('margin-bottom', '320px', '1920px', '20px', '40px') }\n\t}\n\th3 {\n\t\t${ textStyles.H3 }\n\t\t${ fluidSize('margin-bottom', '320px', '1920px', '14px', '30px') }\n\t}\n\tp {\n\t\t${ textStyles.PMedium }\n\t}\n\ta {\n\t\t${ textStyles.AInline }\n\t}\n`\n","import React from \"react\";\nimport { Wrapper, Container } from \"@components/Grid\";\nimport Editor from \"wake-react-components/editor\";\nimport Text from \"wake-react-components/text\";\nimport { getAssetUrl } from \"@utils/index\";\nimport { Content } from \"./styles\";\nimport { isAdmin } from \"wake-react-components/utils\";\nimport isEmpty from \"lodash-es/isEmpty\";\n\nconst TextContent = (props: any) => {\n\tconst {\n\t\titem: { elementID },\n\t\t...restProps\n\t} = props;\n\n\tif (elementID) {\n\t\trestProps[\"id\"] = elementID;\n\t}\n\n\tif (!isAdmin && isEmpty(props.item.textContentText)) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<Wrapper {...restProps}>\n\t\t\t<Container>\n\t\t\t\t<Content>\n\t\t\t\t\t<Editor name=\"textContentText\" />\n\t\t\t\t</Content>\n\t\t\t</Container>\n\t\t</Wrapper>\n\t);\n};\n\nTextContent.settings = () => (\n\t<div className=\"settings\">\n\t\t<span>\n\t\t\tElementin ID <small>(esim ankkuriksi)</small>&nbsp;\n\t\t</span>\n\t\t<Text name=\"elementID\" placeholder=\"ID\" />\n\t</div>\n);\n\nTextContent.thumb = () => (\n\t<div>\n\t\t<img src={getAssetUrl(\"assets/images/campaign-block-thumbs/Tekstialue.jpg\")} alt=\"Tekstialue\" />\n\t\t<p>Tekstialue</p>\n\t</div>\n);\n\nexport default TextContent;\n","import styled, { css } from \"styled-components\";\nimport { textStyles, media, color, grid, buttons } from \"@utils/style-utils\";\n\nexport const TextBoxesTitle = styled.div`\n\tpadding: 40px 0;\n\ttext-align: center;\n\n\t${media.md`\n\t\tpadding: 53px 0;\n\t`}\n\n\th2 {\n\t\t${textStyles.H2}\n\t\tmargin: 0;\n\t}\n`;\n\nexport const TextBoxesWrapper = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tflex-wrap: wrap;\n\tjustify-content: center;\n\tpadding-bottom: 40px;\n\n\t${media.md`\n\t\tflex-direction: row;\n\t\tjustify-content: space-between;\n\t\tpadding-bottom: 53px;\n\t`}\n\n\t${props =>\n\t\tprops.invert &&\n\t\tcss`\n\t\t\t${TextBox} {\n\t\t\t\tbackground: ${color(\"white\")};\n\t\t\t\tborder: 1px solid ${color(\"grey\", 6)};\n\t\t\t}\n\t\t`}\n`;\n\nexport const TextBox = styled.div`\n\tbackground: ${color(\"grey\", 7)};\n    display: flex;\n    flex-direction: column;\n    flex-wrap: wrap;\n    margin-bottom: ${grid.gutterSmall}px;\n\tpadding: 40px 20px;\n\tposition: relative;\n\ttext-align: center;\n\n\t[ng-app=\"editor\"] & {\n\t\tpadding-top: 35px;\n\n\t\t.r-toolbar {\n\t\t\tposition: absolute;\n\t\t\tright: 0;\n\t\t\ttop: 0;\n\t\t}\n\t}\n\n\t${media.md`\n\t\t&:first-child:nth-last-child(1) {\n\t\t\tflex-basis: 100%;\n\t\t}\n\n\t\t&:first-child:nth-last-child(2),\n\t\t&:first-child:nth-last-child(2) ~ & {\n\t\t\tflex-basis: calc((100% - ${grid.gutter}px) / 2);\n\t\t}\n\n\t\t&:first-child:nth-last-child(3),\n\t\t&:first-child:nth-last-child(3) ~ & {\n\t\t\tflex-basis: 100%;\n\t\t\tmargin-bottom: ${grid.gutter}px;\n\t\t}\n\n\t\t&:first-child:nth-last-child(4),\n\t\t&:first-child:nth-last-child(4) ~ & {\n\t\t\tflex-basis: calc((100% - ${grid.gutter}px) / 2);\n\t\t}\n\t`}\n\n\t${media.lg`\n\t\tpadding: 40px 20px;\n\n\t\t&:first-child:nth-last-child(1) {\n\t\t\tflex-basis: 100%;\n\t\t}\n\n\t\t&:first-child:nth-last-child(2),\n\t\t&:first-child:nth-last-child(2) ~ & {\n\t\t\tflex-basis: calc((100% - ${grid.gutter}px) / 2);\n\t\t}\n\n\t\t&:first-child:nth-last-child(3),\n\t\t&:first-child:nth-last-child(3) ~ & {\n\t\t\tflex-basis: calc((100% - ${grid.gutterSmall * 2}px) / 3);\n\t\t}\n\n\t\t&:first-child:nth-last-child(4),\n\t\t&:first-child:nth-last-child(4) ~ & {\n\t\t\tflex-basis: calc((100% - ${grid.gutter}px) / 2);\n\t\t}\n\t`}\n\n\t${media.lgx`\n\t\t&:first-child:nth-last-child(4),\n\t\t&:first-child:nth-last-child(4) ~ & {\n\t\t\tflex-basis: calc((100% - ${grid.gutter * 3}px) / 4);\n\t\t}\n\t`}\n`;\n\nexport const TextBoxIcon = styled.div`\n\tbackground-position: center;\n\tbackground-repeat: no-repeat;\n\tbackground-size: 50px;\n\tdisplay: inline-block;\n\theight: 60px;\n\tmargin: 0 auto 20px;\n\twidth: 60px;\n\n\t/* &:empty {\n\t\tdisplay: none;\n\t} */\n`;\n\nexport const TextBoxTitle = styled.div`\n\t/* flex-grow: 1; */\n\n\th5 {\n\t\tfont-size: 22px;\n\t\tfont-weight: 500;\n\t\tline-height: 1.25;\n\t\tmargin: 0;\n\t}\n`;\n\nexport const TextBoxContent = styled.div`\n\t${textStyles.PSmall}\n\n\ta:not(.cta) {\n\t\t${textStyles.AInline}\n\t}\n\n\t> div {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tflex-grow: 1;\n\t}\n\n\ta.cta {\n\t\t${buttons.textLinkPrimary}\n\t}\n`;\n","import React, { Fragment, useState, useEffect, useRef } from \"react\";\nimport { Wrapper, Container } from \"@components/Grid\";\nimport Input from \"wake-react-components/input\";\nimport Text from \"wake-react-components/text\";\nimport Editor from \"wake-react-components/editor\";\nimport Repeater from \"wake-react-components/repeater\";\nimport { isAdmin } from \"wake-react-components/utils\";\nimport Background from \"wake-react-components/background\";\nimport { getID } from \"@components/ContentBlocks/Base\";\nimport debounce from \"lodash-es/debounce\";\nimport { getAssetUrl } from \"@utils\";\n\nimport { TextBoxesTitle, TextBoxesWrapper, TextBox, TextBoxIcon, TextBoxTitle, TextBoxContent } from \"./styles\";\n\nfunction calculateTallestTitle(items: HTMLDivElement[]) {\n\tlet tallest = 0;\n\n\tfor (const item of items) {\n\t\tconst { height } = item.children[0].getBoundingClientRect();\n\t\ttallest = height > tallest ? height : tallest;\n\t}\n\n\treturn tallest;\n}\n\nconst breakpoints = [9999, 768, 991, 1120];\n\nconst TextBoxes = (props: any = {}) => {\n\tconst {\n\t\titem: { hasGradientBg, textBoxesTitle, textBoxes },\n\t\t...restProps\n\t} = props;\n\n\tconst id = getID(props);\n\n\tconst breakpoint = breakpoints[(textBoxes || []).length - 1] || 9999;\n\n\tconst ref = useRef(null);\n\tconst [tallest, setTallest] = useState(null);\n\n\tconst makeSameHeight = (elems: HTMLDivElement[]) => {\n\t\tif (isAdmin) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (elems && elems.length > 0) {\n\t\t\tif (window.innerWidth > breakpoint) {\n\t\t\t\tsetTallest(calculateTallestTitle(elems));\n\t\t\t} else {\n\t\t\t\tsetTallest(null);\n\t\t\t}\n\t\t}\n\t};\n\n\tconst onResize = debounce(() => {\n\t\tif (ref && ref.current) {\n\t\t\tconst elems = [...ref.current.querySelectorAll(\".textbox-title\")];\n\t\t\tmakeSameHeight(elems);\n\t\t}\n\t}, 100);\n\n\tuseEffect(() => {\n\t\twindow.addEventListener(\"resize\", onResize);\n\t\tif (ref && ref.current) {\n\t\t\tconst elems = [...ref.current.querySelectorAll(\".textbox-title\")];\n\t\t\tmakeSameHeight(elems);\n\t\t}\n\n\t\treturn () => {\n\t\t\twindow.removeEventListener(\"resize\", onResize);\n\t\t};\n\t}, [ref]);\n\n\treturn (\n\t\t<Wrapper grey={hasGradientBg} id={id}>\n\t\t\t<Container>\n\t\t\t\t{(isAdmin || (!isAdmin && textBoxesTitle)) && (\n\t\t\t\t\t<TextBoxesTitle>\n\t\t\t\t\t\t<h2>\n\t\t\t\t\t\t\t<Text name=\"textBoxesTitle\" placeholder=\"Otsikko\" multiline={true} />\n\t\t\t\t\t\t</h2>\n\t\t\t\t\t</TextBoxesTitle>\n\t\t\t\t)}\n\n\t\t\t\t<TextBoxesWrapper invert={hasGradientBg} ref={ref}>\n\t\t\t\t\t<Repeater name=\"textBoxes\" limit={4} tagName={TextBox}>\n\t\t\t\t\t\t{({ item }) => {\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t\t\t{(isAdmin || (!isAdmin && item.textBoxIcon)) && (\n\t\t\t\t\t\t\t\t\t\t<Background name=\"textBoxIcon\" tagName={TextBoxIcon} />\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t<TextBoxTitle\n\t\t\t\t\t\t\t\t\t\tclassName=\"textbox-title\"\n\t\t\t\t\t\t\t\t\t\tstyle={{ height: tallest ? tallest + \"px\" : \"auto\" }}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<h5>\n\t\t\t\t\t\t\t\t\t\t\t<Text name=\"textBoxTitle\" placeholder=\"Otsikko\" />\n\t\t\t\t\t\t\t\t\t\t</h5>\n\t\t\t\t\t\t\t\t\t</TextBoxTitle>\n\t\t\t\t\t\t\t\t\t<TextBoxContent>\n\t\t\t\t\t\t\t\t\t\t<Editor name=\"textBoxContent\" />\n\t\t\t\t\t\t\t\t\t</TextBoxContent>\n\t\t\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}}\n\t\t\t\t\t</Repeater>\n\t\t\t\t</TextBoxesWrapper>\n\t\t\t</Container>\n\t\t</Wrapper>\n\t);\n};\n\nTextBoxes.thumb = () => (\n\t<div>\n\t\t<img src={getAssetUrl(\"assets/images/campaign-block-thumbs/Pystylaatikot.jpg\")} alt=\"Pystylaatikot\" />\n\t\t<p>Pystylaatikot</p>\n\t</div>\n);\n\nTextBoxes.settings = () => (\n\t<div className=\"settings\">\n\t\t<label>\n\t\t\tLiukuväri taustalla: <Input name=\"hasGradientBg\" type=\"checkbox\" />\n\t\t</label>\n\t\t<br />\n\t\t<span>\n\t\t\tElementin ID <small>(esim ankkuriksi)</small>&nbsp;\n\t\t</span>\n\t\t<Text name=\"elementID\" placeholder=\"ID\" />\n\t</div>\n);\n\nexport default TextBoxes;\n","import styled, { css } from \"styled-components\";\nimport { textStyles, media, grid } from \"@utils/style-utils\";\n\nexport const TAIWrapper = styled.div`\n\tclear: both;\n\tmargin: 80px auto 0;\n\tmax-width: 1466px;\n\tpadding: 0 15px;\n\tposition: relative;\n`;\n\nexport const TAIContent = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tmargin-bottom: 40px;\n\n\t${media.md`\n\t\talign-items: center;\n\t\tflex-direction: row;\n\t\tjustify-content: space-between;\n\t\tmargin-bottom: 80px;\n\n\t\t&.image-left {\n\t\t\tflex-direction: row-reverse;\n\t\t}\n\t`};\n\n\t${media.lg`\n\t\tmargin-bottom: 100px;\n\t`};\n`;\n\nexport const TAIText = styled.div`\n\tmargin-bottom: 40px;\n\n\t${media.md`\n\t\talign-items: center;\n\t\tdisplay: flex;\n\t\tflex-basis: calc((100% - ${grid.gutterSmall}px) / 2);\n\t\tflex-direction: column;\n\t\tjustify-content: center;\n\t\tmargin-bottom: 0;\n\t\tpadding-left: 15px;\n\t\tpadding-right: 15px;\n\t\twidth: 50%;\n\t`};\n\n\t${media.lg`\n\t\tflex-basis: calc((100% - ${grid.gutter}px) / 2);\n\t`};\n\n\t.text-and-image-text {\n\t\t${media.md`\n\t\t\tmargin: 0 auto;\n\t\t\tmax-width: 545px;\n\n\t\t\t> :first-child {\n\t\t\t\tmargin-top: 0;\n\t\t\t}\n\t\t`};\n\t}\n\n\tul,\n\tol {\n\t\tpadding-left: 30px;\n\n\t\tli {\n\t\t\tmargin-bottom: 15px;\n\t\t\tpadding-left: 16px;\n\t\t}\n\t}\n\n\tp,\n\tli {\n\t\t${textStyles.PSmall};\n\n\t\t${media.lg`\n\t\t\t${textStyles.PMedium};\n\t\t`};\n\t}\n`;\n\nexport const TAIImage = styled.div`\n\t${media.md`\n\t\tflex-basis: calc((100% - ${grid.gutterSmall}px) / 2);\n\t`};\n\n\t${media.lg`\n\t\tflex-basis: calc((100% - ${grid.gutter}px) / 2);\n\t`};\n\n\timg {\n\t\tdisplay: block;\n\t\tmax-width: 100%;\n\t}\n`;\n","import React from \"react\";\nimport Image from \"wake-react-components/image\";\nimport Editor from \"wake-react-components/editor\";\nimport Input from \"wake-react-components/input\";\nimport Text from \"wake-react-components/text\";\nimport { isAdmin } from \"wake-react-components/utils\";\nimport { Wrapper } from \"@components/Grid\";\nimport AnchorLink from \"@utils/anchor-scroll\";\nimport Repeater from \"wake-react-components/repeater\";\nimport { getAssetUrl } from \"@utils\";\n\nimport { TAIContent, TAIImage, TAIText, TAIWrapper } from \"./styles\";\n\nconst TextAndImage = (props: any = {}) => {\n\tconst {\n\t\titem: { elementID = undefined, imageSide = \"right\" },\n\t\t...restProps\n\t} = props;\n\n\tif (elementID) {\n\t\trestProps[\"id\"] = elementID;\n\t}\n\n\tconst isLeft = imageSide === \"left\";\n\n\tconst getCta = (obj: any = {}) => {\n\t\tconst { textAndImageCta: cta, textAndImageCtaHref: ctaHref } = obj;\n\t\tconst hasCta = cta && ctaHref;\n\n\t\tif (!hasCta) {\n\t\t\treturn null;\n\t\t}\n\n\t\tif (ctaHref.charAt(0) === \"#\") {\n\t\t\tconst to = ctaHref.substr(1);\n\t\t\treturn (\n\t\t\t\t<AnchorLink to={to}>\n\t\t\t\t\t<a href=\"javascript:\" className=\"cta\">\n\t\t\t\t\t\t{cta}\n\t\t\t\t\t</a>\n\t\t\t\t</AnchorLink>\n\t\t\t);\n\t\t} else {\n\t\t\treturn (\n\t\t\t\t<a href={ctaHref} className=\"cta\">\n\t\t\t\t\t{cta}\n\t\t\t\t</a>\n\t\t\t);\n\t\t}\n\t};\n\n\treturn (\n\t\t<Wrapper {...restProps}>\n\t\t\t<TAIWrapper>\n\t\t\t\t<Repeater name=\"textAndImageBlocks\">\n\t\t\t\t\t{({ item }) => {\n\t\t\t\t\t\tconst imageSizeProps: any = {};\n\t\t\t\t\t\tif (item.textAndImageImageWidth && item.textAndImageImageHeight) {\n\t\t\t\t\t\t\timageSizeProps.style = {\n\t\t\t\t\t\t\t\taspectRatio: 'auto ' + item.textAndImageImageWidth + ' / ' + item.textAndImageImageHeight,\n\t\t\t\t\t\t\t};\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn (<TAIContent\n\t\t\t\t\t\t\timageSide={item.ctaibImageSide}\n\t\t\t\t\t\t\tclassName={item.ctaibImageSide ? \"image-\" + item.ctaibImageSide : \"image-right\"}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<TAIText>\n\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t<Editor name=\"textAndImageText\" className=\"text-and-image-text\" />\n\t\t\t\t\t\t\t\t\t{isAdmin && (\n\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t<span>Kuvan puoli &nbsp;</span>\n\t\t\t\t\t\t\t\t\t\t\t<Input name=\"ctaibImageSide\" type=\"select\">\n\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"right\">Oikea</option>\n\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"left\">Vasen</option>\n\t\t\t\t\t\t\t\t\t\t\t</Input>\n\t\t\t\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\t\t\t\t<span>Kuvan koko&nbsp;</span>\n\t\t\t\t\t\t\t\t\t\t\t<Text name=\"textAndImageImageWidth\" placeholder=\"Leveys\" /> x <Text name=\"textAndImageImageHeight\" placeholder=\"Korkeus\" />\n\t\t\t\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\t\t\t\tCall to action? Linkin teksti:{\" \"}\n\t\t\t\t\t\t\t\t\t\t\t<Text name=\"textAndImageCta\" placeholder=\"Linkin teksti\" />\n\t\t\t\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\t\t\t\tLinkin href tai elementin id:{\" \"}\n\t\t\t\t\t\t\t\t\t\t\t<Text name=\"textAndImageCtaHref\" placeholder=\"Linkin href\" />\n\t\t\t\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\t\t\t\t<small>\n\t\t\t\t\t\t\t\t\t\t\t\tVoit lisätä ankkurilinkin antamalla halutun elementin id:n muodossa:{\" \"}\n\t\t\t\t\t\t\t\t\t\t\t\t<em>#elementin-id</em>\n\t\t\t\t\t\t\t\t\t\t\t</small>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{!isAdmin && getCta(item)}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</TAIText>\n\t\t\t\t\t\t\t<TAIImage left={isLeft}>\n\t\t\t\t\t\t\t\t<Image name=\"textAndImageImage\" {...imageSizeProps} />\n\t\t\t\t\t\t\t</TAIImage>\n\t\t\t\t\t\t</TAIContent>\n\t\t\t\t\t)}}\n\t\t\t\t</Repeater>\n\t\t\t</TAIWrapper>\n\t\t</Wrapper>\n\t);\n};\n\nTextAndImage.settings = () => (\n\t<div className=\"settings\">\n\t\t<span>\n\t\t\tElementin ID <small>(esim ankkuriksi)</small>&nbsp;\n\t\t</span>\n\t\t<Text name=\"elementID\" placeholder=\"ID\" />\n\t</div>\n);\n\nTextAndImage.thumb = () => (\n\t<div>\n\t\t<img src={getAssetUrl(\"assets/images/campaign-block-thumbs/TekstiJaKuva.jpg\")} alt=\"Teksti ja kuva\" />\n\t\t<p>Teksti ja kuva</p>\n\t</div>\n);\n\nexport default TextAndImage;\n","import styled from 'styled-components';\n\nexport const Banner = styled.div`\n\tbackground-position: ${ props => props.position ? props.position : 'center' };\n\tbackground-repeat: no-repeat;\n\tbackground-size: cover;\n\tmargin: 0 auto 84px;\n\tpadding: 30px 0 26.5%;\n\tposition: relative;\n\twidth: 100%;\n`","import React from \"react\";\nimport Background from \"wake-react-components/background\";\nimport Input from \"wake-react-components/input\";\nimport Text from \"wake-react-components/text\";\nimport { getAssetUrl } from \"@utils/index\";\n\nimport { Banner } from \"./styles\";\n\nconst BannerImage = (props: any) => {\n\tconst {\n\t\titem: { imagePosition, elementID },\n\t\t...restProps\n\t} = props;\n\n\tif (elementID) {\n\t\trestProps[\"id\"] = elementID;\n\t}\n\n\treturn <Background name=\"bannerImage\" tagName={Banner} position={imagePosition} {...restProps} />;\n};\n\nBannerImage.thumb = () => (\n\t<div>\n\t\t<img src={getAssetUrl(\"assets/images/campaign-block-thumbs/Bannerikuva.jpg\")} alt=\"Bannerikuva\" />\n\t\t<p>Bannerikuva</p>\n\t</div>\n);\n\nBannerImage.settings = () => (\n\t<div className=\"settings\">\n\t\t<span>Kuvan asemointi</span>\n\t\t<Input type=\"select\" name=\"imagePosition\" defaultValue=\"center\">\n\t\t\t<option value=\"center top\">Keskitetty ylä</option>\n\t\t\t<option value=\"center\">Keskitetty</option>\n\t\t\t<option value=\"center bottom\">Keskitetty ala</option>\n\t\t\t<option value=\"left top\">Vasen ylä</option>\n\t\t\t<option value=\"left center\">Vasen keskitetty</option>\n\t\t\t<option value=\"left bottom\">Vasen ala</option>\n\t\t\t<option value=\"right top\">Oikea ylä</option>\n\t\t\t<option value=\"right center\">Oikea keskitetty</option>\n\t\t\t<option value=\"right bottom\">Oikea ala</option>\n\t\t</Input>\n\t\t<br />\n\t\t<span>\n\t\t\tElementin ID <small>(esim ankkuriksi)</small>&nbsp;\n\t\t</span>\n\t\t<Text name=\"elementID\" placeholder=\"ID\" />\n\t</div>\n);\n\nexport default BannerImage;\n","import styled from \"styled-components\";\nimport { color, media } from \"@utils/style-utils\";\nimport { rgba } from \"polished\";\n\nexport const HeadingContainer = styled.div`\n\tbackground: ${rgba(color(\"greenBright\", 4), 0.25)};\n\tmargin-bottom: 60px;\n\tpadding: 200px 15px 130px;\n\n\t${media.md`\n\t\tmargin-bottom: 85px;\n\t`}\n\n\t${media.lg`\n\t\tmargin-bottom: 108px;\n\t`}\n\n\th1 {\n\t\tmargin: 0 auto;\n\t\ttext-align: center;\n\t}\n`;\n","import React from \"react\";\nimport { Container } from \"@components/Grid\";\nimport Text from \"wake-react-components/text\";\nimport { getAssetUrl } from \"@utils/index\";\nimport { HeadingContainer } from \"./styles\";\n\nconst HeadingH1 = () => {\n\treturn (\n\t\t<HeadingContainer>\n\t\t\t<Container>\n\t\t\t\t<h1>\n\t\t\t\t\t<Text name=\"title\" placeholder=\"H1 Otsikko\" />\n\t\t\t\t</h1>\n\t\t\t</Container>\n\t\t</HeadingContainer>\n\t);\n};\n\nHeadingH1.thumb = () => (\n\t<div>\n\t\t<img src={getAssetUrl(\"assets/images/campaign-block-thumbs/OtsikkoH1.jpg\")} alt=\"Otsikko H1\" />\n\t\t<p>Otsikko H1</p>\n\t</div>\n);\n\nexport default HeadingH1;\n"],"sourceRoot":""}