{"version":3,"sources":["components/Embeds/Youtube/styles.js","components/Embeds/Youtube/index.tsx","hooks/use-lock-body-scroll.tsx","components/Modal/index.tsx","../assets/images/brand-identity/icons/video-play-white.svg","components/Embeds/Youtube/Preview/styles.js","components/Embeds/Youtube/Preview/index.tsx","pages/ArticlePage/styles.js","components/Form/ContactFormBasic/styles.js","components/Form/ContactFormBasic/index.tsx","components/Form/HomevisitSmallForm/styles.js","components/Form/HomevisitSmallForm/index.tsx","components/Article/ArticleQuote/styles.js","components/Article/ArticleQuote/index.tsx","components/Article/ArticleYoutube/styles.js","components/Article/ArticleYoutube/index.tsx","components/Article/ArticleBody/styles.js","components/Article/ArticleBody/index.tsx","components/Article/ArticleWriter/styles.js","components/Article/ArticleWriter/index.tsx","components/Article/ArticleSimilarList/styles.js","components/Article/ArticleSimilarList/index.tsx","pages/AgentOwnArticle/index.tsx"],"names":["EmbedWrapper","styled","div","withConfig","componentId","props","aspectRatio","aspectRatioPadding","EmbedContainer","YoutubeEmbed","memo","allowFullscreen","autoplay","enableApi","height","fullUrl","width","src","test","videoID","getYoutubeID","React","createElement","dangerouslySetInnerHTML","__html","concat","hasCookieConsent","className","allowFullScreen","frameBorder","useLockBodyScroll","useLayoutEffect","document","body","style","overflow","Close","span","color","Modal","_a","title","content","onClose","dark","followingClose","rest","__rest","overlayRef","useRef","contentRef","closeRef","x","y","anim","closeX","closeY","hideClose","current","opacity","showClose","onMouseMove","e","clientX","clientY","loop","getBoundingClientRect","tx","ty","transform","requestAnimationFrame","onMouseLeave","cancelAnimationFrame","onMouseEnter","onMouseLeaveContent","onMouseEnterContent","useEffect","hasWindow","window","innerWidth","innerHeight","addEventListener","removeEventListener","Object","assign","onClick","ref","FaIcon","icon","module","exports","ImageContainer","attrs","bgColor","css","rgba","isStill","YoutubePreview","id","still","container","timeout","iconX","iconY","setProperty","toFixed","containerElem","left","top","console","log","classList","remove","setTimeout","clearTimeout","add","documentElement","Image","fallbackSrc","thumb","lazy","playIcon","alt","ArticleHero","media","md","_templateObject","_taggedTemplateLiteral","lg","_templateObject2","ArticleContentWrapper","clearFix","ArticleContent","_templateObject3","ArticleSidebar","_templateObject4","_templateObject5","_templateObject6","ArticleTitle","h1","_templateObject7","ArticleIngress","p","textStyles","PLarge","_templateObject8","ArticleGroups","emSpacing","_templateObject9","ArticleBodyText","PMedium","AInline","ArticleFooter","_templateObject10","_templateObject11","Writer","Icon","last","ArticleCardsWrapper","_templateObject12","_templateObject13","H1","_templateObject14","_templateObject15","FormWrapper","H3Condensed","Formik","then","default","ErrorMessage","ContactFormBasic","_ref","agent","agency","buttonText","children","subjectIndex","titleText","withTitle","withPostcode","isSubmitted","setSubmitted","useState","fields","initialValues","email","message","name","phone","postCode","validationSchema","getSchema","FormPlaceholder","Placeholder","PlaceholderInput","PlaceholderTextarea","PlaceholderGdpr","PlaceholderButton","contactSubmitTimeout","Suspense","fallback","onSubmit","doSubmit","values","_ref2","setSubmitting","resetForm","__awaiter","submitUrl","location","href","formData","res","contactService","doBasicContact","_ref3","handleChange","handleBlur","handleSubmit","isSubmitting","clxs","InputGroup","aria-label","disabled","data-white","onBlur","onChange","placeholder","type","value","component","msg","FormError","Textarea","ThankYouMessage","Fragment","GdprLink","Link","to","target","CtaButton","text","submitting","FormContainer","boxShadow","hugeLight","ribbon","PSmallCondensed","HomevisitSmallForm","Editor","defaultValue","BasicContactForm","QuoteContainer","ArticleQuote","Tag","isAdmin","Text","multiline","PreviewWrapper","ArticleYoutube","item","modalOpen","setModalOpen","isEmpty","embedYoutubeID","BodyWrapper","ArticleBody","Writers","grid","gutter","WriterImage","WriterInfo","MicroTextCaps","MicroText","ArticleWriter","Repeater","limit","tagName","sizeInfo","ArticleList","ArticleItem","PSmall","ArticleSimilarList","doc","shortClassName","ArticlesAuthor","ArticlesGroup","ArticlesGroupAll","page","isAgentArticle","endsWith","articles","map","idx","canonicalPath","key","ArticleBlocks","AgentOwnArticle","useSelector","store","leadParagraph","memberOf","hideHomeVisitForm","modified","ingressRef","sidebarRef","share","setShare","url","d","getSeconds","articleDate","format","alignTopsWithForm","ingress","sidebar","marginTop","ingressTop","sidebarTop","difference","onResize","throttle","documentID","Blocklist","blocks","first","FacebookShareButton","additionalProps","TwitterShareButton","EmailShareButton","print","htmlFor","Input","HomevisitForm","agentKey","agencyKey","WhyKm"],"mappings":"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","file":"assets/js/pages-AgentOwnArticle.chunk.js?cb=c74704336de5150f993b","sourcesContent":["import styled, { css } from \"styled-components\";\n\nconst aspectRatioPadding = aspectRatio => {\n\tswitch (aspectRatio) {\n\t\tcase \"16:9\":\n\t\t\treturn \"56.25%\";\n\t\tcase \"1:1\":\n\t\t\treturn \"100%\";\n\t\tdefault:\n\t\t\treturn \"56.25%\";\n\t}\n};\n\nexport const EmbedWrapper = styled.div`\n\theight: 0;\n\tposition: relative;\n\tpadding-bottom: ${props => aspectRatioPadding(props.aspectRatio)};\n`;\n\nexport const EmbedContainer = styled.div`\n\theight: 100%;\n\tleft: 0;\n\tposition: absolute;\n\tright: 0;\n\ttop: 0;\n\twidth: 100%;\n\n\tiframe {\n\t\theight: 100%;\n\t\twidth: 100%;\n\t}\n`;\n","import React, { memo } from \"react\";\nimport { EmbedWrapper, EmbedContainer } from \"./styles\";\nimport { hasCookieConsent } from \"@utils\";\nimport { getYoutubeID } from \"@utils/string-utils\";\n\ninterface IProps {\n\tallowFullscreen?: boolean;\n\taspectRatio?: string;\n\tautoplay?: boolean;\n\tenableApi?: boolean;\n\theight?: string | number;\n\tfullUrl?: string;\n\tvideoID?: string;\n\twidth?: string | number;\n}\n\nconst YoutubeEmbed = memo((props: IProps) => {\n\tconst {\n\t\tallowFullscreen = false,\n\t\taspectRatio = \"16:9\",\n\t\tautoplay = false,\n\t\tenableApi = false,\n\t\theight = \"100%\",\n\t\tfullUrl,\n\t\twidth = \"100%\",\n\t} = props;\n\n\tlet src: string|undefined;\n\tif (!fullUrl || /youtube/i.test(fullUrl)) {\n\t\tconst videoID = props.videoID || getYoutubeID(fullUrl);\n\n\t\tif (!videoID) {\n\t\t\treturn (<span dangerouslySetInnerHTML={{ __html: `<!-- ERROR: No video given -->` }} />);\n\t\t}\n\n\t\tsrc =\n\t\t\t`https://www.youtube${hasCookieConsent\n\t\t\t\t? \"\"\n\t\t\t\t: \"-nocookie\"\n\t\t\t}.com/embed/${videoID}?modestbranding=1&rel=0&showinfo=0&autohide=1&autoplay=${autoplay\n\t\t\t\t? \"1\"\n\t\t\t\t: \"0\"\n\t\t\t}&output=embed&enablejsapi=${enableApi ? \"1\" : \"0\"}`;\n\t} else {\n\t\tsrc = fullUrl;\n\t}\n\n\treturn (\n\t\t<EmbedWrapper aspectRatio={aspectRatio} className=\"yt-embed\">\n\t\t\t<EmbedContainer>\n\t\t\t\t<iframe allowFullScreen={allowFullscreen} frameBorder=\"0\" height={height} src={src} width={width} />\n\t\t\t</EmbedContainer>\n\t\t</EmbedWrapper>\n\t);\n});\n\nexport default YoutubeEmbed;\n","import React, { useLayoutEffect } from \"react\";\n\nfunction useLockBodyScroll() {\n\tuseLayoutEffect(() => {\n\t\tdocument.body.style.overflow = \"hidden\";\n\t\treturn () => {\n\t\t\tdocument.body.style.overflow = \"visible\";\n\t\t};\n\t}, []);\n}\n\nexport default useLockBodyScroll;\n","import React, { useEffect, useRef } from \"react\";\nimport useLockBodyScroll from \"@hooks/use-lock-body-scroll\";\nimport { FontAwesomeIcon as FaIcon } from \"@fortawesome/react-fontawesome\";\nimport styled from \"styled-components\";\nimport { hasWindow } from \"@utils\";\nimport { color } from \"@utils/style-utils\";\n\nconst Close = styled.span`\n\talign-items: center;\n\tbackground: rgba(255, 255, 255, 0.2);\n\tcolor: ${color(\"greenBright\", 1)};\n\tcursor: pointer;\n\tfont-size: 40px;\n\tdisplay: flex;\n\theight: 60px;\n\tjustify-content: center;\n\tleft: 0;\n\topacity: 0;\n\tposition: fixed;\n\ttop: 0;\n\ttransition: opacity 300ms;\n\ttransform-origin: 50% 50%;\n\twidth: 60px;\n\n\tsvg {\n\t\tmax-width: 40px;\n\t}\n\n\t@media (max-width: 650px) {\n\t\tfont-size: 30px;\n\t\theight: 45px;\n\t\twidth: 45px;\n\t}\n\n\t.is-touch & {\n\t\tleft: auto;\n\t\topacity: 1 !important;\n\t\tright: 10px;\n\t\ttop: 10px;\n\t\ttransform: none !important;\n\t}\n`;\n\nexport interface IModalProps {\n\tcontent: any;\n\tdark?: boolean;\n\tfollowingClose?: boolean;\n\tonClose?: (e: any) => void;\n\ttitle?: string;\n\t[key: string]: any;\n}\n\nconst Modal = ({ title, content, onClose, dark = false, followingClose = true, ...rest }: IModalProps) => {\n\tuseLockBodyScroll();\n\n\tconst overlayRef = useRef(null);\n\tconst contentRef = useRef(null);\n\tconst closeRef = useRef(null);\n\n\tlet x: number = null;\n\tlet y: number = null;\n\tlet anim = null;\n\tlet closeX = x;\n\tlet closeY = y;\n\n\tconst hideClose = () => {\n\t\tcloseRef.current.style.opacity = 0;\n\t};\n\n\tconst showClose = () => {\n\t\tcloseRef.current.style.opacity = 1;\n\t};\n\n\tconst onMouseMove = (e: MouseEvent) => {\n\t\tx = e.clientX;\n\t\ty = e.clientY;\n\t};\n\n\tfunction loop() {\n\t\t/* \"lerp\" */\n\t\tcloseX += (x - closeX) * 0.1;\n\t\tcloseY += (y - closeY) * 0.1;\n\n\t\tif (closeRef.current) {\n\t\t\tconst { width, height } = closeRef.current.getBoundingClientRect();\n\t\t\tconst tx = closeX - width / 2;\n\t\t\tconst ty = closeY - height / 2;\n\n\t\t\tcloseRef.current.style.transform = `translate(${tx}px, ${ty}px)`;\n\n\t\t\tanim = requestAnimationFrame(loop);\n\t\t}\n\t}\n\n\tconst onMouseLeave = (e: MouseEvent) => {\n\t\tcancelAnimationFrame(anim);\n\t\thideClose();\n\t};\n\n\tconst onMouseEnter = (e: MouseEvent) => {\n\t\tcancelAnimationFrame(anim);\n\t\tshowClose();\n\t\tanim = requestAnimationFrame(loop);\n\t};\n\n\tconst onMouseLeaveContent = (e: MouseEvent) => {\n\t\tcancelAnimationFrame(anim);\n\t\tshowClose();\n\t\tanim = requestAnimationFrame(loop);\n\t};\n\n\tconst onMouseEnterContent = (e: MouseEvent) => {\n\t\tcancelAnimationFrame(anim);\n\t\thideClose();\n\t};\n\n\tuseEffect(() => {\n\t\tif (hasWindow && followingClose) {\n\t\t\tx = window.innerWidth / 2;\n\t\t\ty = window.innerHeight / 2;\n\n\t\t\tanim = requestAnimationFrame(loop);\n\t\t\twindow.addEventListener(\"mousemove\", onMouseMove);\n\t\t\toverlayRef.current.addEventListener(\"mouseleave\", onMouseLeave);\n\t\t\toverlayRef.current.addEventListener(\"mouseenter\", onMouseEnter);\n\t\t\tcontentRef.current.addEventListener(\"mouseenter\", onMouseEnterContent);\n\t\t\tcontentRef.current.addEventListener(\"mouseleave\", onMouseLeaveContent);\n\n\t\t\treturn () => {\n\t\t\t\tcancelAnimationFrame(anim);\n\t\t\t\twindow.removeEventListener(\"mousemove\", onMouseMove);\n\t\t\t\toverlayRef.current.removeEventListener(\"mouseleave\", onMouseLeave);\n\t\t\t\toverlayRef.current.removeEventListener(\"mouseenter\", onMouseEnter);\n\t\t\t\tcontentRef.current.removeEventListener(\"mouseenter\", onMouseEnterContent);\n\t\t\t\tcontentRef.current.removeEventListener(\"mouseleave\", onMouseLeaveContent);\n\t\t\t};\n\t\t}\n\t}, []);\n\n\treturn (\n\t\t<div\n\t\t\tclassName={`modal-overlay${dark ? \" modal-overlay--dark\" : \"\"}`}\n\t\t\tonClick={onClose}\n\t\t\tref={overlayRef}\n\t\t\t{...rest}\n\t\t>\n\t\t\t<Close ref={closeRef} onClick={onClose}>\n\t\t\t\t<FaIcon icon={[\"far\", \"times\"]} />\n\t\t\t</Close>\n\t\t\t<div className=\"modal\" ref={contentRef}>\n\t\t\t\t{title && <h2>{title}</h2>}\n\t\t\t\t{content}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default Modal;\n","module.exports = \"data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjYyIiB2aWV3Qm94PSIwIDAgNjIgNjIiIHdpZHRoPSI2MiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHBhdGggZD0ibTMxIDYxYzE2LjU2ODUgMCAzMC0xMy40MzE1IDMwLTMwcy0xMy40MzE1LTMwLTMwLTMwLTMwIDEzLjQzMTUtMzAgMzAgMTMuNDMxNSAzMCAzMCAzMHoiIGZpbGwtb3BhY2l0eT0iLjUiIHN0cm9rZT0iI2ZmZiIvPjxwYXRoIGQ9Im0yNy40MTA4IDIwLjE0ODljLTEuMzI3Ni0uOTA1Ni0zLjEyNzEuMDQ1MS0zLjEyNzEgMS42NTIydjE5LjMwOTdjMCAxLjYwNyAxLjc5OTUgMi41NTc4IDMuMTI3MSAxLjY1MjFsMTQuMTUyNi05LjY1NDhjMS4xNjM4LS43OTQgMS4xNjM4LTIuNTEwNCAwLTMuMzA0M3oiLz48L2c+PC9zdmc+\"","import styled, { css } from \"styled-components\";\nimport { color } from \"@utils/style-utils\";\nimport { rgba } from \"polished\";\n\nexport const ImageContainer = styled.div.attrs(() => ({\n\tclassName: \"youtube-preview\",\n}))`\n\tcursor: pointer;\n\theight: 0;\n\toverflow: hidden;\n\tpadding-bottom: calc(56.25% - 2px);\n\tposition: relative;\n\twidth: 100%;\n\n\t${props =>\n\t\tprops.bgColor &&\n\t\tcss`\n\t\t\tbackground-color: ${props.bgColor};\n\t\t`}\n\n\t&::before {\n\t\tbackground: ${rgba(color(\"grey\", 1), 0.3)};\n\t\tcontent: \"\";\n\t\tdisplay: block;\n\t\theight: 100%;\n\t\tleft: 0;\n\t\topacity: 0;\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\ttransition: opacity 150ms;\n\t\twidth: 100%;\n\t\tz-index: 2;\n\t}\n\n\timg {\n\t\tdisplay: block;\n\t\tleft: 50%;\n\t\tpointer-events: none;\n\t\tposition: absolute;\n\t\ttop: 50%;\n\t\ttransform: translate(-50%, -50%);\n\t}\n\n\t> img {\n\t\twidth: 100%;\n\t}\n\n\t.icon {\n\t\tpointer-events: none;\n\t\ttransform: translate(-50%, -50%) scale(1);\n\t\ttransition: transform 400ms;\n\t\twidth: 60px;\n\t\tz-index: 5;\n\t}\n\n\t&.mouse-over {\n\t\t&::before {\n\t\t\topacity: 1;\n\t\t}\n\n\t\t.icon {\n\t\t\t@supports (display: grid) {\n\t\t\t\ttransition: transform 0ms;\n\t\t\t\ttransform: translate(var(--mX, 0px), var(--mY, 0px));\n\t\t\t}\n\t\t}\n\t}\n\n\t${props =>\n\t\tprops.isStill &&\n\t\tcss`\n\t\t\t.is-pointer & {\n\t\t\t\t&:hover {\n\t\t\t\t\t.icon {\n\t\t\t\t\t\ttransform: translate(-50%, -50%) scale(1.2);\n\t\t\t\t\t}\n\t\t\t\t\t&::before {\n\t\t\t\t\t\topacity: 1;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t`}\n`;\n","import React, { useEffect, useRef } from \"react\";\nimport Image from \"@components/Image\";\nimport { ImageContainer } from \"./styles\";\nimport playIcon from \"@images/brand-identity/icons/video-play-white.svg\";\nimport { hasWindow } from \"@utils\";\n\nconst lerpAmount: number = 0.1;\n\ninterface IPreviewProps {\n\tbgColor?: string;\n\tid: string;\n\tonClick: (e: any) => void;\n\tstill?: boolean;\n\t[key: string]: any;\n}\n\nconst YoutubePreview = ({ id, onClick, bgColor = null, still = false, ...rest }: IPreviewProps) => {\n\tconst icon = useRef(null);\n\tconst container = useRef(null);\n\tlet timeout: number = null;\n\tlet x: number = null;\n\tlet y: number = null;\n\tlet anim = null;\n\tlet iconX = x;\n\tlet iconY = y;\n\n\tconst loop = () => {\n\t\t/* \"lerp\" */\n\t\ticonX += (x - iconX) * lerpAmount;\n\t\ticonY += (y - iconY) * lerpAmount;\n\n\t\tif (icon.current) {\n\t\t\tconst { width, height } = icon.current.getBoundingClientRect();\n\t\t\tconst tx = iconX - width / 2;\n\t\t\tconst ty = iconY - height / 2;\n\n\t\t\ticon.current.style.setProperty(\"--mX\", tx.toFixed(2) + \"px\");\n\t\t\ticon.current.style.setProperty(\"--mY\", ty.toFixed(2) + \"px\");\n\n\t\t\tanim = requestAnimationFrame(loop);\n\t\t}\n\t};\n\n\tconst onMouseMove = (e: MouseEvent) => {\n\t\ttry {\n\t\t\tconst { current: containerElem } = container;\n\t\t\tconst { height, width } = containerElem.getBoundingClientRect();\n\t\t\tconst { clientY, clientX } = e;\n\t\t\tconst { left, top } = containerElem.getBoundingClientRect();\n\n\t\t\tconst objCenterX = left + width / 2;\n\t\t\tconst objCenterY = top + height / 2;\n\n\t\t\tx = -(objCenterX - clientX);\n\t\t\ty = -(objCenterY - clientY);\n\t\t} catch (e) {\n\t\t\tconsole.log(e);\n\t\t}\n\t};\n\n\tconst onMouseLeave = () => {\n\t\tif (hasWindow) {\n\t\t\tcontainer.current.classList.remove(\"mouse-over\");\n\t\t\tx = 0;\n\t\t\ty = 0;\n\n\t\t\ttimeout = window.setTimeout(() => {\n\t\t\t\tcancelAnimationFrame(anim);\n\t\t\t\ticon.current.style.setProperty(\"--mX\", 0);\n\t\t\t\ticon.current.style.setProperty(\"--mY\", 0);\n\t\t\t}, 300);\n\t\t}\n\t};\n\n\tconst onMouseEnter = () => {\n\t\tcancelAnimationFrame(anim);\n\t\tanim = requestAnimationFrame(loop);\n\t\tclearTimeout(timeout);\n\t\tcontainer.current.classList.add(\"mouse-over\");\n\t};\n\n\tuseEffect(() => {\n\t\tif (hasWindow && container.current) {\n\t\t\tconst isTouch = \"ontouchstart\" in document.documentElement;\n\n\t\t\tif (!isTouch && !still) {\n\t\t\t\tcontainer.current.addEventListener(\"mousemove\", onMouseMove);\n\t\t\t\tcontainer.current.addEventListener(\"mouseenter\", onMouseEnter);\n\t\t\t\tcontainer.current.addEventListener(\"mouseleave\", onMouseLeave);\n\t\t\t}\n\t\t}\n\n\t\treturn () => {\n\t\t\tclearTimeout(timeout);\n\t\t\tif (hasWindow && container.current) {\n\t\t\t\tcontainer.current.removeEventListener(\"mousemove\", onMouseMove);\n\t\t\t\tcontainer.current.removeEventListener(\"mouseenter\", onMouseEnter);\n\t\t\t\tcontainer.current.removeEventListener(\"mouseleave\", onMouseLeave);\n\t\t\t}\n\t\t};\n\t}, [container.current]);\n\n\treturn (\n\t\t<ImageContainer ref={container} onClick={onClick} bgColor={bgColor} isStill={still}>\n\t\t\t<Image\n\t\t\t\tsrc={`https://img.youtube.com/vi/${id}/sddefault.jpg`}\n\t\t\t\tfallbackSrc={`https://img.youtube.com/vi/${id}/mddefault.jpg`}\n\t\t\t\tthumb={`https://img.youtube.com/vi/${id}/default.jpg`}\n\t\t\t\tlazy={true}\n\t\t\t\t{...rest}\n\t\t\t/>\n\t\t\t<img src={playIcon} alt=\"Toista video\" className=\"icon\" ref={icon} />\n\t\t</ImageContainer>\n\t);\n};\n\nexport default YoutubePreview;\n","import styled from \"styled-components\";\nimport { rgba, clearFix } from \"polished\";\nimport { media, color, textStyles, emSpacing } from \"@utils/style-utils\";\n\nexport const ArticleHero = styled.div`\n\tbackground: ${rgba(color(\"greenBright\", 4), 0.25)};\n\tmargin-bottom: 40px;\n\tpadding-bottom: 30px;\n\tpadding-top: 100px;\n\n\t${media.md`\n\t\tmargin-bottom: 60px;\n\t\tpadding-bottom: 50px;\n\t\tpadding-top: 130px;\n\t`}\n\n\t${media.lg`\n\t\tmargin-bottom: 80px;\n\t\tpadding-bottom: 70px;\n\t\tpadding-top: 170px;\n\t`}\n`;\n\nexport const ArticleContentWrapper = styled.div`\n\t${clearFix()}\n\tmargin: 0 auto;\n\tmax-width: 1394px;\n\tpadding: 0 15px;\n`;\n\nexport const ArticleContent = styled.div`\n\t${media.lg`\n\t\tfloat: left;\n\t\tmax-width: 896px;\n\t\twidth: calc(896 / 1364 * 100%);\n\t`}\n`;\n\nexport const ArticleSidebar = styled.div`\n\tpadding-top: 11px;\n\n\t${media.lg`\n\t\tfloat: right;\n\t\tmargin-bottom: 0;\n\t\tposition: relative;\n\t\twidth: calc(428 / 1364 * 100%);\n\t`}\n\n\t.homevisit-form + .article-list {\n\t\tmargin-top: 50px;\n\n\t\t${media.md`\n\t\t\tmargin-top: 65px;\n\t\t`}\n\n\t\t${media.lg`\n\t\t\tmargin-top: 80px;\n\t\t`}\n\t}\n`;\n\nexport const ArticleTitle = styled.h1`\n\t${media.lg`\n\t\tmargin-bottom: 40px;\n\t`}\n`;\n\nexport const ArticleIngress = styled.p`\n\t${textStyles.PLarge}\n\tmargin-top: 0;\n\n\t${media.lg`\n\t\tmargin-bottom: 40px;\n\t`}\n`;\n\nexport const ArticleGroups = styled.div`\n\ta {\n\t\tbackground: ${color(\"white\")};\n\t\t/* border: 1px solid ${color(\"greenDark\", 4)};\n\t\tborder-radius: 4px; */\n\t\tcolor: ${color(\"greenDark\", 1)};\n\t\tdisplay: inline-block;\n\t\tfont-size: 11px;\n\t\tfont-weight: bold;\n\t\tletter-spacing: ${emSpacing(0.06)};\n\t\tmargin: 0 15px 15px 0;\n\t\tpadding: 8px 16px 6px;\n\t\tposition: relative;\n\t\ttext-decoration: none;\n\t\ttext-transform: uppercase;\n\n\t\t.is-pointer & {\n\t\t\t&:hover {\n\t\t\t\t&::before {\n\t\t\t\t\tbox-shadow: 0px 3px 10px -6px ${rgba(color(\"greenDark\", 1), 0.3)};\n\t\t\t\t\ttransform: scaleX(1.02) scaleY(1.15);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tspan {\n\t\t\tposition: relative;\n\t\t\tz-index: 5;\n\t\t}\n\n\t\t${media.lg`\n\t\t\tmargin: 0 25px 15px 0;\n\t\t`}\n\n\t\t&::before {\n\t\t\tbackground: ${color(\"white\")};\n\t\t\tborder-radius: 4px;\n\t\t\tborder: 1px solid ${color(\"greenDark\", 4)};\n\t\t\tbox-shadow: 0px 3px 10px -6px ${rgba(color(\"greenDark\", 1), 0)};\n\t\t\tcontent: '';\n\t\t\tdisplay: block;\n\t\t\theight: 100%;\n\t\t\tleft: 0;\n\t\t\tposition: absolute;\n\t\t\ttop: 0;\n\t\t\ttransform: scale(1);\n\t\t\ttransition: transform 150ms, box-shadow 150ms;\n\t\t\twidth: 100%;\n\t\t\tz-index: 0;\n\t\t}\n\t}\n`;\n\nexport const ArticleBodyText = styled(ArticleContent)`\n\t.article-content {\n\t\t> *:first-child {\n\t\t\tmargin-top: 0;\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.PMedium}\n\t}\n\n\ta {\n\t\t${textStyles.AInline}\n\t}\n\n\timg {\n\t\tdisplay: block;\n\t\theight: auto;\n\t\tmargin-bottom: 30px;\n\t\tmax-width: 100%;\n\t}\n`;\n\nexport const ArticleFooter = styled.div`\n\talign-items: center;\n\tborder-bottom: 1px solid ${color(\"grey\", 5)};\n\tborder-top: 1px solid ${color(\"grey\", 5)};\n\tdisplay: flex;\n\tpadding: 9px 0;\n\tmargin-bottom: 50px;\n\tmargin-top: 50px;\n\twidth: 100%;\n\n\t${media.md`\n\t\tmargin-bottom: 65px;\n\t\tmargin-top: 65px;\n\t`}\n\n\t${media.lg`\n\t\tmargin-bottom: 80px;\n\t\tmargin-top: 80px;\n\t`}\n\n\tspan.spacer {\n\t\tflex-grow: 10;\n\t}\n\n\tspan.spacer-vertical {\n\t\tbackground: ${color(\"grey\", 5)};\n\t\theight: 26px;\n\t\tmargin: 0 24px;\n\t\twidth: 1px;\n\t}\n\n\t@media (max-width: 440px) {\n\t\t.print-icon {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n`;\n\nexport const Writer = styled.span`\n\tcolor: ${color(\"grey\", 4)};\n\tfont-size: 12px;\n\tfont-weight: bold;\n\tletter-spacing: ${emSpacing(0.06)};\n\tpadding-right: 30px;\n\ttext-transform: uppercase;\n`;\n\nexport const Icon = styled.span`\n\tcolor: ${color(\"greenDark\", 2)};\n\tcursor: pointer;\n\tdisplay: inline-block;\n\tfont-size: 16px;\n\tmargin: ${props => (!props.last ? `0 12px 0 -5px` : `0 -5px 0 0`)};\n\toutline: 0;\n\tpadding: 5px;\n\ttransition: color 150ms;\n\n\t&:hover {\n\t\tcolor: ${color(\"greenDark\", 1)};\n\t\tsvg {\n\t\t\ttransform: scale(1.2);\n\t\t}\n\t}\n\n\tdiv {\n\t\toutline: 0;\n\t}\n\n\tsvg {\n\t\tmax-width: 16px;\n\t\ttransition: transform 150ms;\n\t}\n`;\n\nexport const ArticleCardsWrapper = styled.div`\n\tbackground: ${color(\"grey\", 7)};\n\tpadding: 30px 0 20px;\n\tmargin: 50px 0;\n\n\t${media.md`\n\t\tpadding: 50px 0 35px;\n\t\tmargin: 70px 0;\n\t`}\n\n\t${media.lg`\n\t\tpadding: 70px 0 70px;\n\t\tmargin: 90px 0;\n\t`}\n\n\th2 {\n\t\t${textStyles.H1}\n\n\t\tmargin-bottom: 30px;\n\t\ttext-align: center;\n\n\t\t${media.md`\n\t\t\tmargin-bottom: 40px;\n\t\t`}\n\n\t\t${media.lg`\n\t\t\tmargin-bottom: 60px;\n\t\t`}\n\t}\n`;\n","import styled from \"styled-components\";\nimport { color, media, textStyles } from \"@utils/style-utils\";\n\nexport const FormWrapper = styled.div.attrs(props => ({\n\tclassName: \"basic-form\",\n\tid: props.id || \"basic-form\",\n}))`\n\tbackground: ${color(\"grey\", 7)};\n\tborder: 1px solid ${color(\"grey\", 6)};\n\tborder-radius: 4px;\n\toverflow: hidden;\n\tpadding: 30px 15px;\n\n\t${media.md`\n\t\tpadding: 40px 32px;\n\t`}\n\n\th4 {\n\t\t${textStyles.H3Condensed}\n\t\tmargin: 0 auto 24px;\n\t\ttext-align: center;\n\t}\n\n\t.placeholder-textarea {\n\t\tmargin-top: 16px;\n\t}\n`;\n","import React, { lazy, Suspense, Fragment, useState, useEffect } from \"react\";\nimport {\n\tInputGroup,\n\tFormError,\n\tGdprLink,\n\tTextarea,\n\tThankYouMessage,\n\tPlaceholder,\n\tPlaceholderButton,\n\tPlaceholderGdpr,\n\tPlaceholderInput,\n\tPlaceholderTextarea,\n} from \"@components/Form/form-styles\";\nimport contactService from \"@services/contact.service\";\nimport { hasWindow } from \"@utils\";\nimport { getSchema } from \"@utils/validators\";\nimport CtaButton from \"@components/Buttons/CtaButton\";\nimport { Link } from \"react-router-dom\";\nimport { FontAwesomeIcon as FaIcon } from \"@fortawesome/react-fontawesome\";\nimport { FormWrapper } from \"./styles\";\nimport clxs from \"clsx\";\n\nconst Formik = lazy(() => import(/* webpackPrefetch:true */ \"formik\").then(module => ({ default: module.Formik })));\nconst ErrorMessage = lazy(() =>\n\timport(/* webpackPrefetch:true */ \"formik\").then(module => ({ default: module.ErrorMessage }))\n);\n\ninterface IProps {\n\tagent?: string;\n\tagency?: string;\n\tbuttonText?: string;\n\tchildren?: React.ReactNode;\n\tsubjectIndex?: number;\n\ttitleText?: string;\n\twithTitle?: boolean;\n\twithPostcode?: boolean;\n}\n\nconst ContactFormBasic = ({\n\tagent = null,\n\tagency = null,\n\tbuttonText = \"Lähetä\",\n\tchildren = null,\n\tsubjectIndex = 1,\n\ttitleText = \"Ota yhteyttä\",\n\twithTitle = true,\n\twithPostcode = false,\n}: IProps) => {\n\tconst [isSubmitted, setSubmitted] = useState(false);\n\n\tlet fields = [\"name\", \"email\", \"phone\", \"message\"];\n\tlet initialValues: any = {\n\t\temail: \"\",\n\t\tmessage: \"\",\n\t\tname: \"\",\n\t\tphone: \"\",\n\t};\n\n\tif (withPostcode) {\n\t\tfields = [\"name\", \"email\", \"postCode\", \"phone\", \"message\"];\n\n\t\tinitialValues = {\n\t\t\temail: \"\",\n\t\t\tmessage: \"\",\n\t\t\tname: \"\",\n\t\t\tphone: \"\",\n\t\t\tpostCode: \"\",\n\t\t};\n\t}\n\n\tconst validationSchema = getSchema(fields);\n\n\tconst FormPlaceholder = () => {\n\t\treturn (\n\t\t\t<Placeholder className=\"form-placeholder\">\n\t\t\t\t<PlaceholderInput />\n\t\t\t\t<PlaceholderInput />\n\t\t\t\t<PlaceholderInput />\n\t\t\t\t{withPostcode && <PlaceholderInput />}\n\t\t\t\t<PlaceholderTextarea />\n\t\t\t\t<PlaceholderGdpr />\n\t\t\t\t<PlaceholderButton width=\"100%\" />\n\t\t\t</Placeholder>\n\t\t);\n\t};\n\n\tlet contactSubmitTimeout: number;\n\n\tconst doSubmit = async (values, { setSubmitting, resetForm }) => {\n\t\tsetSubmitting(true);\n\n\t\tconst submitUrl = location.href;\n\n\t\tconst formData = {\n\t\t\tagency: agency ? agency : null,\n\t\t\tagent: agent ? agent : null,\n\t\t\tsubjectIndex,\n\t\t\tsubmitUrl,\n\t\t\t...values,\n\t\t};\n\n\t\ttry {\n\t\t\tconst res = await contactService.doBasicContact(formData);\n\t\t\tconsole.log(\"successful form submit\", res);\n\t\t\tsetSubmitting(false);\n\t\t\tsetSubmitted(true);\n\n\t\t\tif (hasWindow) {\n\t\t\t\tcontactSubmitTimeout = window.setTimeout(() => {\n\t\t\t\t\tsetSubmitted(false);\n\t\t\t\t\tresetForm(initialValues);\n\t\t\t\t}, 6000);\n\t\t\t}\n\t\t} catch (e) {\n\t\t\tconsole.log(\"error while sending form..\", e);\n\t\t\tsetSubmitting(false);\n\t\t\tsetSubmitted(false);\n\t\t\tthrow e;\n\t\t}\n\t};\n\n\tuseEffect(() => {\n\t\treturn () => {\n\t\t\t/* clear the reset timeout before component unmounts */\n\t\t\tif (contactSubmitTimeout) {\n\t\t\t\tclearTimeout(contactSubmitTimeout);\n\t\t\t}\n\t\t};\n\t}, []);\n\n\treturn (\n\t\t<FormWrapper>\n\t\t\t{withTitle && <h4>{titleText}</h4>}\n\t\t\t{children}\n\t\t\t{!hasWindow && <FormPlaceholder />}\n\t\t\t{hasWindow && (\n\t\t\t\t<Suspense fallback={<FormPlaceholder />}>\n\t\t\t\t\t<Formik initialValues={initialValues} onSubmit={doSubmit} validationSchema={validationSchema}>\n\t\t\t\t\t\t{({ values, handleChange, handleBlur, handleSubmit, isSubmitting }) => (\n\t\t\t\t\t\t\t<form onSubmit={handleSubmit} className={clxs(\"form\", isSubmitting && \"submitting\")}>\n\t\t\t\t\t\t\t\t<InputGroup>\n\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\taria-label=\"Nimi\"\n\t\t\t\t\t\t\t\t\t\tdisabled={isSubmitted || isSubmitting}\n\t\t\t\t\t\t\t\t\t\tdata-white={true}\n\t\t\t\t\t\t\t\t\t\tname=\"name\"\n\t\t\t\t\t\t\t\t\t\tonBlur={handleBlur}\n\t\t\t\t\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\t\t\t\t\tplaceholder=\"Nimi\"\n\t\t\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\t\t\tvalue={values[\"name\"]}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t<FaIcon icon=\"user\" />\n\t\t\t\t\t\t\t\t\t<ErrorMessage component=\"p\" name=\"name\">\n\t\t\t\t\t\t\t\t\t\t{msg => <FormError>{msg}</FormError>}\n\t\t\t\t\t\t\t\t\t</ErrorMessage>\n\t\t\t\t\t\t\t\t</InputGroup>\n\t\t\t\t\t\t\t\t<InputGroup>\n\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\taria-label=\"Puhelinnumero\"\n\t\t\t\t\t\t\t\t\t\tdisabled={isSubmitted || isSubmitting}\n\t\t\t\t\t\t\t\t\t\tdata-white={true}\n\t\t\t\t\t\t\t\t\t\tname=\"phone\"\n\t\t\t\t\t\t\t\t\t\tonBlur={handleBlur}\n\t\t\t\t\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\t\t\t\t\tplaceholder=\"Puhelinnumero\"\n\t\t\t\t\t\t\t\t\t\ttype=\"tel\"\n\t\t\t\t\t\t\t\t\t\tvalue={values[\"phone\"]}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t<FaIcon icon=\"phone\" />\n\t\t\t\t\t\t\t\t\t<ErrorMessage component=\"p\" name=\"phone\">\n\t\t\t\t\t\t\t\t\t\t{msg => <FormError>{msg}</FormError>}\n\t\t\t\t\t\t\t\t\t</ErrorMessage>\n\t\t\t\t\t\t\t\t</InputGroup>\n\t\t\t\t\t\t\t\t<InputGroup>\n\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\taria-label=\"Sähköpostiosoite\"\n\t\t\t\t\t\t\t\t\t\tdisabled={isSubmitted || isSubmitting}\n\t\t\t\t\t\t\t\t\t\tdata-white={true}\n\t\t\t\t\t\t\t\t\t\tname=\"email\"\n\t\t\t\t\t\t\t\t\t\tonBlur={handleBlur}\n\t\t\t\t\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\t\t\t\t\tplaceholder=\"Sähköposti\"\n\t\t\t\t\t\t\t\t\t\ttype=\"email\"\n\t\t\t\t\t\t\t\t\t\tvalue={values[\"email\"]}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t<FaIcon icon=\"envelope\" />\n\t\t\t\t\t\t\t\t\t<ErrorMessage component=\"p\" name=\"email\">\n\t\t\t\t\t\t\t\t\t\t{msg => <FormError>{msg}</FormError>}\n\t\t\t\t\t\t\t\t\t</ErrorMessage>\n\t\t\t\t\t\t\t\t</InputGroup>\n\n\t\t\t\t\t\t\t\t{withPostcode && (\n\t\t\t\t\t\t\t\t\t<InputGroup>\n\t\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\t\taria-label=\"Postinumero\"\n\t\t\t\t\t\t\t\t\t\t\tdisabled={isSubmitted || isSubmitting}\n\t\t\t\t\t\t\t\t\t\t\tdata-white={true}\n\t\t\t\t\t\t\t\t\t\t\tname=\"postCode\"\n\t\t\t\t\t\t\t\t\t\t\tonBlur={handleBlur}\n\t\t\t\t\t\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Postinumero\"\n\t\t\t\t\t\t\t\t\t\t\tvalue={values[\"postCode\"]}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<FaIcon icon=\"map-marker-alt\" />\n\t\t\t\t\t\t\t\t\t\t<ErrorMessage component=\"p\" name=\"postCode\">\n\t\t\t\t\t\t\t\t\t\t\t{msg => <FormError>{msg}</FormError>}\n\t\t\t\t\t\t\t\t\t\t</ErrorMessage>\n\t\t\t\t\t\t\t\t\t</InputGroup>\n\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t<Textarea\n\t\t\t\t\t\t\t\t\taria-label=\"Viesti\"\n\t\t\t\t\t\t\t\t\tdisabled={isSubmitted || isSubmitting}\n\t\t\t\t\t\t\t\t\tdata-white={true}\n\t\t\t\t\t\t\t\t\tid=\"message\"\n\t\t\t\t\t\t\t\t\tname=\"message\"\n\t\t\t\t\t\t\t\t\tonBlur={handleBlur}\n\t\t\t\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\t\t\t\tplaceholder=\"Viestisi\"\n\t\t\t\t\t\t\t\t\tvalue={values[\"message\"]}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<ErrorMessage component=\"p\" name=\"message\">\n\t\t\t\t\t\t\t\t\t{msg => <FormError>{msg}</FormError>}\n\t\t\t\t\t\t\t\t</ErrorMessage>\n\n\t\t\t\t\t\t\t\t{isSubmitted && (\n\t\t\t\t\t\t\t\t\t<ThankYouMessage>\n\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t\t\t\t<FaIcon icon=\"stars\" />\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\tKiitos yhteydenotosta!\n\t\t\t\t\t\t\t\t\t</ThankYouMessage>\n\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t{!isSubmitted && (\n\t\t\t\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t\t\t\t<GdprLink>\n\t\t\t\t\t\t\t\t\t\t\t<Link to=\"/tietosuoja\" target=\"_blank\">\n\t\t\t\t\t\t\t\t\t\t\t\tTietosuojaseloste\n\t\t\t\t\t\t\t\t\t\t\t</Link>\n\t\t\t\t\t\t\t\t\t\t</GdprLink>\n\n\t\t\t\t\t\t\t\t\t\t<CtaButton\n\t\t\t\t\t\t\t\t\t\t\ttext={buttonText}\n\t\t\t\t\t\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\t\t\t\t\t\tdisabled={isSubmitting}\n\t\t\t\t\t\t\t\t\t\t\tsubmitting={isSubmitting}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</form>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</Formik>\n\t\t\t\t</Suspense>\n\t\t\t)}\n\t\t</FormWrapper>\n\t);\n};\n\nexport default ContactFormBasic;\n","import styled from \"styled-components\";\nimport { ribbon, media, boxShadow, color, textStyles } from \"@utils/style-utils\";\n\nexport const FormContainer = styled.div.attrs(() => ({\n\tclassName: \"homevisit-form\",\n}))`\n\tbackground: ${color(\"white\")};\n\tbox-shadow: ${boxShadow.hugeLight};\n\tposition: relative;\n\tpadding: 50px 30px 20px;\n\n\t@media print {\n\t\tdisplay: none !important;\n\t}\n\n\t${media.md`\n\t\tpadding-top: 66px;\n\n\t\t> * {\n\t\t\tmargin-left: auto;\n\t\t\tmargin-right: auto;\n\t\t\tmax-width: 312px;\n\t\t}\n\t`}\n\n\t&::before {\n\t\t${ribbon}\n\t\tcontent: '';\n\t\theight: 6px;\n\t\tleft: 0;\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\twidth: 100%;\n\t}\n\n\ttextarea {\n\t\tmargin-top: 16px;\n\t}\n\n\tinput,\n\ttextarea {\n\t\tbackground: ${color(\"grey\", 7)} !important;\n\t}\n\n\t.basic-form {\n\t\tbackground: ${color(\"white\")};\n\t\tborder: 0;\n\t\tpadding-left: 0;\n\t\tpadding-right: 0;\n\t\tpadding-top: 5px;\n\n\t\tbutton {\n\t\t\twidth: 100%;\n\t\t}\n\t}\n\n\th3 {\n\t\t${textStyles.H3Condensed}\n\t\tmargin-bottom: 24px;\n\t\tmargin-top: 0;\n\t\ttext-align: center;\n\t}\n\n\tp {\n\t\t${textStyles.PSmallCondensed}\n\t\tcolor: ${color(\"grey\", 2)};\n\t\ttext-align: center;\n\n\t\tstrong {\n\t\t\tcolor: ${color(\"grey\", 1)};\n\t\t\tfont-weight: 500;\n\t\t}\n\t}\n`;\n","import React from \"react\";\nimport Editor from \"wake-react-components/editor\";\nimport BasicContactForm from \"@components/Form/ContactFormBasic\";\nimport { FormContainer } from \"./styles\";\n\nconst defaultText = `<p>Kutsu v&auml;litt&auml;j&auml;mme Kotik&auml;ynnille, kun haluat keskustella tarkemmin asunnon myynnist&auml; ja arvosta. V&auml;litt&auml;jiemme antamat hinta-arviot ovat toteutuneet tilastojemme mukaan keskim&auml;&auml;rin 98 prosenttisesti.</p><p><strong>Kotik&auml;ynti ei sido sinua mihink&auml;&auml;n eik&auml; aiheuta sinulle mit&auml;&auml;n kuluja.</strong></p>`;\n\nconst HomevisitSmallForm = props => {\n\treturn (\n\t\t<FormContainer {...props}>\n\t\t\t<h3>Pyyd&auml; perusteltu hinta-arvio asunnostasi!</h3>\n\t\t\t<Editor name=\"homeVisitLiftContent\" placeholder=\"Lomakkeen lyhyt kuvausteksti\" defaultValue={defaultText} />\n\t\t\t<BasicContactForm buttonText=\"Tilaa kotikäynti\" withTitle={false} subjectIndex={2} withPostcode={true} agent={props.agent || null} agency={props.agency || null} />\n\t\t</FormContainer>\n\t);\n};\n\nexport default HomevisitSmallForm;\n","import styled from \"styled-components\";\nimport { color, media, textStyles } from \"@utils/style-utils\";\n\nexport const QuoteContainer = styled.div`\n\tmargin: 40px auto;\n\tmax-width: 662px;\n\ttext-align: center;\n\n\t${media.md`\n\t\tmargin: 50px auto;\n\t`}\n\n\t${media.lg`\n\t\tmargin: 80px auto;\n\t`}\n\n\tp {\n\t\t${textStyles.PLarge}\n\t\tcolor: ${color(\"greenDark\", 2)};\n\t}\n`;\n","import React from \"react\";\nimport Text from \"wake-react-components/text\";\nimport { QuoteContainer } from \"./styles\";\nimport { isAdmin } from \"wake-react-components/utils\";\n\nconst ArticleQuote = () => {\n\tconst Tag = isAdmin ? \"div\" : \"p\";\n\treturn (\n\t\t<QuoteContainer>\n\t\t\t<Tag>\n\t\t\t\t<Text name=\"articleQuote\" placeholder=\"Lainausteksti\" multiline={true} />\n\t\t\t</Tag>\n\t\t</QuoteContainer>\n\t);\n};\n\nArticleQuote.thumb = () => <p>Lainausteksti</p>;\n\nexport default ArticleQuote;\n","import styled from \"styled-components\";\nimport { media } from \"@utils/style-utils\";\n\nexport const PreviewWrapper = styled.div`\n\tmargin: 40px auto;\n\tmax-width: 662px;\n\n\t${media.md`\n\t\tmargin: 50px auto;\n\t`}\n\n\t${media.lg`\n\t\tmargin: 80px auto;\n\t`}\n`;\n","import React, { useState, Fragment } from \"react\";\nimport Text from \"wake-react-components/text\";\nimport Modal from \"@components/Modal\";\nimport YoutubeEmbed from \"@components/Embeds/Youtube\";\nimport YoutubePreview from \"@components/Embeds/Youtube/Preview\";\nimport { isAdmin } from \"wake-react-components/utils\";\nimport isEmpty from \"lodash-es/isEmpty\";\nimport { PreviewWrapper } from \"./styles\";\n\nconst ArticleYoutube = ({ item }) => {\n\tconst [modalOpen, setModalOpen] = useState(false);\n\n\treturn (\n\t\t<Fragment>\n\t\t\t{isAdmin && <Text name=\"embedYoutubeID\" placeholder=\"Youtube videon ID\" multiline={true} />}\n\t\t\t<PreviewWrapper>\n\t\t\t\t{!isEmpty(item) && !isEmpty(item.embedYoutubeID) && (\n\t\t\t\t\t<YoutubePreview id={item.embedYoutubeID} onClick={() => setModalOpen(true)} />\n\t\t\t\t)}\n\t\t\t</PreviewWrapper>\n\n\t\t\t{modalOpen && (\n\t\t\t\t<Modal\n\t\t\t\t\tcontent={<YoutubeEmbed videoID={item.embedYoutubeID} autoplay={true} />}\n\t\t\t\t\tonClose={() => setModalOpen(false)}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</Fragment>\n\t);\n};\n\nArticleYoutube.thumb = () => <p>Youtube embed</p>;\n\nexport default ArticleYoutube;\n","import styled from \"styled-components\";\nimport { media } from \"@utils/style-utils\";\n\nexport const BodyWrapper = styled.div`\n\tmargin-bottom: 30px;\n\n\t${media.md`\n\t\tmargin-bottom: 50px;\n\t`}\n\n\t${media.lg`\n\t\tmargin-bottom: 64px;\n\t`}\n\n\t> div {\n\t\t:first-child {\n\t\t\tmargin-top: 0;\n\t\t}\n\t}\n`;\n","import React from \"react\";\nimport Editor from \"wake-react-components/editor\";\nimport { BodyWrapper } from \"./styles\";\n\nconst ArticleBody = () => {\n\treturn (\n\t\t<BodyWrapper>\n\t\t\t<Editor name=\"articleBodyContent\" />\n\t\t</BodyWrapper>\n\t);\n};\n\nArticleBody.thumb = () => <p>Leipäteksti</p>;\n\nexport default ArticleBody;\n","import styled from \"styled-components\";\nimport { media, grid, color, textStyles } from \"@utils/style-utils\";\n\nexport const Writers = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tmargin: 40px 0;\n\n\t${media.md`\n\t\tflex-direction: row;\n\t\tjustify-content: space-between;\n\t\tmargin: 60px 0;\n\t`}\n\n\t${media.lg`\n\t\tmargin: 80px 0;\n\t`}\n`;\n\nexport const Writer = styled.div`\n\tdisplay: flex;\n\tflex-basis: 100%;\n\tmargin-bottom: 20px;\n\n\t${media.md`\n\t\tflex-basis: calc((100% - ${grid.gutter}px) / 2);\n\t`}\n`;\n\nexport const WriterImage = styled.div`\n\tborder: 1px solid ${color(\"grey\", 5)};\n\tborder-radius: 50%;\n\tflex-shrink: 0;\n\theight: 80px;\n\toverflow: hidden;\n\tposition: relative;\n\twidth: 80px;\n\n\timg {\n\t\tdisplay: block;\n\t\tleft: 50%;\n\t\tposition: absolute;\n\t\ttop: 50%;\n\t\ttransform: translate(-50%, -50%);\n\t\twidth: 100%;\n\t}\n\n\t${media.lg`\n\t\theight: 100px;\n\t\twidth: 100px;\n\t`}\n`;\n\nexport const WriterInfo = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\tpadding-left: 17px;\n\n\t.writer-name {\n\t\t${textStyles.MicroTextCaps}\n\t\tcolor: ${color(\"grey\", 1)};\n\t\tmargin-bottom: 6px;\n\n\t\tp {\n\t\t\t${textStyles.MicroTextCaps}\n\t\t\tcolor: ${color(\"grey\", 1)};\n\t\t}\n\t}\n\n\t.writer-title {\n\t\t${textStyles.MicroText}\n\t\tcolor: ${color(\"grey\", 2)};\n\n\t\tp {\n\t\t\t${textStyles.MicroText}\n\t\t\tcolor: ${color(\"grey\", 2)};\n\t\t}\n\t}\n`;\n","import React, { Fragment } from \"react\";\nimport Repeater from \"wake-react-components/repeater\";\nimport { Writers, Writer, WriterImage, WriterInfo } from \"./styles\";\nimport Image from \"wake-react-components/image\";\nimport Text from \"wake-react-components/text\";\n\nconst ArticleWriter = () => {\n\treturn (\n\t\t<Writers>\n\t\t\t<Repeater name=\"articleWriters\" limit={2} tagName={Writer}>\n\t\t\t\t<Fragment>\n\t\t\t\t\t<WriterImage>\n\t\t\t\t\t\t<Image name=\"writerImage\" sizeInfo={[200, 200]} />\n\t\t\t\t\t</WriterImage>\n\t\t\t\t\t<WriterInfo>\n\t\t\t\t\t\t<div className=\"writer-name\">\n\t\t\t\t\t\t\t<Text name=\"writerName\" placeholder={\"Kirjoittajan nimi\"} multiline={true} />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div className=\"writer-title\">\n\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\tname=\"writerTitle\"\n\t\t\t\t\t\t\t\tplaceholder=\"Kirjoittajan lisätiedot. (esim titteli, koulutus)\"\n\t\t\t\t\t\t\t\tmultiline={true}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</WriterInfo>\n\t\t\t\t</Fragment>\n\t\t\t</Repeater>\n\t\t</Writers>\n\t);\n};\n\nArticleWriter.thumb = () => <p>Artikkelin kirjoittaja(t)</p>;\n\nexport default ArticleWriter;\n","import styled from \"styled-components\";\nimport { Link } from \"react-router-dom\";\nimport { color, textStyles } from \"@utils/style-utils\";\n\nexport const ArticleList = styled.div.attrs(() => ({\n\tclassName: \"article-list\",\n}))`\n\th3 {\n\t\tmargin-bottom: 32px;\n\t\tmargin-top: 0;\n\t}\n`;\n\nexport const ArticleItem = styled(Link)`\n\talign-items: center;\n\tdisplay: flex;\n\tborder-bottom: 1px solid ${color(\"grey\", 5)};\n\tpadding: 24px 0;\n\ttext-decoration: none;\n\n\t&:first-of-type {\n\t\tborder-top: 1px solid ${color(\"grey\", 5)};\n\t}\n\n\t.title {\n\t\t${textStyles.PSmall}\n\t\tcolor: ${color(\"grey\", 1)};\n\t\tflex-grow: 1;\n\t\tpadding-right: 12px;\n\t}\n\n\t.icon {\n\t\tcolor: ${color(\"greenBright\", 1)};\n\t\tfont-size: 20px;\n\t\tmargin-left: 10px;\n\n\t\tsvg {\n\t\t\tmax-width: 20px;\n\t\t}\n\t}\n\n\t.is-pointer & {\n\t\t&:hover .title {\n\t\t\tcolor: ${color(\"greenBright\", 1)};\n\t\t}\n\t}\n`;\n","import React from \"react\";\nimport isEmpty from \"lodash-es/isEmpty\";\nimport { ArticleList, ArticleItem } from \"./styles\";\nimport { FontAwesomeIcon as FaIcon } from \"@fortawesome/react-fontawesome\";\n\nconst ArticleSimilarList = ({ doc }) => {\n\tif (isEmpty(doc)) {\n\t\treturn null;\n\t}\n\n\ttry {\n\t\tconst { shortClassName } = doc;\n\n\t\tif (isEmpty(shortClassName)) {\n\t\t\treturn null;\n\t\t}\n\n\t\tconst { ArticlesAuthor, ArticlesGroup, ArticlesGroupAll } = doc.page || {\n\t\t\tArticlesAuthor: null,\n\t\t\tArticlesGroup: null,\n\t\t\tArticlesGroupAll: null,\n\t\t};\n\t\tconst isAgentArticle = shortClassName && shortClassName.endsWith(\"AgentArticle\");\n\n\t\tconst articles = isAgentArticle ? ArticlesAuthor : ArticlesGroup || ArticlesGroupAll;\n\t\tconst title = isAgentArticle ? \"Lisää samalta kirjoittajalta\" : \"Uusimmat aiheesta\";\n\n\t\tif (isEmpty(articles)) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn (\n\t\t\t<ArticleList>\n\t\t\t\t<h3>{title}</h3>\n\t\t\t\t{articles.map(({ canonicalPath, name }, idx) => (\n\t\t\t\t\t<ArticleItem key={\"articleitem_\" + idx} to={canonicalPath ? canonicalPath : \"#\"}>\n\t\t\t\t\t\t<span className=\"title\">{name}</span>\n\t\t\t\t\t\t<span className=\"icon\">\n\t\t\t\t\t\t\t<FaIcon icon=\"angle-right\" />\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</ArticleItem>\n\t\t\t\t))}\n\t\t\t</ArticleList>\n\t\t);\n\t} catch (e) {\n\t\tconsole.log(e);\n\t\treturn null;\n\t}\n};\n\nexport default ArticleSimilarList;\n","import React, { Fragment, useRef, useEffect, useState } from \"react\";\nimport { useSelector } from \"react-redux\";\nimport { IApplicationState } from \"@redux\";\n\nimport Text from \"wake-react-components/text\";\nimport Editor from \"wake-react-components/editor\";\nimport Input from \"wake-react-components/input\";\nimport Blocklist from \"wake-react-components/blocklist\";\nimport { isAdmin } from \"wake-react-components/utils\";\n\nimport {\n\tArticleHero,\n\tArticleContentWrapper,\n\tArticleContent,\n\tArticleSidebar,\n\tArticleTitle,\n\tArticleIngress,\n\tArticleGroups,\n\tArticleBodyText,\n\tArticleFooter,\n\tIcon,\n\tWriter,\n\tArticleCardsWrapper,\n} from \"@pages/ArticlePage/styles\";\n\nimport { hasWindow, getSeconds } from \"@utils\";\n\nimport isEmpty from \"lodash-es/isEmpty\";\nimport throttle from \"lodash-es/throttle\";\nimport { Link } from \"react-router-dom\";\nimport { FacebookShareButton, TwitterShareButton, EmailShareButton } from \"react-share\";\nimport { FontAwesomeIcon as FaIcon } from \"@fortawesome/react-fontawesome\";\nimport format from \"date-fns/format\";\n\nimport HomevisitForm from \"@components/Form/HomevisitSmallForm\";\nimport ArticleQuote from \"@components/Article/ArticleQuote\";\nimport ArticleYoutube from \"@components/Article/ArticleYoutube\";\nimport ArticleBody from \"@components/Article/ArticleBody\";\nimport ArticleWriter from \"@components/Article/ArticleWriter\";\nimport ArticleSimilarList from \"@components/Article/ArticleSimilarList\";\nimport WhyKm from \"@components/WhyKm\";\nimport ArticleCards from \"@components/ArticleCards\";\nimport { Container } from \"@components/Grid\";\n\nconst ArticleBlocks = {\n\tArticleBody,\n\tArticleQuote,\n\tArticleWriter,\n\tArticleYoutube,\n};\n\nconst AgentOwnArticle = () => {\n\tconst doc = useSelector((store: IApplicationState) => store.document);\n\n\tif (isEmpty(doc)) {\n\t\treturn null;\n\t}\n\tconst { leadParagraph, memberOf, hideHomeVisitForm, shortClassName, modified } = doc;\n\n\tconst isAgentArticle = shortClassName ? shortClassName !== \"Article\" : false;\n\n\tconst ingressRef = useRef(null);\n\tconst contentRef = useRef(null);\n\tconst sidebarRef = useRef(null);\n\n\tconst [share, setShare] = useState({\n\t\ttitle: \"\",\n\t\turl: \"\",\n\t});\n\n\tconst d = getSeconds(modified) * 1000;\n\tconst articleDate = format(d, \"DD.MM.YYYY\");\n\n\tconst widthLg = 991;\n\tconst alignTopsWithForm = () => {\n\t\tif (isAdmin || hideHomeVisitForm) {\n\t\t\treturn;\n\t\t}\n\n\t\ttry {\n\t\t\tconst { current: ingress } = ingressRef;\n\t\t\tconst { current: sidebar } = sidebarRef;\n\n\t\t\tif (hasWindow && window.innerWidth > widthLg && sidebar) {\n\t\t\t\tsidebar.style.marginTop = 0;\n\t\t\t\tconst { top: ingressTop } = ingress.getBoundingClientRect();\n\t\t\t\tconst { top: sidebarTop } = sidebar.getBoundingClientRect();\n\n\t\t\t\tconst difference = ingressTop - sidebarTop;\n\t\t\t\tsidebar.style.marginTop = `${difference}px`;\n\t\t\t} else {\n\t\t\t\tsidebar.style.marginTop = 0;\n\t\t\t}\n\t\t} catch (e) {\n\t\t\tconsole.log(e);\n\t\t}\n\t};\n\n\tconst onResize = () => {\n\t\talignTopsWithForm();\n\t};\n\n\tuseEffect(() => {\n\t\tif (!hideHomeVisitForm && sidebarRef.current && ingressRef.current) {\n\t\t\talignTopsWithForm();\n\t\t}\n\t}, [sidebarRef.current, ingressRef.current]);\n\n\tuseEffect(() => {\n\t\tif (hasWindow) {\n\t\t\twindow.addEventListener(\"resize\", throttle(onResize, 100));\n\n\t\t\treturn () => {\n\t\t\t\twindow.removeEventListener(\"resize\", throttle(onResize, 100));\n\t\t\t};\n\t\t}\n\t}, []);\n\n\tuseEffect(() => {\n\t\tsetShare({\n\t\t\ttitle: doc.name,\n\t\t\turl: location.href,\n\t\t});\n\t}, [doc.documentID]);\n\n\treturn (\n\t\t<Fragment>\n\t\t\t<ArticleHero>\n\t\t\t\t<ArticleContentWrapper>\n\t\t\t\t\t<ArticleContent>\n\t\t\t\t\t\t<ArticleTitle>\n\t\t\t\t\t\t\t<Text name=\"name\" placeholder=\"Artikkelin otsikko\" />\n\t\t\t\t\t\t</ArticleTitle>\n\t\t\t\t\t</ArticleContent>\n\t\t\t\t</ArticleContentWrapper>\n\t\t\t\t<ArticleContentWrapper>\n\t\t\t\t\t<ArticleContent ref={ingressRef}>\n\t\t\t\t\t\t{(isAdmin || (!isAdmin && !isEmpty(leadParagraph))) && (\n\t\t\t\t\t\t\t<ArticleIngress>\n\t\t\t\t\t\t\t\t<Text name=\"leadParagraph\" placeholder=\"Ingressi\" multiline={true} />\n\t\t\t\t\t\t\t</ArticleIngress>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t{/* {!isEmpty(memberOf) && (\n\t\t\t\t\t\t\t<ArticleGroups>\n\t\t\t\t\t\t\t\t{memberOf.filter(groupFilter).map(({ name, canonicalPath }, index) => (\n\t\t\t\t\t\t\t\t\t<Link to={canonicalPath} key={\"memberOf-\" + index}>\n\t\t\t\t\t\t\t\t\t\t<span>{name}</span>\n\t\t\t\t\t\t\t\t\t</Link>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</ArticleGroups>\n\t\t\t\t\t\t)} */}\n\t\t\t\t\t</ArticleContent>\n\t\t\t\t</ArticleContentWrapper>\n\t\t\t</ArticleHero>\n\t\t\t<ArticleContentWrapper>\n\t\t\t\t<ArticleBodyText ref={contentRef}>\n\t\t\t\t\t<Editor name=\"articleContent\" placeholder=\"Artikkelin sisältö\" className=\"article-content\" />\n\n\t\t\t\t\t<Blocklist blocks={ArticleBlocks} name=\"articleBlocks\" />\n\n\t\t\t\t\t<ArticleFooter>\n\t\t\t\t\t\t<Icon title=\"Jaa Facebookissa\" first={true}>\n\t\t\t\t\t\t\t<FacebookShareButton url={share.url} additionalProps={{ \"aria-label\": \"Jaa Facebookissa\" }}>\n\t\t\t\t\t\t\t\t<FaIcon icon={[\"fab\", \"facebook-square\"]} />\n\t\t\t\t\t\t\t</FacebookShareButton>\n\t\t\t\t\t\t</Icon>\n\n\t\t\t\t\t\t<Icon title=\"Jaa Twitterissä\">\n\t\t\t\t\t\t\t<TwitterShareButton\n\t\t\t\t\t\t\t\turl={share.url}\n\t\t\t\t\t\t\t\ttitle={share.title}\n\t\t\t\t\t\t\t\tadditionalProps={{ \"aria-label\": \"Jaa Twitterissä\" }}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<FaIcon icon={[\"fab\", \"twitter\"]} />\n\t\t\t\t\t\t\t</TwitterShareButton>\n\t\t\t\t\t\t</Icon>\n\n\t\t\t\t\t\t<Icon title=\"Jaa sähköpostilla\">\n\t\t\t\t\t\t\t<EmailShareButton url={share.url} additionalProps={{ \"aria-label\": \"Jaa sähköpostilla\" }}>\n\t\t\t\t\t\t\t\t<FaIcon icon={[\"fas\", \"envelope\"]} />\n\t\t\t\t\t\t\t</EmailShareButton>\n\t\t\t\t\t\t</Icon>\n\n\t\t\t\t\t\t<span className=\"spacer-vertical\" />\n\n\t\t\t\t\t\t<Writer>\n\t\t\t\t\t\t\t{articleDate}\n\t\t\t\t\t\t\t{!isAgentArticle ? \" Kiinteistömaailma\" : \"\"}\n\t\t\t\t\t\t</Writer>\n\n\t\t\t\t\t\t<span className=\"spacer\" />\n\n\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\taria-label=\"Tulosta\"\n\t\t\t\t\t\t\tlast={true}\n\t\t\t\t\t\t\ttitle=\"Tulosta\"\n\t\t\t\t\t\t\tonClick={() => window.print()}\n\t\t\t\t\t\t\tclassName=\"print-icon\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<FaIcon icon={[\"fas\", \"print\"]} />\n\t\t\t\t\t\t</Icon>\n\t\t\t\t\t</ArticleFooter>\n\t\t\t\t</ArticleBodyText>\n\t\t\t\t<ArticleSidebar ref={sidebarRef}>\n\t\t\t\t\t{isAdmin && (\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<label htmlFor=\"hideForm\">\n\t\t\t\t\t\t\t\tPiilota lomake:\n\t\t\t\t\t\t\t\t<Input type=\"checkbox\" name=\"hideHomeVisitForm\" id=\"hideForm\" />\n\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t{!hideHomeVisitForm && <HomevisitForm\n\t\t\t\t\t\tagent={doc.agentKey && doc.agentKey[0] ? doc.agentKey[0] : null}\n\t\t\t\t\t\tagency={doc.agencyKey && doc.agencyKey[0] ? doc.agencyKey[0] : null}\n\t\t\t\t\t/>}\n\n\t\t\t\t\t<ArticleSimilarList doc={doc} />\n\t\t\t\t</ArticleSidebar>\n\t\t\t</ArticleContentWrapper>\n\n\t\t\t<WhyKm />\n\t\t</Fragment>\n\t);\n};\nexport default AgentOwnArticle;\n"],"sourceRoot":""}