{"version":3,"sources":["components/Embeds/Youtube/styles.js","components/Embeds/Youtube/index.tsx","hooks/use-lock-body-scroll.tsx","components/Modal/index.tsx","components/ContentBlocks/Base/styles.js","components/ContentBlocks/Base/agency-selector.tsx","../assets/images/brand-identity/graphics/form-bg-pattern.png","hooks/use-danske-script.tsx","components/ErrorBoundary/index.tsx","components/ContentBlocks/TextAndVideo/styles.js","components/ContentBlocks/TextAndVideo/index.tsx","components/AgencyList/AgencyListItem/styles.js","components/AgencyList/AgencyListItem/index.tsx","components/ContentBlocks/ApartmentLifts/styles.js","services/online-offer.service.tsx","components/ContentBlocks/Video/styles.js","components/ContentBlocks/Video/index.tsx","components/ContentBlocks/Hero/styles.js","components/ContentBlocks/Hero/index.tsx","components/ContentBlocks/Agencies/styles.js","components/ContentBlocks/Agencies/index.tsx","components/ContentBlocks/AgentLifts/styles.js","components/ContentBlocks/AgentLifts/index.tsx","components/ContentBlocks/ApartmentLifts/index.tsx","components/ContentBlocks/Banner/styles.js","components/ContentBlocks/Banner/index.tsx","components/ContentBlocks/ContactForm/styles.js","components/ContentBlocks/ContactForm/index.tsx","components/ContentBlocks/DanskeCalculator/styles.js","components/ContentBlocks/DanskeCalculator/index.tsx","components/ContentBlocks/DanskeCalculatorAndImage/styles.js","components/ContentBlocks/DanskeCalculatorAndImage/index.tsx","components/ContentBlocks/DownloadForm/styles.js","components/ContentBlocks/DownloadForm/index.tsx","components/ContentBlocks/Ingress/styles.js","components/ContentBlocks/Ingress/index.tsx","components/ContentBlocks/LinkBlocks/styles.js","components/ContentBlocks/LinkBlocks/index.tsx","components/ContentBlocks/OnlineOffer/styles.js","components/ContentBlocks/OnlineOffer/OnlineOfferSearch/range.tsx","components/ContentBlocks/OnlineOffer/OnlineOfferSearch/styles.js","components/ContentBlocks/OnlineOffer/OnlineOfferSearch/index.tsx","components/ContentBlocks/OnlineOffer/OnlineOfferResults/styles.js","components/ContentBlocks/OnlineOffer/OnlineOfferResults/index.tsx","components/ContentBlocks/OnlineOffer/index.tsx","components/ContentBlocks/PersonLifts/styles.js","components/ContentBlocks/PersonLifts/index.tsx","components/ContentBlocks/QuoteBoxes/styles.js","components/ContentBlocks/QuoteBoxes/index.tsx","components/ContentBlocks/TextBanner/styles.js","components/ContentBlocks/TextBanner/index.tsx","components/ContentBlocks/TitleWithBackground/styles.js","components/ContentBlocks/TitleWithBackground/index.tsx","components/ContentBlocks/index.tsx","components/ContentBlocks/OnlineOffer/OnlineOfferCancelResult/styles.js","components/ContentBlocks/OnlineOffer/OnlineOfferCancelResult/index.tsx","pages/CampaignContentPage.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","AddAgencyButton","AdminAgencyList","ul","AgencyOptions","AgencySelector","centered","children","fields","item","adminAgencies","setAdminAgencies","useState","agencies","references","isAdmin","Fragment","length","map","adminAgency","key","name","button","currentTarget","target","referenceClickArea","getElementsByClassName","click","Reference","type","module","exports","useDanskeScript","existingDanskeScripts","querySelectorAll","isEmpty","Array","prototype","slice","call","forEach","s","remove","script","async","appendChild","onScriptError","ErrorBoundary","Component","constructor","super","state","hasError","error","componentDidCatch","errorInfo","console","log","render","this","TAVContainer","media","md","_templateObject","_taggedTemplateLiteral","reverse","css","_templateObject2","TextAndVideo","arguments","undefined","video","videoSide","restProps","Wrapper","Container","Text","multiline","placeholder","thumb","getAssetUrl","alt","settings","Input","defaultValue","value","Card","attrs","rgba","wide","lg","xl","_templateObject3","hasFormButton","Title","h4","ml","_templateObject4","Address","p","fontFamily","condensed","_templateObject5","Contact","_templateObject6","emSpacing","Arrow","_templateObject7","_templateObject8","ContactButton","ariaRole","_templateObject9","_templateObject10","buttons","textLinkPrimary","withRouter","agency","history","withFormButton","address","canonicalPath","city","coordinates","email","marketingName","phone","postcode","telPhone","urlPart","itemScope","itemType","event","stopPropagation","preventDefault","classList","add","setTimeout","push","scrollTo","itemprop","Link","aria-label","itemProp","to","href","Phone","withIcon","Email","split","latitude","longitude","onFormButtonClick","ApartmentsContainer","grid","gutterSmall","gutter","addFollower","data","axios","post","fetchOnlineOfferProperties","params","query","queryObjects","queryString","stringify","arrayFormat","q","encodeURIComponent","JSON","url","get","fetchAPI","VideoContainer","Video","HeroWrapper","HeroContainer","HeroImage","HeroTitle","Hero","_ref","heroImage","heroImagePosition","heroColor","imgPosition","bgColor","indexOf","hasImageInFront","clxs","Background","tagName","sizeInfo","AgencyContainer","FormContainer","FormClose","FormHeader","Agencies","blockItem","modalOpen","setModalOpen","activeAgency","setActiveAgency","isFirstInBlocks","hasOwnProperty","openForm","closeForm","position","isArray","_ref2","AgencyListItem","AgencyContactForm","CityOption","AgentSorting","AgentsWrapper","AgentLifts","id","getID","mainDoc","useSelector","liftItems","agents","handleClick","clickTarget","location","$$index","htmlFor","cityOptions","agent","AgentListItem","keys","homeAgency","getMongoID","ApartmentLifts","listApartments","display","verticalAlign","apt","ApartmentBlock","small","BannerContainer","fluidSize","BannerImage","BannerContent","textStyles","H3Condensed","Point","PointText","PSmall","Banner","iconsHidden","noPointIcons","imageHeight","Image","Repeater","limit","pulsate","keyframes","FormPlaceholder","FormWrapper","FormBgAdminBlock","boxShadow","hugeLight","ribbon","FormTexts","PSmallCondensed","H3","Form","form","FormColumns","bp","breakpoints","FormColumn","InputGroup","FormError","FormFooter","FormDisclaimer","MicroText","AgencySelectionInfo","Formik","lazy","then","default","ErrorMessage","ContactForm","isSubmitted","setSubmitted","initialValues","message","postCode","schema","getSchema","hasAgencies","contactSubmitTimeout","clearTimeout","backgroundImage","formBg","formBG","Suspense","fallback","onSubmit","doSubmit","values","setSubmitting","resetForm","__awaiter","submitUrl","formData","res","contactService","doBasicContact","validationSchema","_ref3","handleChange","handleBlur","handleSubmit","isSubmitting","TextInput","disabled","onBlur","onChange","component","msg","CtaButton","text","submitting","DanskeWrapper","H1","DanskeCalculator","danskeCalculatorTitle","initialPrice","data-price_default","DanskeColumns","DanskeColumn","DanskeCalculatorAndImage","danskeTitle","FormContent","DownloadForm","downloadButtonText","fileSrc","submitButtonText","Embed","count","file","doDownloadContact","relation","open","IngressContent","PLarge","Ingress","elementID","Blocks","LinkBlock","sm","LinkBlocks","linkBlock1Text","linkBlock1Href","linkBlock1Blank","linkBlock2Text","linkBlock2Href","linkBlock2Blank","link1Props","rel","link2Props","OnlineOfferWrapper","OnlineOfferIngress","LoadMoreContainer","renderText","replace","RangeSlider","onChangeEnd","priceValues","setPriceValues","min","max","mn","mx","Range","allowCross","onAfterChange","step","NumberFormat","displayType","thousandSeparator","Heading","h3","SearchArea","SearchAreaTop","SearchAreaBottom","Section","Rooms","HouseTypes","PriceSection","xxl","Price","Actions","_templateObject11","_templateObject12","EmptySelections","ariaLabel","role","_templateObject13","SearchButton","_templateObject14","getValues","sels","getQueries","OnlineOfferSearchArea","_ref4","heading","onSelections","selectedAddresses","setSelectedAddresses","selectedRooms","setSelectedRooms","selectedHouseTypes","setSelectedHouseTypes","selectedPrices","setSelectedPrices","priceRangeValues","setPriceRangeValues","addressSearchRef","roomSelectRef","houseTypesRef","priceRef","buildingType","rooms","AddressSearch","grey","onSelect","extraParams","MultiButtonSelect","selections","selectableRooms","onSelection","selectableHouseTypes","reset","ResultsTable","ResultsTableRow","hasHistory","ResultsTableCell","hasToggle","hideOnMobile","fluidBgSize","isOpen","ResultsTableHeader","Toggler","OfferHistory","FormattedDate","date","d","getSeconds","formatted","format","getIcon","resolveIcon","getOfferType","offer","conditional","Toggle","setOpen","History","offers","idx","amount","customers","startDate","join","suffix","TableRow","buildingTypeFormatted","district","largestOffer","lastOfferDate","municipality","saleDays","salesPriceUnencumbered","onlineOffers","result","stringBuildingType","resolveTypeText","livingArea","lotAreaType","filterXSS","lotArea","toLowerCase","getArea","i","getHighestOfferType","OnlineOfferResultsArea","_ref5","results","OnlineOffer","defaultTerms","resultCount","setResultCount","setResults","loading","setLoading","searchTerms","setSearchTerms","lastSearchTerms","setLastSearchTerms","isSubscribed","isEqual","OnlineOfferService","matches","r","getProperties","Editor","ResultsArea","loadMore","terms","skip","PersonLiftsContainer","PersonCards","PersonCard","PersonCardTop","PersonCardBottom","PersonImage","PersonCardInfo","PersonLifts","personCardPhone","Boxes","QuoteBox","clsx","isBeige","QuoteBoxText","QuoteBoxQuoter","QuoteAgent","QuoteAgentImage","QuoteAgentInfo","MicroTextCaps","queryFields","QBox","quoter","person","hidden","AgentImage","size","fallbackSrc","firstName","lastName","degrees","QuoteBoxes","textShadow","BannerText","h2","TextBanner","bannerColor","BackgroundWrapper","BackgroundImage","h1","TitleWithBackground","blocks","TextAndImage","TextBoxes","TextContent","TwoTextBoxes","OnlineOfferCancelResultWrapper","OnlineOfferCancelResult","resultCode","URLSearchParams","search","connect","doc","Blocklist"],"mappings":"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","file":"assets/js/pages-CampaignContentPage.chunk.js?cb=871c34988684a7ea1d29","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","import styled from \"styled-components\";\n\nexport const AddAgencyButton = styled.div`\n\t&:not(.show-reference) {\n\t\tcursor: pointer;\n\t    display: block;\n\t    position: relative;\n\t\tpadding: 16px 16px 15px;\n\t\tborder-radius: 4px;\n\t\tbackground-color: lightgray;\n\t\tmax-width: fit-content;\n\t\tmargin-bottom: 1.5rem;\n\t\ttransition: 0.2s;\n\t\t:hover {\n\t\t\tbackground-color: darkgray;\n\t\t}\n\n\t\t.r-content {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n`;\n\nexport const AdminAgencyList = styled.ul`\n\tdisplay: grid;\n\tgrid-template-columns: 1fr 1fr;\n\tgap: 0.5em;\n\tlist-style: none;\n\tpadding: 0;\n`;\n\nexport const AgencyOptions = styled.div`\n\t&.isAdmin {\n\t\talign-items: flex-start;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tjustify-content: center;\n\t\twidth: 100%;\n\n\t\t&.centered {\n\t\t\talign-items: center;\n\t\t}\n\t}\n`;\n","import React, { useEffect, useRef, useState } from \"react\";\nimport { AddAgencyButton, AdminAgencyList, AgencyOptions } from \"./styles\";\nimport Reference from \"wake-react-components/reference\";\nimport { isAdmin } from \"wake-react-components/utils\";\n\ninterface IAgencySelectorProps {\n\tcentered?: boolean;\n\tchildren?: React.ReactNode;\n\tfields?: string[];\n\titem: any;\n}\n\nexport const AgencySelector = (props: IAgencySelectorProps) => {\n\n\tconst {\n\t\tcentered = false,\n\t\tchildren,\n\t\tfields = [\"key\", \"name\"],\n\t\titem,\n\t} = props;\n\n\tconst [ adminAgencies, setAdminAgencies ] = useState([]);\n\n\tuseEffect(() => {\n\t\tif (item.agencies) {\n\t\t\tsetAdminAgencies(\"references\" in item.agencies ? item.agencies.references : item.agencies);\n\t\t}\n\t}, [ item.agencies ]);\n\n\treturn <AgencyOptions className={(isAdmin ? \"isAdmin\" : \"\") + (centered ? \" centered\" : \"\")}>\n\t\t{isAdmin && <>\n\t\t\t<p>Valitut myymälät ({adminAgencies.length} kpl):</p>\n\t\t\t<AdminAgencyList>\n\t\t\t\t{adminAgencies &&\n\t\t\t\t\tadminAgencies.length > 0 &&\n\t\t\t\t\tadminAgencies.map((adminAgency: any) => {\n\t\t\t\t\t\treturn <li key={adminAgency.name}>{adminAgency.name}</li>;\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t</AdminAgencyList>\n\t\t</>}\n\t\t<AddAgencyButton\n\t\t\tclassName={children && !isAdmin ? \"show-reference\" : \"\"}\n\t\t\tonClick={(e: any) => {\n\t\t\t\tconst button = e.currentTarget || e.target;\n\t\t\t\tif (button) {\n\t\t\t\t\tconst referenceClickArea = button.getElementsByClassName(\"r-reference__click-area\")[ 0 ];\n\t\t\t\t\tif (referenceClickArea) {\n\t\t\t\t\t\treferenceClickArea.click();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}}\n\t\t>\n\t\t\t{isAdmin && <>Muokkaa myymälöitä</>}\n\t\t\t{/*\n\t\t\t// @ts-ignore */}\n\t\t\t<Reference\n\t\t\t\tfields={fields}\n\t\t\t\tname=\"agencies\"\n\t\t\t\ttype=\"AgencyDocument\"\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</Reference>\n\t\t</AddAgencyButton>\n\t</AgencyOptions>;\n\n};\n","module.exports = __webpack_public_path__ + \"assets/static/media/form-bg-pattern.png\";","import { useEffect } from \"react\";\nimport { hasWindow } from \"@utils\";\nimport isEmpty from \"lodash-es/isEmpty\";\n\nfunction useDanskeScript() {\n\t//const src = \"https://haaveestatotta.s3.amazonaws.com/production/danske-calculators/housing_loan/embed.js\";\n\tconst src = \"/assets/loancalculator/embed2.js\";\n\n\tuseEffect(() => {\n\t\tif (hasWindow) {\n\t\t\tconst existingDanskeScripts = document.querySelectorAll(`[src=\"${src}\"]`);\n\t\t\tif (!isEmpty(existingDanskeScripts)) {\n\t\t\t\tconst scripts = Array.prototype.slice.call(existingDanskeScripts) || [];\n\t\t\t\tscripts.forEach((s: HTMLScriptElement) => s.remove());\n\t\t\t}\n\n\t\t\tconst script = document.createElement(\"script\");\n\t\t\tscript.async = true;\n\t\t\tscript.src = src;\n\n\t\t\tdocument.body.appendChild(script);\n\n\t\t\tconst onScriptError = () => {\n\t\t\t\tscript.remove();\n\t\t\t};\n\n\t\t\tscript.addEventListener(\"error\", onScriptError);\n\n\t\t\treturn () => {\n\t\t\t\tscript.remove();\n\t\t\t\tscript.removeEventListener(\"error\", onScriptError);\n\t\t\t};\n\t\t}\n\t}, []);\n}\n\nexport default useDanskeScript;\n","import React, { Component } from \"react\";\n\nclass ErrorBoundary extends Component {\n\tstatic getDerivedStateFromError(error) {\n\t\t// Update state so the next render will show the fallback UI.\n\t\treturn { hasError: true };\n\t}\n\n\tstate = {\n\t\thasError: false,\n\t};\n\n\tconstructor(props) {\n\t\tsuper(props);\n\t}\n\n\tcomponentDidCatch(error, errorInfo) {\n\t\tconsole.log({ error, errorInfo });\n\t}\n\n\trender() {\n\t\tconst { hasError } = this.state;\n\n\t\treturn hasError ? <h4>Tapahtui odottamaton virhe</h4> : this.props.children;\n\t}\n}\n\nexport default ErrorBoundary;\n","import styled, { css } from \"styled-components\";\nimport { media, color } from \"@utils/style-utils\";\n\nexport const TAVContainer = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tmargin: 0 auto 50px;\n\tmax-width: 1130px;\n\n\t> div {\n\t\tdisplay: flex;\n\t\tflex-basis: 100%;\n\t\tflex-direction: column;\n\t\tjustify-content: center;\n\n\t\th3 {\n\t\t\tmargin: 0 0 35px;\n\t\t}\n\n\t\t.yt-embed {\n\t\t\tbackground-color: ${color(\"blue\", 4)};\n\t\t}\n\t}\n\n\t${media.md`\n\t\tflex-direction: row;\n\t\tmargin: 0 auto 90px;\n\n\t\t> div {\n\t\t\t&:first-of-type {\n\t\t\t\tflex-basis: 41.5%;\n\t\t\t\tpadding-right: 35px;\n\n\t\t\t\th3 {\n\t\t\t\t\tmargin: 0;\n\t\t\t\t\tmax-width: 311px;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:last-of-type {\n\t\t\t\tflex-basis: 58.5%;\n\t\t\t}\n\t\t}\n\t`};\n\n\t${props =>\n\t\tprops.reverse &&\n\t\tcss`\n\t\t\t${media.md`\n\t\t\t\tflex-direction: row-reverse;\n\n\t\t\t\t> div:first-of-type {\n\t\t\t\t\tpadding-right: 0;\n\t\t\t\t\tpadding-left: 35px;\n\t\t\t\t}\n\t\t\t`}\n\t\t`};\n`;\n","import React from \"react\";\nimport { Wrapper, Container } from \"@components/Grid\";\nimport Text from \"wake-react-components/text\";\nimport Input from \"wake-react-components/input\";\nimport { isAdmin } from \"wake-react-components/utils\";\nimport YoutubeEmbed from \"@components/Embeds/Youtube\";\nimport { getAssetUrl } from \"@utils\";\n\nimport { TAVContainer } from \"./styles\";\n\nconst TextAndVideo = (props: any = {}) => {\n\tconst {\n\t\titem: { video, videoSide = \"right\" },\n\t\t...restProps\n\t} = props;\n\n\treturn (\n\t\t<Wrapper>\n\t\t\t<Container {...restProps}>\n\t\t\t\t<TAVContainer reverse={videoSide === \"left\"}>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t{isAdmin && <p>Lyhyt teksti</p>}\n\t\t\t\t\t\t<h3>\n\t\t\t\t\t\t\t<Text name=\"textAndVideoText\" multiline={true} placeholder=\"Kuvaus\" />\n\t\t\t\t\t\t</h3>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t{isAdmin && <p>Youtube videon ID</p>}\n\t\t\t\t\t\t{isAdmin && <Text name=\"video\" placeholder=\"Youtube videon ID\" multiline={true} />}\n\t\t\t\t\t\t{video && <YoutubeEmbed videoID={video} />}\n\t\t\t\t\t</div>\n\t\t\t\t</TAVContainer>\n\t\t\t</Container>\n\t\t</Wrapper>\n\t);\n};\n\nTextAndVideo.thumb = () => (\n\t<div>\n\t\t<img src={getAssetUrl(\"/assets/images/campaign-block-thumbs/Videonosto.jpg\")} alt=\"Videonosto\" />\n\t\t<p>Videonosto</p>\n\t</div>\n);\n\nTextAndVideo.settings = () => (\n\t<div className=\"settings\">\n\t\t<span>\n\t\t\tElementin ID <small>(esim ankkuriksi)</small>&nbsp;\n\t\t</span>\n\t\t<Text name=\"elementID\" placeholder=\"ID\" />\n\t\t<div>\n\t\t\tVideon puoli:\n\t\t\t<Input type=\"select\" name=\"videoSide\" defaultValue=\"right\">\n\t\t\t\t<option value=\"right\">Oikea</option>\n\t\t\t\t<option value=\"left\">Vasen</option>\n\t\t\t</Input>\n\t\t</div>\n\t</div>\n);\n\nexport default TextAndVideo;\n","import styled, { css } from \"styled-components\";\nimport { color, fontFamily, emSpacing, media, buttons } from \"@utils/style-utils\";\nimport { rgba } from \"polished\";\n\nexport const Card = styled.div.attrs(() => ({\n\tclassName: \"agency-list-item\",\n}))`\n\tbackground-color: ${color(\"white\")};\n\tborder: 1px solid ${color(\"greenDark\", 4)};\n\tborder-radius: 4px;\n\tcursor: pointer;\n\tdisplay: flex;\n\tflex-direction: column;\n\tmargin-bottom: 35px;\n\toverflow: hidden;\n\tpadding: 30px 20px;\n\tpadding-right: 75px;\n\tposition: relative;\n\ttransform: scale(1);\n\ttransition: background-color 150ms, transform 150ms;\n\n\t&:hover {\n\t\tbackground-color: ${rgba(color(\"greenBright\", 4), 0.1)};\n\t}\n\n\t&:active {\n\t\ttransform: scale(0.98);\n\t}\n\n\t${media.md`\n\t\tpadding: 35px 30px;\n\t\tpadding-right: 90px;\n\n\t\t.arrow {\n\t\t\ttop: 34px;\n\t\t}\n\n\t\t${props =>\n\t\t\tprops.wide &&\n\t\t\tcss`\n\t\t\t\tpadding-left: 35px;\n\t\t\t\tpadding-right: 90px;\n\n\t\t\t\t.arrow {\n\t\t\t\t\tright: 32px;\n\t\t\t\t}\n\t\t\t`}\n\t`}\n\n\t${media.lg`\n\t\tpadding: 48px 45px;\n\t\tpadding-right: 90px;\n\n\t\t.contact {\n\t\t\tpadding-left: 29px;\n\t\t}\n\n\t\t.arrow {\n\t\t\ttop: 42px;\n\t\t}\n\t`}\n\n\t${media.xl`\n\t\t${props =>\n\t\t\tprops.wide &&\n\t\t\tcss`\n\t\t\t\tpadding-left: 72px;\n\t\t\t\tpadding-right: 120px;\n\n\t\t\t\t.arrow {\n\t\t\t\t\tright: 72px;\n\t\t\t\t\ttop: 42px;\n\t\t\t\t}\n\t\t\t`}\n\t`}\n\n\t${props =>\n\t\tprops.hasFormButton &&\n\t\tcss`\n\t\t\tpadding-bottom: 0 !important;\n\t\t`}\n`;\n\nexport const Title = styled.h4`\n\tcolor: ${color(\"greenBright\", 1)};\n\tfont-size: 16px;\n\tfont-weight: 500;\n\tmargin: 0 0 16px;\n\n\t${media.ml`\n\t\tfont-size: 17px;\n\t`}\n\n\ta {\n\t\tcolor: inherit;\n\t\ttext-decoration: none;\n\n\t\t&:hover {\n\t\t\ttext-decoration: underline;\n\t\t}\n\t}\n`;\n\nexport const Address = styled.p`\n\tcolor: ${color(\"grey\", 2)};\n\tfont-family: ${fontFamily.condensed};\n\tfont-size: 15px;\n\tmargin: 0 0 40px;\n\n\ta {\n\t\tcolor: inherit;\n\t\ttext-decoration: none;\n\n\t\t&:hover {\n\t\t\ttext-decoration: underline;\n\t\t}\n\t}\n\n\t${media.ml`\n\t\tfont-size: 16px;\n\t`}\n`;\n\nexport const Contact = styled.p.attrs(() => ({\n\tclassName: \"contact\",\n}))`\n\tfont-family: ${fontFamily.condensed};\n\tfont-size: 15px;\n\tmargin: 0 0 16px;\n\tpadding-left: 22px;\n\tposition: relative;\n\n\t${media.ml`\n\t\tfont-size: 16px;\n\t`}\n\n\t&:last-of-type {\n\t\tmargin-bottom: 0;\n\t}\n\n\t.icon {\n\t\tdisplay: inline-block;\n\t\tcolor: ${color(\"greenBright\", 1)};\n\t\tfont-size: 14px;\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\ttop: 2px;\n\n\t\tsvg {\n\t\t\tmax-width: 15px;\n\t\t}\n\t}\n\n\ta {\n\t\tcolor: ${color(\"greenDark\", 1)};\n\t\tletter-spacing: ${emSpacing(0.02)};\n\t\ttext-decoration: none;\n\n\t\t&:hover {\n\t\t\tcolor: ${color(\"greenDark\", 2)};\n\t\t\ttext-decoration: underline;\n\t\t}\n\n\t\t+ a {\n\t\t\t&::before {\n\t\t\t\tcontent: \",\";\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tmargin-right: 5px;\n\t\t\t}\n\t\t}\n\t}\n`;\n\nexport const Arrow = styled.span.attrs(() => ({\n\tclassName: \"arrow\",\n}))`\n\tborder: 1px solid ${color(\"greenBright\", 1)};\n\tborder-radius: 50%;\n\tline-height: 1;\n\theight: 25px;\n\tposition: absolute;\n\tright: 20px;\n\ttop: 26px;\n\twidth: 25px;\n\n\t${media.md`\n\t\theight: 30px;\n\t\tright: 30px;\n\t\ttop: 24px;\n\t\twidth: 30px;\n\t`}\n\n\t${media.lg`\n\t\theight: 35px;\n\t\twidth: 35px;\n\t`}\n\n\t&::before {\n\t\tcolor: ${color(\"greenBright\", 1)};\n\t\tcontent: \"›\";\n\t\tdisplay: inline-block;\n\t\tfont-size: 20px;\n\t\tline-height: 1;\n\t\tleft: 0;\n\t\tposition: absolute;\n\t\tright: 0;\n\t\ttext-align: center;\n\t\ttop: 50%;\n\t\ttransform: translateY(-50%);\n\t}\n`;\n\nexport const ContactButton = styled.div.attrs(() => ({\n\tariaRole: \"button\",\n\tclassName: \"agency-card-contact-button\",\n}))`\n\tborder-top: 1px solid ${color(\"greenDark\", 4)};\n\tcursor: pointer;\n\tdisplay: block;\n\ttext-align: center;\n\tpadding: 30px 15px;\n\tmargin-left: -20px;\n\tmargin-right: -75px;\n\tmargin-top: 45px;\n\n\t${media.md`\n\t\tmargin-left: -30px;\n\t\tmargin-right: -90px;\n\t\tpadding: 40px 15px;\n\t`}\n\n\t${media.lg`\n\t\tmargin-left: -45px;\n\t`}\n\n\tspan {\n\t\t${buttons.textLinkPrimary}\n\n\t\t&::after {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n`;\n","import React from \"react\";\nimport { withRouter, RouteComponentProps, Link } from \"react-router-dom\";\nimport { Card, Title, Address, Contact, Arrow, ContactButton } from \"./styles\";\nimport Phone from \"@components/Info/Phone\";\nimport Email from \"@components/Info/Email\";\nimport isEmpty from \"lodash-es/isEmpty\";\nimport { hasWindow } from \"@utils\";\n\ninterface IProps {\n\tagency: IAgency;\n\tonFormButtonClick?: (agency: IAgency) => void;\n\twithFormButton?: boolean;\n\t[key: string]: any;\n}\n\nconst AgencyListItem = (props: IProps & RouteComponentProps) => {\n\tconst { agency, history, wide, withFormButton } = props;\n\tif (isEmpty(agency)) {\n\t\treturn null;\n\t}\n\n\tconst {\n\t\taddress,\n\t\tcanonicalPath,\n\t\tcity,\n\t\tcoordinates,\n\t\temail,\n\t\tmarketingName,\n\t\tphone,\n\t\tpostcode,\n\t\ttelPhone,\n\t\turlPart,\n\t} = agency;\n\n\tconst navigate = event => {\n\t\tevent.stopPropagation();\n\t\tevent.preventDefault();\n\n\t\tif (canonicalPath) {\n\t\t\tdocument.body.classList.remove(\"loaded\");\n\t\t\tdocument.body.classList.add(\"load-start\");\n\n\t\t\tsetTimeout(() => {\n\t\t\t\tif (hasWindow) {\n\t\t\t\t\thistory.push(canonicalPath);\n\t\t\t\t\twindow.scrollTo(0, 0);\n\t\t\t\t}\n\t\t\t}, 300);\n\t\t}\n\t};\n\n\tif (!canonicalPath && !urlPart) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<Card\n\t\t\titemScope={true}\n\t\t\titemType=\"https://schema.org/RealEstateAgent\"\n\t\t\tonClick={navigate}\n\t\t\twide={wide}\n\t\t\thasFormButton={withFormButton}\n\t\t>\n\t\t\t<Title itemprop=\"name\">\n\t\t\t\t<Link\n\t\t\t\t\taria-label={`Kiinteistömaailma ${marketingName}`}\n\t\t\t\t\titemProp=\"URL\"\n\t\t\t\t\tonClick={e => e.stopPropagation()}\n\t\t\t\t\tto={canonicalPath ? canonicalPath : urlPart}\n\t\t\t\t>\n\t\t\t\t\tKiinteistömaailma {marketingName}\n\t\t\t\t</Link>\n\t\t\t</Title>\n\t\t\t<Address itemScope={true} itemProp=\"address\" itemType=\"https://schema.org/PostalAddress\">\n\t\t\t\t<a\n\t\t\t\t\thref={`https://www.google.fi/maps/search/?api=1&query=Kiinteistömaailma%20${address},${postcode},${city}`}\n\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\tonClick={e => e.stopPropagation()}\n\t\t\t\t>\n\t\t\t\t\t<span itemProp=\"streetAddress\">{address}</span>,&nbsp;<span itemProp=\"postalCode\">{postcode}</span>{\" \"}\n\t\t\t\t\t<span itemProp=\"addressLocality\">{city}</span>\n\t\t\t\t</a>\n\t\t\t</Address>\n\t\t\t{phone && (\n\t\t\t\t<Contact>\n\t\t\t\t\t<Phone telPhone={telPhone} phone={phone} stopPropagation={true} withIcon={true} />\n\t\t\t\t</Contact>\n\t\t\t)}\n\t\t\t{email && (\n\t\t\t\t<Contact>\n\t\t\t\t\t<Email to={email} split={true} withIcon={true} stopPropagation={true} />\n\t\t\t\t</Contact>\n\t\t\t)}\n\n\t\t\t<meta itemProp=\"areaserved\" content={`${city}`} />\n\n\t\t\t{!isEmpty(coordinates) && (\n\t\t\t\t<div itemProp=\"geo\" itemScope={true} itemType=\"https://schema.org/GeoCoordinates\">\n\t\t\t\t\t<meta itemProp=\"latitude\" content={`${coordinates.latitude}`} />\n\t\t\t\t\t<meta itemProp=\"longitude\" content={`${coordinates.longitude}`} />\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t<Arrow />\n\n\t\t\t{withFormButton && (\n\t\t\t\t<ContactButton\n\t\t\t\t\tonClick={e => {\n\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\tprops.onFormButtonClick(agency);\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<span>Ota yhteyttä tai sovi esittely</span>\n\t\t\t\t</ContactButton>\n\t\t\t)}\n\t\t</Card>\n\t);\n};\n\nexport default withRouter(AgencyListItem);\n","import styled from \"styled-components\";\nimport { grid } from \"@utils/style-utils\";\n\nexport const ApartmentsContainer = styled.div`\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tjustify-content: space-between;\n\tmargin: 40px auto 90px;\n\tmax-width: 1635px;\n\n\t> div {\n\t\tflex-basis: 100%;\n\t\tmargin-bottom: ${grid.gutterSmall}px;\n\n\t\t@media (min-width: 610px) {\n\t\t\tflex-basis: calc((100% - ${grid.gutterSmall / 2}px) / 2);\n\t\t\tmargin-bottom: ${grid.gutterSmall / 2}px;\n\t\t}\n\n\t\t@media (min-width: 1215px) {\n\t\t\tflex-basis: calc((100% - ${(grid.gutter / 2) * 3}px) / 4);\n\t\t\tmargin-bottom: ${grid.gutter / 2}px;\n\t\t}\n\t}\n\n\t@media (max-width: 991px) and (hover: none) and (pointer: coarse) {\n\t\tflex-wrap: nowrap;\n\t\tmargin-left: -${grid.gutterSmall / 2}px;\n\t\tmargin-right: -${grid.gutterSmall / 2}px;\n\t\toverflow-x: scroll;\n\t\t-webkit-overflow-scrolling: touch;\n\t\twhite-space: nowrap;\n\t\twidth: auto;\n\n\t\t> div {\n\t\t\tflex: 1 0 86%;\n\t\t\tmargin-right: ${grid.gutterSmall / 2}px;\n\n\t\t\t&:first-of-type {\n\t\t\t\tmargin-left: ${grid.gutterSmall / 2}px;\n\t\t\t}\n\n\t\t\t&:nth-last-of-type(2) {\n\t\t\t\tflex: 0 0 ${grid.gutterSmall / 2}px;\n\t\t\t\tmargin: 0 !important;\n\t\t\t\twidth: ${grid.gutterSmall / 2}px;\n\t\t\t}\n\n\t\t\t&:nth-last-of-type(2),\n\t\t\t&:last-of-type {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t}\n\t}\n`;\n","import queryString from \"query-string\";\nimport axios from \"axios\";\n\nconst API = \"/api/km/KM/sales?\";\n\nasync function fetchOnlineOfferProperties(params) {\n\tif (!params) {\n\t\treturn;\n\t}\n\n\tconst { query: queryObjects, ...rest } = params;\n\tlet query = queryString.stringify(rest, { arrayFormat: \"bracket\" });\n\n\t// let qstr = \"\";\n\n\tif (queryObjects) {\n\t\tfor (const q of queryObjects) {\n\t\t\tquery += \"&query[]=\" + encodeURIComponent(JSON.stringify(q));\n\t\t}\n\t}\n\n\ttry {\n\t\tconst url = `${API}${query}`;\n\t\tconst response = await fetchAPI(url);\n\t\treturn response.data;\n\t} catch (e) {\n\t\tconsole.log(\"[OnlineOfferService] - errored online offer search\", e);\n\t}\n}\n\nasync function fetchAPI(url: string) {\n\tconst request = await axios.get(url);\n\treturn request;\n}\n\nasync function addFollower(data) {\n\tconst request = await axios.post(\"/api/km/KMSite/PropertyFollower\", data);\n\treturn request.data;\n}\n\nexport default {\n\taddFollower,\n\tfetchOnlineOfferProperties,\n};\n","import styled, { css } from \"styled-components\";\nimport { media, color } from \"@utils/style-utils\";\n\nexport const VideoContainer = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 1em;\n\tmargin: 0 auto 50px;\n\tmax-width: min(896px, 95vw);\n\n\tlabel span {\n\t\tfont-weight: normal;\n\t}\n\n\t> div {\n\t\tdisplay: flex;\n\t\tflex-basis: 100%;\n\t\tjustify-content: center;\n\n\t\t.yt-embed {\n\t\t\tbackground-color: ${color(\"blue\", 4)};\n\t\t}\n\t}\n\n\t${media.md`\n\t\tmargin: 0 auto 90px;\n\t`};\n`;\n","import React from \"react\";\nimport { Container, Wrapper } from \"@components/Grid\";\nimport Text from \"wake-react-components/text\";\nimport { isAdmin } from \"wake-react-components/utils\";\nimport YoutubeEmbed from \"@components/Embeds/Youtube\";\nimport { getAssetUrl } from \"@utils\";\nimport { VideoContainer } from \"./styles\";\n\nconst Video = (props: any = {}) => {\n\tconst {\n\t\titem: { video },\n\t\t...restProps\n\t} = props;\n\n\treturn (\n\t\t<Wrapper>\n\t\t\t<Container {...restProps}>\n\t\t\t\t<VideoContainer>\n\t\t\t\t\t{isAdmin && <label>Youtube-videon ID: <Text name=\"video\" placeholder=\"Youtube-videon ID\" /></label>}\n\t\t\t\t\t{video && <YoutubeEmbed videoID={video} />}\n\t\t\t\t</VideoContainer>\n\t\t\t</Container>\n\t\t</Wrapper>\n\t);\n};\n\nVideo.thumb = () => (\n\t<div>\n\t\t<img src={getAssetUrl(\"/assets/images/campaign-block-thumbs/Videonosto.jpg\")} alt=\"Video\" />\n\t\t<p>Video</p>\n\t</div>\n);\n\nVideo.settings = () => (\n\t<div className=\"settings\">\n\t\t<span>\n\t\t\tElementin ID <small>(esim. ankkuriksi)</small>&nbsp;\n\t\t</span>\n\t\t<Text name=\"elementID\" placeholder=\"ID\" />\n\t</div>\n);\n\nexport default Video;\n","import styled, { css } from \"styled-components\";\nimport { color, media } from \"@utils/style-utils\";\nimport { Container } from \"@components/Grid\";\nimport { rgba } from \"polished\";\n\nexport const HeroWrapper = styled.div`\n\tmargin-bottom: 100px;\n\tpadding: 76px 0 0;\n\twidth: 100%;\n\n\t${media.md`\n\t\tmargin-bottom: 136px;\n\t`}\n\n\t${media.lg`\n\t\tmargin-bottom: 176px;\n\t`}\n\n\t&.no-image {\n\t\tmargin-bottom: 60px;\n\t\tpadding: 120px 0 80px;\n\n\t\t${media.md`\n\t\t\tmargin-bottom: 80px;\n\t\t\tpadding: 150px 0 100px;\n\t\t`}\n\n\t\t${media.lg`\n\t\t\tmargin-bottom: 120px;\n\t\t\tpadding: 201px 0 137px;\n\t\t`}\n\t}\n\n\t&.is-admin {\n\t\tmargin-top: 65px;\n\t}\n\n\t&.bg-green {\n\t\tbackground-color: ${rgba(color(\"greenBright\", 4), 0.5)};\n\t}\n\n\t&.bg-red {\n\t\tbackground-color: ${color(\"coral\", 4)};\n\t}\n\n\t&.bg-blue {\n\t\tbackground-color: ${color(\"blue\", 4)};\n\t}\n`;\n\nexport const HeroContainer = styled(Container).attrs(() => ({\n\tclassName: \"hero-container\",\n}))`\n\tposition: relative;\n\ttop: 40px;\n\n\t${media.lg`\n\t\talign-items: center;\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tjustify-content: space-between;\n\t\ttop: 68px;\n\t`}\n\n\t.image-on-left & {\n\t\t${media.lg`\n\t\t\tflex-direction: row-reverse;\n\t\t\ttext-align: left;\n\t\t`}\n\t}\n\n\t.no-image & {\n\t\ttop: 0;\n\t}\n\n\t&::before,\n\t&::after {\n\t\tdisplay: none;\n\t}\n`;\n\nexport const HeroImage = styled.div.attrs(() => ({\n\tclassName: \"hero-image\",\n}))`\n\tposition: relative;\n\n\t${media.md`\n\t\tmargin: 0 auto;\n\t\tmax-width: 512px;\n\t`}\n\n\t${media.lg`\n\t\tflex-basis: calc(662 / 1364 * 100%);\n\t\tmargin: 0;\n\t\tmax-width: 100%;\n\t`}\n\n\tspan {\n\t\tbackground-color: ${color(\"grey\", 6)};\n\t\tbackground-position: center;\n\t\tbackground-repeat: no-repeat;\n\t\tbackground-size: cover;\n\t\tdisplay: block;\n\t\tpadding-bottom: 66.76%;\n\t\twidth: 100%;\n\t}\n`;\n\nexport const HeroTitle = styled.div.attrs(() => ({\n\tclassName: \"hero-title\",\n}))`\n\tmargin-bottom: 32px;\n\ttext-align: center;\n\n\t${media.lg`\n\t\tflex-basis: calc(662 / 1364 * 100%);\n\n\t\t.no-image & {\n\t\t\tflex-basis: 100%;\n\t\t\tmax-width: 896px;\n\t\t\tmargin: 0 auto;\n\t\t}\n\t`}\n\n\th1 {\n\t\tmargin: 0;\n\t}\n`;\n","import React from \"react\";\nimport Background from \"wake-react-components/background\";\nimport Input from \"wake-react-components/input\";\nimport Text from \"wake-react-components/text\";\nimport { isAdmin } from \"wake-react-components/utils\";\nimport { HeroWrapper, HeroContainer, HeroImage, HeroTitle } from \"./styles\";\n\nimport clxs from \"clsx\";\nimport { getAssetUrl } from \"@utils\";\n\nconst Hero = ({ item }) => {\n\tconst { heroImage, heroImagePosition, heroColor } = item;\n\tlet imgPosition = \"left\";\n\tconst bgColor = heroColor || \"green\";\n\n\tif (heroImagePosition && [\"left\", \"right\"].indexOf(heroImagePosition) !== -1) {\n\t\timgPosition = heroImagePosition;\n\t}\n\n\tconst hasImageInFront = !isAdmin && (heroImage && heroImage.src);\n\n\treturn (\n\t\t<HeroWrapper\n\t\t\tclassName={clxs(\n\t\t\t\t\"page-hero\",\n\t\t\t\t!hasImageInFront && !isAdmin && \"no-image\",\n\t\t\t\timgPosition && (hasImageInFront || isAdmin) && \"image-on-\" + imgPosition,\n\t\t\t\tbgColor && \"bg-\" + bgColor,\n\t\t\t\tisAdmin && \"is-admin\"\n\t\t\t)}\n\t\t>\n\t\t\t<HeroContainer>\n\t\t\t\t<HeroTitle>\n\t\t\t\t\t<h1>\n\t\t\t\t\t\t<Text name=\"title\" placeholder=\"Otsikko\" />\n\t\t\t\t\t</h1>\n\t\t\t\t</HeroTitle>\n\t\t\t\t{(isAdmin || (heroImage && heroImage.src)) && (\n\t\t\t\t\t<HeroImage>\n\t\t\t\t\t\t<Background name=\"heroImage\" tagName=\"span\" sizeInfo={[662, 442]} />\n\t\t\t\t\t</HeroImage>\n\t\t\t\t)}\n\t\t\t</HeroContainer>\n\t\t</HeroWrapper>\n\t);\n};\n\nHero.thumb = () => (\n\t<div>\n\t\t<img src={getAssetUrl(\"assets/images/campaign-block-thumbs/hero.png\")} alt=\"Hero\" />\n\t\t<p>Hero</p>\n\t</div>\n);\n\nHero.settings = () => (\n\t<div className=\"settings\">\n\t\t<span>Kuvan asemointi</span>\n\t\t<Input type=\"select\" name=\"heroImagePosition\" defaultValue=\"left\">\n\t\t\t<option value=\"left\">Vasen</option>\n\t\t\t<option value=\"right\">Oikea</option>\n\t\t</Input>\n\t\t<br />\n\t\t<span>Taustaväri</span>\n\t\t<Input type=\"select\" name=\"heroColor\" defaultValue=\"green\">\n\t\t\t<option value=\"green\">Vihreä</option>\n\t\t\t<option value=\"red\">Punainen</option>\n\t\t\t<option value=\"blue\">Sininen</option>\n\t\t</Input>\n\t</div>\n);\n\nexport default Hero;\n","import styled from \"styled-components\";\nimport { color, fontFamily, grid, media } from \"@utils/style-utils\";\nimport { Container } from \"@components/Grid\";\n\nexport const AgencyContainer = styled(Container)`\n\t.r-reference {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tflex-wrap: wrap;\n\n\t\t${media.md`\n\t\t\tflex-direction: row;\n\t\t\tjustify-content: space-between;\n\t\t`}\n\t\t> div {\n\t\t\tflex-basis: 100%;\n\n\t\t\t${media.md`\n\t\t\t\tflex-basis: calc((100% - ${grid.gutterSmall}px) / 2);\n\t\t\t`}\n\n\t\t\t${media.lg`\n\t\t\t\tflex-basis: calc((100% - ${grid.gutter}px) / 2);\n\t\t\t`}\n\t\t}\n\t}\n`;\n\nexport const FormContainer = styled.div`\n\tmargin: 0 auto;\n\tmax-width: 926px;\n\n\t#ag-contact-form {\n\t\tbackground: none;\n\t\tpadding-top: 0;\n\t\twidth: 100%;\n\t}\n\n\t.form-container {\n\t\ttop: 0;\n\t}\n`;\n\nexport const FormClose = styled.button`\n\t-webkit-appearance: none;\n\t-moz-appearance: none;\n\tbackground: ${color(\"white\")};\n\tborder: 0;\n\tcolor: ${color(\"grey\", 5)};\n\tcursor: pointer;\n\tfont-size: 20px;\n\tpadding: 20px;\n\tposition: absolute;\n\ttop: 20px;\n\tright: 20px;\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\tsvg {\n\t\tmax-width: 24px;\n\t\ttransform: scale(1);\n\t\ttransition: transform 150ms;\n\t}\n`;\n\nexport const FormHeader = styled.div`\n\ttext-align: center;\n\n\th3 {\n\t\tmargin: 0 0 16px;\n\t}\n\n\tp {\n\t\tcolor: ${color(\"grey\", 2)};\n\t\tfont-family: ${fontFamily.condensed};\n\t\tfont-size: 14px;\n\t\tmargin: 0 0 44px;\n\n\t\t${media.md`\n\t\t\tfont-size: 16px;\n\t\t`};\n\n\t\tspan {\n\t\t\tcolor: ${color(\"greenBright\", 1)};\n\t\t\tfont-size: 20px;\n\t\t\tmargin-right: 10px;\n\n\t\t\tsvg {\n\t\t\t\tmax-width: 16px;\n\t\t\t}\n\t\t}\n\t}\n`;\n","import React, { useState } from \"react\";\nimport { AgencyContainer, FormClose, FormContainer, FormHeader } from \"./styles\";\nimport Modal from \"@components/Modal\";\nimport AgencyContactForm from \"@components/Form/ContactFormAgentOrAgency\";\nimport { FontAwesomeIcon as FaIcon } from \"@fortawesome/react-fontawesome\";\nimport { Wrapper } from \"@components/Grid\";\nimport { getAssetUrl } from \"@utils\";\nimport { AgencySelector } from \"@components/ContentBlocks/Base/agency-selector\";\nimport AgencyListItem from \"@components/AgencyList/AgencyListItem\";\nimport { isAdmin } from \"wake-react-components/utils\";\nimport Text from \"wake-react-components/text\";\n\nconst Agencies = ({ item: blockItem }) => {\n\tconst [ modalOpen, setModalOpen ] = useState(false);\n\tconst [ activeAgency, setActiveAgency ] = useState(null);\n\n\tconst isFirstInBlocks = blockItem.hasOwnProperty(\"$$index\") && blockItem[ \"$$index\" ] === 0;\n\n\tconst openForm = (agency: IAgency) => {\n\t\tsetActiveAgency(agency);\n\t\tsetModalOpen(true);\n\t};\n\n\tconst closeForm = () => {\n\t\tsetModalOpen(false);\n\t\tsetActiveAgency(null);\n\t};\n\n\treturn (\n\t\t<Wrapper>\n\t\t\t<AgencyContainer style={{ position: \"relative\" }} className={isFirstInBlocks ? \"first-in-blocks\" : \"\"}>\n\t\t\t\t{isAdmin && <h3>Myymälänosto</h3>}\n\t\t\t\t{(isAdmin || (Array.isArray(blockItem.agencies) && blockItem.agencies.length > 0)) &&\n\t\t              <h3><Text name=\"agencyLiftTitle\" placeholder=\"Otsikko\" /></h3>}\n\t\t\t\t<AgencySelector\n\t\t\t\t\tfields={[\n\t\t\t\t\t\t\"address\",\n\t\t\t\t\t\t\"canonicalPath\",\n\t\t\t\t\t\t\"city\",\n\t\t\t\t\t\t\"coordinates\",\n\t\t\t\t\t\t\"email\",\n\t\t\t\t\t\t\"key\",\n\t\t\t\t\t\t\"name\",\n\t\t\t\t\t\t\"marketingName\",\n\t\t\t\t\t\t\"phone\",\n\t\t\t\t\t\t\"postcode\",\n\t\t\t\t\t\t\"urlPart\",\n\t\t\t\t\t]}\n\t\t\t\t\titem={blockItem}\n\t\t\t\t>\n\t\t\t\t\t{({ item }) => (\n\t\t\t\t\t\t<AgencyListItem agency={item} withFormButton={true} onFormButtonClick={openForm} />\n\t\t\t\t\t)}\n\t\t\t\t</AgencySelector>\n\t\t\t\t{modalOpen && activeAgency && (\n\t\t\t\t\t<Modal\n\t\t\t\t\t\tdark={true}\n\t\t\t\t\t\tfollowingClose={false}\n\t\t\t\t\t\tcontent={\n\t\t\t\t\t\t\t<FormContainer onClick={e => e.stopPropagation()}>\n\t\t\t\t\t\t\t\t<AgencyContactForm agency={activeAgency}>\n\t\t\t\t\t\t\t\t\t<FormHeader>\n\t\t\t\t\t\t\t\t\t\t<h3>Ota yhteyttä</h3>\n\t\t\t\t\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\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\t\t</span>\n\t\t\t\t\t\t\t\t\t\t\t{activeAgency.marketingName\n\t\t\t\t\t\t\t\t\t\t\t\t? `Kiinteistömaailma ${activeAgency.marketingName}`\n\t\t\t\t\t\t\t\t\t\t\t\t: activeAgency.name}\n\t\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t\t<FormClose onClick={closeForm}>\n\t\t\t\t\t\t\t\t\t\t\t<FaIcon icon=\"times\" />\n\t\t\t\t\t\t\t\t\t\t</FormClose>\n\t\t\t\t\t\t\t\t\t</FormHeader>\n\t\t\t\t\t\t\t\t</AgencyContactForm>\n\t\t\t\t\t\t\t</FormContainer>\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonClose={closeForm}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</AgencyContainer>\n\t\t</Wrapper>\n\t);\n};\n\nAgencies.thumb = () => (\n\t<div>\n\t\t<img src={getAssetUrl(\"assets/images/campaign-block-thumbs/myymalanosto.png\")} alt=\"Myymälänosto\" />\n\t\t<p>Myymälänosto</p>\n\t</div>\n);\n\nexport default Agencies;\n","import styled from \"styled-components\";\nimport { media } from \"@utils/style-utils\";\n\nexport const CityOption = styled.div`\n\tmargin: 2em 0;\n\n\tlabel {\n\t\tfont-weight: normal;\n\n\t\tspan {\n\t\t\tmargin-right: 1em;\n\t\t}\n\t}\n`;\n\nexport const AgentSorting = styled.div`\n\tmargin: 2em 0;\n\n\tlabel {\n\t\tfont-weight: normal;\n\n\t\tspan {\n\t\t\tmargin-right: 1em;\n\t\t}\n\t}\n\n\n`;\n\nexport const AgentsWrapper = styled.div`\n\talign-items: flex-start;\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tgap: 10px;\n\tjustify-content: space-between;\n\n\t.agent-list-item {\n\t\tflex-basis: 100%;\n\n\t\t${media.md`\n\t\t\tflex-basis: 49%;\n\t\t`};\n\n\t\t${media.xl`\n\t\t\tflex-basis: 32%;\n\t\t`};\n\t}\n`;\n","import React, { Fragment } from \"react\";\nimport { AgentSorting, AgentsWrapper, CityOption } from \"./styles\";\nimport { getID } from \"@components/ContentBlocks/Base\";\nimport Text from \"wake-react-components/text\";\nimport { getAssetUrl, hasWindow } from \"@utils\";\nimport AgentListItem from \"@components/AgentList/AgentListItem\";\nimport { getMongoID, isAdmin } from \"wake-react-components/utils\";\nimport Input from \"wake-react-components/input\";\nimport { useSelector } from \"react-redux\";\nimport { AgencySelector } from \"@components/ContentBlocks/Base/agency-selector\";\nimport { Container, Wrapper } from \"@components/Grid\";\n\n/**\n * @note If you look at this component and think that there is something extra or something should be done otherwise,\n * you are kind of right. <Input type=\"checkbox\" /> is kludged to work, since block components in this project and some\n * components of WRC are currently not really compatible with each other.\n *\n * @param IDocument doc\n * @param item\n * @returns {JSX.Element}\n * @constructor\n */\nconst AgentLifts = ({ item }) => {\n\n\tconst id = getID(item);\n\n\tconst mainDoc = useSelector(state => state && \"document\" in state ? (state as any).document : null);\n\n\tconst { liftItems = { agents: [], agencies: [] } } = item;\n\tconst { agencies, agents } = liftItems;\n\tconst handleClick = (clickTarget: any) => {\n\t\tif (hasWindow) {\n\t\t\tlocation.href = clickTarget.canonicalPath;\n\t\t}\n\t};\n\n\treturn <Wrapper>\n\t\t<Container className={item.$$index === 0 ? \"first-in-block\" : \"\"} id={id}>\n\t\t\t{isAdmin && <h3>Välittäjänosto</h3>}\n\t\t\t{(isAdmin || (Array.isArray(agents) && agents.length > 0)) &&\n              <h3><Text name=\"agentsLiftTitle\" placeholder=\"Otsikko\" /></h3>}\n\t\t\t{isAdmin ? <>\n\t\t\t\t\t<AgencySelector item={item} />\n\t\t\t\t\t<CityOption>\n\t\t\t\t\t\t<label htmlFor=\"city-option\">\n\t\t\t\t\t\t\t<span>Näytä välittäjät vain tietyssä kaupungissa (käytetään vain kun myymälöitä ei ole valittu)</span>\n\t\t\t\t\t\t\t<Input id=\"city-option\" type=\"select\" name=\"city\">\n\t\t\t\t\t\t\t\t<option value=\"\">Kaikki kaupungit</option>\n\t\t\t\t\t\t\t\t{(mainDoc.cityOptions || []).map((city: string) => {\n\t\t\t\t\t\t\t\t\treturn <option\n\t\t\t\t\t\t\t\t\t\tkey={\"city-option-\" + city}\n\t\t\t\t\t\t\t\t\t\tvalue={city}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{city}\n\t\t\t\t\t\t\t\t\t</option>;\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t</Input>\n\t\t\t\t\t\t</label>\n\t\t\t\t\t</CityOption>\n\t\t\t\t\t<AgentSorting>\n\t\t\t\t\t\t<label htmlFor=\"agent-sorting\">\n\t\t\t\t\t\t\t<span>Järjestä välittäjät</span>\n\t\t\t\t\t\t\t<Input id=\"agent-sorting\" type=\"select\" name=\"sorting\">\n\t\t\t\t\t\t\t\t<option value=\"random\">Satunnaisesti</option>\n\t\t\t\t\t\t\t\t<option value=\"firstname\">Etunimen mukaan</option>\n\t\t\t\t\t\t\t\t<option value=\"lastname\">Sukunimen mukaan</option>\n\t\t\t\t\t\t\t</Input>\n\t\t\t\t\t\t</label>\n\t\t\t\t\t</AgentSorting>\n\t\t\t\t</>\n\t\t\t\t: <AgentsWrapper>\n\t\t\t\t\t{Array.isArray(agents) && agents.map((agent: any) => {\n\t\t\t\t\t\treturn <AgentListItem\n\t\t\t\t\t\t\tagency={Object.keys(agencies).length > 1  // show agency name only if there are multiple agencies\n\t\t\t\t\t\t\t\t? agencies[ agent.homeAgency ] || null\n\t\t\t\t\t\t\t\t: null\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tagent={agent}\n\t\t\t\t\t\t\tkey={\"agent-\" + getMongoID(agent)}\n\t\t\t\t\t\t\tonClick={handleClick}\n\t\t\t\t\t\t/>;\n\t\t\t\t\t})}\n\t\t\t\t</AgentsWrapper>}\n\t\t</Container>\n\t</Wrapper>;\n\n};\n\nAgentLifts.thumb = () => (\n\t<div>\n\t\t<img src={getAssetUrl(\"/assets/images/campaign-block-thumbs/HenkiloNosto.jpg\")} alt=\"Välittäjänosto\" />\n\t\t<p>Välittäjänosto</p>\n\t</div>\n);\n\nAgentLifts.settings = () => (\n\t<div className=\"settings\">\n\t\tBlockin ID (esim. ankkuriksi) <Text name=\"anchorID\" placeholder=\"ID\" />\n\t\t<br />\n\t</div>\n);\n\nexport default AgentLifts;\n","import React, { Fragment } from \"react\";\nimport Text from \"wake-react-components/text\";\nimport { Container, Wrapper } from \"@components/Grid\";\nimport { isAdmin } from \"wake-react-components/utils\";\nimport Input from \"wake-react-components/input\";\n\nimport { ApartmentsContainer } from \"./styles\";\nimport ApartmentBlock from \"@components/ApartmentBlock\";\nimport { getAssetUrl } from \"@utils/index\";\nimport { AgencySelector } from \"@components/ContentBlocks/Base/agency-selector\";\n\nconst ApartmentLifts = ({ item }) => {\n\tconst { listApartments } = item;\n\n\tconst isFirstInBlocks = item.hasOwnProperty(\"$$index\") && item[\"$$index\"] === 0;\n\n\treturn (\n\t\t<Fragment>\n\t\t\t{isAdmin && (\n\t\t\t\t<Wrapper>\n\t\t\t\t\t<Container>\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<span style={{ display: \"inline-block\", verticalAlign: \"middle\" }}>Näytä:&nbsp;</span>\n\t\t\t\t\t\t\t<Input type=\"select\" name=\"liftsType\" defaultValue=\"all\">\n\t\t\t\t\t\t\t\t<option value=\"all\">Kaikki kohteet</option>\n\t\t\t\t\t\t\t\t<option value=\"onlineOffer\">Katsotuimmat tarjouskauppakohteet</option>\n\t\t\t\t\t\t\t\t<option value=\"mostOffers\">Tarjotuimmat tarjouskauppakohteet</option>\n\t\t\t\t\t\t\t\t<option value=\"video\">Katsotuimmat videokohteet</option>\n\t\t\t\t\t\t\t</Input>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<br />\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<span style={{ display: \"inline-block\", verticalAlign: \"middle\" }}>\n\t\t\t\t\t\t\t\tTyyppi:&nbsp;\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t<Input type=\"select\" name=\"popularSorting\" defaultValue=\"total\">\n\t\t\t\t\t\t\t\t<option value=\"total\">Katsotuimmat</option>\n\t\t\t\t\t\t\t\t<option value=\"daily\">Päivän katsotuimmat</option>\n\t\t\t\t\t\t\t\t<option value=\"weekly\">Viikon katsotuimmat</option>\n\t\t\t\t\t\t\t\t<option value=\"monthly\">Kuukauden katsotuimmat</option>\n\t\t\t\t\t\t\t</Input>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<br />\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<AgencySelector item={item} />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<br />\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<span style={{ display: \"inline-block\", verticalAlign: \"middle\" }}>\n\t\t\t\t\t\t\t\tVain arvokohteita:&nbsp;\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t<Input type=\"select\" name=\"valueListing\">\n\t\t\t\t\t\t\t\t<option value=\"all\">Ei merkitystä</option>\n\t\t\t\t\t\t\t\t<option value=\"yes\">Vain arvokohteita</option>\n\t\t\t\t\t\t\t\t<option value=\"no\">Ei arvokohteita</option>\n\t\t\t\t\t\t\t</Input>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<br />\n\t\t\t\t\t</Container>\n\t\t\t\t</Wrapper>\n\t\t\t)}\n\n\t\t\t{(isAdmin || (listApartments && listApartments.length > 0)) && (\n\t\t\t\t<Wrapper>\n\t\t\t\t\t<Container className={isFirstInBlocks ? \"first-in-blocks\" : \"\"}>\n\t\t\t\t\t\t<h2>\n\t\t\t\t\t\t\t<Text name=\"apartmentLiftsTitle\" placeholder=\"Otsikko\" multiline={true} />\n\t\t\t\t\t\t</h2>\n\t\t\t\t\t\t{!isAdmin && <ApartmentsContainer>\n\t\t\t\t\t\t\t{listApartments.map(apt => (\n\t\t\t\t\t\t\t\t<ApartmentBlock key={apt.key} data={apt} small={true} />\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t<div />\n\t\t\t\t\t\t\t<div />\n\t\t\t\t\t\t</ApartmentsContainer>}\n\t\t\t\t\t</Container>\n\t\t\t\t</Wrapper>\n\t\t\t)}\n\t\t</Fragment>\n\t);\n};\n\nApartmentLifts.thumb = () => (\n\t<div>\n\t\t<img src={getAssetUrl(\"assets/images/campaign-block-thumbs/Kohdenostot.jpg\")} alt=\"Kohdenostot\" />\n\t\t<p>Kohdenostot</p>\n\t</div>\n);\n\nApartmentLifts.settings = () => (\n\t<div className=\"settings\">\n\t\t<span>\n\t\t\tElementin ID <small>(esim ankkuriksi)</small>&nbsp;\n\t\t</span>\n\t\t<Text name=\"elementID\" placeholder=\"ID\" />\n\t</div>\n);\n\nexport default ApartmentLifts;\n","import styled from 'styled-components';\nimport { boxShadow, color, media, textStyles, fluidSize } from '@utils/style-utils';\n\nexport const BannerContainer = styled.div`\n\tmargin: 0 auto;\n\t${ fluidSize('margin-bottom', '320px', '1920px', '60px', '120px') }\n\tmax-width: 1130px;\n\tposition: relative;\n\n\t${ media.md`\n\t\tdisplay: flex;\n\t`}\n`\n\nexport const BannerImage = styled.div`\n\tposition: relative;\n\twidth: 100%;\n\tz-index: 9;\n\n\t${ media.md`\n\t\twidth: 48.1%;\n\t`}\n\n\timg {\n\t\tdisplay: block;\n\t\tposition: relative;\n\t\twidth: 100%;\n\n\t\t/*\n\t\t${ media.md`\n\t\t\tbox-shadow: ${ boxShadow.wide };\n\t\t`}\n\t\t*/\n\t}\n`\n\nexport const BannerContent = styled.div`\n\tbackground: ${ color('grey', 7) };\n\tpadding: 30px 20px;\n\tposition: relative;\n\twidth: 100%;\n\n\t${ media.md`\n\t\tmargin-top: 42px;\n\t\tpadding: 67px 29px 67px 5%;\n\t\twidth: 51.9%;\n\n\t\t&::before {\n\t\t\tbackground: ${ color('grey', 7) };\n\t\t\tcontent: '';\n\t\t\tdisplay: block;\n\t\t\theight: 100%;\n\t\t\tposition: absolute;\n\t\t\tright: 100%;\n\t\t\ttop: 0;\n\t\t\twidth: 73%;\n\t\t}\n\t`}\n\n\n\th3 {\n\t\t${ textStyles.H3Condensed }\n\t\tmargin: 0 0 26px;\n\t}\n`\n\nexport const Point = styled.div`\n\tdisplay: flex;\n\t${ fluidSize('margin-bottom', '320px', '1920px', '14px', '24px') }\n\n\t&:last-of-type {\n\t\tmargin-bottom: 0;\n\t}\n\n\t.icon {\n\t\tcolor: ${ color('greenBright', 1) };\n\t\tfont-size: 14px;\n\t\tdisplay: inline-block;\n\t\tmargin-right: 12px;\n\t\tpadding-top: 5px;\n\n\t\t${ media.lg`\n\t\t\tmargin-right: 18px;\n\t\t`}\n\n\t\tsvg {\n\t\t\tmax-width: 14px;\n\t\t}\n\t}\n`\n\nexport const PointText = styled.div`\n\t${ textStyles.PSmall }\n`\n","import React from \"react\";\nimport { getID } from \"@components/ContentBlocks/Base\";\nimport { Wrapper, Container } from \"@components/Grid\";\nimport Image from \"wake-react-components/image\";\nimport Input from \"wake-react-components/input\";\nimport Repeater from \"wake-react-components/repeater\";\nimport Text from \"wake-react-components/text\";\nimport { FontAwesomeIcon as FaIcon } from \"@fortawesome/react-fontawesome\";\nimport { getAssetUrl } from \"@utils/index\";\n\nimport { BannerContainer, BannerImage, BannerContent, Point, PointText } from \"./styles\";\n\nconst Banner = props => {\n\tconst iconsHidden = props.item.noPointIcons || false;\n\tconst imageWidth = /*props.item.imageWidth ||*/ 544; // locked to 100% of width (544px) with styles\n\tconst imageHeight = props.item.imageHeight || 311;\n\tconst id = getID(props);\n\n\treturn (\n\t\t<Wrapper id={id}>\n\t\t\t<Container>\n\t\t\t\t<BannerContainer>\n\t\t\t\t\t<BannerImage>\n\t\t\t\t\t\t<Image\n\t\t\t\t\t\t\tname=\"bannerImage\"\n\t\t\t\t\t\t\tsizeInfo={[544, 311]}\n\t\t\t\t\t\t\tstyle={{aspectRatio: \"auto \" + imageWidth + \" / \" + imageHeight}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</BannerImage>\n\t\t\t\t\t<BannerContent>\n\t\t\t\t\t\t<h3>\n\t\t\t\t\t\t\t<Text name=\"bannerTitle\" placeholder=\"Otsikko\" multiline={true} />\n\t\t\t\t\t\t</h3>\n\t\t\t\t\t\t<Repeater name=\"bannerPoints\" limit={5} tagName={Point}>\n\t\t\t\t\t\t\t{!iconsHidden && (\n\t\t\t\t\t\t\t\t<span className=\"icon\">\n\t\t\t\t\t\t\t\t\t<FaIcon icon=\"check\" />\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<PointText>\n\t\t\t\t\t\t\t\t<Text name=\"bannerPoint\" placeholder=\"Teksti\" multiline={true} />\n\t\t\t\t\t\t\t</PointText>\n\t\t\t\t\t\t</Repeater>\n\t\t\t\t\t</BannerContent>\n\t\t\t\t</BannerContainer>\n\t\t\t</Container>\n\t\t</Wrapper>\n\t);\n};\n\nBanner.settings = () => (\n\t<div className=\"settings\">\n\t\tBlockin ID (esim. ankkuriksi) <Text name=\"anchorID\" placeholder=\"ID\" />\n\t\t<br />\n\t\t<br />\n\t\t<label htmlFor=\"noPointIcons\">\n\t\t\tPiilota ikonit? <Input type=\"checkbox\" name=\"noPointIcons\" id=\"noPointIcons\" />\n\t\t</label>\n\t\t<br />\n\t\t<br />\n\t\tKuvan koko 544 x <Text name=\"imageHeight\" defaultValue=\"311\" />\n\t</div>\n);\n\nBanner.thumb = () => (\n\t<div>\n\t\t<img src={getAssetUrl(\"assets/images/campaign-block-thumbs/Myyntibanneri.jpg\")} alt=\"Myyntibanneri\" />\n\t\t<p>Myyntibanneri</p>\n\t</div>\n);\n\nexport default Banner;\n","import styled, { keyframes } from \"styled-components\";\nimport { Wrapper } from \"@components/Grid\";\nimport {\n\tboxShadow,\n\tbreakpoints,\n\tcolor,\n\tfluidSize,\n\tfontFamily,\n\tgrid,\n\tmedia,\n\tribbon,\n\ttextStyles,\n} from \"@utils/style-utils\";\n\nconst pulsate = keyframes`\n\t0%, 100% {\n\t\topacity: 1;\n\t}\n\t50% {\n\t\topacity: 0.5;\n\t}\n`;\n\n// prettier-ignore\nexport const FormPlaceholder = styled.div`\n\tanimation: ${pulsate} 1.2s ease-out infinite;\n\tbackground-image: linear-gradient(${color(\"grey\", 6)} 40px, transparent 0),\n\t\tlinear-gradient(${color(\"grey\", 6)} 40px, transparent 0),\n\t\tlinear-gradient(${color(\"grey\", 6)} 40px, transparent 0),\n\t\tlinear-gradient(${color(\"grey\", 6)} 40px, transparent 0),\n\t\tlinear-gradient(${color(\"grey\", 6)} 80px, transparent 0),\n\t\tlinear-gradient(${color(\"grey\", 6)} 16px, transparent 0),\n\t\tlinear-gradient(${color(\"grey\", 6)} 16px, transparent 0),\n\t\tlinear-gradient(${color(\"greenBright\", 4)} 48px, transparent 0);\n\tbackground-size:\n\t\t100% 40px,\n\t\t100% 40px,\n\t\t100% 40px,\n\t\t100% 40px,\n\t\t100% 80px,\n\t\t92% 16px,\n\t\t90% 16px,\n\t\t100% 48px;\n\tbackground-position:\n\t\t0% 0px,\n\t\t0% 52px,\n\t\t0% 104px,\n\t\t0% 156px,\n\t\t0% 208px,\n\t\t50% 312px,\n\t\t50% 331px,\n\t\t0% 100%;\n\tbackground-repeat: no-repeat;\n\theight: 422px;\n\tmargin: 0 auto;\n\tmax-width: 662px;\n\toverflow: hidden;\n\tposition: relative;\n\twidth: 100%;\n\n\t${ media.md`\n\t\tbackground-image:\n\t\t\tlinear-gradient(${color(\"grey\", 6)} 40px, transparent 0), /* input */\n\t\t\tlinear-gradient(${color(\"grey\", 6)} 40px, transparent 0), /* input */\n\t\t\tlinear-gradient(${color(\"grey\", 6)} 40px, transparent 0), /* input */\n\t\t\tlinear-gradient(${color(\"grey\", 6)} 40px, transparent 0), /* input */\n\n\t\t\tlinear-gradient(${color(\"grey\", 6)} calc((4 * 56 - 16) * 1px), transparent 0), /* textarea */\n\n\t\t\tlinear-gradient(${color(\"grey\", 6)} 16px, transparent 0), /* text */\n\t\t\tlinear-gradient(${color(\"grey\", 6)} 16px, transparent 0), /* text */\n\n\t\t\tlinear-gradient(${color(\"greenBright\", 4)} 48px, transparent 0); /* button */\n\t\tbackground-size:\n\t\t\tcalc(50% - 20px) 40px, /* input */\n\t\t\tcalc(50% - 20px) 40px, /* input */\n\t\t\tcalc(50% - 20px) 40px, /* input */\n\t\t\tcalc(50% - 20px) 40px, /* input */\n\n\t\t\tcalc(50% - 20px) calc((4 * 56 - 16) * 1px), /* textarea */\n\n\t\t\t40% 16px, /* text */\n\t\t\t44% 16px, /* text */\n\n\t\t\t25% 48px; /* button */\n\t\tbackground-position:\n\t\t\t0% 0px, /* input */\n\t\t\t0% 56px, /* input */\n\t\t\t0% 112px, /* input */\n\t\t\t0% 168px, /* input */\n\n\t\t\t100% 0, /* textarea */\n\n\t\t\t0% calc(100% - 25px), /* text */\n\t\t\t0% calc(100% - 5px), /* text */\n\n\t\t\t100% 100%; /* button */\n\t\theight: 296px;\n\t`}\n`;\n// prettier-ignore-end\n\nexport const FormWrapper = styled(Wrapper)`\n\tbackground-color: ${color(\"greenBright\", 6)};\n\tbackground-position: center bottom;\n\tbackground-repeat: no-repeat;\n\tbackground-size: 1920px auto;\n\t${fluidSize(\"margin-bottom\", \"320px\", \"1920px\", \"90px\", \"160px\")};\n\tpadding: 30px ${grid.gutterSmall / 2}px 0;\n\n\t${media.md`\n\t\tpadding-top: 48px;\n\t`};\n\n\t&.first-in-blocks {\n\t\tmargin-top: 65px;\n\t}\n`;\n\nexport const FormBgAdminBlock = styled.div`\n\talign-items: center;\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\twidth: 100%;\n\n\timg {\n\t\tborder: 1px solid ${color(\"greenBright\", 1)};\n\t}\n`;\n\nexport const FormContainer = styled.div`\n\tbackground: ${color(\"white\")};\n\tbox-shadow: ${boxShadow.hugeLight};\n\tmargin: 0 auto;\n\tmin-height: 558px;\n\tmax-width: 896px;\n\tpadding: 86px ${grid.gutter / 2}px 56px;\n\tposition: relative;\n\ttop: 56px;\n\twidth: 100%;\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\t.thanks {\n\t\talign-items: center;\n\t\tcolor: ${color(\"grey\", 2)};\n\t\tdisplay: flex;\n\t\tfont-family: ${fontFamily.condensed};\n\t\tjustify-content: center;\n\t\tmargin: 30px 0;\n\t\twidth: 100%;\n\n\t\tspan {\n\t\t\tdisplay: inline-block;\n\t\t\tcolor: ${color(\"greenBright\", 1)};\n\t\t\tfont-size: 20px;\n\t\t\tmargin-right: 10px;\n\t\t\tposition: relative;\n\t\t\ttop: -2px;\n\t\t\twidth: 20px;\n\t\t}\n\t}\n`;\n\nexport const FormTexts = styled.div`\n\tcolor: ${color(\"grey\", 2)};\n\t${textStyles.PSmallCondensed}\n\tmargin: 0 auto 30px;\n\tmax-width: 662px;\n\ttext-align: center;\n\n\th3 {\n\t\tcolor: ${color(\"grey\", 1)};\n\t\t${textStyles.H3}\n\t}\n`;\n\nexport const Form = styled.form`\n\tmargin: 0 auto;\n\tmax-width: 662px;\n\n\t${media.md`\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t\tjustify-content: space-between;\n\t`};\n\n\tinput,\n\ttextarea {\n\t\t&[disabled] {\n\t\t\topacity: 0.5;\n\t\t\tpointer-events: none;\n\n\t\t\t+ svg {\n\t\t\t\topacity: 0.5;\n\t\t\t}\n\t\t}\n\t}\n\n\ttextarea {\n\t\tbackground: ${color(\"grey\", 7)};\n\t\theight: 100%;\n\t\tmargin-bottom: 24px;\n\t\twidth: 100%;\n\n\t\t${media.md`\n\t\t\tmargin-bottom: 16px;\n\t\t`}\n\t}\n\n\tbutton {\n\t\tdisplay: block;\n\t\tmargin-top: 24px;\n\t\tmin-width: 160px;\n\n\t\t${media.md`\n\t\t\tmargin-left: auto;\n\t\t\tmargin-top: 0;\n\t\t`}\n\t}\n`;\n\nexport const FormColumns = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tmargin-bottom: 20px;\n\twidth: 100%;\n\n\t@media (min-width: ${props => (props.bp ? props.bp + \"px\" : breakpoints.md)}) {\n\t\tflex-direction: row;\n\t\tjustify-content: space-between;\n\n\t\t> div {\n\t\t\tflex-basis: calc((100% - ${grid.gutter}px) / 2);\n\t\t}\n\t}\n`;\n\nexport const FormColumn = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n`;\n\nexport const InputGroup = styled.div`\n\tcolor: ${color(\"greenBright\", 3)};\n\tdisplay: flex;\n\tflex-direction: column;\n\tfont-size: 14px;\n\tmargin-bottom: 12px;\n\tposition: relative;\n\n\t${media.md`\n\t\tmargin-bottom: 16px;\n\t`}\n\n\tsvg {\n\t\tfont-size: 12px;\n\t\theight: 28px;\n\t\tleft: 16px;\n\t\tmax-width: 14px;\n\t\tposition: absolute;\n\t\ttop: 6px;\n\t\twidth: 14px !important;\n\t\tz-index: 2;\n\t}\n\n\tinput {\n\t\tbackground: ${color(\"grey\", 5)};\n\t\tpadding-left: 45px;\n\t\tposition: relative;\n\t\twidth: 100%;\n\t\tz-index: 1;\n\t}\n`;\n\nexport const FormError = styled.div`\n\tcolor: ${color(\"coral\", 1)};\n\tfont-size: 13px;\n\tmargin-bottom: 5px;\n\tmargin-top: 3px;\n`;\n\nexport const FormFooter = styled.div.attrs(() => ({\n\tclassName: \"form-footer\",\n}))`\n\tdisplay: flex;\n\tflex-direction: column;\n\twidth: 100%;\n\n\t${media.md`\n\t\talign-items: center;\n\t\tflex-direction: row;\n\t`}\n`;\n\nexport const FormDisclaimer = styled.div`\n\t${textStyles.MicroText}\n\tcolor: ${color(\"grey\", 3)};\n\ttext-align: center;\n\n\t${media.md`\n\t\tflex-basis: 72%;\n\t\tmax-width: 390px;\n\t\ttext-align: left;\n\t`}\n\n\ta {\n\t\tcolor: ${color(\"greenDark\", 1)};\n\t\tdisplay: inline-block;\n\t\ttext-decoration: none;\n\n\t\t&:hover {\n\t\t\ttext-decoration: underline;\n\t\t}\n\t}\n`;\n\nexport const AgencySelectionInfo = styled.p`\n\ttext-align: center;\n`;\n","import React, { lazy, Suspense, useEffect, useState } from \"react\";\nimport Text from \"wake-react-components/text\";\nimport { getID } from \"@components/ContentBlocks/Base\";\nimport { Link } from \"react-router-dom\";\nimport CtaButton from \"@components/Buttons/CtaButton\";\nimport { getAssetUrl, hasWindow } from \"@utils\";\nimport { FontAwesomeIcon as FaIcon } from \"@fortawesome/react-fontawesome\";\nimport contactService from \"@services/contact.service\";\nimport { getSchema } from \"@utils/validators\";\nimport TextInput from \"@components/Form/TextInput\";\nimport formBG from \"@images/brand-identity/graphics/form-bg-pattern.png\";\n\nimport {\n\tAgencySelectionInfo,\n\tForm,\n\tFormBgAdminBlock,\n\tFormColumn,\n\tFormColumns,\n\tFormContainer,\n\tFormDisclaimer,\n\tFormError,\n\tFormFooter,\n\tFormPlaceholder,\n\tFormTexts,\n\tFormWrapper,\n\tInputGroup,\n} from \"./styles\";\nimport { isAdmin } from \"wake-react-components/utils\";\nimport Image from \"wake-react-components/image\";\nimport { AgencySelector } from \"@components/ContentBlocks/Base/agency-selector\";\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\nconst ContactForm = ({ item }) => {\n\tconst [ isSubmitted, setSubmitted ] = useState(false);\n\tconst initialValues = {\n\t\temail: \"\",\n\t\tmessage: \"\",\n\t\tname: \"\",\n\t\tphone: \"\",\n\t\tpostCode: \"\",\n\t};\n\n\tconst schema = getSchema([ \"email\", \"name\", \"postCode\", \"phone\", \"message\" ]);\n\n\tconst isFirstInBlocks = item.hasOwnProperty(\"$$index\") && item[ \"$$index\" ] === 0;\n\n\tconst id = getID(item);\n\n\tconst hasAgencies: boolean = !!((Array.isArray(item.agencies || false) && item.agencies.length > 0) ||\n\t\t(\"references\" in (item.agencies || {}) && Array.isArray(item.agencies.references) && item.agencies.references.length > 0)\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\tagencies: item.agencies || [],\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 contact\", e);\n\t\t\tsetSubmitting(false);\n\t\t\tsetSubmitted(false);\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\tclassName={isFirstInBlocks ? \"first-in-blocks\" : \"\"}\n\t\t\tid={id}\n\t\t\tstyle={{ backgroundImage: \"url(\" + (item.formBg && item.formBg.src ? item.formBg.src : formBG) + \")\" }}\n\t\t>\n\t\t\t{isAdmin && (\n\t\t\t\t<>\n\t\t\t\t\t<FormBgAdminBlock>\n\t\t\t\t\t\t<h3>Lomakkeen taustakuva</h3>\n\t\t\t\t\t\t<Image defaultValue={formBG} name=\"formBg\" thumb={[ 640, 320 ]} />\n\t\t\t\t\t</FormBgAdminBlock>\n\t\t\t\t\t<AgencySelector centered={true} fields={[ \"key\", \"name\", \"responsibleFor\" ]} item={item} />\n\t\t\t\t\t<AgencySelectionInfo>Vastaanottaja määräytyy {hasAgencies ? (\n\t\t\t\t\t\t<>valittujen myymälöiden välillä suoritetulla arvonnalla</>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<>postinumeroarvonnalla</>\n\t\t\t\t\t)}</AgencySelectionInfo>\n\t\t\t\t</>\n\t\t\t)}\n\t\t\t<FormContainer>\n\t\t\t\t<FormTexts>\n\t\t\t\t\t<h3>\n\t\t\t\t\t\t<Text name=\"contactFormTitle\" placeholder=\"Lomakkeen otsikko\" multiline={true} />\n\t\t\t\t\t</h3>\n\t\t\t\t\t<Text name=\"contactFormDescription\" placeholder=\"Lomakkeen lyhyt kuvaus\" multiline={true} />\n\t\t\t\t</FormTexts>\n\t\t\t\t{!hasWindow && <FormPlaceholder />}\n\t\t\t\t{hasWindow && (\n\t\t\t\t\t<Suspense fallback={<FormPlaceholder />}>\n\t\t\t\t\t\t<Formik initialValues={initialValues} onSubmit={doSubmit} validationSchema={schema}>\n\t\t\t\t\t\t\t{({ values, handleChange, handleBlur, handleSubmit, isSubmitting }) => (\n\t\t\t\t\t\t\t\t<Form onSubmit={handleSubmit} className={isSubmitting ? \"submitting\" : \"\"}>\n\t\t\t\t\t\t\t\t\t<FormColumns>\n\t\t\t\t\t\t\t\t\t\t<FormColumn>\n\t\t\t\t\t\t\t\t\t\t\t<InputGroup>\n\t\t\t\t\t\t\t\t\t\t\t\t<FaIcon icon=\"user\" />\n\t\t\t\t\t\t\t\t\t\t\t\t<TextInput\n\t\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Nimi\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={isSubmitted || isSubmitting}\n\t\t\t\t\t\t\t\t\t\t\t\t\tname=\"name\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tonBlur={handleBlur}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Nimi\"\n\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tvalue={values[ \"name\" ]}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\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\t\t\t{msg => <FormError>{msg}</FormError>}\n\t\t\t\t\t\t\t\t\t\t\t\t</ErrorMessage>\n\t\t\t\t\t\t\t\t\t\t\t</InputGroup>\n\t\t\t\t\t\t\t\t\t\t\t<InputGroup>\n\t\t\t\t\t\t\t\t\t\t\t\t<FaIcon icon=\"phone\" />\n\t\t\t\t\t\t\t\t\t\t\t\t<TextInput\n\t\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Puhelinnumero\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={isSubmitted || isSubmitting}\n\t\t\t\t\t\t\t\t\t\t\t\t\tname=\"phone\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tonBlur={handleBlur}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Puhelinnumero\"\n\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"tel\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tvalue={values[ \"phone\" ]}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\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\t\t\t{msg => <FormError>{msg}</FormError>}\n\t\t\t\t\t\t\t\t\t\t\t\t</ErrorMessage>\n\t\t\t\t\t\t\t\t\t\t\t</InputGroup>\n\t\t\t\t\t\t\t\t\t\t\t<InputGroup>\n\t\t\t\t\t\t\t\t\t\t\t\t<FaIcon icon=\"envelope\" />\n\t\t\t\t\t\t\t\t\t\t\t\t<TextInput\n\t\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Sähköpostiosoite\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={isSubmitted || isSubmitting}\n\t\t\t\t\t\t\t\t\t\t\t\t\tname=\"email\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tonBlur={handleBlur}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Sähköposti\"\n\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"email\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tvalue={values[ \"email\" ]}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\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\t\t\t{msg => <FormError>{msg}</FormError>}\n\t\t\t\t\t\t\t\t\t\t\t\t</ErrorMessage>\n\t\t\t\t\t\t\t\t\t\t\t</InputGroup>\n\t\t\t\t\t\t\t\t\t\t\t<InputGroup>\n\t\t\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\t\t<TextInput\n\t\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Postinumero\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={isSubmitted || isSubmitting}\n\t\t\t\t\t\t\t\t\t\t\t\t\tname=\"postCode\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tonBlur={handleBlur}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Postinumero\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tvalue={values[ \"postCode\" ]}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\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\t\t{msg => <FormError>{msg}</FormError>}\n\t\t\t\t\t\t\t\t\t\t\t\t</ErrorMessage>\n\t\t\t\t\t\t\t\t\t\t\t</InputGroup>\n\t\t\t\t\t\t\t\t\t\t</FormColumn>\n\t\t\t\t\t\t\t\t\t\t<FormColumn>\n\t\t\t\t\t\t\t\t\t\t\t<textarea\n\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Viesti\"\n\t\t\t\t\t\t\t\t\t\t\t\tdisabled={isSubmitted || isSubmitting}\n\t\t\t\t\t\t\t\t\t\t\t\tid=\"message\"\n\t\t\t\t\t\t\t\t\t\t\t\tname=\"message\"\n\t\t\t\t\t\t\t\t\t\t\t\tonBlur={handleBlur}\n\t\t\t\t\t\t\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Viestisi\"\n\t\t\t\t\t\t\t\t\t\t\t\tvalue={values[ \"message\" ]}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t<ErrorMessage component=\"p\" name=\"message\">\n\t\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\t</ErrorMessage>\n\t\t\t\t\t\t\t\t\t\t</FormColumn>\n\t\t\t\t\t\t\t\t\t</FormColumns>\n\n\t\t\t\t\t\t\t\t\t{isSubmitted && (\n\t\t\t\t\t\t\t\t\t\t<div className=\"thanks\">\n\t\t\t\t\t\t\t\t\t\t\t<span>\n\t\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\t</span>\n\t\t\t\t\t\t\t\t\t\t\tKiitos yhteydenotostasi!\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t\t{!isSubmitted && (\n\t\t\t\t\t\t\t\t\t\t<FormFooter>\n\t\t\t\t\t\t\t\t\t\t\t<FormDisclaimer>\n\t\t\t\t\t\t\t\t\t\t\t\tVälitämme yhteydenottopyynnön postinumeron perusteella lähimpään\n\t\t\t\t\t\t\t\t\t\t\t\tmyymäläämme.&nbsp;\n\t\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\t\tTietosuojaseloste ›\n\t\t\t\t\t\t\t\t\t\t\t\t</Link>\n\t\t\t\t\t\t\t\t\t\t\t</FormDisclaimer>\n\t\t\t\t\t\t\t\t\t\t\t<CtaButton\n\t\t\t\t\t\t\t\t\t\t\t\ttext=\"Ota yhteyttä\"\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\t\t\t\t\t\t\tdisabled={isSubmitting}\n\t\t\t\t\t\t\t\t\t\t\t\tsubmitting={isSubmitting}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</FormFooter>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</Form>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</Formik>\n\t\t\t\t\t</Suspense>\n\t\t\t\t)}\n\t\t\t</FormContainer>\n\t\t</FormWrapper>\n\t);\n};\n\nContactForm.thumb = () => (\n\t<div>\n\t\t<img src={getAssetUrl(\"assets/images/campaign-block-thumbs/Yhteydenottolomake.jpg\")} alt=\"Yhteydenottolomake\" />\n\t\t<p>Yhteydenottolomake</p>\n\t</div>\n);\n\nContactForm.settings = () => (\n\t<div className=\"settings\">\n\t\t<span>\n\t\t\tElementin ID <small>(esim ankkuriksi)</small>&nbsp;\n\t\t</span>\n\t\t<Text name=\"elementID\" placeholder=\"ID\" />\n\t</div>\n);\n\nexport default ContactForm;\n","import styled from \"styled-components\";\nimport { textStyles, media } from \"@utils/style-utils\";\n\nexport const DanskeWrapper = styled.div`\n\tmargin: 40px auto;\n\tmax-width: 896px;\n\n\t${media.lg`\n\t\tmargin: 80px auto;\n\t`}\n\n\th2 {\n\t\t${textStyles.H1}\n\t\ttext-align: center;\n\t}\n`;\n","import React from \"react\";\nimport Text from \"wake-react-components/text\";\n\nimport { DanskeWrapper } from \"./styles\";\nimport { isAdmin } from \"wake-react-components/utils\";\nimport ErrorBoundary from \"@components/ErrorBoundary\";\nimport { Container } from \"@components/Grid\";\nimport useDanskeScript from \"@hooks/use-danske-script\";\nimport { getAssetUrl } from \"@utils\";\n\nconst DanskeCalculator = ({ item }) => {\n\tuseDanskeScript();\n\n\tconst { danskeCalculatorTitle, initialPrice = \"175000\" } = item;\n\n\treturn (\n\t\t<ErrorBoundary>\n\t\t\t<Container>\n\t\t\t\t<DanskeWrapper>\n\t\t\t\t\t{(isAdmin || (!isAdmin && danskeCalculatorTitle)) && (\n\t\t\t\t\t\t<h2>\n\t\t\t\t\t\t\t<Text name=\"danskeCalculatorTitle\" placeholder=\"Otsikko\" />\n\t\t\t\t\t\t</h2>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{isAdmin && (\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<span>Oletushinta&nbsp;</span>\n\t\t\t\t\t\t\t<Text name=\"initialPrice\" placeholder=\"Oletushinta\" multiline={true} />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\n\t\t\t\t\t<div data-price_default={initialPrice} id=\"DanskeBank-loan-calculator-widget\" />\n\t\t\t\t</DanskeWrapper>\n\t\t\t</Container>\n\t\t</ErrorBoundary>\n\t);\n};\n\nDanskeCalculator.thumb = () => (\n\t<div>\n\t\t<img src={getAssetUrl(\"assets/images/campaign-block-thumbs/lainalaskuri.png\")} alt=\"Danske Bank lainalaskuri\" />\n\t\t<p>Danske Bank lainalaskuri</p>\n\t</div>\n);\n\nexport default DanskeCalculator;\n","import styled from \"styled-components\";\nimport { textStyles, grid, media } from \"@utils/style-utils\";\n\nexport const DanskeWrapper = styled.div`\n\tmargin: 40px auto;\n\tposition: relative;\n\twidth: 100%;\n\n\t${media.lg`\n\t\tmargin: 80px auto;\n\t`}\n\n\th2 {\n\t\t${textStyles.H1}\n\t\ttext-align: center;\n\t}\n`;\n\nexport const DanskeColumns = styled.div`\n\t${media.ml`\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t`}\n`;\n\nexport const DanskeColumn = styled.div`\n\t${media.ml`\n\t\twidth: calc((100% - ${grid.gutterSmall}px) / 2);\n\t`}\n\n\t${media.lg`\n\t\twidth: calc((100% - ${grid.gutter}px) / 2);\n\t`}\n\n\timg {\n\t\tdisplay: block;\n\t\tmargin-top: 30px;\n\t\tmax-width: 100%;\n\n\t\t${media.ml`\n\t\t\tmargin-top: 0;\n\t\t`}\n\t}\n`;\n","import React from \"react\";\nimport Image from \"wake-react-components/image\";\nimport Text from \"wake-react-components/text\";\n\nimport { DanskeWrapper, DanskeColumns, DanskeColumn } from \"./styles\";\nimport { isAdmin } from \"wake-react-components/utils\";\nimport { Container } from \"@components/Grid\";\nimport ErrorBoundary from \"@components/ErrorBoundary\";\nimport useDanskeScript from \"@hooks/use-danske-script\";\n\nconst DanskeCalculatorAndImage = ({ item }) => {\n\tuseDanskeScript();\n\n\tconst { danskeTitle, initialPrice = \"175000\" } = item;\n\n\treturn (\n\t\t<ErrorBoundary>\n\t\t\t<DanskeWrapper>\n\t\t\t\t<Container>\n\t\t\t\t\t{(isAdmin || (!isAdmin && danskeTitle)) && (\n\t\t\t\t\t\t<h2>\n\t\t\t\t\t\t\t<Text name=\"danskeTitle\" placeholder=\"Otsikko\" />\n\t\t\t\t\t\t</h2>\n\t\t\t\t\t)}\n\n\t\t\t\t\t<DanskeColumns>\n\t\t\t\t\t\t<DanskeColumn>\n\t\t\t\t\t\t\t{isAdmin && (\n\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t<span>Oletushinta&nbsp;</span>\n\t\t\t\t\t\t\t\t\t<Text name=\"initialPrice\" placeholder=\"Oletushinta\" multiline={true} />\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t<div data-price_default={initialPrice} id=\"DanskeBank-loan-calculator-widget\" />\n\t\t\t\t\t\t</DanskeColumn>\n\t\t\t\t\t\t<DanskeColumn>\n\t\t\t\t\t\t\t<Image name=\"danskeImage\" />\n\t\t\t\t\t\t</DanskeColumn>\n\t\t\t\t\t</DanskeColumns>\n\t\t\t\t</Container>\n\t\t\t</DanskeWrapper>\n\t\t</ErrorBoundary>\n\t);\n};\n\nDanskeCalculatorAndImage.thumb = () => (\n\t<div>\n\t\t<img src=\"/assets/images/campaign-block-thumbs/TekstiJaKuva.jpg\" alt=\"Danske laskuri + kuva\" />\n\t\t<p>Danske Bank lainalaskuri ja kuva</p>\n\t</div>\n);\n\nexport default DanskeCalculatorAndImage;\n","import styled, { keyframes } from \"styled-components\";\nimport { Wrapper } from \"@components/Grid\";\nimport {\n\tboxShadow,\n\tcolor,\n\tfluidSize,\n\tfontFamily,\n\tgrid,\n\tmedia,\n\tribbon,\n\ttextStyles,\n} from \"@utils/style-utils\";\n\nconst pulsate = keyframes`\n\t0%, 100% {\n\t\topacity: 1;\n\t}\n\t50% {\n\t\topacity: 0.5;\n\t}\n`;\n\n// prettier-ignore\nexport const FormPlaceholder = styled.div`\n\tanimation: ${pulsate} 1.2s ease-out infinite;\n\tbackground-image: linear-gradient(${color(\"grey\", 6)} 40px, transparent 0),\n\t\tlinear-gradient(${color(\"grey\", 6)} 40px, transparent 0),\n\t\tlinear-gradient(${color(\"grey\", 6)} 40px, transparent 0),\n\t\tlinear-gradient(${color(\"grey\", 6)} 40px, transparent 0),\n\t\tlinear-gradient(${color(\"grey\", 6)} 80px, transparent 0),\n\t\tlinear-gradient(${color(\"grey\", 6)} 16px, transparent 0),\n\t\tlinear-gradient(${color(\"grey\", 6)} 16px, transparent 0),\n\t\tlinear-gradient(${color(\"greenBright\", 4)} 48px, transparent 0);\n\tbackground-size:\n\t\t100% 40px,\n\t\t100% 40px,\n\t\t100% 40px,\n\t\t100% 40px,\n\t\t100% 80px,\n\t\t92% 16px,\n\t\t90% 16px,\n\t\t100% 48px;\n\tbackground-position:\n\t\t0% 0px,\n\t\t0% 52px,\n\t\t0% 104px,\n\t\t0% 156px,\n\t\t0% 208px,\n\t\t50% 312px,\n\t\t50% 331px,\n\t\t0% 100%;\n\tbackground-repeat: no-repeat;\n\theight: 422px;\n\tmargin: 0 auto;\n\tmax-width: 662px;\n\toverflow: hidden;\n\tposition: relative;\n\twidth: 100%;\n\n\t${ media.md`\n\t\tbackground-image:\n\t\t\tlinear-gradient(${color(\"grey\", 6)} 40px, transparent 0), /* input */\n\t\t\tlinear-gradient(${color(\"grey\", 6)} 40px, transparent 0), /* input */\n\t\t\tlinear-gradient(${color(\"grey\", 6)} 40px, transparent 0), /* input */\n\t\t\tlinear-gradient(${color(\"grey\", 6)} 40px, transparent 0), /* input */\n\n\t\t\tlinear-gradient(${color(\"grey\", 6)} calc((4 * 56 - 16) * 1px), transparent 0), /* textarea */\n\n\t\t\tlinear-gradient(${color(\"grey\", 6)} 16px, transparent 0), /* text */\n\t\t\tlinear-gradient(${color(\"grey\", 6)} 16px, transparent 0), /* text */\n\n\t\t\tlinear-gradient(${color(\"greenBright\", 4)} 48px, transparent 0); /* button */\n\t\tbackground-size:\n\t\t\tcalc(50% - 20px) 40px, /* input */\n\t\t\tcalc(50% - 20px) 40px, /* input */\n\t\t\tcalc(50% - 20px) 40px, /* input */\n\t\t\tcalc(50% - 20px) 40px, /* input */\n\n\t\t\tcalc(50% - 20px) calc((4 * 56 - 16) * 1px), /* textarea */\n\n\t\t\t40% 16px, /* text */\n\t\t\t44% 16px, /* text */\n\n\t\t\t25% 48px; /* button */\n\t\tbackground-position:\n\t\t\t0% 0px, /* input */\n\t\t\t0% 56px, /* input */\n\t\t\t0% 112px, /* input */\n\t\t\t0% 168px, /* input */\n\n\t\t\t100% 0, /* textarea */\n\n\t\t\t0% calc(100% - 25px), /* text */\n\t\t\t0% calc(100% - 5px), /* text */\n\n\t\t\t100% 100%; /* button */\n\t\theight: 296px;\n\t`}\n`;\n// prettier-ignore-end\n\nexport const FormWrapper = styled(Wrapper)`\n\tbackground-color: ${color(\"greenBright\", 6)};\n\tbackground-position: center bottom;\n\tbackground-repeat: no-repeat;\n\tbackground-size: 1920px auto;\n\t${fluidSize(\"margin-bottom\", \"320px\", \"1920px\", \"90px\", \"160px\")};\n\tpadding: 30px ${grid.gutterSmall / 2}px 0;\n\n\t${media.md`\n\t\tpadding-top: 48px;\n\t`};\n\n\t&.first-in-blocks {\n\t\tmargin-top: 65px;\n\t}\n`;\n\nexport const FormBgAdminBlock = styled.div`\n\talign-items: center;\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\twidth: 100%;\n\n\timg {\n\t\tborder: 1px solid ${color(\"greenBright\", 1)};\n\t}\n`;\n\nexport const FormContainer = styled.div`\n\tbackground: ${color(\"white\")};\n\tbox-shadow: ${boxShadow.hugeLight};\n\tmargin: 0 auto;\n\tmin-height: 558px;\n\tmax-width: 896px;\n\tpadding: 86px ${grid.gutter / 2}px 56px;\n\tposition: relative;\n\ttop: 56px;\n\twidth: 100%;\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\t.thanks {\n\t\talign-items: center;\n\t\tcolor: ${color(\"grey\", 2)};\n\t\tdisplay: flex;\n\t\tfont-family: ${fontFamily.condensed};\n\t\tjustify-content: center;\n\t\tmargin: 30px 0;\n\t\twidth: 100%;\n\n\t\tspan {\n\t\t\tdisplay: inline-block;\n\t\t\tcolor: ${color(\"greenBright\", 1)};\n\t\t\tfont-size: 20px;\n\t\t\tmargin-right: 10px;\n\t\t\tposition: relative;\n\t\t\ttop: -2px;\n\t\t\twidth: 20px;\n\t\t}\n\t}\n`;\n\nexport const FormTexts = styled.div`\n\tcolor: ${color(\"grey\", 2)};\n\t${textStyles.PSmallCondensed}\n\tmargin: 0 auto 30px;\n\tmax-width: 662px;\n\ttext-align: center;\n\n\th3 {\n\t\tcolor: ${color(\"grey\", 1)};\n\t\t${textStyles.H3}\n\t}\n`;\n\nexport const Form = styled.form`\n\tmargin: 0 auto;\n\tmax-width: 662px;\n\n\t${media.md`\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t\tjustify-content: space-between;\n\t`};\n\n\tinput {\n\t\t&[disabled] {\n\t\t\topacity: 0.5;\n\t\t\tpointer-events: none;\n\n\t\t\t+ svg {\n\t\t\t\topacity: 0.5;\n\t\t\t}\n\t\t}\n\t}\n\n\tbutton {\n\t\tdisplay: block;\n\t\tmargin-top: 24px;\n\t\tmin-width: 160px;\n\t}\n`;\n\nexport const FormContent = styled.div`\n\talign-items: center;\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\twidth: 100%;\n`;\nexport const InputGroup = styled.div`\n\tcolor: ${color(\"greenBright\", 3)};\n\tdisplay: flex;\n\tflex-direction: column;\n\tfont-size: 14px;\n\tmargin-bottom: 12px;\n\tposition: relative;\n\twidth: min(311px, 90vw);\n\n\t${media.md`\n\t\tmargin-bottom: 16px;\n\t`};\n\n\tsvg {\n\t\tfont-size: 12px;\n\t\theight: 28px;\n\t\tleft: 16px;\n\t\tmax-width: 14px;\n\t\tposition: absolute;\n\t\ttop: 6px;\n\t\twidth: 14px !important;\n\t\tz-index: 2;\n\t}\n\n\tinput {\n\t\tbackground: ${color(\"grey\", 7)};\n\t\tpadding-left: 45px;\n\t\tposition: relative;\n\t\twidth: 100%;\n\t\tz-index: 1;\n\t}\n`;\n\nexport const FormError = styled.div`\n\tcolor: ${color(\"coral\", 1)};\n\tfont-size: 13px;\n\tmargin-bottom: 5px;\n\tmargin-top: 3px;\n`;\n\nexport const FormFooter = styled.div.attrs(() => ({\n\tclassName: \"form-footer\",\n}))`\n\talign-items: center;\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\twidth: 100%;\n`;\n\nexport const FormDisclaimer = styled.div`\n\t${textStyles.MicroText};\n\tcolor: ${color(\"grey\", 3)};\n\tpadding: 1em;\n\ttext-align: center;\n\n\t${media.md`\n\t\tflex-basis: 72%;\n\t\tmax-width: 390px;\n\t\ttext-align: left;\n\t`};\n\n\ta {\n\t\tcolor: ${color(\"greenDark\", 1)};\n\t\tdisplay: inline-block;\n\t\ttext-decoration: none;\n\n\t\t&:hover {\n\t\t\ttext-decoration: underline;\n\t\t}\n\t}\n`;\n","import { getAssetUrl, hasWindow } from \"@utils\";\nimport React, { lazy, Suspense, useState } from \"react\";\nimport Text from \"wake-react-components/text\";\nimport { getSchema } from \"@utils/validators\";\nimport { getID } from \"@components/ContentBlocks/Base\";\nimport {\n\tForm,\n\tFormBgAdminBlock,\n\tFormContainer,\n\tFormContent,\n\tFormDisclaimer,\n\tFormError,\n\tFormFooter,\n\tFormPlaceholder,\n\tFormTexts,\n\tFormWrapper,\n\tInputGroup,\n} from \"@components/ContentBlocks/DownloadForm/styles\";\nimport formBG from \"@images/brand-identity/graphics/form-bg-pattern.png\";\nimport { isAdmin } from \"wake-react-components/utils\";\nimport Image from \"wake-react-components/image\";\nimport { FontAwesomeIcon as FaIcon } from \"@fortawesome/react-fontawesome\";\nimport TextInput from \"@components/Form/TextInput\";\nimport { Link } from \"react-router-dom\";\nimport CtaButton from \"@components/Buttons/CtaButton\";\nimport contactService from \"@services/contact.service\";\nimport Embed from \"wake-react-components/embed\";\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);\nconst DownloadForm = ({ item }) => {\n\n\tconst [ isSubmitted, setSubmitted ] = useState(false);\n\tconst initialValues = {\n\t\temail: \"\",\n\t\tmessage: \"\",\n\t\tname: \"\",\n\t\tphone: \"\",\n\t\tpostCode: \"\",\n\t};\n\n\tconst schema = getSchema([ \"email\", \"name\", \"phone\" ]);\n\n\tconst isFirstInBlocks = item.hasOwnProperty(\"$$index\") && item[ \"$$index\" ] === 0;\n\n\tconst id = getID(item);\n\n\tconst { downloadButtonText, fileSrc, submitButtonText } = item;\n\n\tconst doSubmit = async (values: any, { setSubmitting }) => {\n\t\tsetSubmitting(true);\n\n\t\tconst submitUrl = location.href;\n\n\t\tconst formData = {\n\t\t\tsubmitUrl,\n\t\t\t...values,\n\t\t};\n\n\t\ttry {\n\t\t\tconst res = await contactService.doDownloadContact(formData);\n\t\t\tconsole.log(\"successful form submit\", res);\n\t\t\tsetSubmitting(false);\n\t\t\tsetSubmitted(true);\n\t\t} catch (e) {\n\t\t\tconsole.log(\"error while sending download\", e);\n\t\t\tsetSubmitting(false);\n\t\t\tsetSubmitted(false);\n\t\t}\n\t};\n\n\treturn (\n\t\t<FormWrapper\n\t\t\tclassName={isFirstInBlocks ? \"first-in-blocks\" : \"\"}\n\t\t\tid={id}\n\t\t\tstyle={{ backgroundImage: \"url(\" + (item.formBg && item.formBg.src ? item.formBg.src : formBG) + \")\" }}\n\t\t>\n\t\t\t{isAdmin && <FormBgAdminBlock>\n\t\t\t\t<h3>Lomakkeen taustakuva</h3>\n\t\t\t\t<Image\n\t\t\t\t\tdefaultValue={formBG}\n\t\t\t\t\tname=\"formBg\"\n\t\t\t\t\tthumb={[ 640, 320 ]}\n\t\t\t\t/>\n\t\t\t</FormBgAdminBlock>}\n\t\t\t{isAdmin && <FormBgAdminBlock>\n\t\t\t\t<h3>Ladattava tiedosto</h3>\n\t\t\t\t<Embed\n\t\t\t\t\tcount={1}\n\t\t\t\t\tname=\"fileSrc\"\n\t\t\t\t>\n\t\t\t\t\t{(file: any) => file && file.item && file.item.src ? (\"Vaihda (\" + file.item.src + \")\") : \"Valitse\"}\n\t\t\t\t</Embed>\n\t\t\t</FormBgAdminBlock>}\n\t\t\t<FormContainer>\n\t\t\t\t<FormTexts>\n\t\t\t\t\t<h3>\n\t\t\t\t\t\t{!isSubmitted && <Text\n\t\t\t\t\t\t\tdefaultValue=\"Otsikko oppaan lataukselle\"\n\t\t\t\t\t\t\tmultiline={true}\n\t\t\t\t\t\t\tname=\"downloadFormTitle\"\n\t\t\t\t\t\t\tplaceholder=\"Lomakkeen otsikko\"\n\t\t\t\t\t\t/>}\n\t\t\t\t\t\t{isAdmin && <br />}\n\t\t\t\t\t\t{!!(isAdmin || isSubmitted) && <Text\n\t\t\t\t\t\t\tdefaultValue=\"Kiitos oppaan latauksesta\"\n\t\t\t\t\t\t\tmultiline={true}\n\t\t\t\t\t\t\tname=\"downloaFormSuccessTitle\"\n\t\t\t\t\t\t\tplaceholder=\"Kiitos-näkymän otsikko\"\n\t\t\t\t\t\t/>}\n\t\t\t\t\t</h3>\n\t\t\t\t\t{!isSubmitted && <Text\n\t\t\t\t\t\tdefaultValue=\"Lyhyt kuvaus\"\n\t\t\t\t\t\tmultiline={true}\n\t\t\t\t\t\tname=\"downloadFormDescription\"\n\t\t\t\t\t\tplaceholder=\"Lomakkeen lyhyt kuvaus\"\n\t\t\t\t\t/>}\n\t\t\t\t\t{isAdmin && <br />}\n\t\t\t\t\t{!!(isAdmin || isSubmitted) && <Text\n\t\t\t\t\t\tdefaultValue=\"\"\n\t\t\t\t\t\tmultiline={true}\n\t\t\t\t\t\tname=\"downloadFormSuccessDescription\"\n\t\t\t\t\t\tplaceholder=\"Kiitos-näkymän kuvausteksti\"\n\t\t\t\t\t/>}\n\t\t\t\t</FormTexts>\n\t\t\t\t{!hasWindow && <FormPlaceholder />}\n\t\t\t\t{hasWindow && (\n\t\t\t\t\t<Suspense fallback={<FormPlaceholder />}>\n\t\t\t\t\t\t<Formik initialValues={initialValues} onSubmit={doSubmit} validationSchema={schema}>\n\t\t\t\t\t\t\t{({ values, handleChange, handleBlur, handleSubmit, isSubmitting }) => (\n\t\t\t\t\t\t\t\t<Form onSubmit={handleSubmit} className={isSubmitting ? \"submitting\" : \"\"}>\n\t\t\t\t\t\t\t\t\t{!isSubmitted && <FormContent>\n\t\t\t\t\t\t\t\t\t\t<InputGroup>\n\t\t\t\t\t\t\t\t\t\t\t<FaIcon icon=\"user\" />\n\t\t\t\t\t\t\t\t\t\t\t<TextInput\n\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Nimi\"\n\t\t\t\t\t\t\t\t\t\t\t\tdisabled={isSubmitted || isSubmitting}\n\t\t\t\t\t\t\t\t\t\t\t\tname=\"name\"\n\t\t\t\t\t\t\t\t\t\t\t\tonBlur={handleBlur}\n\t\t\t\t\t\t\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Nimi\"\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\t\t\t\t\tvalue={values[ \"name\" ]}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\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\t\t{msg => <FormError>{msg}</FormError>}\n\t\t\t\t\t\t\t\t\t\t\t</ErrorMessage>\n\t\t\t\t\t\t\t\t\t\t</InputGroup>\n\t\t\t\t\t\t\t\t\t\t<InputGroup>\n\t\t\t\t\t\t\t\t\t\t\t<FaIcon icon=\"phone\" />\n\t\t\t\t\t\t\t\t\t\t\t<TextInput\n\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Puhelinnumero\"\n\t\t\t\t\t\t\t\t\t\t\t\tdisabled={isSubmitted || isSubmitting}\n\t\t\t\t\t\t\t\t\t\t\t\tname=\"phone\"\n\t\t\t\t\t\t\t\t\t\t\t\tonBlur={handleBlur}\n\t\t\t\t\t\t\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Puhelinnumero\"\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"tel\"\n\t\t\t\t\t\t\t\t\t\t\t\tvalue={values[ \"phone\" ]}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\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\t\t{msg => <FormError>{msg}</FormError>}\n\t\t\t\t\t\t\t\t\t\t\t</ErrorMessage>\n\t\t\t\t\t\t\t\t\t\t</InputGroup>\n\t\t\t\t\t\t\t\t\t\t<InputGroup>\n\t\t\t\t\t\t\t\t\t\t\t<FaIcon icon=\"envelope\" />\n\t\t\t\t\t\t\t\t\t\t\t<TextInput\n\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Sähköpostiosoite\"\n\t\t\t\t\t\t\t\t\t\t\t\tdisabled={isSubmitted || isSubmitting}\n\t\t\t\t\t\t\t\t\t\t\t\tname=\"email\"\n\t\t\t\t\t\t\t\t\t\t\t\tonBlur={handleBlur}\n\t\t\t\t\t\t\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Sähköposti\"\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"email\"\n\t\t\t\t\t\t\t\t\t\t\t\tvalue={values[ \"email\" ]}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\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\t\t{msg => <FormError>{msg}</FormError>}\n\t\t\t\t\t\t\t\t\t\t\t</ErrorMessage>\n\t\t\t\t\t\t\t\t\t\t</InputGroup>\n\t\t\t\t\t\t\t\t\t</FormContent>}\n\n\t\t\t\t\t\t\t\t\t<FormFooter>\n\t\t\t\t\t\t\t\t\t\t{!isSubmitted && <FormDisclaimer>\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</FormDisclaimer>}\n\t\t\t\t\t\t\t\t\t\t{!isSubmitted && <CtaButton\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\ttext={submitButtonText || \"Lähetä\"}\n\t\t\t\t\t\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\t\t\t\t\t/>}\n\t\t\t\t\t\t\t\t\t\t{(isSubmitted && Array.isArray(fileSrc) && fileSrc[0] && fileSrc[0].relation) && <CtaButton\n\t\t\t\t\t\t\t\t\t\t\tonClick={(e: any) => {\n\t\t\t\t\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\t\t\t\t\t\tif (hasWindow) {\n\t\t\t\t\t\t\t\t\t\t\t\t\twindow.open(\"/api/km/KMSite/serve/\" + fileSrc[ 0 ].relation);\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{downloadButtonText || \"Lataa opas tästä\"}\n\t\t\t\t\t\t\t\t\t\t</CtaButton>}\n\t\t\t\t\t\t\t\t\t</FormFooter>\n\t\t\t\t\t\t\t\t</Form>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</Formik>\n\t\t\t\t\t</Suspense>\n\t\t\t\t)}\n\t\t\t</FormContainer>\n\t\t</FormWrapper>\n\t);\n\n};\n\nDownloadForm.thumb = () => (<div>\n\t<img src={getAssetUrl(\"assets/images/campaign-block-thumbs/latauslomake.png\")} alt=\"Latauslomake\" />\n\t<p>Latauslomake</p>\n</div>);\n\nDownloadForm.settings = () => (\n\t<div className=\"settings\">\n\t\t<div>\n\t\t\t<span>Elementin ID <small>(esim. ankkuriksi)</small>&nbsp;</span>\n\t\t\t<Text name=\"elementID\" placeholder=\"ID\" />\n\t\t</div>\n\t\t<div>\n\t\t\t<span>Lähetä-painikeen teksti&nbsp;</span>\n\t\t\t<Text name=\"submitButtonText\" defaultValue=\"Lähetä\" />\n\t\t</div>\n\t\t<div>\n\t\t\t<span>Latauspainikkeen teksti</span>\n\t\t\t<Text name=\"downloadButtonText\" defaultValue=\"Lataa opas tästä\" />\n\t\t</div>\n\t</div>\n);\n\nexport default DownloadForm;\n","import styled from 'styled-components';\nimport { textStyles, fluidSize } from '@utils/style-utils';\n\nexport const IngressContent = styled.div`\n\t${ textStyles.PLarge }\n\tmargin: 0 auto;\n\tmax-width: 896px;\n\ttext-align: center;\n\n\t${ fluidSize('margin-bottom', '320px', '1920px', '50px', '105px') }\n`\n","import React from 'react';\nimport Text from 'wake-react-components/text';\nimport { Wrapper, Container } from '@components/Grid';\nimport { getAssetUrl } from \"@utils/index\";\n\nimport { IngressContent } from './styles';\n\nconst Ingress = (props) => {\n\tconst {\n\t\titem: {\n\t\t\telementID,\n\t\t},\n\t\t...restProps\n\t} = props;\n\n\tif (elementID) {\n\t\trestProps['id'] = elementID;\n\t}\n\n\treturn (\n\t\t<Wrapper { ...restProps }>\n\t\t\t<Container>\n\t\t\t\t<IngressContent>\n\t\t\t\t\t<Text name=\"ingressText\" placeholder=\"Ingressi\" multiline={ true } />\n\t\t\t\t</IngressContent>\n\t\t\t</Container>\n\t\t</Wrapper>\n\t);\n};\n\nIngress.settings = () => (\n\t<div className=\"settings\">\n\t\t<span>Elementin ID <small>(esim ankkuriksi)</small>&nbsp;</span>\n\t\t<Text name=\"elementID\" placeholder=\"ID\" />\n\t</div>\n);\n\nIngress.thumb = () => <div>\n\t<img src={getAssetUrl(\"assets/images/campaign-block-thumbs/Ingressi.jpg\")} alt=\"Ingressi\"/>\n\t<p>Ingressi</p>\n</div>;\n\nexport default Ingress;","import styled from 'styled-components';\nimport { color, media, grid, textStyles, fluidSize } from '@utils/style-utils';\n\nexport const Blocks = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tflex-wrap: wrap;\n\t${ fluidSize('margin-bottom', '320px', '1920px', '60px', '120px') }\n\t${ fluidSize('margin-top', '320px', '1920px', '30px', '60px') }\n\n\t${ media.md`\n\t\tflex-direction: row;\n\t\tjustify-content: space-between;\n\t`}\n`\n\nexport const LinkBlock = styled.div`\n\tdisplay: flex;\n\tflex-basis: 100%;\n\tmargin-bottom: ${ grid.gutterSmall }px;\n\n\t${ media.sm`\n\t\tmargin-bottom: ${ grid.gutter }px;\n\t`}\n\n\t${ media.md`\n\t\tflex-basis: calc((100% - ${ grid.gutter }px) / 2);\n\t\tmargin-bottom: 0;\n\t`}\n\n\ta {\n\t\talign-items: center;\n\t\tbackground: ${ color('greenBright', 5) };\n\t\tborder: none;\n\t\tcolor: ${ color('grey', 1) };\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tflex-grow: 1;\n\t\tjustify-content: center;\n\t\toverflow: hidden;\n\t\tpadding: 35px;\n\t\tposition: relative;\n\t\ttext-decoration: none;\n\t\twidth: 100%;\n\n\t\t${ textStyles.H3 }\n\n\t\t${ media.md`\n\t\t\tpadding: 40px 50px;\n\t\t`}\n\n\t\t${ media.lg`\n\t\t\tpadding: 72px 80px;\n\t\t`}\n\n\t\t&::before {\n\t\t\tbackground: linear-gradient(\n\t\t\t\t135deg,\n\t\t\t\t${ color('greenBright', 4) } 0%,\n\t\t\t\t${ color('greenBright', 4) } 50%,\n\t\t\t\t${ color('white') } 50%,\n\t\t\t\t${ color('white') } 100%\n\t\t\t);\n\t\t\tbottom: 0;\n\t\t\tcontent: '';\n\t\t\theight: 30px;\n\t\t\tposition: absolute;\n\t\t\tright: 0;\n\t\t\ttransform: scale(1);\n\t\t\ttransform-origin: 100% 100%;\n\t\t\ttransition: transform 250ms;\n\t\t\twidth: 30px;\n\n\t\t\t${ media.md`\n\t\t\t\theight: 40px;\n\t\t\t\twidth: 40px;\n\t\t\t`}\n\n\t\t\t${ media.lg`\n\t\t\t\theight: 55px;\n\t\t\t\twidth: 55px;\n\t\t\t`}\n\t\t}\n\n\t\t&:hover {\n\t\t\t&::before {\n\t\t\t\ttransform: scale(0);\n\t\t\t}\n\t\t}\n\t}\n`\n","import React from \"react\";\nimport { Container } from \"@components/Grid\";\nimport Text from \"wake-react-components/text\";\nimport Input from \"wake-react-components/input\";\nimport { isAdmin } from \"wake-react-components/utils\";\nimport { getAssetUrl } from \"@utils/index\";\nimport { getID } from \"@components/ContentBlocks/Base\";\n\nimport { Blocks, LinkBlock } from \"./styles\";\n\nconst LinkBlocks = ({ item }) => {\n\tconst { linkBlock1Text, linkBlock1Href, linkBlock1Blank, linkBlock2Text, linkBlock2Href, linkBlock2Blank } = item;\n\tconst id = getID(item);\n\n\tconst link1Props = linkBlock1Blank ? { target: \"_blank\", rel: \"noreferrer noopener\" } : {};\n\tconst link2Props = linkBlock2Blank ? { target: \"_blank\", rel: \"noreferrer noopener\" } : {};\n\n\treturn (\n\t\t<Container id={id}>\n\t\t\t<Blocks>\n\t\t\t\t<LinkBlock>\n\t\t\t\t\t{isAdmin && (\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\tLinkin teksti: <Text name=\"linkBlock1Text\" placeholder=\"Linkin teksti\" />\n\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\tLinkin href: <Text name=\"linkBlock1Href\" placeholder=\"Linkin href\" />\n\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t<label htmlFor=\"linkBlank1\">\n\t\t\t\t\t\t\t\tAvautuu uuteen ikkunaan?\n\t\t\t\t\t\t\t\t<Input type=\"checkbox\" name=\"linkBlock1Blank\" id=\"linkBlank1\" />\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{!isAdmin && linkBlock1Text && linkBlock1Href && (\n\t\t\t\t\t\t<a href={linkBlock1Href} {...link1Props}>\n\t\t\t\t\t\t\t{linkBlock1Text}\n\t\t\t\t\t\t</a>\n\t\t\t\t\t)}\n\t\t\t\t</LinkBlock>\n\t\t\t\t<LinkBlock>\n\t\t\t\t\t{isAdmin && (\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\tLinkin teksti: <Text name=\"linkBlock2Text\" placeholder=\"Linkin teksti\" />\n\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\tLinkin href: <Text name=\"linkBlock2Href\" placeholder=\"Linkin href\" />\n\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t<label htmlFor=\"linkBlank2\">\n\t\t\t\t\t\t\t\tAvautuu uuteen ikkunaan?\n\t\t\t\t\t\t\t\t<Input type=\"checkbox\" name=\"linkBlock2Blank\" id=\"linkBlank2\" />\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{!isAdmin && linkBlock2Text && linkBlock2Href && (\n\t\t\t\t\t\t<a href={linkBlock2Href} {...link2Props}>\n\t\t\t\t\t\t\t{linkBlock2Text}\n\t\t\t\t\t\t</a>\n\t\t\t\t\t)}\n\t\t\t\t</LinkBlock>\n\t\t\t</Blocks>\n\t\t</Container>\n\t);\n};\n\nLinkBlocks.settings = () => (\n\t<div className=\"settings\">\n\t\t<span>\n\t\t\tElementin ID <small>(esim ankkuriksi)</small>&nbsp;\n\t\t</span>\n\t\t<Text name=\"elementID\" placeholder=\"ID\" />\n\t</div>\n);\n\nLinkBlocks.thumb = () => (\n\t<div>\n\t\t<img src={getAssetUrl(\"assets/images/campaign-block-thumbs/Linkkiblokit.jpg\")} alt=\"Linkkiblokit\" />\n\t\t<p>Linkkiblokit</p>\n\t</div>\n);\n\nexport default LinkBlocks;\n","import styled from \"styled-components\";\nimport { media } from \"@utils/style-utils\";\n\nexport const OnlineOfferWrapper = styled.div`\n\tmargin-bottom: 80px;\n\n\t${media.md`\n\t\tmargin-bottom: 100px;\n\t`}\n\n\t${media.lg`\n\t\tmargin-bottom: 120px;\n\t`}\n`;\n\nexport const OnlineOfferIngress = styled.div``;\n\nexport const LoadMoreContainer = styled.div`\n\talign-items: center;\n\tdisplay: flex;\n\tjustify-content: center;\n\tpadding-top: 20px;\n\twidth: 100%;\n\n\tbutton {\n\t\tmargin: 0 auto;\n\t\tpadding-left: 30px;\n\t\tpadding-right: 30px;\n\t}\n`;\n","import React, { memo, Fragment, useState, useEffect } from \"react\";\nimport Range from \"rc-slider/lib/Range\";\nimport NumberFormat from \"react-number-format\";\n\nconst million = 1000000;\nexport const maxValue = 1010000;\n\nconst renderText = value => {\n\tconst val = value.replace(/\\D/g, \"\");\n\tif (val > million) {\n\t\treturn \"1 000 000+\";\n\t}\n\n\treturn value;\n};\n\nconst RangeSlider = ({ onChangeEnd, values = [] }) => {\n\tconst [priceValues, setPriceValues] = useState([0, maxValue]);\n\tconst [min, max] = priceValues;\n\n\tuseEffect(() => {\n\t\tconst [mn, mx] = values;\n\t\tif (mn !== null && mx !== null) {\n\t\t\tsetPriceValues(values);\n\t\t}\n\t}, [values]);\n\n\treturn (\n\t\t<Fragment>\n\t\t\t<Range\n\t\t\t\tallowCross={false}\n\t\t\t\tdefaultValue={[0, maxValue]}\n\t\t\t\tmax={maxValue}\n\t\t\t\tmin={0}\n\t\t\t\tonChange={e => setPriceValues(e)}\n\t\t\t\tonAfterChange={e => onChangeEnd(e)}\n\t\t\t\tstep={10000}\n\t\t\t\tvalue={[priceValues[0], priceValues[1]]}\n\t\t\t/>\n\t\t\t<span>\n\t\t\t\t<NumberFormat displayType=\"text\" renderText={renderText} thousandSeparator=\" \" value={min} />\n\t\t\t\t&nbsp;&ndash;&nbsp;\n\t\t\t\t<NumberFormat displayType=\"text\" renderText={renderText} thousandSeparator=\" \" value={max} />\n\t\t\t\t&nbsp;&euro;\n\t\t\t</span>\n\t\t</Fragment>\n\t);\n};\n\nexport default memo(RangeSlider);\n","import styled from \"styled-components\";\nimport { color, media, fontFamily, textStyles, grid } from \"@utils/style-utils\";\nimport CtaButton from \"@components/Buttons/CtaButton\";\n\nexport const Heading = styled.h3`\n\tspan.count {\n\t\tcolor: ${color(\"greenBright\", 1)};\n\t}\n`;\n\nexport const SearchArea = styled.div`\n\tborder-bottom: 1px solid ${color(\"grey\", 5)};\n\tborder-top: 1px solid ${color(\"grey\", 5)};\n\tdisplay: flex;\n\tflex-direction: column;\n\tpadding: 30px 0;\n\n\t${media.md`\n\t\tborder: 1px solid ${color(\"grey\", 5)};\n\t\tpadding: 40px 25px;\n\t`}\n\n\t${media.lg`\n\t\tpadding: 58px;\n\t`}\n\n\t> div {\n\t\tbutton {\n\t\t\talign-items: center;\n\t\t\tdisplay: inline-flex;\n\t\t\tfont-family: ${fontFamily.condensed};\n\t\t\tfont-size: 16px;\n\t\t\theight: 40px;\n\t\t\tjustify-content: center;\n\t\t\tpadding: 0 14px;\n\n\t\t\t+ button {\n\t\t\t\t${media.lg`\n\t\t\t\t\tmargin-left: -1px;\n\t\t\t\t`}\n\t\t\t}\n\t\t}\n\t}\n`;\n\nexport const SearchAreaTop = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tmargin-bottom: 20px;\n\n\t${media.md`\n\t\tmargin-bottom: 40px;\n\t`}\n\n\t${media.lg`\n\t\tflex-direction: row;\n\t`}\n`;\n\nexport const SearchAreaBottom = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\n\t@media (min-width: 1090px) {\n\t\talign-items: center;\n\t\tflex-direction: row;\n\t}\n`;\n\nexport const Section = styled.div`\n\tdisplay: inline-flex;\n\tflex-direction: column;\n\tmargin-bottom: 24px;\n\n\t${media.lg`\n\t\tflex-basis: 50%;\n\t\tmargin-bottom: 0;\n\t\tpadding-right: ${grid.gutter}px;\n\t`}\n\n\t.search-input {\n\t\twidth: 100%;\n\n\t\tinput {\n\t\t\twidth: 100%;\n\t\t}\n\t}\n\n\t.icon {\n\t\tcolor: ${color(\"greenBright\", 1)};\n\t}\n`;\n\nexport const Rooms = styled(Section)`\n\t${media.lg`\n\t\tpadding-right: 0;\n\t`}\n\n\t.multi-button-select {\n\t\tdisplay: flex;\n\n\t\tbutton {\n\t\t\tflex-grow: 1;\n\t\t\tpadding-left: 24px;\n\t\t\tpadding-right: 24px;\n\n\t\t\t+ button {\n\t\t\t\tmargin-left: -1px;\n\t\t\t}\n\t\t}\n\t}\n`;\n\nexport const HouseTypes = styled.div`\n\tflex-grow: 1;\n\tflex-basis: 100%;\n\tmargin-bottom: 30px;\n\n\t${media.lg`\n\t\tdisplay: flex;\n\t`}\n\n\t.multi-button-select {\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t\twidth: 100%;\n\n\t\tbutton {\n\t\t\tflex-grow: 1;\n\n\t\t\t@media (min-width: 768px) and (max-width: 1089px) {\n\t\t\t\t&:nth-of-type(1),\n\t\t\t\t&:nth-of-type(2),\n\t\t\t\t&:nth-of-type(3),\n\t\t\t\t&:nth-of-type(4),\n\t\t\t\t&:nth-of-type(5) {\n\t\t\t\t\tmargin-bottom: 10px;\n\t\t\t\t}\n\t\t\t\t&:nth-of-type(1) {\n\t\t\t\t\tflex-basis: calc(23.2% - 1px);\n\t\t\t\t}\n\t\t\t\t&:nth-of-type(2) {\n\t\t\t\t\tflex-basis: calc(23.5% - 1px);\n\t\t\t\t}\n\t\t\t\t&:nth-of-type(3) {\n\t\t\t\t\tflex-basis: calc(27.4% - 1px);\n\t\t\t\t}\n\t\t\t\t&:nth-of-type(4) {\n\t\t\t\t\tflex-basis: calc(26.2% - 1px);\n\t\t\t\t}\n\t\t\t\t&:nth-of-type(5) {\n\t\t\t\t\tflex-basis: calc(18% - 1px);\n\t\t\t\t}\n\t\t\t\t&:nth-of-type(6) {\n\t\t\t\t\tflex-basis: calc(23.9% - 1px);\n\t\t\t\t}\n\t\t\t\t&:nth-of-type(7) {\n\t\t\t\t\tflex-basis: calc(20.5% - 1px);\n\t\t\t\t}\n\t\t\t\t&:nth-of-type(8) {\n\t\t\t\t\tflex-basis: calc(21.6% - 1px);\n\t\t\t\t}\n\t\t\t\t&:nth-of-type(9) {\n\t\t\t\t\tflex-basis: calc(16% - 1px);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@media (max-width: 767px) {\n\t\t\t\tborder-radius: 0;\n\t\t\t\tmargin-bottom: 10px;\n\t\t\t\tflex-basis: 50%;\n\n\t\t\t\t&:nth-of-type(2n) {\n\t\t\t\t\tmargin-left: -1px;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@media (max-width: 1127px) {\n\t\t\t\tflex-grow: 0;\n\t\t\t}\n\t\t}\n\t}\n`;\n\nexport const Title = styled.p`\n\t${textStyles.PSmall};\n\tfont-weight: 500;\n\tmargin: 0 0 6px;\n`;\n\nexport const PriceSection = styled(Section)`\n\tpadding-right: 0 !important;\n\n\t@media (min-width: 1090px) {\n\t\tflex-basis: 63%;\n\t\tpadding-right: ${grid.gutter}px !important;\n\t}\n\n\t${media.xxl`\n\t\tflex-basis: 70%;\n\t`}\n`;\n\nexport const Price = styled.div`\n\talign-items: center;\n\tdisplay: flex;\n\tflex-direction: column;\n\tmargin-bottom: 30px;\n\n\t@media (min-width: 1090px) {\n\t\tflex-direction: row;\n\t\tmargin-bottom: 0;\n\t}\n\n\t.rc-slider {\n\t\tmargin: 15px 0 16px;\n\t\twidth: 100%;\n\n\t\t@media (min-width: 1090px) {\n\t\t\tmargin: 0;\n\t\t\tmargin-right: ${grid.gutter}px;\n\t\t\twidth: 60%;\n\t\t}\n\n\t\t${media.xxl`\n\t\t\twidth: 70%;\n\t\t`}\n\t}\n\t.rc-slider-track {\n\t\tbackground-color: ${color(\"greenDark\", 1)};\n\t}\n\t.rc-slider-handle {\n\t\tbackground-color: ${color(\"greenBright\", 1)};\n\t\tborder: 0;\n\t\theight: 32px;\n\t\tmargin-left: 0;\n\t\tmargin-top: 0;\n\t\ttop: 50%;\n\t\ttransform: translate(-50%, -50%);\n\t\twidth: 32px;\n\n\t\t&::before {\n\t\t\tcolor: ${color(\"white\")};\n\t\t\tdisplay: block;\n\t\t\tfont-size: 28px;\n\t\t\tleft: 0;\n\t\t\tline-height: 1;\n\t\t\tposition: absolute;\n\t\t\tright: 0;\n\t\t\ttext-align: center;\n\t\t\ttop: 50%;\n\t\t\ttransform: translateY(-56%);\n\t\t}\n\t}\n\n\t.rc-slider-handle-1::before {\n\t\tcontent: \"›\";\n\t}\n\t.rc-slider-handle-2::before {\n\t\tcontent: \"‹\";\n\t}\n`;\n\nexport const Actions = styled.div`\n\talign-items: center;\n\tdisplay: flex;\n\tflex-direction: column-reverse;\n\n\t${media.sm`\n\t\tflex-direction: row;\n\t\tjustify-content: space-between;\n\t`};\n\n\t@media (min-width: 1090px) {\n\t\tflex-basis: 37%;\n\t\tjustify-content: flex-end;\n\t}\n\n\t${media.xxl`\n\t\tflex-basis: 30%;\n\t`};\n`;\n\nexport const EmptySelections = styled.span.attrs({\n\tariaLabel: \"Tyhjennä hakuehdot\",\n\trole: \"button\",\n})`\n\t${textStyles.PSmallCondensed};\n\tcolor: ${color(\"greenDark\", 1)};\n\tcursor: pointer;\n\tdisplay: inline-block;\n\tmargin-bottom: 30px;\n\tmargin-top: 30px;\n\ttext-align: center;\n\n\t${media.lg`\n\t\tmargin-bottom: 0;\n\t\tmargin-left: 20px;\n\t\tmargin-top: 0;\n\t`}\n\n\t&:hover {\n\t\tcolor: ${color(\"greenDark\", 2)};\n\t}\n`;\n\nexport const SearchButton = styled(CtaButton)`\n\tfont-size: 20px !important;\n\theight: 60px !important;\n\twidth: 100%;\n\n\t${media.sm`\n\t\twidth: 318px;\n\t`};\n\n\t@media (min-width: 1090px) {\n\t\tmargin-left: 20px;\n\t\twidth: 170px;\n\t}\n\n\tsvg {\n\t\tmax-width: 25px;\n\t}\n`;\n","import React, { Fragment, useState, useEffect, useRef } from \"react\";\nimport { selectableRooms, selectableHouseTypes } from \"@utils/apartment-search/selections\";\nimport MultiButtonSelect from \"@components/Form/MultiButtonSelect\";\nimport AddressSearch from \"@components/Search/AddressSearch\";\nimport { FontAwesomeIcon as FaIcon } from \"@fortawesome/react-fontawesome\";\nimport RangeSlider, { maxValue as rangeMax } from \"./range\";\nimport NumberFormat from \"react-number-format\";\n\nimport {\n\tHeading,\n\tEmptySelections,\n\tHouseTypes,\n\tPrice,\n\tRooms,\n\tSearchArea,\n\tSearchAreaBottom,\n\tSearchAreaTop,\n\tSearchButton,\n\tSection,\n\tTitle,\n\tPriceSection,\n\tActions,\n} from \"./styles\";\n\nconst getValues = sels => sels.map(({ value }) => value);\nconst getQueries = sels => sels.map(({ query }) => query);\nconst getBuildingTypes = sels => sels.map(({ buildingType }) => buildingType);\n\nconst OnlineOfferSearchArea = ({ heading, limit, onSelections, count }) => {\n\tconst [selectedAddresses, setSelectedAddresses] = useState([]);\n\tconst [selectedRooms, setSelectedRooms] = useState([]);\n\tconst [selectedHouseTypes, setSelectedHouseTypes] = useState([]);\n\tconst [selectedPrices, setSelectedPrices] = useState([null, null]);\n\tconst [priceRangeValues, setPriceRangeValues] = useState([null, null]);\n\tconst addressSearchRef = useRef(null);\n\tconst roomSelectRef = useRef(null);\n\tconst houseTypesRef = useRef(null);\n\tconst priceRef = useRef(null);\n\n\tconst emptySelections = () => {\n\t\t[addressSearchRef, roomSelectRef, houseTypesRef, priceRef].forEach(ref => {\n\t\t\tif (ref && ref.current) {\n\t\t\t\tref.current.reset();\n\t\t\t}\n\t\t});\n\n\t\tsetPriceRangeValues([0, rangeMax]);\n\t\tsetSelectedAddresses([]);\n\t\tsetSelectedHouseTypes([]);\n\t\tsetSelectedPrices([null, null]);\n\t\tsetSelectedRooms([]);\n\t};\n\n\tuseEffect(() => {\n\t\tconst [min, max] = selectedPrices;\n\t\tconst fields = {\n\t\t\tbuildingType: [].concat(...getBuildingTypes(selectedHouseTypes)),\n\t\t\tlimit,\n\t\t\tquery: [...getQueries(selectedAddresses)],\n\t\t\trooms: getValues(selectedRooms),\n\t\t};\n\n\t\tif (max && max <= 1000000) {\n\t\t\tfields[\"max\"] = max;\n\t\t}\n\n\t\tif (min && min > 0) {\n\t\t\tfields[\"min\"] = min;\n\t\t}\n\n\t\tonSelections(fields);\n\t}, [selectedAddresses, selectedRooms, selectedHouseTypes, selectedPrices]);\n\n\treturn (\n\t\t<Fragment>\n\t\t\t<Heading>\n\t\t\t\t<span>{heading}&nbsp;</span>\n\t\t\t\t<span className=\"count\">\n\t\t\t\t\t(<NumberFormat thousandSeparator=\" \" displayType=\"text\" value={count} />)\n\t\t\t\t</span>\n\t\t\t</Heading>\n\t\t\t<SearchArea>\n\t\t\t\t<SearchAreaTop>\n\t\t\t\t\t<Section>\n\t\t\t\t\t\t<Title>Valitse alue</Title>\n\t\t\t\t\t\t<AddressSearch\n\t\t\t\t\t\t\tgrey={true}\n\t\t\t\t\t\t\tonSelect={setSelectedAddresses}\n\t\t\t\t\t\t\tref={addressSearchRef}\n\t\t\t\t\t\t\textraParams={{ type: \"SaleProperty\" }}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Section>\n\t\t\t\t\t<Rooms>\n\t\t\t\t\t\t<Title>Huoneluku</Title>\n\t\t\t\t\t\t<MultiButtonSelect\n\t\t\t\t\t\t\tselections={selectableRooms}\n\t\t\t\t\t\t\tonSelection={setSelectedRooms}\n\t\t\t\t\t\t\tref={roomSelectRef}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Rooms>\n\t\t\t\t</SearchAreaTop>\n\t\t\t\t<HouseTypes>\n\t\t\t\t\t<MultiButtonSelect\n\t\t\t\t\t\tselections={selectableHouseTypes}\n\t\t\t\t\t\tonSelection={setSelectedHouseTypes}\n\t\t\t\t\t\tref={houseTypesRef}\n\t\t\t\t\t/>\n\t\t\t\t</HouseTypes>\n\t\t\t\t<Title>Hinta</Title>\n\t\t\t\t<SearchAreaBottom>\n\t\t\t\t\t<PriceSection>\n\t\t\t\t\t\t<Price>\n\t\t\t\t\t\t\t<RangeSlider onChangeEnd={setSelectedPrices} values={priceRangeValues} />\n\t\t\t\t\t\t</Price>\n\t\t\t\t\t</PriceSection>\n\n\t\t\t\t\t<Actions>\n\t\t\t\t\t\t<EmptySelections onClick={() => emptySelections()}>Tyhjennä hakuehdot</EmptySelections>\n\n\t\t\t\t\t\t<SearchButton>\n\t\t\t\t\t\t\t<FaIcon icon=\"search\" />\n\t\t\t\t\t\t</SearchButton>\n\t\t\t\t\t</Actions>\n\t\t\t\t</SearchAreaBottom>\n\t\t\t</SearchArea>\n\t\t</Fragment>\n\t);\n};\n\nexport default OnlineOfferSearchArea;\n","import styled, { css } from \"styled-components\";\nimport { color, media, fluidSize, fluidBgSize } from \"@utils/style-utils\";\n\nexport const ResultsTable = styled.div``;\n\nexport const ResultsTableRow = styled.div`\n\tbackground: ${color(\"grey\", 7)};\n\tborder: 1px solid ${color(\"grey\", 5)};\n\tborder-top: 0;\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tpadding: 0 15px;\n\n\t${props =>\n\t\tprops.hasHistory &&\n\t\tcss`\n\t\t\tborder-top: 0;\n\t\t\tmargin-top: -1px;\n\t\t`}\n\n\t${media.md`\n\t\tpadding: 0 24px;\n\t`}\n\n\t${media.lg`\n\t\tpadding: 0 32px;\n\t`}\n\n\t${props =>\n\t\t!props.hasHistory &&\n\t\tcss`\n\t\t\t${ResultsTableCell} {\n\t\t\t\t@media (max-width: 991px) {\n\t\t\t\t\t&:first-of-type {\n\t\t\t\t\t\tflex-basis: 40%;\n\t\t\t\t\t}\n\t\t\t\t\t&:nth-of-type(5) {\n\t\t\t\t\t\tflex-basis: 30%;\n\t\t\t\t\t}\n\t\t\t\t\t&:last-of-type {\n\t\t\t\t\t\tflex-basis: 30%;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t@media (max-width: 767px) {\n\t\t\t\t\t&:first-of-type {\n\t\t\t\t\t\tflex-basis: 50%;\n\t\t\t\t\t}\n\t\t\t\t\t&:nth-of-type(5) {\n\t\t\t\t\t\tflex-basis: 50%;\n\t\t\t\t\t}\n\t\t\t\t\t&:last-of-type {\n\t\t\t\t\t\talign-items: center;\n\t\t\t\t\t\tflex-basis: 100%;\n\t\t\t\t\t\tjustify-content: center;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t@media (max-width: 550px) {\n\t\t\t\t\t&:first-of-type {\n\t\t\t\t\t\tflex-basis: 65%;\n\t\t\t\t\t}\n\t\t\t\t\t&:nth-of-type(5) {\n\t\t\t\t\t\tflex-basis: 35%;\n\t\t\t\t\t\tpadding-right: 0;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t`}\n\n\t${props =>\n\t\tprops.hasToggle &&\n\t\tcss`\n\t\t\talign-items: center;\n\t\t\tborder: 0;\n\t\t\tdisplay: flex;\n\t\t\tflex-grow: 1;\n\t\t\tjustify-content: center;\n\t\t\tpadding-bottom: 10px;\n\t\t\tpadding-top: 10px;\n\n\t\t\t${media.md`\n\t\t\t\tdisplay: none;\n\t\t\t`}\n\t\t`}\n`;\n\nexport const ResultsTableCell = styled.div`\n\tdisplay: flex;\n\tflex-basis: calc(55.6% / 4);\n\tflex-direction: column;\n\tfont-size: 14px;\n\tjustify-content: center;\n\tpadding: 23px 15px 23px 0;\n\n\t${media.lg`\n\t\tfont-size: 15px;\n\t`}\n\n\t&:first-of-type {\n\t\tflex-basis: 24.4%;\n\t}\n\n\t&:last-of-type {\n\t\tflex-basis: 20%;\n\t\tpadding-right: 0;\n\t}\n\n\t${props =>\n\t\tprops.hideOnMobile &&\n\t\tcss`\n\t\t\tdisplay: none !important;\n\n\t\t\t${media.lg`\n\t\t\t\tdisplay: flex !important;\n\t\t\t`}\n\t\t`}\n\n\t${({ icon }) =>\n\t\ticon &&\n\t\tcss`\n\t\t\t@media (min-width: 551px) {\n\t\t\t\tbackground-image: url(${icon});\n\t\t\t\tbackground-position: left center;\n\t\t\t\tbackground-repeat: no-repeat;\n\t\t\t\t/* background-size: 42px auto; */\n\t\t\t\t${fluidBgSize(\"background-size\", \"320px\", \"1920px\", \"30px\", \"40px\")}\n\t\t\t\t${fluidSize(\"padding-left\", \"320px\", \"1920px\", \"60px\", \"84px\")}\n\t\t\t}\n\t\t`}\n\n\t@media (max-width: 767px) {\n\t\tdisplay: ${props => (props.isOpen ? \"none\" : \"flex\")};\n\t}\n`;\n\nexport const ResultsTableHeader = styled(ResultsTableRow)`\n\talign-items: center;\n\tdisplay: flex;\n\theight: 70px;\n\n\t${ResultsTableCell} {\n\t\tfont-weight: 500;\n\t}\n`;\n\nexport const Toggler = styled.span`\n\tcolor: ${color(\"grey\", 1)};\n\tcursor: pointer;\n\tdisplay: inline-flex;\n\tfont-size: 15px;\n\tjustify-content: space-between;\n\tpadding: 10px 0;\n\ttransition: color 200ms;\n\n\t&:hover {\n\t\tcolor: ${color(\"greenBright\", 1)};\n\t}\n\n\t${media.lg`\n\t\tfont-size: 16px;\n\t`}\n\n\tspan {\n\t\tcolor: ${color(\"greenBright\", 1)};\n\t\tdisplay: inline-block;\n\t\tmargin-left: 10px;\n\t\tposition: relative;\n\t\tvertical-align: middle;\n\n\t\tsvg {\n\t\t\tmax-width: 18px;\n\t\t}\n\t}\n\n\t${({ isOpen }) =>\n\t\tisOpen &&\n\t\tcss`\n\t\t\tspan {\n\t\t\t\ttransform: rotate(-180deg);\n\t\t\t}\n\t\t`}\n`;\n\nexport const OfferHistory = styled.div`\n\tbackground: ${color(\"white\")};\n\tborder-top: 1px solid ${color(\"grey\", 5)};\n\tflex-grow: 1;\n\t/* margin-bottom: 32px; */\n\tpadding: 20px 0;\n\toverflow-x: auto;\n\n\t${media.md`\n\t\tmargin-bottom: 32px;\n\t`}\n\n\t${ResultsTableRow} {\n\t\tbackground: ${color(\"white\")};\n\t\tborder-bottom: 1px solid ${color(\"grey\", 5)};\n\t\tborder: 0;\n\t\tmin-width: 550px;\n\t\tpadding-left: 0;\n\t\tpadding-right: 0;\n\n\t\t&:nth-last-of-type(2) {\n\t\t\tborder-bottom: 0;\n\t\t}\n\t}\n\n\t${ResultsTableCell} {\n\t\t@media (max-width: 991px) {\n\t\t\tflex-basis: 25% !important;\n\n\t\t\t&:first-of-type,\n\t\t\t&:last-of-type {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\n\t\t\t&:nth-of-type(2) {\n\t\t\t\tpadding-left: 15px;\n\t\t\t}\n\t\t\t&:nth-last-of-type(2) {\n\t\t\t\tpadding-right: 15px;\n\t\t\t}\n\t\t}\n\t}\n`;\n","import React, { memo, Fragment, useState } from \"react\";\nimport { getSeconds, hasWindow } from \"@utils\";\nimport { ResultsTable, ResultsTableHeader, ResultsTableRow, ResultsTableCell, Toggler, OfferHistory } from \"./styles\";\n\nimport NumberFormat from \"react-number-format\";\nimport { FontAwesomeIcon as FaIcon } from \"@fortawesome/react-fontawesome\";\nimport format from \"date-fns/format\";\nimport { filterXSS } from \"xss\";\n\nimport { resolveIcon, resolveTypeText } from \"@utils/building-types\";\n\nconst FormattedDate = ({ date }) => {\n\tconst d = getSeconds(date) * 1000;\n\tconst formatted = format(d, \"DD.MM.YYYY\");\n\n\treturn <span>{formatted}</span>;\n};\n\nconst getArea = result => {\n\tconst stringBuildingType = resolveTypeText(result.buildingType);\n\n\tif ((stringBuildingType === \"lot\" || (stringBuildingType === \"ranch\" && !result.livingArea)) && typeof(result.lotAreaType) === \"string\") {\n\t\tconst lotAreaType = result.lotAreaType.replace(/(\\D+)(\\d)/, \"$1<sup>$2</sup>\");\n\t\treturn (\n\t\t\t<span dangerouslySetInnerHTML={{ __html: filterXSS(result.lotArea + \" \" + lotAreaType.toLowerCase()) }} />\n\t\t);\n\t} else {\n\t\treturn <span>{result.livingArea} m&sup2;</span>;\n\t}\n};\n\nconst getIcon = (buildingType: number) => {\n\treturn resolveIcon(buildingType);\n};\n\nconst getOfferType = offer => {\n\treturn offer.conditional ? \"Ehdollinen\" : \"Kirjallinen\";\n};\n\nconst getHighestOfferType = result => {\n\tif (result.largestOffer !== undefined) {\n\t\tfor (const i in result.onlineOffers.offers) {\n\t\t\tif (result.onlineOffers.offers.hasOwnProperty(i)) {\n\t\t\t\tif (result.largestOffer === result.onlineOffers.offers[i].amount) {\n\t\t\t\t\treturn getOfferType(result.onlineOffers.offers[i]);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t} else {\n\t\tconst offer = result.onlineOffers.offers[0];\n\t\treturn getOfferType(offer);\n\t}\n\treturn \"\";\n};\n\nconst Toggle = ({ isOpen, setOpen }) => (\n\t<Toggler onClick={() => setOpen(!isOpen)} isOpen={isOpen}>\n\t\t{isOpen ? \"Sulje\" : \"Näytä koko\"} tarjoushistoria\n\t\t<span>\n\t\t\t<FaIcon icon={[\"far\", \"angle-down\"]} />\n\t\t</span>\n\t</Toggler>\n);\n\nconst History = ({ offers, setOpen }) => {\n\treturn (\n\t\t<Fragment>\n\t\t\t<OfferHistory>\n\t\t\t\t<ResultsTableHeader>\n\t\t\t\t\t<ResultsTableCell hideOnMobile={true} />\n\t\t\t\t\t<ResultsTableCell>Annettu</ResultsTableCell>\n\t\t\t\t\t<ResultsTableCell>Tarjoaja</ResultsTableCell>\n\t\t\t\t\t<ResultsTableCell>Tarjoustyyppi</ResultsTableCell>\n\t\t\t\t\t<ResultsTableCell>Tarjous</ResultsTableCell>\n\t\t\t\t\t<ResultsTableCell hideOnMobile={true} />\n\t\t\t\t</ResultsTableHeader>\n\n\t\t\t\t{offers.map(({ amount, conditional, customers, startDate }, idx: number) => (\n\t\t\t\t\t<ResultsTableRow key={`hstrtbl${idx}`}>\n\t\t\t\t\t\t<ResultsTableCell />\n\t\t\t\t\t\t<ResultsTableCell>\n\t\t\t\t\t\t\t<FormattedDate date={startDate} />\n\t\t\t\t\t\t</ResultsTableCell>\n\t\t\t\t\t\t<ResultsTableCell>{customers && <span>{customers.join(\", \")}</span>}</ResultsTableCell>\n\t\t\t\t\t\t<ResultsTableCell>{conditional ? \"Ehdollinen\" : \"Kirjallinen\"}</ResultsTableCell>\n\t\t\t\t\t\t<ResultsTableCell>\n\t\t\t\t\t\t\t<NumberFormat thousandSeparator=\" \" displayType=\"text\" value={amount} suffix=\" €\" />\n\t\t\t\t\t\t</ResultsTableCell>\n\t\t\t\t\t\t<ResultsTableCell />\n\t\t\t\t\t</ResultsTableRow>\n\t\t\t\t))}\n\t\t\t</OfferHistory>\n\t\t\t<ResultsTableRow hasToggle={true}>\n\t\t\t\t<Toggle isOpen={true} setOpen={setOpen} />\n\t\t\t</ResultsTableRow>\n\t\t</Fragment>\n\t);\n};\n\nconst TableRow = props => {\n\tconst {\n\t\tbuildingType,\n\t\tbuildingTypeFormatted,\n\t\tdistrict,\n\t\tlargestOffer,\n\t\tlastOfferDate,\n\t\tmunicipality,\n\t\tsaleDays,\n\t\tsalesPriceUnencumbered,\n\t\tonlineOffers,\n\t} = props;\n\tconst [isOpen, setOpen] = useState(false);\n\n\treturn (\n\t\t<Fragment>\n\t\t\t<ResultsTableRow>\n\t\t\t\t<ResultsTableCell icon={getIcon(buildingType)}>\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<strong>{getArea(props)}</strong>\n\t\t\t\t\t</span>\n\t\t\t\t\t{buildingTypeFormatted && (\n\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t{buildingTypeFormatted}\n\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t</span>\n\t\t\t\t\t)}\n\t\t\t\t\t{municipality} {district}\n\t\t\t\t</ResultsTableCell>\n\t\t\t\t<ResultsTableCell hideOnMobile={true}>\n\t\t\t\t\t{lastOfferDate && <FormattedDate date={lastOfferDate} />}\n\t\t\t\t</ResultsTableCell>\n\t\t\t\t<ResultsTableCell hideOnMobile={true}>{saleDays} päivää</ResultsTableCell>\n\t\t\t\t<ResultsTableCell hideOnMobile={true}>\n\t\t\t\t\t<strong>\n\t\t\t\t\t\t<NumberFormat thousandSeparator=\" \" displayType=\"text\" value={salesPriceUnencumbered} />\n\t\t\t\t\t\t&nbsp;&euro;\n\t\t\t\t\t</strong>\n\t\t\t\t</ResultsTableCell>\n\t\t\t\t<ResultsTableCell>\n\t\t\t\t\t<strong>\n\t\t\t\t\t\t<NumberFormat thousandSeparator=\" \" displayType=\"text\" value={largestOffer} />\n\t\t\t\t\t\t&nbsp;&euro;\n\t\t\t\t\t</strong>\n\t\t\t\t\t<span>({getHighestOfferType(props)})</span>\n\t\t\t\t</ResultsTableCell>\n\t\t\t\t<ResultsTableCell isOpen={isOpen}>\n\t\t\t\t\t<Toggle setOpen={setOpen} isOpen={isOpen} />\n\t\t\t\t</ResultsTableCell>\n\t\t\t</ResultsTableRow>\n\t\t\t{isOpen && (\n\t\t\t\t<ResultsTableRow hasHistory={true}>\n\t\t\t\t\t{onlineOffers && onlineOffers.offers && <History {...onlineOffers} setOpen={setOpen} />}\n\t\t\t\t</ResultsTableRow>\n\t\t\t)}\n\t\t</Fragment>\n\t);\n};\n\nconst OnlineOfferResultsArea = ({ results }) => {\n\tif (hasWindow && (!results || results.length <= 0)) {\n\t\treturn <h2>Valituilla kriteereillä ei löytynyt tuloksia</h2>;\n\t}\n\n\treturn (\n\t\t<ResultsTable>\n\t\t\t<ResultsTableHeader>\n\t\t\t\t<ResultsTableCell>Kohde</ResultsTableCell>\n\t\t\t\t<ResultsTableCell hideOnMobile={true}>Viimeinen tarjous</ResultsTableCell>\n\t\t\t\t<ResultsTableCell hideOnMobile={true}>Myyntiaika</ResultsTableCell>\n\t\t\t\t<ResultsTableCell hideOnMobile={true}>Lähtöhinta</ResultsTableCell>\n\t\t\t\t<ResultsTableCell>Suurin tarjous</ResultsTableCell>\n\t\t\t\t<ResultsTableCell />\n\t\t\t</ResultsTableHeader>\n\n\t\t\t{results && results.map((result, i) => <TableRow key={result.district + i} {...result} />)}\n\t\t</ResultsTable>\n\t);\n};\n\nexport default memo(OnlineOfferResultsArea);\n","import React, { useState, useEffect } from \"react\";\nimport { getID } from \"@components/ContentBlocks/Base\";\nimport Text from \"wake-react-components/text\";\nimport Editor from \"wake-react-components/editor\";\nimport { isAdmin } from \"wake-react-components/utils\";\nimport { Container } from \"@components/Grid\";\nimport CtaButton from \"@components/Buttons/CtaButton\";\nimport { getAssetUrl } from \"@utils/index\";\n\nimport { OnlineOfferWrapper, OnlineOfferIngress, LoadMoreContainer } from \"./styles\";\nimport SearchArea from \"./OnlineOfferSearch\";\nimport ResultsArea from \"./OnlineOfferResults\";\nimport OnlineOfferService from \"@services/online-offer.service\";\n\nimport isEqual from \"react-fast-compare\";\n\nconst OnlineOffer = ({ item }) => {\n\tconst defaultTerms = {\n\t\tlimit: item.resultCount || 5,\n\t};\n\n\tconst [resultCount, setResultCount] = useState(null);\n\tconst [results, setResults] = useState([]);\n\tconst [loading, setLoading] = useState(false);\n\tconst [searchTerms, setSearchTerms] = useState(defaultTerms);\n\tconst [lastSearchTerms, setLastSearchTerms] = useState({});\n\n\tconst id = getID(item);\n\n\tconst loadMore = () => {\n\t\tconst terms = {\n\t\t\t...searchTerms,\n\t\t\tskip: results.length,\n\t\t};\n\n\t\tsetSearchTerms(terms);\n\t};\n\n\tuseEffect(() => {\n\t\tlet isSubscribed = true;\n\n\t\tif (isEqual(defaultTerms, searchTerms) || isEqual(searchTerms, lastSearchTerms)) {\n\t\t\treturn;\n\t\t}\n\n\t\tasync function getProperties() {\n\t\t\tif (isSubscribed) {\n\t\t\t\tsetLoading(true);\n\t\t\t}\n\n\t\t\ttry {\n\t\t\t\tconst res = await OnlineOfferService.fetchOnlineOfferProperties(searchTerms);\n\t\t\t\tconst { matches, results: r } = res.data;\n\n\t\t\t\tdelete lastSearchTerms[\"skip\"];\n\t\t\t\tdelete searchTerms[\"skip\"];\n\n\t\t\t\tif (!isSubscribed) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tsetResultCount(matches);\n\n\t\t\t\tif (!isEqual(lastSearchTerms, searchTerms)) {\n\t\t\t\t\tsetResults([...r]);\n\t\t\t\t} else {\n\t\t\t\t\tsetResults([...results, ...r]);\n\t\t\t\t}\n\t\t\t} catch (e) {\n\t\t\t\tconsole.log(\"error while fetching online offer properties\", e);\n\t\t\t} finally {\n\t\t\t\tif (isSubscribed) {\n\t\t\t\t\tsetLoading(false);\n\t\t\t\t\tsetLastSearchTerms(searchTerms);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\tgetProperties();\n\n\t\treturn () => {\n\t\t\tisSubscribed = false;\n\t\t};\n\t}, [searchTerms]);\n\n\treturn (\n\t\t<OnlineOfferWrapper id={id}>\n\t\t\t<Container>\n\t\t\t\t<OnlineOfferIngress>\n\t\t\t\t\t{isAdmin && <p>Tarjouskaupan esittelyteksti</p>}\n\t\t\t\t\t<Editor name=\"onlineOfferIngress\" />\n\t\t\t\t</OnlineOfferIngress>\n\t\t\t</Container>\n\t\t\t{isAdmin && (\n\t\t\t\t<Container>\n\t\t\t\t\t<div>\n\t\t\t\t\t\tHakutulosten lukumäärä / sivu:&nbsp;\n\t\t\t\t\t\t<Text name=\"resultCount\" placeholder=\"Tulosten määrä\" defaultValue=\"30\" />\n\t\t\t\t\t</div>\n\t\t\t\t\t<div>\n\t\t\t\t\t\tTarjoushaun otsikko:&nbsp;\n\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\tname=\"heading\"\n\t\t\t\t\t\t\tplaceholder=\"Otsikko\"\n\t\t\t\t\t\t\tdefaultValue=\"Hae Tarjouskaupalla myytyjä kohteita\"\n\t\t\t\t\t\t\tmultiline={true}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</Container>\n\t\t\t)}\n\t\t\t{!isAdmin && (\n\t\t\t\t<Container>\n\t\t\t\t\t<SearchArea\n\t\t\t\t\t\tcount={resultCount}\n\t\t\t\t\t\tlimit={item.resultCount}\n\t\t\t\t\t\theading={item.heading}\n\t\t\t\t\t\tonSelections={setSearchTerms}\n\t\t\t\t\t/>\n\t\t\t\t\t<ResultsArea results={results} />\n\t\t\t\t\t{results.length > 0 && resultCount > results.length && (\n\t\t\t\t\t\t<LoadMoreContainer>\n\t\t\t\t\t\t\t<CtaButton submitting={loading} onClick={loadMore}>\n\t\t\t\t\t\t\t\tLataa lisää\n\t\t\t\t\t\t\t</CtaButton>\n\t\t\t\t\t\t</LoadMoreContainer>\n\t\t\t\t\t)}\n\t\t\t\t</Container>\n\t\t\t)}\n\t\t</OnlineOfferWrapper>\n\t);\n};\n\nOnlineOffer.thumb = () => (\n\t<div>\n\t\t<img src={getAssetUrl(\"/assets/images/campaign-block-thumbs/Tarjouskauppa.jpg\")} alt=\"Tarjouskauppa\" />\n\t\t<p>Tarjouskauppa</p>\n\t</div>\n);\n\nOnlineOffer.settings = () => (\n\t<div className=\"settings\">\n\t\t<span>\n\t\t\tElementin ID <small>(esim ankkuriksi)</small>&nbsp;\n\t\t</span>\n\t\t<Text name=\"elementID\" placeholder=\"ID\" />\n\t</div>\n);\n\nexport default OnlineOffer;\n","import styled from \"styled-components\";\nimport { media, grid, color, textStyles } from \"@utils/style-utils\";\n\nexport const PersonLiftsContainer = styled.div`\n\tmargin: 60px auto;\n\tmax-width: 1160px;\n\tpadding: 0 15px;\n\n\t${media.lg`\n\t\tmargin: 80px auto;\n\t`}\n`;\n\nexport const PersonCards = styled.div`\n\t${media.sm`\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t\tjustify-content: space-between;\n\t`}\n`;\n\nexport const PersonCard = styled.div`\n\tborder: 1px solid ${color(\"grey\", 5)};\n\tborder-radius: 4px;\n\tdisplay: flex;\n\tflex-basis: 100%;\n\tflex-direction: column;\n\tmargin-bottom: ${grid.gutterSmall}px;\n\tpadding: 15px;\n\n\t${media.sm`\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\tmargin-bottom: ${grid.gutter}px;\n\t`}\n`;\n\nexport const PersonCardTop = styled.div`\n\t${media.md`\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t`}\n`;\n\nexport const PersonCardBottom = styled.div`\n\tborder-top: 1px solid ${color(\"grey\", 5)};\n\tpadding: 20px 15px 5px;\n\tmargin-left: -15px;\n\tmargin-right: -15px;\n\n\t${textStyles.PSmall}\n`;\n\nexport const PersonImage = styled.div`\n\timg {\n\t\tdisplay: block;\n\t\twidth: 100%;\n\t}\n\n\t${media.md`\n\t\tflex-basis: calc((100% - ${grid.gutterSmall}px) * 0.35);\n\t\twidth: calc((100% - ${grid.gutterSmall}px) * 0.35);\n\t`}\n\n\t${media.lg`\n\t\tflex-basis: calc((100% - ${grid.gutter}px) * 0.35);\n\t\twidth: calc((100% - ${grid.gutter}px) * 0.35);\n\t`}\n`;\n\nexport const PersonCardInfo = styled.div`\n\talign-items: center;\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\tpadding: 15px;\n\n\t${media.md`\n\t\tflex-basis: calc((100% - ${grid.gutterSmall}px) * 0.65);\n\t`}\n\n\t${media.lg`\n\t\tflex-basis: calc((100% - ${grid.gutter}px) * 0.65);\n\t`}\n\n\t.phone {\n\t\tmargin-top: 0;\n\t}\n\n\t[itemprop=\"telephone\"] {\n\t\t${textStyles.H3Condensed}\n\t\tcolor: ${color(\"greenBright\", 1)};\n\t\tfont-size: 18px;\n\n\t\t.icon {\n\t\t\tdisplay: inline-block;\n\t\t\tmargin-right: 16px;\n\t\t\tposition: relative;\n\n\t\t\tsvg {\n\t\t\t\tmax-width: 16px;\n\t\t\t}\n\t\t}\n\t}\n`;\n","import React, { Fragment } from \"react\";\nimport Text from \"wake-react-components/text\";\nimport Repeater from \"wake-react-components/repeater\";\nimport Image from \"wake-react-components/image\";\nimport { isAdmin } from \"wake-react-components/utils\";\nimport Phone from \"@components/Info/Phone\";\nimport { getAssetUrl } from \"@utils/index\";\nimport { getID } from \"../Base\";\n\nimport {\n\tPersonLiftsContainer,\n\tPersonCards,\n\tPersonCard,\n\tPersonImage,\n\tPersonCardTop,\n\tPersonCardInfo,\n\tPersonCardBottom,\n} from \"./styles\";\n\nconst PersonLifts = ({item: blockItem}) => {\n\n\tconst id = getID(blockItem);\n\n\treturn (\n\t\t<PersonLiftsContainer id={id}>\n\t\t\t<h2>\n\t\t\t\t<Text name=\"personLiftsTitle\" placeholder=\"Ryhmän otsikko\" />\n\t\t\t</h2>\n\n\t\t\t<PersonCards>\n\t\t\t\t<Repeater name=\"personLifts\" tagName={PersonCard}>\n\t\t\t\t\t{({ item }) => (\n\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t<PersonCardTop>\n\t\t\t\t\t\t\t\t<PersonImage>\n\t\t\t\t\t\t\t\t\t<Image name=\"personCardPhoto\" sizeInfo={[328, 418]} />\n\t\t\t\t\t\t\t\t</PersonImage>\n\t\t\t\t\t\t\t\t<PersonCardInfo>\n\t\t\t\t\t\t\t\t\t<h3>\n\t\t\t\t\t\t\t\t\t\t<Text name=\"personCardName\" placeholder=\"Nimi\" />\n\t\t\t\t\t\t\t\t\t</h3>\n\t\t\t\t\t\t\t\t\t<p className=\"phone\">\n\t\t\t\t\t\t\t\t\t\t{isAdmin && <Text name=\"personCardPhone\" placeholder=\"Puhelinnumero\" />}\n\n\t\t\t\t\t\t\t\t\t\t{!isAdmin && item.personCardPhone && (\n\t\t\t\t\t\t\t\t\t\t\t<Phone phone={item.personCardPhone} withIcon={true} />\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t</PersonCardInfo>\n\t\t\t\t\t\t\t</PersonCardTop>\n\t\t\t\t\t\t\t<PersonCardBottom>\n\t\t\t\t\t\t\t\t<Text name=\"personCardTitle\" placeholder=\"Titteli ja koulutus\" multiline={true} />\n\t\t\t\t\t\t\t</PersonCardBottom>\n\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t)}\n\t\t\t\t</Repeater>\n\t\t\t</PersonCards>\n\t\t</PersonLiftsContainer>\n\t);\n};\n\nPersonLifts.thumb = () => (\n\t<div>\n\t\t<img src={getAssetUrl(\"/assets/images/campaign-block-thumbs/HenkiloNosto.jpg\")} alt=\"HenkilöListaus\" />\n\t\t<p>Henkilönostot</p>\n\t</div>\n);\nPersonLifts.settings = () => (\n\t<div className=\"settings\">\n\t\t<span>\n\t\t\tElementin ID <small>(esim ankkuriksi)</small>&nbsp;\n\t\t</span>\n\t\t<Text name=\"elementID\" placeholder=\"ID\" />\n\t</div>\n);\n\nexport default PersonLifts;\n","import styled from \"styled-components\";\nimport { color, media, grid, textStyles } from \"@utils/style-utils\";\nimport clsx from \"clsx\";\nimport { Link } from \"react-router-dom\";\n\nexport const Boxes = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tflex-wrap: wrap;\n\n\t${media.md`\n\t\tflex-direction: row;\n\t\tjustify-content: space-between;\n\t`}\n`;\n\nexport const QuoteBox = styled.div.attrs(props => ({\n\tclassName: clsx(\"quote-box\", props && props.isBeige && \"color-beige\"),\n}))`\n\tbackground: ${props => (props.isBeige ? color(\"beige\", 4) : color(\"blue\", 5))};\n\tborder-radius: 4px;\n\tdisplay: flex;\n\tflex-basis: 100%;\n\tflex-direction: column;\n\tmargin-bottom: ${grid.gutterSmall}px;\n\tpadding: 28px 30px;\n\n\t${media.lg`\n\t\t&:first-child:nth-last-child(1) {\n\t\t\tflex-basis: 100%;\n\t\t}\n\n\t\t&:first-child:nth-last-child(2),\n\t\t&:first-child:nth-last-child(2) ~ .quote-box {\n\t\t\tflex-basis: calc((100% - ${grid.gutterSmall}px) / 2);\n\t\t}\n\n\t\t&:first-child:nth-last-child(3),\n\t\t&:first-child:nth-last-child(3) ~ .quote-box {\n\t\t\tflex-basis: calc((100% - ${grid.gutterSmall * 2}px) / 3);\n\t\t}\n\t`}\n\n\t${media.xl`\n\t\tmargin-bottom: ${grid.gutter}px;\n\n\t\t&:first-child:nth-last-child(1) {\n\t\t\tflex-basis: 100%;\n\t\t}\n\n\t\t&:first-child:nth-last-child(2),\n\t\t&:first-child:nth-last-child(2) ~ & {\n\t\t\tflex-basis: calc((100% - ${grid.gutter}px) / 2);\n\t\t}\n\n\t\t&:first-child:nth-last-child(3),\n\t\t&:first-child:nth-last-child(3) ~ & {\n\t\t\tflex-basis: calc((100% - ${grid.gutter * 2}px) / 3);\n\t\t}\n\n\t`}\n\n\t*::selection {\n\t\tbackground-color: ${color(\"blue\", 3)};\n\t}\n\n\t[ng-app=\"editor\"] & {\n\t\t.r-reference {\n\t\t\tmargin-bottom: 14px;\n\t\t}\n\t}\n\n\t.r-reference__click-area {\n\t\tborder: 1px dashed ${color(\"grey\", 3)};\n\t\tmin-height: 100%;\n\n\t\t&:first-child:last-child {\n\t\t\t&::before {\n\t\t\t\tcontent: \"Lisää välittäjä\";\n\t\t\t\tdisplay: block;\n\t\t\t\tfont-size: 14px;\n\t\t\t\tleft: 0;\n\t\t\t\tposition: absolute;\n\t\t\t\tright: 0;\n\t\t\t\ttext-align: center;\n\t\t\t\ttop: 50%;\n\t\t\t\ttransform: translateY(-50%);\n\t\t\t}\n\t\t}\n\t}\n`;\n\nexport const QuoteBoxText = styled.div`\n\tflex-grow: 1;\n\tmargin-bottom: 30px;\n\tpadding: 20px 25px 20px 18px;\n\tposition: relative;\n\t${textStyles.PSmall}\n\n\t&::after {\n\t\tcontent: \"\\\\275B\\\\fe0e \\\\275B\\\\fe0e\";\n\t\tcolor: ${color(\"blue\", 2)};\n\t\tdisplay: block;\n\t\tfont-family: \"Zapf Dingbats\", \"GT Walsheim\", Helvetica, Arial, sans-serif;\n\t\tfont-size: 30px;\n\t\tfont-weight: 500;\n\t\tposition: absolute;\n\t\tright: 0;\n\t\ttop: 0;\n\t}\n\n\t.color-beige & {\n\t\t&::after {\n\t\t\tcolor: ${color(\"beige\", 1)};\n\t\t}\n\t}\n`;\n\nexport const QuoteBoxQuoter = styled.div`\n\tcolor: ${color(\"grey\", 2)};\n\t${textStyles.MicroText}\n\tmargin: 0;\n\tpadding: 0 22px;\n\n\t[contenteditable=\"true\"] {\n\t\twidth: 100%;\n\t}\n`;\n\nexport const QuoteAgent = styled(Link)`\n\talign-items: center;\n\tcolor: ${color(\"grey\", 1)};\n\tdisplay: flex;\n\n\t.is-pointer & {\n\t\t&:hover {\n\t\t\th4,\n\t\t\tp {\n\t\t\t\tcolor: ${color(\"greenBright\", 1)};\n\t\t\t}\n\n\t\t\timg {\n\t\t\t\ttransform: translateX(-50%) scale(1.1);\n\n\t\t\t\t&[src*=\"agent-icon.png\"] {\n\t\t\t\t\ttransform: translate(-50%, -50%) scale(1.1);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n`;\n\nexport const QuoteAgentImage = styled.div`\n\tbackground: ${color(\"white\")};\n\tborder: 1px solid ${color(\"grey\", 5)};\n\tborder-radius: 50%;\n\theight: 72px;\n\toverflow: hidden;\n\tmargin-right: 12px;\n\tposition: relative;\n\twidth: 72px;\n\n\timg {\n\t\tleft: 50%;\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\ttransform: translateX(-50%) scale(1);\n\t\ttransition: transform 250ms;\n\t\twidth: 100%;\n\n\t\t&[src*=\"agent-icon.png\"] {\n\t\t\ttop: 50%;\n\t\t\ttransform: translate(-50%, -50%) scale(1);\n\t\t\twidth: 70%;\n\t\t}\n\t}\n`;\n\nexport const QuoteAgentInfo = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\n\th4 {\n\t\t${textStyles.MicroTextCaps}\n\t\tmargin: 0;\n\t\ttransition: color 150ms;\n\t}\n\n\tp {\n\t\t${textStyles.MicroText}\n\t\tcolor: ${color(\"grey\", 2)};\n\t\tmargin: 0;\n\t\ttransition: color 150ms;\n\t}\n`;\n","import React from \"react\";\nimport { getID } from \"@components/ContentBlocks/Base\";\nimport { Wrapper, Container } from \"@components/Grid\";\nimport Text from \"wake-react-components/text\";\nimport Input from \"wake-react-components/input\";\nimport Reference from \"wake-react-components/reference\";\nimport { isAdmin } from \"wake-react-components/utils\";\nimport { filterXSS } from \"xss\";\nimport isEmpty from \"lodash-es/isEmpty\";\nimport { getAssetUrl } from \"@utils\";\n\nimport { Boxes, QuoteBox, QuoteBoxText, QuoteBoxQuoter, QuoteAgent, QuoteAgentImage, QuoteAgentInfo } from \"./styles\";\nimport { AgentImage } from \"@components/Agent\";\n\nconst queryFields = [\n\t\"canonicalPath\",\n\t\"degrees\",\n\t\"firstName\",\n\t\"halfBodyImageName\",\n\t\"halfBodyImagePath\",\n\t\"imageName\",\n\t\"imagePath\",\n\t\"key\",\n\t\"lastName\",\n\t\"name\",\n\t\"title\",\n];\n\nconst QBox = ({ id, data }) => {\n\tconst quoter = data[`quoteBoxQuoter${id}`];\n\tconst person = data[`quoteBoxPerson${id}`];\n\tconst hidden = data[`quoteHidden${id}`];\n\n\tif (!isAdmin && hidden) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<QuoteBox isBeige={!isEmpty(person)}>\n\t\t\t{isAdmin && (\n\t\t\t\t<div>\n\t\t\t\t\tPiilota tämä? <Input type=\"checkbox\" name={`quoteHidden${id}`} />\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t<QuoteBoxText>\n\t\t\t\t<Text name={`quoteBoxText${id}`} placeholder=\"Teksti\" />\n\t\t\t</QuoteBoxText>\n\n\t\t\t{isAdmin && <p>Valitse joko välittäjä, tai vapaa teksti</p>}\n\n\t\t\t<Reference name={`quoteBoxPerson${id}`} type=\"AgentDocument\" fields={queryFields} limit={1}>\n\t\t\t\t{({ item }) => (\n\t\t\t\t\t<QuoteAgent\n\t\t\t\t\t\titemScope={true}\n\t\t\t\t\t\titemType=\"https://schema.org/Person\"\n\t\t\t\t\t\tto={(item && item.canonicalPath) || \"#\"}\n\t\t\t\t\t>\n\t\t\t\t\t\t<QuoteAgentImage>\n\t\t\t\t\t\t\t<AgentImage\n\t\t\t\t\t\t\t\tagent={item}\n\t\t\t\t\t\t\t\tsize=\"w_150,h_150\"\n\t\t\t\t\t\t\t\tfallbackSrc={getAssetUrl(\"/assets/images/agent-icon.png\")}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</QuoteAgentImage>\n\t\t\t\t\t\t<QuoteAgentInfo>\n\t\t\t\t\t\t\t<h4 itemProp=\"name\">\n\t\t\t\t\t\t\t\t{item.firstName && item.lastName ? `${item.firstName} ${item.lastName}` : item.name}\n\t\t\t\t\t\t\t</h4>\n\t\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\t\t{item.title && <span itemProp=\"jobTitle\">{item.title}</span>}\n\t\t\t\t\t\t\t\t{item.degrees && (\n\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t\t\t{item.title ? \", \" : \"\"}\n\t\t\t\t\t\t\t\t\t\t{item.degrees}\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t</QuoteAgentInfo>\n\t\t\t\t\t</QuoteAgent>\n\t\t\t\t)}\n\t\t\t</Reference>\n\n\t\t\t{isAdmin && (\n\t\t\t\t<QuoteBoxQuoter>\n\t\t\t\t\t<Text name={`quoteBoxQuoter${id}`} multiline={true} placeholder=\"Nimi\" />\n\t\t\t\t</QuoteBoxQuoter>\n\t\t\t)}\n\n\t\t\t{!isAdmin && isEmpty(person) && quoter && (\n\t\t\t\t<QuoteBoxQuoter dangerouslySetInnerHTML={{ __html: filterXSS(quoter) }} />\n\t\t\t)}\n\t\t</QuoteBox>\n\t);\n};\n\nconst QuoteBoxes = props => {\n\tconst { item } = props;\n\tconst id = getID(props);\n\n\treturn (\n\t\t<Wrapper id={id}>\n\t\t\t<Container>\n\t\t\t\t<Boxes>\n\t\t\t\t\t<QBox id={1} data={item} />\n\t\t\t\t\t<QBox id={2} data={item} />\n\t\t\t\t\t<QBox id={3} data={item} />\n\t\t\t\t</Boxes>\n\t\t\t</Container>\n\t\t</Wrapper>\n\t);\n};\n\nQuoteBoxes.settings = () => (\n\t<div className=\"settings\">\n\t\t<span>\n\t\t\tElementin ID <small>(esim ankkuriksi)</small>&nbsp;\n\t\t</span>\n\t\t<Text name=\"elementID\" placeholder=\"ID\" />\n\t</div>\n);\n\nQuoteBoxes.thumb = () => (\n\t<div>\n\t\t<img src={getAssetUrl(\"assets/images/campaign-block-thumbs/Lainauslaatikot.jpg\")} alt=\"Lainauslaatikot\" />\n\t\t<p>Lainauslaatikot</p>\n\t</div>\n);\n\nexport default QuoteBoxes;\n","import styled from \"styled-components\";\nimport { color, boxShadow, textStyles } from \"@utils/style-utils\";\nimport { getAssetUrl } from \"@utils\";\nimport { rgba } from \"polished\";\n\nconst textShadow = color =>\n\t`0px 0px 10px ${color}, -1px -1px 0 ${color}, 1px -1px 0 ${color}, -1px  1px 0 ${color}, 1px  1px 0 ${color}`;\n\nexport const Banner = styled.div`\n\talign-items: center;\n\tbackground-position: center;\n\tbackground-repeat: no-repeat;\n\tbackground-size: cover;\n\tbox-shadow: ${boxShadow.wide};\n\tdisplay: flex;\n\tjustify-content: center;\n\tmargin: 0 auto 90px;\n\tmax-width: 1130px;\n\tmin-height: 226px;\n\toverflow: hidden;\n\tposition: relative;\n\tpadding: 70px 30px;\n\twidth: 100%;\n\n\t&.color-green {\n\t\tbackground-image: url(${getAssetUrl(\"/assets/images/brand-identity/graphics/slogan-banner-green.jpg\")});\n\n\t\t*::selection {\n\t\t\tbackground-color: ${rgba(color(\"greenDark\", 3), 0.6)} !important;\n\t\t}\n\t}\n\n\t&.color-blue {\n\t\tbackground-image: url(${getAssetUrl(\"/assets/images/brand-identity/graphics/slogan-banner-blue.jpg\")});\n\n\t\t*::selection {\n\t\t\tbackground-color: ${rgba(color(\"blue\", 3), 0.6)} !important;\n\t\t}\n\t}\n\n\t&.color-red {\n\t\tbackground-image: url(${getAssetUrl(\"/assets/images/brand-identity/graphics/slogan-banner-coral.jpg\")});\n\n\t\t*::selection {\n\t\t\tbackground-color: ${rgba(color(\"coral\", 3), 0.6)} !important;\n\t\t}\n\t}\n`;\n\nexport const BannerText = styled.h2`\n\t${textStyles.H1}\n\tcolor: ${color(\"white\")};\n\tmargin: 0;\n\tposition: relative;\n\ttext-align: center;\n\tz-index: 9;\n\n\t.color-green & {\n\t\ttext-shadow: ${textShadow(color(\"greenDark\", 1))};\n\t}\n\n\t.color-blue & {\n\t\ttext-shadow: ${textShadow(color(\"blue\", 1))};\n\t}\n\n\t.color-red & {\n\t\ttext-shadow: ${textShadow(color(\"coral\", 1))};\n\t}\n\n\t.multiline p {\n\t\t${textStyles.H1}\n\t\tcolor: white;\n\t}\n`;\n","import React from \"react\";\nimport { Wrapper, Container } from \"@components/Grid\";\nimport Input from \"wake-react-components/input\";\nimport Text from \"wake-react-components/text\";\nimport { Banner, BannerText } from \"./styles\";\nimport { isAdmin } from \"wake-react-components/utils\";\nimport { getAssetUrl } from \"@utils/index\";\n\nconst TextBanner = ({ item }) => {\n\tconst { bannerColor = \"green\" } = item;\n\n\treturn (\n\t\t<Wrapper>\n\t\t\t<Container>\n\t\t\t\t{isAdmin && (\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<p>Bannerin taustaväri</p>\n\t\t\t\t\t\t<Input type=\"select\" defaultValue=\"1\" name=\"bannerColor\">\n\t\t\t\t\t\t\t<option value=\"green\">Vihreä</option>\n\t\t\t\t\t\t\t<option value=\"blue\">Sininen</option>\n\t\t\t\t\t\t\t<option value=\"red\">Punainen</option>\n\t\t\t\t\t\t</Input>\n\t\t\t\t\t\t<br />\n\t\t\t\t\t\t<br />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t<Banner className={`color-${bannerColor}`}>\n\t\t\t\t\t<BannerText>\n\t\t\t\t\t\t<Text name=\"textBannerContent\" multiline={true} placeholder=\"Bannerin teksti\" />\n\t\t\t\t\t</BannerText>\n\t\t\t\t</Banner>\n\t\t\t</Container>\n\t\t</Wrapper>\n\t);\n};\n\nTextBanner.thumb = () => (\n\t<div>\n\t\t<img src={getAssetUrl(\"/assets/images/campaign-block-thumbs/Tekstibanneri.jpg\")} alt=\"Tekstibanneri\" />\n\t\t<p>Tekstibanneri</p>\n\t</div>\n);\n\nexport default TextBanner;\n","import styled from \"styled-components\";\nimport { media, color } from \"@utils/style-utils\";\n\nexport const BackgroundWrapper = styled.div`\n\tmargin-bottom: 50px;\n\tpadding: 70px 15px;\n\tposition: relative;\n\twidth: 100%;\n\n\t${media.md`\n\t\tmargin-bottom: 70px;\n\t`}\n\n\t${media.lg`\n\t\tmargin-bottom: 100px;\n\t\tpadding: 120px 30px;\n\t`}\n`;\n\nexport const BackgroundImage = styled.span`\n\tbackground-position: center;\n\tbackground-repeat: no-repeat;\n\tbackground-size: cover;\n\tdisplay: block;\n\tfilter: url(#sharpBlur);\n\theight: 100%;\n\tleft: 0;\n\tposition: absolute;\n\ttop: 0;\n\twidth: 100%;\n\tz-index: 1;\n\n\t&::before {\n\t\tbackground: rgba(0, 0, 0, 0.1);\n\t\tcontent: \"\";\n\t\tdisplay: block;\n\t\theight: 100%;\n\t\tleft: 0;\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\twidth: 100%;\n\t\tz-index: 2;\n\t}\n`;\n\nexport const Title = styled.h1`\n\tcolor: ${color(\"white\")};\n\tmargin: 0;\n\tposition: relative;\n\ttext-align: center;\n\tz-index: 9;\n`;\n","import React from \"react\";\nimport Background from \"wake-react-components/background\";\nimport Text from \"wake-react-components/text\";\nimport { getAssetUrl } from \"@utils/index\";\nimport { BackgroundWrapper, BackgroundImage, Title } from \"./styles\";\n\nconst TitleWithBackground = ({ item }) => {\n\treturn (\n\t\t<BackgroundWrapper>\n\t\t\t<Title>\n\t\t\t\t<Text name=\"titleWithBackgroundH1\" placeholder=\"Otsikko H1\" />\n\t\t\t</Title>\n\t\t\t<Background\n\t\t\t\tname=\"titleWithBgImage\"\n\t\t\t\tsizeInfo={[1920, 400]}\n\t\t\t\ttagName={BackgroundImage}\n\t\t\t\tthumb={[1920, null, \"resize\"]}\n\t\t\t/>\n\t\t</BackgroundWrapper>\n\t);\n};\n\nTitleWithBackground.thumb = () => (\n\t<div>\n\t\t<img src={getAssetUrl(\"/assets/images/campaign-block-thumbs/OtsikkoTaustakuvalla.jpg\")} alt=\"Otsikko taustakuvalla\" />\n\t\t<p>Otsikko H1 taustakuvalla</p>\n\t</div>\n);\n\nexport default TitleWithBackground;\n","import Agencies from \"@components/ContentBlocks/Agencies\";\nimport AgentLifts from \"@components/ContentBlocks/AgentLifts\";\nimport ApartmentLifts from \"@components/ContentBlocks/ApartmentLifts\";\nimport Banner from \"@components/ContentBlocks/Banner\";\nimport BannerImage from \"@components/ContentBlocks/BannerImage\";\nimport ContactForm from \"@components/ContentBlocks/ContactForm\";\nimport DanskeCalculator from \"@components/ContentBlocks/DanskeCalculator\";\nimport DanskeCalculatorAndImage from \"@components/ContentBlocks/DanskeCalculatorAndImage\";\nimport DownloadForm from \"@components/ContentBlocks/DownloadForm\";\nimport Hero from \"@components/ContentBlocks/Hero\";\nimport Ingress from \"@components/ContentBlocks/Ingress\";\nimport LinkBlocks from \"@components/ContentBlocks/LinkBlocks\";\nimport OnlineOffer from \"@components/ContentBlocks/OnlineOffer\";\nimport PersonLifts from \"@components/ContentBlocks/PersonLifts\";\nimport QuoteBoxes from \"@components/ContentBlocks/QuoteBoxes\";\nimport TextAndImage from \"@components/ContentBlocks/TextAndImage\";\nimport TextAndVideo from \"@components/ContentBlocks/TextAndVideo\";\nimport TextBanner from \"@components/ContentBlocks/TextBanner\";\nimport TextBoxes from \"@components/ContentBlocks/TextBoxes\";\nimport TextContent from \"@components/ContentBlocks/TextContent\";\nimport Title from \"@components/ContentBlocks/HeadingH1\";\nimport TitleWithBackground from \"@components/ContentBlocks/TitleWithBackground\";\nimport TwoTextBoxes from \"@components/ContentBlocks/TwoTextBoxes\";\nimport Video from \"@components/ContentBlocks/Video\";\n\nconst blocks = {\n\tAgencies,\n\tAgentLifts,\n\tApartmentLifts,\n\tBanner,\n\tBannerImage,\n\tContactForm,\n\tDanskeCalculator,\n\tDanskeCalculatorAndImage,\n\tDownloadForm,\n\tHero,\n\tIngress,\n\tLinkBlocks,\n\tOnlineOffer,\n\tPersonLifts,\n\tQuoteBoxes,\n\tTextAndImage,\n\tTextAndVideo,\n\tTextBanner,\n\tTextBoxes,\n\tTextContent,\n\tTitle,\n\tTitleWithBackground,\n\tTwoTextBoxes,\n\tVideo,\n};\n\nexport default blocks;\n","import styled from \"styled-components\";\nimport {color, media} from \"@utils/style-utils\";\nimport {rgba} from \"polished\";\n\nexport const OnlineOfferCancelResultWrapper = styled.div`\n\tbackground: ${rgba(color(\"greenBright\", 4), 0.25)};\n\tmargin-bottom: 60px;\n\tpadding: 200px 15px 130px;\n\n\t${media.md`\n\t\tmargin-bottom: 85px;\n\t`};\n\n\t${media.lg`\n\t\tmargin-bottom: 108px;\n\t`};\n\n\th1 {\n\t\tmargin: 0 auto;\n\t\ttext-align: center;\n\t}\n`;\n","import React from \"react\";\nimport { getAssetUrl, hasWindow } from \"@utils\";\nimport Text from \"wake-react-components/text\";\nimport {isAdmin} from \"wake-react-components/utils\";\nimport {OnlineOfferCancelResultWrapper} from \"@components/ContentBlocks/OnlineOffer/OnlineOfferCancelResult/styles\";\n\nconst OnlineOfferCancelResult = () => {\n\n\tconst query = new URLSearchParams(hasWindow ? location.search : '');\n\tconst resultCode = query.get('resultCode');\n\n\treturn <OnlineOfferCancelResultWrapper>\n\t\t{isAdmin ? <>\n\t\t\t<div>\n\t\t\t\t<b>Seurannan peruminen onnistui:</b><br />\n\t\t\t\t<Text name=\"successMessage\" defaultValue=\"Tarjouskaupan seuranta on peruttu onnistuneesti!\"/>\n\t\t\t</div>\n\t\t\t<div>\n\t\t\t\t<b>Virhetilanne:</b><br />\n\t\t\t\t<Text name=\"errorMessage\" defaultValue=\"Virhe poistettaessa tarjouskaupan seurantaa\"/>\n\t\t\t</div>\n\t\t\t<div>\n\t\t\t\t<b>Seurantaa ei löytynyt:</b><br />\n\t\t\t\t<Text name=\"notFoundMessage\" defaultValue=\"Tarjouskaupan seurantaa ei löytynyt\"/>\n\t\t\t</div>\n\t\t</> : <h1>\n\t\t{resultCode === 'SUCCESS' &&\n\t\t\t<Text name=\"successMessage\" defaultValue=\"Tarjouskaupan seuranta on peruttu onnistuneesti!\"/>}\n\t\t{(resultCode === 'BAD_REQUEST' || resultCode === 'TECHNICAL_ERROR') &&\n\t\t\t<Text name=\"errorMessage\" defaultValue=\"Virhe poistettaessa tarjouskaupan seurantaa\"/>}\n\t\t{(!resultCode || resultCode === 'NOT_FOUND') &&\n\t\t\t<Text name=\"notFoundMessage\" defaultValue=\"Tarjouskaupan seurantaa ei löytynyt\"/>}\n\t\t</h1>}\n\t</OnlineOfferCancelResultWrapper>;\n\n};\n\nOnlineOfferCancelResult.thumb = () => {\n\treturn <div>\n\t\t<img src={getAssetUrl(\"assets/images/campaign-block-thumbs/km-logo.png\")} alt=\"Tarjouskauppaseurannan peruutusviesti\" />\n\t\t<p>Tarjouskauppaseurannan peruutusviesti</p>\n\t</div>;\n};\n\nexport default OnlineOfferCancelResult;\n","import React from \"react\";\nimport { IDocument } from \"@redux/document\";\nimport { IApplicationState } from \"@redux\";\nimport { connect } from \"react-redux\";\nimport Blocklist from \"wake-react-components/blocklist\";\nimport blocks from \"@components/ContentBlocks\";\nimport ErrorBoundary from \"@components/ErrorBoundary\";\nimport OnlineOfferCancelResult from \"@components/ContentBlocks/OnlineOffer/OnlineOfferCancelResult\";\n\nconst CampaignContentPage = ({ doc }: IDocument) => {\n\treturn (\n\t\t<ErrorBoundary>\n\t\t\t<Blocklist name=\"campaigns\" blocks={{...blocks, OnlineOfferCancelResult}} />\n\t\t</ErrorBoundary>\n\t);\n};\n\nconst mapStateToProps = (state: IApplicationState) => ({\n\tdoc: state.document,\n});\n\nexport default connect(mapStateToProps)(CampaignContentPage);\n"],"sourceRoot":""}