{"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","hooks/use-click-outside.tsx","components/AreaNavigation/styles.js","components/AreaNavigation/index.tsx","components/GoogleMap/styles.js","components/GoogleMap/index.tsx","components/StickyContactBar/styles.js","components/StickyContactBar/index.tsx","components/MultiAgency/AgencySelector/styles.js","components/MultiAgency/AgencySelector/Results/styles.js","components/MultiAgency/AgencySelector/Results/index.tsx","components/MultiAgency/AgencySelector/index.tsx","components/MultiAgency/MultiAgencyForm/styles.js","components/MultiAgency/MultiAgencyForm/index.tsx","components/MultiAgency/MultiAgencyIntroduction/styles.js","components/MultiAgency/MultiAgencyIntroduction/index.tsx","components/MultiAgency/MultiAgencyStats/styles.js","components/MultiAgency/MultiAgencyStats/index.tsx","pages/MultiAgencyPage/styles.js","pages/MultiAgencyPage/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","useOnClickOutside","handler","listener","event","target","contains","AreaNavContainer","position","AreaNav","nav","media","lgx","_templateObject","_taggedTemplateLiteral","isBlue","darken","connect","state","doc","blue","data","areaNavi","isEmpty","page","getAreaNavi","map","_ref","index","name","link","active","Link","key","to","MapContainer","pulse","keyframes","MapLoader","centerOfFinland","lat","lng","GoogleApiWrapper","LoadingContainer","apiKey","language","addBounds","forcedBounds","google","initialCenter","markers","onMarkerClicked","zoom","mapBounds","setMapBounds","useState","mapRef","bounds","maps","LatLngBounds","length","forEach","extend","LatLng","Number","_ref2","northEast","getNorthEast","southWest","getSouthWest","equals","extendPoint1","extendPoint2","onMarkerClick","Map","mapCenter","_ref3","Marker","anchor","Point","scaledSize","Size","url","getAssetUrl","StickyWrapper","sticky","StickyElement","StickyContactBar","children","stickRef","onScroll","throttle","stickyElem","SelectorWrapper","InputIcon","InputWrapper","ClearButton","button","ariaLabel","ResultsContainer","boxShadow","wide","Result","lg","AgencySelectorResults","agencies","onCancel","onSelection","resultsRef","activeIndex","setActiveIndex","currentlyActive","onKeyDown","navigateResults","selectAgency","dir","newIndex","end","clickedAgency","agency","item","querySelector","dataset","agencyKey","filter","scrollToActiveElement","itemTop","bottom","itemBottom","containerTop","containerBottom","scrollTop","data-agency-key","marketingName","getOnlyNeeded","responsibleFor","AgencySelector","setAgencies","fetching","setFetching","matchedAgencies","setMatchedAgencies","selectedAgency","setSelectedAgency","inputRef","isRendering","fetched","__awaiter","agencySearchService","fetchAgencies","results","trimmed","type","placeholder","onChange","value","matching","match","postcode","substring","push","disabled","removeSelectedAgency","focus","Results","cancelSelection","blur","FormWrapper","hasError","Error","Label","p","md","MultiAgencyForm","error","setError","AgencyContactForm","disableIfPropNotDefined","onPropMissing","FormError","IntroductionHeading","hasVideo","_templateObject2","IntroductionContent","_templateObject3","ml","_templateObject4","IntroductionText","_templateObject5","grid","gutterSmall","_templateObject6","gutter","textStyles","PMedium","IntroductionVideo","_templateObject7","_templateObject8","MultiAgencyIntroduction","agencyCity","multiagencyIntroHeading","multiAgencyIntroduction","youtubeID","modalOpen","setModalOpen","isAdmin","Text","Editor","toggleModal","open","StatsWrapper","StatsTitle","h2","StatsContainer","count","smd","Stat","StatValue","h4","StatLabel","PSmall","MultiAgencyStats","agentsCount","propertiesCount","agencyCount","visibleCount","BgContainer","MultiAgencyHero","MultiAgencyHeroContent","MultiAgencyBody","H1","MultiAgencyMap","MultiAgencySticky","_templateObject9","buttons","ctaLink","_templateObject10","withFilter","agencyCoords","coordinates","latitude","longitude","useParallax","speed","historyTracker","trackHistory","Fragment","AreaNavigation","srcSet","RancidBanner","bannerColor","scrollToForm","SmoothScroll","scrollTo","Container","AgencyList","sortBy","GoogleMap"],"mappings":"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","file":"assets/js/pages-MultiAgencyPage.chunk.js?cb=bab36b35974c55072a02","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 React, { useEffect, RefObject } from 'react';\n\nconst useOnClickOutside = (ref: RefObject<HTMLElement>, handler: (e?: MouseEvent | TouchEvent) => void) => {\n\tuseEffect(() => {\n\t\tconst listener = (event: MouseEvent | TouchEvent) => {\n\t\t\tconst target = (event.target as HTMLElement);\n\t\t\t// Do nothing if clicking ref's element or descendent elements\n\t\t\tif (!ref.current || ref.current.contains(target)) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\thandler(event);\n\t\t};\n\n\t\tdocument.addEventListener('mousedown', listener);\n\t\tdocument.addEventListener('touchstart', listener);\n\n\t\treturn () => {\n\t\t\tdocument.removeEventListener('mousedown', listener);\n\t\t\tdocument.removeEventListener('touchstart', listener);\n\t\t};\n\t}, []);\n};\n\nexport default useOnClickOutside;","import styled from \"styled-components\";\nimport { media, color } from \"@utils/style-utils\";\nimport { darken } from \"polished\";\n\nexport const AreaNavContainer = styled.div.attrs(() => ({\n\tclassName: \"area-nav-container\",\n\tid: \"area-nav-container\",\n}))`\n\tborder-top: 1px solid #d7e9e4;\n\tleft: 0;\n\tposition: ${props => props.position || \"absolute\"};\n\ttop: 56px;\n\twidth: 100%;\n\n\t@media (min-width: 530px) {\n\t\ttop: 65px;\n\t}\n\n\t&.area-nav--property {\n\t\tborder-top: 0;\n\t\tposition: relative;\n\t}\n`;\n\nexport const AreaNav = styled.nav.attrs(() => ({\n\tclassName: \"area-nav\",\n\tid: \"area-nav\",\n}))`\n\tdisplay: none;\n\tflex-wrap: wrap;\n\tjustify-content: center;\n\tmargin: 0 auto;\n\tmax-width: 1050px;\n\tpadding-left: 15px;\n\tpadding-right: 15px;\n\twidth: 100%;\n\n\t${media.lgx`\n\t\tdisplay: flex;\n\t`}\n\n\ta {\n\t\tcolor: ${props => (props.isBlue ? darken(0.1, color(\"blue\", 2)) : color(\"greenDark\", 2))};\n\t\tdisplay: inline-block;\n\t\tfont-size: 14px;\n\t\tfont-weight: 500;\n\t\tmargin: 10px 13px;\n\t\tpadding: 14px 10px;\n\t\ttext-decoration: none;\n\t\ttransition: color 150ms;\n\n\t\t&:hover {\n\t\t\tcolor: ${props => (props.isBlue ? darken(0.2, color(\"blue\", 1)) : color(\"greenDark\", 1))};\n\t\t}\n\n\t\t&.is-active {\n\t\t\tcolor: ${props => (props.isBlue ? darken(0.2, color(\"blue\", 1)) : color(\"greenDark\", 1))};\n\t\t}\n\t}\n`;\n","import React, { useEffect } from \"react\";\nimport { connect } from \"react-redux\";\nimport isEmpty from \"lodash-es/isEmpty\";\nimport { IApplicationState } from \"@redux\";\nimport { AreaNavContainer, AreaNav } from \"./styles\";\nimport { IDocument } from \"@redux/document\";\nimport { Link } from \"react-router-dom\";\nimport { hasWindow } from \"@utils\";\n\ninterface IAreaNavLink {\n\tactive: boolean;\n\tname: string;\n\tlink: string;\n}\n\nconst getAreaNavi = (doc: IDocument): IAreaNavLink[] => {\n\tif (!isEmpty(doc) && !isEmpty(doc.areaNavi)) {\n\t\treturn doc.areaNavi;\n\t} else if (!isEmpty(doc) && !isEmpty(doc.page) && !isEmpty(doc.page.areaNavi)) {\n\t\treturn doc.page.areaNavi;\n\t} else {\n\t\treturn [];\n\t}\n};\n\ninterface IProps {\n\tdoc: IDocument;\n\tdata?: object;\n\tposition?: string;\n\tblue?: boolean;\n\t[key: string]: any;\n}\n\nconst AreaNavigation = (props: IProps) => {\n\tconst { blue, doc, data, ...rest } = props;\n\tconst areaNavi: IAreaNavLink[] = getAreaNavi(data || doc);\n\n\tuseEffect(() => {\n\t\tif (hasWindow) {\n\t\t\tdocument.body.classList.add(\"has-area-nav\");\n\n\t\t\treturn () => {\n\t\t\t\tdocument.body.classList.remove(\"has-area-nav\");\n\t\t\t};\n\t\t}\n\t}, []);\n\n\tif (isEmpty(areaNavi)) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<AreaNavContainer {...rest}>\n\t\t\t<AreaNav isBlue={blue}>\n\t\t\t\t{areaNavi.map(({ name, link, active }: IAreaNavLink, index: number) => (\n\t\t\t\t\t<Link key={\"arealink-\" + index} to={link} className={active ? \"is-active\" : \"\"}>\n\t\t\t\t\t\t{name}\n\t\t\t\t\t</Link>\n\t\t\t\t))}\n\t\t\t</AreaNav>\n\t\t</AreaNavContainer>\n\t);\n};\n\nconst mapStateToProps = (state: IApplicationState) => ({\n\tdoc: state.document,\n});\n\nexport default connect(mapStateToProps)(AreaNavigation);\n","import styled, { keyframes } from \"styled-components\";\nimport { color } from \"@utils/style-utils\";\n\nexport const MapContainer = styled.div.attrs(props => ({\n\tclassName: props.className ? props.className + \" google-map\" : \"google-map\",\n\tid: props.id || \"google-map\",\n}))`\n\tbackground: ${color(\"grey\", 6)};\n\tborder: 1px solid ${color(\"grey\", 5)};\n\theight: 100%;\n\toverflow: hidden;\n\tposition: relative;\n\tpadding-bottom: 95%;\n\twidth: 100%;\n`;\n\nconst pulse = keyframes`\n\t0%, 100% {\n\t\topacity: 1;\n\t}\n\t50% {\n\t\topacity: 0.5;\n\t}\n`;\n\nexport const MapLoader = styled.div`\n\tanimation: ${pulse} 1s linear infinite;\n\tbackground: ${color(\"grey\", 7)};\n\theight: 100%;\n\tleft: 0;\n\tposition: absolute;\n\ttop: 0;\n\twidth: 100%;\n`;\n","import React, { useState, useEffect, useRef } from \"react\";\nimport { Map, Marker, GoogleApiWrapper } from \"google-maps-react\";\nimport { MapContainer, MapLoader } from \"./styles\";\nimport isEmpty from \"lodash-es/isEmpty\";\nimport { getAssetUrl } from \"@utils/index\";\n\nconst isDevEnv = process.env.NODE_ENV !== \"production\";\n\nconst apiKey = isDevEnv ? \"\" : \"AIzaSyB_h_r6Y-l_wPS4lgVmwynh8yxJUoOGzo0\";\n\nconst centerOfFinland = {\n\tlat: 64.180708,\n\tlng: 25.803222,\n};\n\ninterface IProps {\n\tforcedBounds?: Array<{ lat: number | string; lng: number | string }>;\n\tgoogle: any;\n\tinitialCenter?: { lat: number; lng: number };\n\t/** markers: provide agency / property key with lat & lng coordinates  */\n\tmarkers?: Array<{ key: string; lat: number | string; lng: number | string }>;\n\tonMarkerClicked?: (e: any) => void;\n\taddBounds?: boolean;\n\tzoom?: number;\n\t[key: string]: any;\n}\n\nconst GoogleMap = (props: IProps) => {\n\tconst {\n\t\taddBounds = true,\n\t\tforcedBounds,\n\t\tgoogle,\n\t\tid = \"google-map\",\n\t\tinitialCenter = centerOfFinland,\n\t\tmarkers,\n\t\tonMarkerClicked,\n\t\tzoom = 4,\n\t} = props;\n\tconst [mapBounds, setMapBounds] = useState(null);\n\tconst mapRef = useRef(null);\n\n\tuseEffect(() => {\n\t\tif (addBounds) {\n\t\t\tconst bounds = new google.maps.LatLngBounds();\n\n\t\t\tif (markers && markers.length > 0) {\n\t\t\t\tmarkers.forEach(({ lat, lng }) => bounds.extend(new google.maps.LatLng(Number(lat), Number(lng))));\n\t\t\t\tsetMapBounds(bounds);\n\t\t\t}\n\t\t}\n\t}, []);\n\n\tuseEffect(() => {\n\t\ttry {\n\t\t\tconst bounds = new google.maps.LatLngBounds();\n\n\t\t\tif (forcedBounds && forcedBounds.length > 0) {\n\t\t\t\tforcedBounds.forEach(({ lat, lng }) => bounds.extend({ lat: Number(lat), lng: Number(lng) }));\n\n\t\t\t\tif (isEmpty(bounds)) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst northEast = bounds.getNorthEast();\n\t\t\t\tconst southWest = bounds.getSouthWest();\n\n\t\t\t\t/* prevent zooming too close on single markers */\n\t\t\t\tif (northEast.equals(southWest)) {\n\t\t\t\t\tconst extendPoint1 = new google.maps.LatLng(northEast.lat() + 0.01, northEast.lng() + 0.01);\n\t\t\t\t\tconst extendPoint2 = new google.maps.LatLng(northEast.lat() - 0.01, northEast.lng() - 0.01);\n\t\t\t\t\tbounds.extend(extendPoint1);\n\t\t\t\t\tbounds.extend(extendPoint2);\n\t\t\t\t}\n\n\t\t\t\tsetMapBounds(bounds);\n\t\t\t}\n\t\t} catch (e) {\n\t\t\tconsole.log(e);\n\t\t}\n\t}, [forcedBounds]);\n\n\tconst onMarkerClick = ({ name: key, ...rest }: any) => {\n\t\tif (typeof onMarkerClicked === \"function\") {\n\t\t\tonMarkerClicked({ key, ...rest });\n\t\t}\n\t};\n\n\ttry {\n\t\treturn (\n\t\t\t<MapContainer id={id}>\n\t\t\t\t<Map\n\t\t\t\t\tgoogle={google}\n\t\t\t\t\tzoom={zoom}\n\t\t\t\t\tinitialCenter={initialCenter}\n\t\t\t\t\t// @ts-ignore\n\t\t\t\t\tmapCenter={initialCenter}\n\t\t\t\t\tbounds={mapBounds}\n\t\t\t\t\tref={mapRef}\n\t\t\t\t>\n\t\t\t\t\t{markers.map(({ key, lat, lng }) => (\n\t\t\t\t\t\t<Marker\n\t\t\t\t\t\t\tkey={key}\n\t\t\t\t\t\t\t// @ts-ignore\n\t\t\t\t\t\t\tname={key}\n\t\t\t\t\t\t\tposition={{ lat: Number(lat), lng: Number(lng) }}\n\t\t\t\t\t\t\tonClick={onMarkerClick}\n\t\t\t\t\t\t\t// @ts-ignore\n\t\t\t\t\t\t\ticon={{\n\t\t\t\t\t\t\t\tanchor: new google.maps.Point(11.5, 31),\n\t\t\t\t\t\t\t\tscaledSize: new google.maps.Size(23, 31),\n\t\t\t\t\t\t\t\turl: getAssetUrl(\"/assets/images/brand-identity/icons/Map-marker@2x.png\"),\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t))}\n\t\t\t\t</Map>\n\t\t\t</MapContainer>\n\t\t);\n\t} catch (e) {\n\t\tconsole.log(e);\n\t\treturn null;\n\t}\n};\n\nexport default GoogleApiWrapper({\n\tLoadingContainer: MapLoader,\n\tapiKey,\n\tlanguage: \"fi\",\n})(GoogleMap);\n","import styled, { css } from \"styled-components\";\nimport { color } from \"@utils/style-utils\";\n\nexport const StickyWrapper = styled.div`\n\theight: 1px;\n\tmargin-top: -1px;\n\tposition: relative;\n\twidth: 100%;\n\tz-index: 989;\n\n\t${props =>\n\t\tprops.sticky &&\n\t\tcss`\n\t\t\theight: auto;\n\t\t\tmargin-top: -65px;\n\t\t\tposition: sticky;\n\t\t\ttop: 0;\n\n\t\t\t> div {\n\t\t\t\tposition: relative !important;\n\t\t\t}\n\t\t`}\n`;\n\nexport const StickyElement = styled.div`\n\talign-items: center;\n\tbackground: ${color(\"white\")};\n\tborder-bottom: 1px solid ${color(\"grey\", 5)};\n\tdisplay: flex;\n\tjustify-content: center;\n\tleft: 0;\n\topacity: 0;\n\tpadding: 15px;\n\tposition: fixed;\n\ttop: 0;\n\ttransform: translateY(-100%);\n\ttransition: transform 200ms ease-in-out, opacity 200ms;\n\twidth: 100%;\n\tz-index: 990;\n\n\t.is-sticky & {\n\t\topacity: 1;\n\t\ttransform: translateY(0);\n\t}\n\n\t.header-pinned & {\n\t\ttransform: translateY(56px);\n\n\t\t@media (min-width: 531px) {\n\t\t\ttransform: translateY(64px);\n\t\t}\n\t}\n`;\n","import React, { useEffect, useRef } from \"react\";\nimport throttle from \"lodash-es/throttle\";\nimport { StickyWrapper, StickyElement } from \"./styles\";\nimport { hasWindow } from \"@utils\";\n\nconst StickyContactBar = ({ children, sticky = false }) => {\n\tconst stickRef = useRef(null);\n\n\tconst onScroll = throttle(event => {\n\t\tconst stickyElem = stickRef.current;\n\t\tif (!stickyElem) {\n\t\t\treturn;\n\t\t}\n\t\tconst { top } = stickyElem.getBoundingClientRect();\n\n\t\tif (top > 0) {\n\t\t\tstickyElem.classList.remove(\"is-sticky\");\n\t\t} else if (top <= 0) {\n\t\t\tstickyElem.classList.add(\"is-sticky\");\n\t\t}\n\t}, 200);\n\n\tuseEffect(() => {\n\t\tif (hasWindow) {\n\t\t\twindow.addEventListener(\"scroll\", onScroll);\n\n\t\t\treturn () => {\n\t\t\t\twindow.removeEventListener(\"scroll\", onScroll);\n\t\t\t};\n\t\t}\n\t}, []);\n\n\treturn (\n\t\t<StickyWrapper ref={stickRef} sticky={sticky}>\n\t\t\t<StickyElement>{children}</StickyElement>\n\t\t</StickyWrapper>\n\t);\n};\n\nexport default StickyContactBar;\n","import styled from \"styled-components\";\nimport { color } from \"@utils/style-utils\";\n\nexport const SelectorWrapper = styled.div`\n\tmargin: 0 auto;\n\tmax-width: 662px;\n\ttext-align: left;\n`;\n\nexport const InputIcon = styled.span`\n\tcolor: ${color(\"greenBright\", 3)};\n\tfont-size: 14px;\n\tposition: absolute;\n\tleft: 16px;\n\ttop: 12px;\n\n\tsvg {\n\t\tmax-width: 17px;\n\t}\n`;\n\nexport const InputWrapper = styled.div`\n\tposition: relative;\n\tz-index: 20;\n\n\tinput, input[type=\"text\"] {\n\t\tbackground: ${color(\"grey\", 7)};\n\t\tpadding-left: 45px;\n\t\twidth: 100%;\n\t}\n`;\n\nexport const ClearButton = styled.button.attrs(() => ({\n\tariaLabel: \"Tyhjennä valinta\",\n}))`\n\t-webkit-appearance: none;\n\t-moz-appearance: none;\n\tbackground: ${color(\"grey\", 7)};\n\tborder: 0;\n\tborder-radius: 4px;\n\tcolor: ${color(\"grey\", 2)};\n\tcursor: pointer;\n\tfont-size: 14px;\n\theight: 36px;\n\toutline: 0;\n\tposition: absolute;\n\tright: 1px;\n\ttext-align: center;\n\ttop: 3px;\n\twidth: 40px;\n\n\tsvg {\n\t\tmax-width: 15px;\n\t\ttransform: scale(1);\n\t\ttransition: transform 150ms;\n\t}\n\n\t.is-pointer & {\n\t\t&:hover {\n\t\t\tsvg {\n\t\t\t\ttransform: scale(1.2);\n\t\t\t}\n\t\t}\n\t}\n`;\n","import styled from \"styled-components\";\nimport { color, boxShadow, media } from \"@utils/style-utils\";\n\nexport const ResultsContainer = styled.div`\n\tbackground: ${color(\"grey\", 5)};\n\tborder: 1px solid ${color(\"grey\", 6)};\n\tbox-shadow: ${boxShadow.wide};\n\tleft: 0;\n\tmax-height: 270px;\n\toverflow: auto;\n\tposition: absolute;\n\ttop: 100%;\n\twidth: 100%;\n`;\n\nexport const Result = styled.div`\n\tbackground-color: ${color(\"grey\", 7)};\n\tcursor: pointer;\n\tfont-size: 15px;\n\tmargin: 0 0 1px;\n\tpadding: 8px 15px;\n\ttransition: background-color 150ms;\n\tz-index: 20;\n\n\t${media.lg`\n\t\tfont-size: 16px;\n\t`}\n\n\t.is-pointer & {\n\t\t&:hover {\n\t\t\tbackground-color: ${color(\"greenBright\", 4)};\n\t\t}\n\t}\n\n\t&.active {\n\t\tbackground-color: ${color(\"greenBright\", 4)};\n\t}\n\n\t&:last-of-type {\n\t\tmargin: 0;\n\t}\n`;\n","import React, { memo, useEffect, useState, useRef } from \"react\";\nimport { ResultsContainer, Result } from \"./styles\";\nimport isEmpty from \"lodash-es/isEmpty\";\nimport useOnClickOutside from \"@hooks/use-click-outside\";\nimport { hasWindow } from \"@utils\";\n\ninterface IProps {\n\tagencies: any[];\n\tonCancel?: () => void;\n\tonSelection?: (e) => void;\n}\n\nconst AgencySelectorResults = ({ agencies, onCancel = () => void 0, onSelection }: IProps) => {\n\tif (isEmpty(agencies)) {\n\t\treturn null;\n\t}\n\tconst resultsRef = useRef(null);\n\tconst [activeIndex, setActiveIndex] = useState(0);\n\tlet currentlyActive: number = 0;\n\n\tuseOnClickOutside(resultsRef, onCancel);\n\n\tconst onKeyDown = ({ key }: KeyboardEvent) => {\n\t\tswitch (key) {\n\t\t\tcase \"ArrowDown\":\n\t\t\t\tnavigateResults(1);\n\t\t\t\tbreak;\n\n\t\t\tcase \"ArrowUp\":\n\t\t\t\tnavigateResults(-1);\n\t\t\t\tbreak;\n\n\t\t\tcase \"Enter\":\n\t\t\tcase \"Return\":\n\t\t\t\tselectAgency();\n\t\t\t\tbreak;\n\n\t\t\tcase \"Escape\":\n\t\t\t\tonCancel();\n\t\t\t\tbreak;\n\n\t\t\tdefault:\n\t\t\t\treturn;\n\t\t}\n\t};\n\n\tconst navigateResults = (dir: number) => {\n\t\tlet newIndex: number;\n\t\tconst start = 0;\n\t\tconst end = agencies.length - 1;\n\t\tif (currentlyActive === 0 && dir === -1) {\n\t\t\tnewIndex = end;\n\t\t} else if (currentlyActive === end && dir === 1) {\n\t\t\tnewIndex = start;\n\t\t} else {\n\t\t\tnewIndex = currentlyActive + dir;\n\t\t}\n\n\t\tcurrentlyActive = newIndex;\n\t\tsetActiveIndex(newIndex);\n\t};\n\n\tconst selectAgency = (clickedAgency?: IAgency) => {\n\t\tlet agency = clickedAgency;\n\n\t\tif (!agency) {\n\t\t\tconst container = resultsRef.current;\n\t\t\tconst item = container.querySelector(\".active\") as HTMLElement;\n\n\t\t\tif (!item) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst key = item.dataset.agencyKey;\n\t\t\tconst agencyByKey = agencies.filter(({ key: agencyKey }) => agencyKey === key)[0] || null;\n\n\t\t\tagency = agencyByKey;\n\t\t}\n\n\t\tif (!isEmpty(agency)) {\n\t\t\tonSelection(agency);\n\t\t}\n\t};\n\n\tconst scrollToActiveElement = () => {\n\t\tconst container = resultsRef.current;\n\t\tconst item = container.querySelector(\".active\") as HTMLElement;\n\t\tif (!item) {\n\t\t\treturn;\n\t\t}\n\t\tconst { top: itemTop, bottom: itemBottom } = item.getBoundingClientRect();\n\t\tconst { top: containerTop, bottom: containerBottom } = container.getBoundingClientRect();\n\n\t\tif (itemBottom > containerBottom) {\n\t\t\tcontainer.scrollTop += itemBottom - containerBottom;\n\t\t} else if (itemTop < containerTop) {\n\t\t\tcontainer.scrollTop += itemTop - containerTop;\n\t\t}\n\t};\n\n\tuseEffect(() => {\n\t\tscrollToActiveElement();\n\t}, [activeIndex]);\n\n\tuseEffect(() => {\n\t\tif (hasWindow) {\n\t\t\twindow.addEventListener(\"keydown\", onKeyDown);\n\n\t\t\treturn () => {\n\t\t\t\twindow.removeEventListener(\"keydown\", onKeyDown);\n\t\t\t};\n\t\t}\n\t}, []);\n\n\treturn (\n\t\t<ResultsContainer ref={resultsRef}>\n\t\t\t{agencies.map((agency, index) => (\n\t\t\t\t<Result\n\t\t\t\t\tkey={agency.key}\n\t\t\t\t\tonClick={() => selectAgency(agency)}\n\t\t\t\t\tdata-agency-key={agency.key}\n\t\t\t\t\tclassName={activeIndex === index ? \"active\" : \"\"}\n\t\t\t\t>\n\t\t\t\t\t{agency.marketingName}\n\t\t\t\t</Result>\n\t\t\t))}\n\t\t</ResultsContainer>\n\t);\n};\n\nexport default memo(AgencySelectorResults);\n","import React, { memo, useState, useEffect, useRef } from \"react\";\nimport { FontAwesomeIcon as FaIcon } from \"@fortawesome/react-fontawesome\";\nimport agencySearchService from \"@services/agency-search.service\";\nimport isEmpty from \"lodash-es/isEmpty\";\n\nimport { InputWrapper, SelectorWrapper, InputIcon, ClearButton } from \"./styles\";\nimport Results from \"./Results\";\n\ninterface IProps {\n\tonSelection?: (e: any) => void;\n}\n\nconst onlyNumbers = (str: string) => /^[0-9]*$/.test(str);\n\nconst getOnlyNeeded = ({ responsibleFor, key, marketingName }: IAgency) => ({\n\tkey,\n\tmarketingName: \"Kiinteistömaailma \" + marketingName,\n\tresponsibleFor,\n});\n\nconst AgencySelector = (props: IProps) => {\n\tconst [agencies, setAgencies] = useState([]);\n\tconst [fetching, setFetching] = useState(true);\n\tconst [matchedAgencies, setMatchedAgencies] = useState([]);\n\tconst [selectedAgency, setSelectedAgency] = useState(null);\n\tconst inputRef = useRef(null);\n\tlet isRendering: boolean = true;\n\tlet fetched: boolean = false;\n\n\tconst getAgencies = async () => {\n\t\ttry {\n\t\t\tconst { data } = await agencySearchService.fetchAgencies();\n\t\t\tif (data && !isEmpty(data.results)) {\n\t\t\t\tconst trimmed = data.results.map(getOnlyNeeded);\n\n\t\t\t\tif (isRendering) {\n\t\t\t\t\tsetAgencies(trimmed);\n\t\t\t\t\tsetFetching(false);\n\t\t\t\t\tfetched = true;\n\t\t\t\t}\n\t\t\t}\n\t\t} catch (e) {\n\t\t\tconsole.log(e);\n\t\t\tif (isRendering) {\n\t\t\t\tsetFetching(false);\n\t\t\t}\n\t\t}\n\t};\n\n\tconst onInputChange = ({ target }) => {\n\t\tconst { value } = target;\n\t\tconst matching = [];\n\n\t\tif (!isEmpty(agencies) && onlyNumbers(value)) {\n\t\t\tfor (const agency of agencies) {\n\t\t\t\tif (!agency.responsibleFor) continue;\n\n\t\t\t\tconst match = agency.responsibleFor.filter(postcode => {\n\t\t\t\t\treturn postcode.substring(0, value.length) === value;\n\t\t\t\t});\n\n\t\t\t\tif (match && match.length > 0) {\n\t\t\t\t\tmatching.push(agency);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tif (!isEmpty(value) && !isEmpty(matching)) {\n\t\t\tsetMatchedAgencies(matching);\n\t\t} else {\n\t\t\tif (isEmpty(matchedAgencies)) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tsetMatchedAgencies([]);\n\t\t}\n\t};\n\n\tconst onSelection = ({ key, marketingName }) => {\n\t\tinputRef.current.value = marketingName;\n\t\tinputRef.current.blur();\n\t\tsetSelectedAgency({ key, marketingName });\n\t\tsetMatchedAgencies([]);\n\n\t\tif (typeof props.onSelection === \"function\") {\n\t\t\tprops.onSelection({ key, marketingName });\n\t\t}\n\t};\n\n\tconst cancelSelection = () => {\n\t\tsetMatchedAgencies([]);\n\t\tinputRef.current.value = \"\";\n\t};\n\n\tconst removeSelectedAgency = () => {\n\t\tsetSelectedAgency(null);\n\t\tsetTimeout(() => {\n\t\t\tinputRef.current.value = \"\";\n\t\t\tinputRef.current.focus();\n\t\t}, 0);\n\t};\n\n\tuseEffect(() => {\n\t\tif (isRendering && !fetched) {\n\t\t\tgetAgencies();\n\t\t}\n\n\t\treturn () => {\n\t\t\tisRendering = false;\n\t\t};\n\t}, []);\n\n\treturn (\n\t\t<SelectorWrapper className=\"agency-selector\">\n\t\t\t<InputWrapper>\n\t\t\t\t<input\n\t\t\t\t\ttype=\"text\"\n\t\t\t\t\tplaceholder=\"Syötä alueesi postinumero\"\n\t\t\t\t\tonChange={onInputChange}\n\t\t\t\t\tdisabled={fetching || !isEmpty(selectedAgency)}\n\t\t\t\t\tref={inputRef}\n\t\t\t\t/>\n\t\t\t\t<InputIcon>\n\t\t\t\t\t<FaIcon icon=\"map-marker-alt\" />\n\t\t\t\t</InputIcon>\n\t\t\t\t{!isEmpty(selectedAgency) && (\n\t\t\t\t\t<ClearButton onClick={removeSelectedAgency}>\n\t\t\t\t\t\t<FaIcon icon={[\"far\", \"times\"]} />\n\t\t\t\t\t</ClearButton>\n\t\t\t\t)}\n\t\t\t\t{!isEmpty(matchedAgencies) && (\n\t\t\t\t\t<Results agencies={matchedAgencies} onCancel={cancelSelection} onSelection={onSelection} />\n\t\t\t\t)}\n\t\t\t</InputWrapper>\n\t\t</SelectorWrapper>\n\t);\n};\n\nexport default memo(AgencySelector);\n","import styled, { css } from \"styled-components\";\nimport { color, media } from \"@utils/style-utils\";\n\nexport const FormWrapper = styled.div`\n\t#ag-contact-form {\n\t\tbackground: none;\n\n\t\t.form-container {\n\t\t\ttop: 30px;\n\t\t}\n\t}\n\n\t.agency-selector {\n\t\tmargin-bottom: 40px;\n\t}\n\n\t${props =>\n\t\tprops.hasError &&\n\t\tcss`\n\t\t\t.agency-selector input {\n\t\t\t\tborder-color: ${color(\"coral\", 1)};\n\t\t\t}\n\t\t`}\n`;\n\nexport const Error = styled.div`\n\tmargin: -26px auto 18px;\n\tmax-width: 662px;\n\ttext-align: left;\n`;\n\nexport const Label = styled.p`\n\tcolor: ${color(\"grey\", 1)};\n\tfont-size: 16px;\n\tfont-weight: 500;\n\tmargin: 0 auto 18px;\n\tmax-width: 662px;\n\ttext-align: left;\n\n\t${media.md`\n\t\tfont-size: 17px;\n\t`}\n`;\n","import React, { useState } from \"react\";\nimport AgencyContactForm from \"@components/Form/ContactFormAgentOrAgency\";\nimport AgencySelector from \"@components/MultiAgency/AgencySelector\";\nimport { FormWrapper, Label, Error } from \"./styles\";\nimport { FormError } from \"@components/Form/form-styles\";\nimport isEmpty from \"lodash-es/isEmpty\";\n\nconst MultiAgencyForm = () => {\n\tconst [selectedAgency, setSelectedAgency] = useState(null);\n\tconst [error, setError] = useState(false);\n\n\tconst toggleAgency = agency => {\n\t\tif (!isEmpty(agency)) {\n\t\t\tsetSelectedAgency(agency);\n\t\t\tsetError(false);\n\t\t}\n\t};\n\n\treturn (\n\t\t<FormWrapper hasError={error}>\n\t\t\t<AgencyContactForm\n\t\t\t\tdisableIfPropNotDefined=\"agency\"\n\t\t\t\tonPropMissing={() => setError(true)}\n\t\t\t\tagency={selectedAgency}\n\t\t\t>\n\t\t\t\t<Label>Valitse myymälä</Label>\n\t\t\t\t<AgencySelector onSelection={toggleAgency} />\n\t\t\t\t{error && (\n\t\t\t\t\t<Error>\n\t\t\t\t\t\t<FormError>Valitse myymälä</FormError>\n\t\t\t\t\t</Error>\n\t\t\t\t)}\n\n\t\t\t\t<Label>Ota yhteyttä</Label>\n\t\t\t</AgencyContactForm>\n\t\t</FormWrapper>\n\t);\n};\n\nexport default MultiAgencyForm;\n","import styled, { css } from \"styled-components\";\nimport { media, grid, textStyles, color } from \"@utils/style-utils\";\n\nexport const IntroductionHeading = styled.div`\n\tmargin: 60px auto 20px;\n\ttext-align: center;\n\n\t${media.md`\n\t\tmargin: ${props => (props.hasVideo ? \"85px 0 50px\" : \"85px 0 30px\")};\n\t`}\n\n\t${media.lg`\n\t\tmargin: ${props => (props.hasVideo ? \"120px 0 60px\" : \"120px 0 30px\")};\n\t`}\n`;\n\nexport const IntroductionContent = styled.div`\n\tmargin: 0 auto 50px;\n\tmax-width: 896px;\n\ttext-align: center;\n\n\t${media.lg`\n\t\tmargin-bottom: 80px;\n\t`}\n\n\t${props =>\n\t\tprops.hasVideo &&\n\t\tcss`\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\tmax-width: 1130px;\n\n\t\t\t${media.ml`\n\t\t\t\talign-items: center;\n\t\t\t\tflex-direction: row;\n\t\t\t\tjustify-content: space-between;\n\t\t\t\ttext-align: left;\n\t\t\t`}\n\t\t`}\n`;\n\nexport const IntroductionText = styled.div`\n\tflex-basis: 100%;\n\n\t${media.ml`\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\tp {\n\t\t${textStyles.PMedium}\n\t\tcolor: ${color(\"grey\", 2)};\n\t}\n`;\n\nexport const IntroductionVideo = styled.div`\n\tflex-basis: 100%;\n\tmargin-top: 30px;\n\n\t${media.ml`\n\t\tflex-basis: calc((100% - ${grid.gutterSmall}px) / 2);\n\t\tmargin-top: 0;\n\t`}\n\n\t${media.lg`\n\t\tflex-basis: calc((100% - ${grid.gutter}px) / 2);\n\t`}\n`;\n","import React, { useState } from \"react\";\nimport YoutubeEmbed from \"@components/Embeds/Youtube\";\nimport YoutubePreview from \"@components/Embeds/Youtube/Preview\";\nimport Modal from \"@components/Modal\";\nimport { isAdmin } from \"wake-react-components/utils\";\nimport Editor from \"wake-react-components/editor\";\nimport Text from \"wake-react-components/text\";\nimport isEmpty from \"lodash-es/isEmpty\";\n\nimport { IntroductionContent, IntroductionText, IntroductionVideo, IntroductionHeading } from \"./styles\";\n\nconst MultiAgencyIntroduction = props => {\n\tconst { agencyCity, multiagencyIntroHeading, multiAgencyIntroduction, youtubeID } = props.doc;\n\tconst [modalOpen, setModalOpen] = useState(false);\n\tconst hasVideo = !isEmpty(youtubeID);\n\n\tconst toggleModal = () => {\n\t\tsetModalOpen(open => !open);\n\t};\n\n\treturn (\n\t\t<div>\n\t\t\t{isAdmin ||\n\t\t\t\t(multiagencyIntroHeading && !isAdmin && (\n\t\t\t\t\t<IntroductionHeading hasVideo={hasVideo}>\n\t\t\t\t\t\t<h2>\n\t\t\t\t\t\t\t<Text name=\"multiagencyIntroHeading\" placeholder=\"Otsikko\" />\n\t\t\t\t\t\t</h2>\n\t\t\t\t\t</IntroductionHeading>\n\t\t\t\t))}\n\n\t\t\t{(isAdmin || (!isEmpty(multiAgencyIntroduction) && !isAdmin)) && (\n\t\t\t\t<IntroductionContent hasVideo={hasVideo}>\n\t\t\t\t\t<IntroductionText>\n\t\t\t\t\t\t<Editor name=\"multiAgencyIntroduction\" placeholder=\"Kuvaus\" />\n\t\t\t\t\t</IntroductionText>\n\t\t\t\t\t{isAdmin && <Text name=\"youtubeID\" placeholder=\"Youtube videon ID\" />}\n\t\t\t\t\t{!isEmpty(youtubeID) && (\n\t\t\t\t\t\t<IntroductionVideo>\n\t\t\t\t\t\t\t<YoutubePreview\n\t\t\t\t\t\t\t\tid={youtubeID}\n\t\t\t\t\t\t\t\talt={`Kiinteistönvälitys ${agencyCity}`}\n\t\t\t\t\t\t\t\tonClick={toggleModal}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</IntroductionVideo>\n\t\t\t\t\t)}\n\t\t\t\t</IntroductionContent>\n\t\t\t)}\n\n\t\t\t{!isEmpty(youtubeID) && modalOpen && (\n\t\t\t\t<Modal\n\t\t\t\t\tcontent={<YoutubeEmbed videoID={youtubeID} autoplay={true} />}\n\t\t\t\t\tonClose={() => setModalOpen(false)}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nexport default MultiAgencyIntroduction;\n","import styled from \"styled-components\";\nimport { color, grid, media, textStyles } from \"@utils/style-utils\";\n\nexport const StatsWrapper = styled.div`\n\tbackground: ${color(\"greenBright\", 5)};\n\tmargin: 40px auto;\n\tpadding: 50px ${grid.gutterSmall / 2}px;\n\n\t${media.md`\n\t\tmargin: 60px auto;\n\t`}\n\n\t${media.lg`\n\t\tmargin: 90px auto;\n\t\tpadding: 75px ${grid.gutter / 2}px;\n\t`}\n`;\n\nexport const StatsTitle = styled.h2`\n\ttext-align: center;\n\tmargin: 0 auto 30px;\n\n\t${media.md`\n\t\tmargin-bottom: 40px;\n\t`}\n\n\t${media.lg`\n\t\tmargin-bottom: 56px;\n\t`}\n`;\n\nexport const StatsContainer = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tmargin: 0 auto;\n\tmax-width: ${props => (props.count ? Number(props.count) * 376.65 + \"px\" : \"1130px\")};\n\twidth: 100%;\n\n\t${media.smd`\n\t\tflex-direction: row;\n\t\tjustify-content: space-around;\n\t`}\n`;\n\nexport const Stat = styled.div`\n\talign-items: center;\n\tdisplay: flex;\n\tflex-basis: 100%;\n\tflex-direction: column;\n\t/* justify-content: center; */\n\tmargin-bottom: 25px;\n\n\t${media.smd`\n\t\tmargin-bottom: 0;\n\t\tflex-basis: 0;\n\t\tflex-grow: 1;\n\t`}\n`;\n\nexport const StatValue = styled.h4`\n\tcolor: ${color(\"greenBright\", 1)};\n\tfont-size: 36px;\n\tfont-weight: bold;\n\tmargin: 0 auto 6px;\n\ttext-align: center;\n\n\t${media.md`\n\t\tfont-size: 48px;\n\t`}\n\n\t${media.lg`\n\t\tfont-size: 60px;\n\t`}\n`;\n\nexport const StatLabel = styled.p`\n\t${textStyles.PSmall}\n\tcolor: ${color(\"grey\", 1)};\n\tmargin: 0;\n\tpadding: 0;\n`;\n","import React from \"react\";\nimport Text from \"wake-react-components/text\";\nimport { StatsWrapper, StatsTitle, StatsContainer, Stat, StatValue, StatLabel } from \"./styles\";\nimport isEmpty from \"lodash-es/isEmpty\";\nimport { IDocument } from \"@redux/document\";\n\ninterface IProps {\n\tdoc: IDocument;\n}\n\nconst MultiAgencyStats = ({ doc }: IProps) => {\n\tif (!doc || isEmpty(doc)) {\n\t\treturn null;\n\t}\n\n\tconst { agentsCount = 0, propertiesCount = 0, agencies = [] } = doc;\n\tconst agencyCount = agencies.length;\n\tconst visibleCount = [agencyCount, agentsCount, propertiesCount].filter(value => !!value).length;\n\n\tif (!visibleCount || visibleCount === 0) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<StatsWrapper>\n\t\t\t<StatsTitle>\n\t\t\t\t<Text name=\"multiagencyStatsTitle\" placeholder=\"Tilastojen otsikko\" />\n\t\t\t</StatsTitle>\n\t\t\t<StatsContainer count={visibleCount}>\n\t\t\t\t{!!agencies.length && (\n\t\t\t\t\t<Stat>\n\t\t\t\t\t\t<StatValue>{agencyCount}</StatValue>\n\t\t\t\t\t\t<StatLabel>myymälää</StatLabel>\n\t\t\t\t\t</Stat>\n\t\t\t\t)}\n\t\t\t\t{!!agentsCount && (\n\t\t\t\t\t<Stat>\n\t\t\t\t\t\t<StatValue>{agentsCount}</StatValue>\n\t\t\t\t\t\t<StatLabel>asuntokaupan ammattilaista</StatLabel>\n\t\t\t\t\t</Stat>\n\t\t\t\t)}\n\t\t\t\t{!!propertiesCount && (\n\t\t\t\t\t<Stat>\n\t\t\t\t\t\t<StatValue>{propertiesCount}</StatValue>\n\t\t\t\t\t\t<StatLabel>asuntoa myynnissä</StatLabel>\n\t\t\t\t\t</Stat>\n\t\t\t\t)}\n\t\t\t</StatsContainer>\n\t\t</StatsWrapper>\n\t);\n};\n\nexport default MultiAgencyStats;\n","import styled from \"styled-components\";\nimport { color, media, textStyles, buttons } from \"@utils/style-utils\";\n\nexport const BgContainer = styled.span`\n\tdisplay: block;\n\theight: 100%;\n\tleft: 0;\n\ttop: 0;\n\toverflow: hidden;\n\tposition: absolute;\n\tpointer-events: none;\n\twidth: 100%;\n\n\tspan {\n\t\tbottom: 0;\n\t\tdisplay: block;\n\t\tleft: 50%;\n\t\ttransform: translateX(-50%);\n\t\toverflow: hidden;\n\t\tposition: absolute;\n\t\twidth: 1919px;\n\t}\n\n\timg {\n\t\tdisplay: block;\n\t\tposition: relative;\n\t\twidth: 100%;\n\t}\n`;\n\nexport const MultiAgencyHero = styled.div`\n\tbackground: ${color(\"greenBright\", 5)};\n\tmargin-bottom: 100px;\n\t/* overflow: hidden; */\n\tpadding-top: 100px;\n\tposition: relative;\n\n\t${media.md`\n\t\tmargin-bottom: 130px;\n\t`}\n\n\t${media.lg`\n\t\tmargin-bottom: 170px;\n\t\tpadding-top: 130px;\n\t`}\n\n\t${media.lgx`\n\t\tpadding-top: 200px;\n\t`}\n\n\t.rancid-banner {\n\t\tmargin-bottom: -20px;\n\t\tmargin-top: 40px;\n\t\twidth: calc(100% - 30px);\n\n\t\t${media.md`\n\t\t\tmargin-bottom: -56px;\n\t\t`}\n\t}\n`;\n\nexport const MultiAgencyHeroContent = styled.div`\n\tmargin: 0 auto;\n\tmax-width: 1142px;\n\tpadding: 0 15px;\n\ttext-align: center;\n\n\tp {\n\t\t${textStyles.PMedium}\n\t}\n`;\n\nexport const MultiAgencyBody = styled.div`\n\tmargin-bottom: 40px;\n\tmax-width: 896px;\n\n\t${media.md`\n\t\tmargin-bottom: 65px;\n\t`}\n\n\th2 {\n\t\t${textStyles.H1}\n\t}\n\n\tp {\n\t\t${textStyles.PMedium}\n\t\tcolor: ${color(\"grey\", 2)};\n\t}\n`;\n\nexport const MultiAgencyMap = styled.div`\n\tmargin-bottom: 50px;\n\tmargin-top: 40px;\n\tmax-height: 550px;\n\toverflow: hidden;\n\tposition: relative;\n\n\th2 {\n\t\ttext-align: center;\n\n\t\t${media.lg`\n\t\t\tmargin-bottom: 40px;\n\t\t`}\n\n\t\t+ * {\n\t\t\theight: 400px;\n\t\t\toverflow: hidden;\n\t\t\tposition: relative;\n\n\t\t\t${media.lg`\n\t\t\t\theight: 437px;\n\t\t\t`}\n\t\t}\n\t}\n\n\t#google-map {\n\t\theight: 400px;\n\t\tpadding-bottom: 0;\n\n\t\t${media.lg`\n\t\t\theight: 437px;\n\t\t`}\n\t}\n`;\n\nexport const MultiAgencySticky = styled.div`\n\talign-items: center;\n\tdisplay: flex;\n\tjustify-content: center;\n\n\tp {\n\t\tdisplay: none;\n\t\tfont-weight: 500;\n\t\tmargin: 0;\n\t\tmargin-right: 23px;\n\n\t\t${media.md`\n\t\t\tdisplay: block;\n\t\t`}\n\t}\n\n\tbutton {\n\t\t${buttons.ctaLink}\n\t\tpadding: 9px 16px 8px;\n\n\t\t${media.md`\n\t\t\tpadding: 10px 16px 8px;\n\t\t`}\n\n\t\tspan {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n`;\n","import React, { Fragment, useEffect } from \"react\";\nimport { connect } from \"react-redux\";\nimport { IApplicationState } from \"@redux\";\nimport Editor from \"wake-react-components/editor\";\nimport Text from \"wake-react-components/text\";\nimport { isAdmin } from \"wake-react-components/utils\";\nimport isEmpty from \"lodash-es/isEmpty\";\nimport AgencyList from \"@components/AgencyList\";\nimport { Container } from \"@components/Grid\";\n\nimport MultiAgencyIntroduction from \"@components/MultiAgency/MultiAgencyIntroduction\";\nimport MultiAgencyStats from \"@components/MultiAgency/MultiAgencyStats\";\nimport MultiAgencyForm from \"@components/MultiAgency/MultiAgencyForm\";\n\nimport {\n\tMultiAgencyHero,\n\tMultiAgencyHeroContent,\n\tMultiAgencyBody,\n\tMultiAgencyMap,\n\tBgContainer,\n\tMultiAgencySticky,\n} from \"./styles\";\nimport GoogleMap from \"@components/GoogleMap\";\nimport StickyContactBar from \"@components/StickyContactBar\";\nimport AreaNavigation from \"@components/AreaNavigation\";\n\nimport useParallax from \"@hooks/use-parallax\";\nimport { SmoothScroll } from \"@utils/anchor-scroll\";\nimport { IDocument } from \"@redux/document\";\n\nimport RancidBanner from \"@components/RancidBanner\";\nimport historyTracker from \"@services/history-tracker\";\nimport { getAssetUrl, hasWindow } from \"@utils\";\n\ninterface IProps {\n\tdoc: IDocument;\n}\n\nconst MultiAgencyPage = ({ doc }: IProps) => {\n\tconst { agencyCity, agencies } = doc;\n\tconst withFilter: boolean = agencyCity === \"helsinki\" || agencyCity === \"Helsinki\";\n\tconst agencyCoords = !isEmpty(agencies)\n\t\t? agencies\n\t\t\t\t.filter(agency => !!agency.coordinates)\n\t\t\t\t.map(({ coordinates, key }) => ({ lat: coordinates.latitude, lng: coordinates.longitude, key }))\n\t\t: [];\n\n\tuseParallax(\".parallax\", { speed: -1.2 });\n\n\tconst scrollToForm = () => {\n\t\tconst smoothie = new SmoothScroll();\n\t\tsmoothie.scrollTo(\"ag-contact-form\");\n\t};\n\n\tuseEffect(() => {\n\t\tif (hasWindow) {\n\t\t\thistoryTracker.trackHistory(\"seller-county\", agencyCity);\n\t\t\thistoryTracker.trackHistory(\"buyer-county\", agencyCity);\n\t\t}\n\t}, [agencyCity]);\n\n\treturn (\n\t\t<Fragment>\n\t\t\t<MultiAgencyHero>\n\t\t\t\t<AreaNavigation />\n\t\t\t\t<BgContainer>\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tclassName=\"parallax\"\n\t\t\t\t\t\t\tsrcSet={\n\t\t\t\t\t\t\t\tgetAssetUrl(\"/assets/images/brand-identity/graphics/multiagency-form-pattern.png\") +\n\t\t\t\t\t\t\t\t\" 1x, \" +\n\t\t\t\t\t\t\t\tgetAssetUrl(\"/assets/images/brand-identity/graphics/multiagency-form-pattern@2x.png\") +\n\t\t\t\t\t\t\t\t\" 2x\"\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tsrc={getAssetUrl(\"/assets/images/brand-identity/graphics/multiagency-form-pattern.png\")}\n\t\t\t\t\t\t\tstyle={{aspectRatio: 'auto 1919 / 342'}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</span>\n\t\t\t\t</BgContainer>\n\n\t\t\t\t{isAdmin && (\n\t\t\t\t\t<div>\n\t\t\t\t\t\tMonimyymäläpaikkakunta: <Text name=\"agencyCity\" placeholder=\"Kaupunki\" />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t<MultiAgencyHeroContent>\n\t\t\t\t\t<h1>Kiinteistönvälitys {agencyCity} &ndash; saammeko olla avuksi?</h1>\n\t\t\t\t\t<Editor name=\"multiagencyIngress\" />\n\t\t\t\t</MultiAgencyHeroContent>\n\n\t\t\t\t<RancidBanner type=\"seller-county\" bannerColor=\"green\" />\n\n\t\t\t\t<MultiAgencyForm />\n\t\t\t</MultiAgencyHero>\n\t\t\t<StickyContactBar>\n\t\t\t\t<MultiAgencySticky>\n\t\t\t\t\t<p>Kiinteistönvälitys {agencyCity} &ndash; Saammeko olla avuksi?</p>\n\t\t\t\t\t<button onClick={scrollToForm}>Ota yhteyttä</button>\n\t\t\t\t</MultiAgencySticky>\n\t\t\t</StickyContactBar>\n\t\t\t<Container>\n\t\t\t\t<MultiAgencyBody>\n\t\t\t\t\t<h2>Kiinteistönvälittäjät {agencyCity}</h2>\n\t\t\t\t\t<Editor name=\"multiagencyBody\" />\n\t\t\t\t</MultiAgencyBody>\n\t\t\t</Container>\n\t\t\t<Container>\n\t\t\t\t<AgencyList agencies={agencies} withFilter={withFilter} sortBy=\"marketingName\" />\n\t\t\t</Container>\n\t\t\t<Container>\n\t\t\t\t<MultiAgencyIntroduction doc={doc} />\n\t\t\t</Container>\n\t\t\t<MultiAgencyStats doc={doc} />\n\t\t\t<Container>\n\t\t\t\t<MultiAgencyMap>\n\t\t\t\t\t<h2>Kiinteistönvälittäjät {agencyCity} &ndash; Täältä löydät meidät</h2>\n\t\t\t\t\t<GoogleMap forcedBounds={agencyCoords} markers={agencyCoords} />\n\t\t\t\t</MultiAgencyMap>\n\t\t\t</Container>\n\t\t</Fragment>\n\t);\n};\n\nconst mapStateToProps = (state: IApplicationState) => ({\n\tdoc: state.document,\n});\n\nexport default connect(mapStateToProps)(MultiAgencyPage);\n"],"sourceRoot":""}