{"version":3,"sources":["hooks/use-click-outside.tsx","components/RancidBanner/styles.js","utils/city-conjugation.tsx","components/RancidBanner/index.tsx","components/MultiAgency/AgencySelector/styles.js","components/MultiAgency/AgencySelector/Results/styles.js","components/MultiAgency/AgencySelector/Results/index.tsx","components/MultiAgency/AgencySelector/index.tsx","components/MultiAgency/MultiAgencyForm/styles.js","components/MultiAgency/MultiAgencyForm/index.tsx","pages/ContactPage/styles.js","pages/ContactPage/index.tsx"],"names":["useOnClickOutside","ref","handler","useEffect","listener","event","target","current","contains","document","addEventListener","removeEventListener","RancidBannerContainer","styled","div","attrs","_ref","bannerColor","className","clsx","withConfig","componentId","media","lg","_templateObject","_taggedTemplateLiteral","RancidBannerContent","boxShadow","wide","smd","_templateObject2","color","emSpacing","lineHeight","_templateObject3","DismissButton","button","_templateObject4","cities","own","in","conjugateCity","city","type","RancidBanner","props","enterDelay","onExit","textOverride","isInQuarantine","historyTracker","isVisible","setVisible","useState","getHistory","inCity","setInCity","enterTimeout","exitTimeout","bannerRef","useRef","hasWindow","classList","add","requestAnimationFrame","window","setTimeout","clearTimeout","onHistoryTrackUpdate","detail","newCity","React","createElement","Link","to","concat","onClick","removeBanner","setQuarantine","FaIcon","icon","SelectorWrapper","InputIcon","span","InputWrapper","ClearButton","ariaLabel","ResultsContainer","Result","AgencySelectorResults","agencies","onCancel","onSelection","isEmpty","resultsRef","activeIndex","setActiveIndex","currentlyActive","onKeyDown","_ref2","key","navigateResults","selectAgency","dir","newIndex","end","length","clickedAgency","agency","item","querySelector","dataset","agencyKey","filter","_ref3","scrollToActiveElement","container","top","itemTop","bottom","itemBottom","getBoundingClientRect","containerTop","containerBottom","scrollTop","map","index","data-agency-key","marketingName","memo","getOnlyNeeded","responsibleFor","AgencySelector","setAgencies","fetching","setFetching","matchedAgencies","setMatchedAgencies","selectedAgency","setSelectedAgency","inputRef","isRendering","fetched","__awaiter","data","agencySearchService","fetchAgencies","results","trimmed","e","console","log","placeholder","onChange","value","matching","test","match","postcode","substring","push","disabled","removeSelectedAgency","focus","Results","cancelSelection","blur","FormWrapper","hasError","css","Error","Label","p","md","MultiAgencyForm","error","setError","AgencyContactForm","disableIfPropNotDefined","onPropMissing","FormError","ContactHero","rgba","textStyles","PMedium","GiveFeedback","buttons","textLinkPrimary","CityList","MediumText","H2","connect","state","doc","cityList","agencyCityList","useParallax","Fragment","Container","Text","name","defaultValue","Editor","NavigationCityList","inputPlaceholder"],"mappings":"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","file":"assets/js/pages-ContactPage.chunk.js?cb=82c2bd7aa4f43afd9054","sourcesContent":["import React, { useEffect, RefObject } from 'react';\n\nconst useOnClickOutside = (ref: RefObject<HTMLElement>, handler: (e?: MouseEvent | TouchEvent) => void) => {\n\tuseEffect(() => {\n\t\tconst listener = (event: MouseEvent | TouchEvent) => {\n\t\t\tconst target = (event.target as HTMLElement);\n\t\t\t// Do nothing if clicking ref's element or descendent elements\n\t\t\tif (!ref.current || ref.current.contains(target)) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\thandler(event);\n\t\t};\n\n\t\tdocument.addEventListener('mousedown', listener);\n\t\tdocument.addEventListener('touchstart', listener);\n\n\t\treturn () => {\n\t\t\tdocument.removeEventListener('mousedown', listener);\n\t\t\tdocument.removeEventListener('touchstart', listener);\n\t\t};\n\t}, []);\n};\n\nexport default useOnClickOutside;","import styled, { keyframes } from \"styled-components\";\nimport clsx from \"clsx\";\nimport { color, boxShadow, emSpacing, lineHeight, media } from \"@utils/style-utils\";\n\nexport const RancidBannerContainer = styled.div.attrs(({ bannerColor }) => ({\n\tclassName: clsx(\"rancid-banner\", bannerColor),\n}))`\n\tmargin: 80px auto;\n\tmax-width: 1160px;\n\topacity: 0;\n\tpadding: 30px 15px;\n\tperspective: 1000px;\n\tposition: relative;\n\tz-index: 80;\n\tdisplay: none;\n\n\t${media.lg`\n\t\tmax-width: 1170px;\n\t\tpadding: 30px 20px;\n\t`}\n\n\t&.visible {\n\t\tdisplay: block;\n\t}\n\t&.enter {\n\t\topacity: 1;\n\t}\n`;\n\nexport const RancidBannerContent = styled.div`\n\tborder-radius: 4px;\n\tbox-shadow: ${boxShadow.wide};\n\tleft: 0;\n\topacity: 0;\n\tpadding: 16px 24px;\n\tposition: absolute;\n\ttext-align: center;\n\ttop: 50%;\n\ttransform: translateY(10%);\n\ttransition: opacity 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55),\n\t\ttransform 0.6s cubic-bezier(0.68, -0.55, 0.265, 2.55);\n\twidth: 100%;\n\n\t${media.smd`\n\t\tpadding: 16px 68px;\n\t`}\n\n\ta {\n\t\tcolor: ${color(\"white\")};\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t\tfont-size: 16px;\n\t\tfont-weight: 500;\n\t\tjustify-content: center;\n\t\tletter-spacing: ${emSpacing(0.02)};\n\t\tline-height: ${lineHeight(18, 29)};\n\t\ttext-align: center;\n\t\ttext-decoration: none;\n\n\t\t${media.smd`\n\t\t\tfont-size: 18px;\n\t\t`}\n\t}\n\n\tspan {\n\t\tdisplay: inline-block;\n\n\t\t&.underlined {\n\t\t\ttext-decoration: underline;\n\t\t}\n\t}\n\n\t.red & {\n\t\tbackground-color: ${color(\"coral\", 1)};\n\t}\n\n\t.green & {\n\t\tbackground-color: ${color(\"greenDark\", 2)};\n\t}\n\n\t.blue & {\n\t\tbackground-color: ${color(\"blue\", 1)};\n\t}\n\n\t.enter & {\n\t\topacity: 1;\n\t\ttransform: translateY(-50%);\n\t\ttransform-origin: center;\n\t}\n\n\t.exit & {\n\t\ttransition: transform 0.3s ease-in-out;\n\t\ttransform: translateY(-50%) rotateX(90deg);\n\t}\n`;\n\nexport const DismissButton = styled.button`\n\t-webkit-appearance: none;\n\t-moz-appearance: none;\n\tbackground: rgba(255, 255, 255, 0);\n\tborder: 0;\n\tborder: 8px solid rgba(255, 255, 255, 0);\n\tborder-radius: 50%;\n\tcolor: rgba(255, 255, 255, 0.5);\n\tcursor: pointer;\n\tfont-size: 14px;\n\theight: 38px;\n\tmargin: 0;\n\tpadding: 0;\n\tposition: absolute;\n\tright: -11px;\n\ttext-align: center;\n\ttop: -11px;\n\ttransition: background-color 150ms;\n\twidth: 38px;\n\n\t&.red {\n\t\tbackground-color: ${color(\"coral\", 2)};\n\t}\n\t&.green {\n\t\tbackground-color: ${color(\"greenDark\", 3)};\n\t}\n\t&.blue {\n\t\tbackground-color: ${color(\"blue\", 2)};\n\t}\n\n\t${media.smd`\n\t\tbackground: rgba(255, 255, 255, 0);\n\t\tborder: 0;\n\t\theight: 44px;\n\t\tright: 12px;\n\t\ttop: 50%;\n\t\ttransform: translateY(-50%);\n\t\twidth: 44px;\n\n\t\t&.red,\n\t\t&.green,\n\t\t&.blue {\n\t\t\tbackground: rgba(255, 255, 255, 0);\n\n\t\t\t.is-pointer & {\n\t\t\t\t&:hover {\n\t\t\t\t\tbackground-color: rgba(255, 255, 255, 0.1);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t`}\n\n\tsvg {\n\t\tmax-width: 17px;\n\t}\n`;\n","// prettier-ignore\nconst cities = {\n\t\"Akaa\": { own: \"Akaan\", in: \"Akaalla\" },\n\t\"Alajärvi\": { own: \"Alajärven\", in: \"Alajärvellä\" },\n\t\"Alavieska\": { own: \"Alavieskan\", in: \"Alavieskassa\" },\n\t\"Alavus\": { own: \"Alavuden\", in: \"Alavudella\" },\n\t\"Asikkala\": { own: \"Asikkalan\", in: \"Asikkalassa\" },\n\t\"Askola\": { own: \"Askolan\", in: \"Askolassa\" },\n\t\"Aura\": { own: \"Auran\", in: \"Aurassa\" },\n\t\"Brändö\": { own: \"Brändön\", in: \"Brändössa\" },\n\t\"Eckerö\": { own: \"Eckerön\", in: \"Eckerössä\" },\n\t\"Enonkoski\": { own: \"Enonkosken\", in: \"Enonkoskella\" },\n\t\"Enontekiö\": { own: \"Enontekiön\", in: \"Enontekiöllä\" },\n\t\"Espoo\": { own: \"Espoon\", in: \"Espoossa\" },\n\t\"Eura\": { own: \"Euran\", in: \"Eurassa\" },\n\t\"Eurajoki\": { own: \"Eurajoen\", in: \"Eurajoella\" },\n\t\"Evijärvi\": { own: \"Evijärven\", in: \"Evijärvellä\" },\n\t\"Finström\": { own: \"Finströmin\", in: \"Finströmissä\" },\n\t\"Forssa\": { own: \"Forssan\", in: \"Forssassa\" },\n\t\"Föglö\": { own: \"Föglön\", in: \"Föglössa\" },\n\t\"Geta\": { own: \"Getan\", in: \"Getassa\" },\n\t\"Haapajärvi\": { own: \"Haapajärven\", in: \"Haapajärvellä\" },\n\t\"Haapavesi\": { own: \"Haapaveden\", in: \"Haapavedellä\" },\n\t\"Hailuoto\": { own: \"Hailuodon\", in: \"Hailuodossa\" },\n\t\"Halsua\": { own: \"Halsuan\", in: \"Halsualla\" },\n\t\"Hamina\": { own: \"Haminan\", in: \"Haminassa\" },\n\t\"Hammarland\": { own: \"Hammarlandin\", in: \"Hammarlandissa\" },\n\t\"Hankasalmi\": { own: \"Hankasalmen\", in: \"Hankasalmella\" },\n\t\"Hanko\": { own: \"Hangon\", in: \"Hangossa\" },\n\t\"Harjavalta\": { own: \"Harjavallan\", in: \"Harjavallassa\" },\n\t\"Hartola\": { own: \"Hartolan\", in: \"Hartolassa\" },\n\t\"Hattula\": { own: \"Hattulan\", in: \"Hattulassa\" },\n\t\"Hausjärvi\": { own: \"Hausjärven\", in: \"Hausjärvellä\" },\n\t\"Heinola\": { own: \"Heinolan\", in: \"Heinolassa\" },\n\t\"Heinävesi\": { own: \"Heinäveden\", in: \"Heinävedellä\" },\n\t\"Helsinki\": { own: \"Helsingin\", in: \"Helsingissä\" },\n\t\"Hirvensalmi\": { own: \"Hirvensalmen\", in: \"Hirvensalmella\" },\n\t\"Hollola\": { own: \"Hollolan\", in: \"Hollolassa\" },\n\t\"Honkajoki\": { own: \"Honkajoen\", in: \"Honkajoella\" },\n\t\"Huittinen\": { own: \"Huittisten\", in: \"Huittisilla\" },\n\t\"Humppila\": { own: \"Humppilan\", in: \"Humppilassa\" },\n\t\"Hyrynsalmi\": { own: \"Hyrynsalmen\", in: \"Hyrynsalmella\" },\n\t\"Hyvinkää\": { own: \"Hyvinkään\", in: \"Hyvinkäällä\" },\n\t\"Hämeenkyrö\": { own: \"Hämeenkyrön\", in: \"Hämeenkyrössä\" },\n\t\"Hämeenlinna\": { own: \"Hämeenlinnan\", in: \"Hämeenlinnassa\" },\n\t\"Ii\": { own: \"Iin\", in: \"Iissä\" },\n\t\"Iisalmi\": { own: \"Iisalmen\", in: \"Iisalmella\" },\n\t\"Iitti\": { own: \"Iitin\", in: \"Iitissä\" },\n\t\"Ikaalinen\": { own: \"Ikaalisten\", in: \"Ikaalisissa\" },\n\t\"Ilmajoki\": { own: \"Ilmajoen\", in: \"Ilmajoella\" },\n\t\"Ilomantsi\": { own: \"Ilomantsin\", in: \"Ilomantsissa\" },\n\t\"Imatra\": { own: \"Imatran\", in: \"Imatralla\" },\n\t\"Inari\": { own: \"Inarin\", in: \"Inarissa\" },\n\t\"Inkoo\": { own: \"Inkoon\", in: \"Inkoossa\" },\n\t\"Isojoki\": { own: \"Isojoen\", in: \"Isojoella\" },\n\t\"Isokyrö\": { own: \"Isokyrön\", in: \"Isokyrössä\" },\n\t\"Janakkala\": { own: \"Janakkalan\", in: \"Janakkalassa\" },\n\t\"Joensuu\": { own: \"Joensuun\", in: \"Joensuussa\" },\n\t\"Jokioinen\": { own: \"Jokioisten\", in: \"Jokioisilla\" },\n\t\"Jomala\": { own: \"Jomalan\", in: \"Jomalassa\" },\n\t\"Joroinen\": { own: \"Joroisten\", in: \"Joroisilla\" },\n\t\"Joutsa\": { own: \"Joutsan\", in: \"Joutsassa\" },\n\t\"Juuka\": { own: \"Juukan\", in: \"Juukassa\" },\n\t\"Juupajoki\": { own: \"Juupajoen\", in: \"Juupajoella\" },\n\t\"Juva\": { own: \"Juvan\", in: \"Juvalla\" },\n\t\"Jyväskylä\": { own: \"Jyväskylän\", in: \"Jyväskylässä\" },\n\t\"Jämijärvi\": { own: \"Jämijärven\", in: \"Jämijärvellä\" },\n\t\"Jämsä\": { own: \"Jämsän\", in: \"Jämsässä\" },\n\t\"Järvenpää\": { own: \"Järvenpään\", in: \"Järvenpäässä\" },\n\t\"Kaarina\": { own: \"Kaarinan\", in: \"Kaarinassa\" },\n\t\"Kaavi\": { own: \"Kaavin\", in: \"Kaavissa\" },\n\t\"Kajaani\": { own: \"Kajaanin\", in: \"Kajaanissa\" },\n\t\"Kalajoki\": { own: \"Kalajoen\", in: \"Kalajoella\" },\n\t\"Kangasala\": { own: \"Kangasalan\", in: \"Kangasalla\" },\n\t\"Kangasniemi\": { own: \"Kangasniemen\", in: \"Kangasniemillä\" },\n\t\"Kankaanpää\": { own: \"Kankaanpään\", in: \"Kankaanpäässä\" },\n\t\"Kannonkoski\": { own: \"Kannonkosken\", in: \"Kannonkoskella\" },\n\t\"Kannus\": { own: \"Kannuksen\", in: \"Kannuksella\" },\n\t\"Karijoki\": { own: \"Karijoen\", in: \"Karijoella\" },\n\t\"Karkkila\": { own: \"Karkkilan\", in: \"Karkkilassa\" },\n\t\"Karstula\": { own: \"Karstulan\", in: \"Karstulassa\" },\n\t\"Karvia\": { own: \"Karvian\", in: \"Karvialla\" },\n\t\"Kauhajoki\": { own: \"Kauhajoen\", in: \"Kauhajoella\" },\n\t\"Kauhava\": { own: \"Kauhavan\", in: \"Kauhavalla\" },\n\t\"Kauniainen\": { own: \"Kauniaisten\", in: \"Kauniaisissa\" },\n\t\"Kaustinen\": { own: \"Kaustisen\", in: \"Kaustisilla\" },\n\t\"Keitele\": { own: \"Keiteleen\", in: \"Keiteleessä\" },\n\t\"Kemi\": { own: \"Kemin\", in: \"Kemissä\" },\n\t\"Kemijärvi\": { own: \"Kemijärven\", in: \"Kemijärvellä\" },\n\t\"Keminmaa\": { own: \"Keminmaan\", in: \"Keminmaalla\" },\n\t\"Kemiönsaari\": { own: \"Kemiönsaaren\", in: \"Kemiönsaaressa\" },\n\t\"Kempele\": { own: \"Kempeleen\", in: \"Kempeleellä\" },\n\t\"Kerava\": { own: \"Keravan\", in: \"Keravalla\" },\n\t\"Keuruu\": { own: \"Keuruun\", in: \"Keuruulla\" },\n\t\"Kihniö\": { own: \"Kihniön\", in: \"Kihniössä\" },\n\t\"Kinnula\": { own: \"Kinnulan\", in: \"Kinnulassa\" },\n\t\"Kirkkonummi\": { own: \"Kirkkonummen\", in: \"Kirkkonummella\" },\n\t\"Kitee\": { own: \"Kiteen\", in: \"Kiteellä\" },\n\t\"Kittilä\": { own: \"Kittilän\", in: \"Kittilässä\" },\n\t\"Kiuruvesi\": { own: \"Kiuruveden\", in: \"Kiuruvedellä\" },\n\t\"Kivijärvi\": { own: \"Kivijärven\", in: \"Kivijärvellä\" },\n\t\"Kokemäki\": { own: \"Kokemäen\", in: \"Kokemäellä\" },\n\t\"Kokkola\": { own: \"Kokkolan\", in: \"Kokkolassa\" },\n\t\"Kolari\": { own: \"Kolarin\", in: \"Kolarissa\" },\n\t\"Konnevesi\": { own: \"Konneveden\", in: \"Konnevedellä\" },\n\t\"Kontiolahti\": { own: \"Kontiolahden\", in: \"Kontiolahdella\" },\n\t\"Korsnäs\": { own: \"Korsnäsin\", in: \"Korsnäsissä\" },\n\t\"Koski TL\": { own: \"Koski TL:n\", in: \"Koski TL:ssä\" },\n\t\"Kotka\": { own: \"Kotkan\", in: \"Kotkassa\" },\n\t\"Kouvola\": { own: \"Kouvolan\", in: \"Kouvolassa\" },\n\t\"Kristiinankaupunki\": { own: \"Kristiinankaupungin\", in: \"Kristiinankaupungissa\" },\n\t\"Kruunupyy\": { own: \"Kruunupyyn\", in: \"Kruunupyyssä\" },\n\t\"Kuhmo\": { own: \"Kuhmon\", in: \"Kuhmossa\" },\n\t\"Kuhmoinen\": { own: \"Kuhmoisten\", in: \"Kuhmoisissa\" },\n\t\"Kumlinge\": { own: \"Kumlingen\", in: \"Kumlingessa\" },\n\t\"Kuopio\": { own: \"Kuopion\", in: \"Kuopiossa\" },\n\t\"Kuortane\": { own: \"Kuortaneen\", in: \"Kuortaneella\" },\n\t\"Kurikka\": { own: \"Kurikan\", in: \"Kurikassa\" },\n\t\"Kustavi\": { own: \"Kustavin\", in: \"Kustavissa\" },\n\t\"Kuusamo\": { own: \"Kuusamon\", in: \"Kuusamossa\" },\n\t\"Kyyjärvi\": { own: \"Kyyjärven\", in: \"Kyyjärvellä\" },\n\t\"Kärkölä\": { own: \"Kärkölän\", in: \"Kärkölässä\" },\n\t\"Kärsämäki\": { own: \"Kärsämäen\", in: \"Kärsämäellä\" },\n\t\"Kökar\": { own: \"Kökarin\", in: \"Kökarissa\" },\n\t\"Lahti\": { own: \"Lahden\", in: \"Lahdessa\" },\n\t\"Laihia\": { own: \"Laihian\", in: \"Laihialla\" },\n\t\"Laitila\": { own: \"Laitilan\", in: \"Laitilassa\" },\n\t\"Lapinjärvi\": { own: \"Lapinjärven\", in: \"Lapinjärvellä\" },\n\t\"Lapinlahti\": { own: \"Lapinlahden\", in: \"Lapinlahdella\" },\n\t\"Lappajärvi\": { own: \"Lappajärven\", in: \"Lappajärvellä\" },\n\t\"Lappeenranta\": { own: \"Lappeenrannan\", in: \"Lappeenrannassa\" },\n\t\"Lapua\": { own: \"Lapuan\", in: \"Laupualla\" },\n\t\"Laukaa\": { own: \"Laukaan\", in: \"Laukaalla\" },\n\t\"Lemi\": { own: \"Lemin\", in: \"Lemillä\" },\n\t\"Lemland\": { own: \"Lemlandin\", in: \"Lemlandissa\" },\n\t\"Lempäälä\": { own: \"Lempäälän\", in: \"Lempäälässä\" },\n\t\"Leppävirta\": { own: \"Leppävirran\", in: \"Leppävirralla\" },\n\t\"Lestijärvi\": { own: \"Lestijärven\", in: \"Lestijärvellä\" },\n\t\"Levi\": { own: \"Levin\", in: \"Levillä\" },\n\t\"Lieksa\": { own: \"Lieksan\", in: \"Lieksassa\" },\n\t\"Lieto\": { own: \"Liedon\", in: \"Liedossa\" },\n\t\"Liminka\": { own: \"Limingan\", in: \"Limingalla\" },\n\t\"Liperi\": { own: \"Liperin\", in: \"Liperissä\" },\n\t\"Lohja\": { own: \"Lohjan\", in: \"Lohjassa\" },\n\t\"Loimaa\": { own: \"Loimaan\", in: \"Loimaalla\" },\n\t\"Loppi\": { own: \"Lopen\", in: \"Lopella\" },\n\t\"Loviisa\": { own: \"Loviisan\", in: \"Loviisassa\" },\n\t\"Luhanka\": { own: \"Luhangan\", in: \"Luhangalla\" },\n\t\"Lumijoki\": { own: \"Lumijoen\", in: \"Lumijoella\" },\n\t\"Lumparland\": { own: \"Lumparlandin\", in: \"Lumparlandissa\" },\n\t\"Luoto\": { own: \"Luodon\", in: \"Luodossa\" },\n\t\"Luumäki\": { own: \"Luumäen\", in: \"Luumäellä\" },\n\t\"Maalahti\": { own: \"Maalahden\", in: \"Maalahdessa\" },\n\t\"Maarianhamina\": { own: \"Maarianhaminan\", in: \"Maarianhaminassa\" },\n\t\"Marttila\": { own: \"Marttilan\", in: \"Marttilassa\" },\n\t\"Masku\": { own: \"Maskun\", in: \"Maskussa\" },\n\t\"Merijärvi\": { own: \"Merijärven\", in: \"Merijärvellä\" },\n\t\"Merikarvia\": { own: \"Merikarvian\", in: \"Merikarvialla\" },\n\t\"Miehikkälä\": { own: \"Miehikkälän\", in: \"Miehikkälässä\" },\n\t\"Mikkeli\": { own: \"Mikkelin\", in: \"Mikkelissä\" },\n\t\"Muhos\": { own: \"Muhoksen\", in: \"Muhoksella\" },\n\t\"Multia\": { own: \"Multian\", in: \"Multiassa\" },\n\t\"Muonio\": { own: \"Muonion\", in: \"Muoniossa\" },\n\t\"Mustasaari\": { own: \"Mustasaaren\", in: \"Mustasaaressa\" },\n\t\"Muurame\": { own: \"Muuramen\", in: \"Muuramella\" },\n\t\"Mynämäki\": { own: \"Mynämäen\", in: \"Mynämäellä\" },\n\t\"Myrskylä\": { own: \"Myrskylän\", in: \"Myrskylässä\" },\n\t\"Mäntsälä\": { own: \"Mäntsälän\", in: \"Mäntsälässä\" },\n\t\"Mänttä\": { own: \"Mäntän\", in: \"Mäntässä\" },\n\t\"Mäntyharju\": { own: \"Mäntyharjun\", in: \"Mäntyharjussa\" },\n\t\"Naantali\": { own: \"Naantalin\", in: \"Naantalissa\" },\n\t\"Nakkila\": { own: \"Nakkilan\", in: \"Nakkilassa\" },\n\t\"Nivala\": { own: \"Nivalan\", in: \"Nivalassa\" },\n\t\"Nokia\": { own: \"Nokian\", in: \"Nokialla\" },\n\t\"Nousiainen\": { own: \"Nousiaisten\", in: \"Nousiaisilla\" },\n\t\"Nummela\": { own: \"Nummelan\", in: \"Nummelassa\" },\n\t\"Nurmes\": { own: \"Nurmeksen\", in: \"Nurmeksella\" },\n\t\"Nurmijärvi\": { own: \"Nurmijärven\", in: \"Nurmijärvellä\" },\n\t\"Närpiö\": { own: \"Närpiön\", in: \"Närpiössä\" },\n\t\"Orimattila\": { own: \"Orimattilan\", in: \"Orimattilassa\" },\n\t\"Oripää\": { own: \"Oripään\", in: \"Oripäässä\" },\n\t\"Orivesi\": { own: \"Oriveden\", in: \"Orivedellä\" },\n\t\"Oulainen\": { own: \"Oulaisten\", in: \"Oulaisilla\" },\n\t\"Oulu\": { own: \"Oulun\", in: \"Oulussa\" },\n\t\"Outokumpu\": { own: \"Outokummun\", in: \"Outokummussa\" },\n\t\"Padasjoki\": { own: \"Padasjoen\", in: \"Padasjoella\" },\n\t\"Paimio\": { own: \"Paimion\", in: \"Paimiossa\" },\n\t\"Paltamo\": { own: \"Paltamon\", in: \"Paltamossa\" },\n\t\"Parainen\": { own: \"Paraisten\", in: \"Paraisilla\" },\n\t\"Parikkala\": { own: \"Parikkalan\", in: \"Parikkalassa\" },\n\t\"Parkano\": { own: \"Parkanon\", in: \"Parkanossa\" },\n\t\"Pedersören kunta\": { own: \"Pedersören kunnan\", in: \"Pedersören kunnassa\" },\n\t\"Pelkosenniemi\": { own: \"Pelkosenniemen\", in: \"Pelkosenniemellä\" },\n\t\"Pello\": { own: \"Pellon\", in: \"Pellossa\" },\n\t\"Perho\": { own: \"Perhon\", in: \"Perhossa\" },\n\t\"Pertunmaa\": { own: \"Pertunmaan\", in: \"Pertunmaalla\" },\n\t\"Petäjävesi\": { own: \"Petäjäveden\", in: \"Petäjävedellä\" },\n\t\"Pieksämäki\": { own: \"Pieksämäen\", in: \"Pieksämäellä\" },\n\t\"Pielavesi\": { own: \"Pielaveden\", in: \"Pielavedellä\" },\n\t\"Pietarsaari\": { own: \"Pietarsaaren\", in: \"Pietarsaaressa\" },\n\t\"Pihtipudas\": { own: \"Pihtiputaan\", in: \"Pihtiputaalla\" },\n\t\"Pirkkala\": { own: \"Pirkkalan\", in: \"Pirkkalassa\" },\n\t\"Polvijärvi\": { own: \"Polvijärven\", in: \"Polvijärvellä\" },\n\t\"Pomarkku\": { own: \"Pomarkun\", in: \"Pomarkkussa\" },\n\t\"Pori\": { own: \"Porin\", in: \"Porissa\" },\n\t\"Pornainen\": { own: \"Pornaisten\", in: \"Pornaisissa\" },\n\t\"Porvoo\": { own: \"Porvoon\", in: \"Porvoossa\" },\n\t\"Posio\": { own: \"Posion\", in: \"Posiossa\" },\n\t\"Pudasjärvi\": { own: \"Pudasjärven\", in: \"Pudasjärvellä\" },\n\t\"Pukkila\": { own: \"Pukkilan\", in: \"Pukkilassa\" },\n\t\"Punkalaidun\": { own: \"Punkalaitumen\", in: \"Punkalaitumella\" },\n\t\"Puolanka\": { own: \"Puolangan\", in: \"Puolangassa\" },\n\t\"Puumala\": { own: \"Puumalan\", in: \"Puumalassa\" },\n\t\"Pyhtää\": { own: \"Pyhtään\", in: \"Pyhtäällä\" },\n\t\"Pyhäjoki\": { own: \"Pyhäjoen\", in: \"Pyhäjoella\" },\n\t\"Pyhäjärvi\": { own: \"Pyhäjärven\", in: \"Pyhäjärvellä\" },\n\t\"Pyhäntä\": { own: \"Pyhännän\", in: \"Pyhännällä\" },\n\t\"Pyhäranta\": { own: \"Pyhärannan\", in: \"Pyhärannalla\" },\n\t\"Pälkäne\": { own: \"Pälkäneen\", in: \"Pälkäneellä\" },\n\t\"Pöytyä\": { own: \"Pöytyän\", in: \"Pöytyällä\" },\n\t\"Raahe\": { own: \"Raahen\", in: \"Raahessa\" },\n\t\"Raasepori\": { own: \"Raaseporin\", in: \"Raaseporissa\" },\n\t\"Raisio\": { own: \"Raision\", in: \"Raisiossa\" },\n\t\"Rantasalmi\": { own: \"Rantasalmen\", in: \"Rantasalmella\" },\n\t\"Ranua\": { own: \"Ranuan\", in: \"Ranualla\" },\n\t\"Rauma\": { own: \"Rauman\", in: \"Raumalla\" },\n\t\"Rautalampi\": { own: \"Rautalammin\", in: \"Rautalammella\" },\n\t\"Rautavaara\": { own: \"Rautavaaran\", in: \"Rautavaarassa\" },\n\t\"Rautjärvi\": { own: \"Rautjärven\", in: \"Rautjärvellä\" },\n\t\"Reisjärvi\": { own: \"Reisjärven\", in: \"Reisjärvellä\" },\n\t\"Riihimäki\": { own: \"Riihimäen\", in: \"Riihimäellä\" },\n\t\"Ristijärvi\": { own: \"Ristijärven\", in: \"Ristijärvellä\" },\n\t\"Rovaniemi\": { own: \"Rovaniemen\", in: \"Rovaniemellä\" },\n\t\"Ruokolahti\": { own: \"Ruokolahden\", in: \"Ruokolahdella\" },\n\t\"Ruovesi\": { own: \"Ruoveden\", in: \"Ruovedellä\" },\n\t\"Rusko\": { own: \"Ruskon\", in: \"Ruskossa\" },\n\t\"Rääkkylä\": { own: \"Rääkkylän\", in: \"Rääkkylässä\" },\n\t\"Saarijärvi\": { own: \"Saarijärven\", in: \"Saarijärvellä\" },\n\t\"Salla\": { own: \"Sallan\", in: \"Sallassa\" },\n\t\"Salo\": { own: \"Salon\", in: \"Salossa\" },\n\t\"Saltvik\": { own: \"Saltvikin\", in: \"Saltvikissa\" },\n\t\"Sastamala\": { own: \"Sastamalan\", in: \"Sastamalassa\" },\n\t\"Sauvo\": { own: \"Sauvon\", in: \"Sauvossa\" },\n\t\"Savitaipale\": { own: \"Savitaipaleen\", in: \"Savitaipaleella\" },\n\t\"Savonlinna\": { own: \"Savonlinnan\", in: \"Savonlinnassa\" },\n\t\"Savukoski\": { own: \"Savukosken\", in: \"Savukoskella\" },\n\t\"Seinäjoki\": { own: \"Seinäjoen\", in: \"Seinäjoella\" },\n\t\"Sievi\": { own: \"Sievin\", in: \"Sievissä\" },\n\t\"Siikainen\": { own: \"Siikaisten\", in: \"Siikaisilla\" },\n\t\"Siikajoki\": { own: \"Siikajoen\", in: \"Siikajoella\" },\n\t\"Siikalatva\": { own: \"Siikalatvan\", in: \"Siikalatvassa\" },\n\t\"Siilinjärvi\": { own: \"Siilinjärven\", in: \"Siilinjärvellä\" },\n\t\"Simo\": { own: \"Simon\", in: \"Simossa\" },\n\t\"Sipoo\": { own: \"Sipoon\", in: \"Sipoossa\" },\n\t\"Siuntio\": { own: \"Siuntion\", in: \"Siuntiossa\" },\n\t\"Sodankylä\": { own: \"Sodankylän\", in: \"Sodankylässä\" },\n\t\"Soini\": { own: \"Soinin\", in: \"Soinissa\" },\n\t\"Somero\": { own: \"Someron\", in: \"Somerossa\" },\n\t\"Sonkajärvi\": { own: \"Sonkajärven\", in: \"Sonkajärvellä\" },\n\t\"Sotkamo\": { own: \"Sotkamon\", in: \"Sotkamossa\" },\n\t\"Sottunga\": { own: \"Sottungan\", in: \"Sottungassa\" },\n\t\"Sulkava\": { own: \"Sulkavan\", in: \"Sulkavalla\" },\n\t\"Sund\": { own: \"Sundin\", in: \"Sundissa\" },\n\t\"Suomussalmi\": { own: \"Suomussalmen\", in: \"Suomussalmella\" },\n\t\"Suonenjoki\": { own: \"Suonenjoen\", in: \"Suonenjoella\" },\n\t\"Sysmä\": { own: \"Sysmän\", in: \"Sysmässä\" },\n\t\"Säkylä\": { own: \"Säkylän\", in: \"Säkylässä\" },\n\t\"Taipalsaari\": { own: \"Taipalsaaren\", in: \"Taipalsaaressa\" },\n\t\"Taivalkoski\": { own: \"Taivalkosken\", in: \"Taivalkoskella\" },\n\t\"Taivassalo\": { own: \"Taivassalon\", in: \"Taivassalossa\" },\n\t\"Tammela\": { own: \"Tammelan\", in: \"Tammelassa\" },\n\t\"Tampere\": { own: \"Tampereen\", in: \"Tampereella\" },\n\t\"Tervo\": { own: \"Tervon\", in: \"Tervossa\" },\n\t\"Tervola\": { own: \"Tervolan\", in: \"Tervolassa\" },\n\t\"Teuva\": { own: \"Teuvan\", in: \"Teuvalla\" },\n\t\"Tohmajärvi\": { own: \"Tohmajärven\", in: \"Tohmajärvellä\" },\n\t\"Toholampi\": { own: \"Toholammen\", in: \"Toholammella\" },\n\t\"Toivakka\": { own: \"Toivakan\", in: \"Toivakassa\" },\n\t\"Tornio\": { own: \"Tornion\", in: \"Torniossa\" },\n\t\"Turku\": { own: \"Turun\", in: \"Turussa\" },\n\t\"Tuusniemi\": { own: \"Tuusniemen\", in: \"Tuusniemessä\" },\n\t\"Tuusula\": { own: \"Tuusulan\", in: \"Tuusulassa\" },\n\t\"Tyrnävä\": { own: \"Tyrnävän\", in: \"Tyrnävällä\" },\n\t\"Ulvila\": { own: \"Ulvilan\", in: \"Ulvilassa\" },\n\t\"Urjala\": { own: \"Urjalan\", in: \"Urjalassa\" },\n\t\"Utajärvi\": { own: \"Utajärven\", in: \"Utajärvellä\" },\n\t\"Utsjoki\": { own: \"Utsjoen\", in: \"Utsjoella\" },\n\t\"Uurainen\": { own: \"Uuraisten\", in: \"Uuraisilla\" },\n\t\"Uusikaarlepyy\": { own: \"Uudenkaarlepyyn\", in: \"Uudessakaarlepyyssä\" },\n\t\"Uusikaupunki\": { own: \"Uudenkaupungin\", in: \"Uudessakaupungissa\" },\n\t\"Vaala\": { own: \"Vaalan\", in: \"Vaalassa\" },\n\t\"Vaasa\": { own: \"Vaasan\", in: \"Vaasassa\" },\n\t\"Valkeakoski\": { own: \"Valkeakosken\", in: \"Valkeakoskella\" },\n\t\"Valtimo\": { own: \"Valtimon\", in: \"Valtimossa\" },\n\t\"Vantaa\": { own: \"Vantaan\", in: \"Vantaalla\" },\n\t\"Varkaus\": { own: \"Varkauden\", in: \"Varkaudessa\" },\n\t\"Vehmaa\": { own: \"Vehmaan\", in: \"Vehmaalla\" },\n\t\"Vesanto\": { own: \"Vesannon\", in: \"Vesannolla\" },\n\t\"Vesilahti\": { own: \"Vesilahden\", in: \"Vesilahdella\" },\n\t\"Veteli\": { own: \"Vetelin\", in: \"Vetelissä\" },\n\t\"Vieremä\": { own: \"Vieremän\", in: \"Vieremällä\" },\n\t\"Vihti\": { own: \"Vihdin\", in: \"Vihdissä\" },\n\t\"Viitasaari\": { own: \"Viitasaaren\", in: \"Viitasaaressa\" },\n\t\"Vimpeli\": { own: \"Vimpelin\", in: \"Vimpelissä\" },\n\t\"Virolahti\": { own: \"Virolahden\", in: \"Vironlahdella\" },\n\t\"Virrat\": { own: \"Virtojen\", in: \"Virroilla\" },\n\t\"Vårdö\": { own: \"Vårdön\", in: \"Vårdössa\" },\n\t\"Vöyri\": { own: \"Vöyrin\", in: \"Vöyrissä\" },\n\t\"Ylitornio\": { own: \"Ylitornion\", in: \"Ylitorniossa\" },\n\t\"Ylivieska\": { own: \"Ylivieskan\", in: \"Ylivieskassa\" },\n\t\"Ylöjärvi\": { own: \"Ylöjärven\", in: \"Ylöjärvellä\" },\n\t\"Ypäjä\": { own: \"Ypäjän\", in: \"Ypäjällä\" },\n\t\"Ähtäri\": { own: \"Ähtärin\", in: \"Ähtärissä\" },\n\t\"Äänekoski\": { own: \"Äänekosken\", in: \"Äänekoskella\" },\n};\n// prettier-ignore-end\n\nconst conjugateCity = (city: string, type: string): string => {\n\tif (!city) {\n\t\treturn \"\";\n\t}\n\n\tif ((!type && city) || !cities[city]) {\n\t\treturn city;\n\t}\n\n\tif (city && (type === \"own\" || type === \"in\") && cities[city]) {\n\t\treturn cities[city][type];\n\t}\n};\n\nexport default conjugateCity;\n","import React, { useEffect, useState, useRef } from \"react\";\nimport { RancidBannerContainer, DismissButton, RancidBannerContent } from \"./styles\";\nimport { Link } from \"react-router-dom\";\nimport conjugateCity from \"@utils/city-conjugation\";\nimport { FontAwesomeIcon as FaIcon } from \"@fortawesome/react-fontawesome\";\nimport { hasWindow } from \"@utils\";\nimport historyTracker, { HistoryField } from \"@services/history-tracker\";\n\ninterface IProps {\n\tbannerColor?: \"red\" | \"green\" | \"blue\";\n\tenterDelay?: number;\n\tonExit?: (e: any) => void;\n\ttextOverride?: string;\n\ttype: HistoryField;\n}\n\nconst RancidBanner = (props: IProps) => {\n\tconst { bannerColor = \"green\", enterDelay = 1000, onExit, textOverride, type } = props;\n\n\tif (!textOverride && !type) {\n\t\treturn null;\n\t}\n\n\tconst isInQuarantine = historyTracker.isInQuarantine();\n\tconst [isVisible, setVisible] = useState(true);\n\tconst city = historyTracker.getHistory(type) || null;\n\tconst [inCity, setInCity] = useState(conjugateCity(city, \"in\") || \"\");\n\tlet enterTimeout: number = null;\n\tlet exitTimeout: number = null;\n\tconst bannerRef = useRef(null);\n\n\tuseEffect(() => {\n\t\tif (hasWindow && bannerRef.current && isVisible && inCity && !isInQuarantine) {\n\t\t\tbannerRef.current.classList.add(\"visible\");\n\t\t\trequestAnimationFrame(() => {\n\t\t\t\tenterTimeout = window.setTimeout(() => {\n\t\t\t\t\tbannerRef.current.classList.add(\"enter\");\n\t\t\t\t}, enterDelay);\n\t\t\t});\n\t\t}\n\n\t\treturn () => {\n\t\t\tclearTimeout(enterTimeout);\n\t\t\tclearTimeout(exitTimeout);\n\t\t};\n\t}, [bannerRef.current]);\n\n\tuseEffect(() => {\n\t\tif (hasWindow) {\n\t\t\twindow.addEventListener(\"historyTrackUpdate\", onHistoryTrackUpdate);\n\t\t}\n\t\treturn () => {\n\t\t\tclearTimeout(enterTimeout);\n\t\t\tclearTimeout(exitTimeout);\n\t\t\tif (hasWindow) {\n\t\t\t\twindow.removeEventListener(\"historyTrackUpdate\", onHistoryTrackUpdate);\n\t\t\t}\n\t\t};\n\t}, []);\n\n\tconst onHistoryTrackUpdate = event => {\n\t\tif (event.detail && event.detail[type]) {\n\t\t\tconst newCity = conjugateCity(event.detail[type], \"in\");\n\t\t\tsetInCity(newCity);\n\t\t}\n\t};\n\n\tconst removeBanner = () => {\n\t\tbannerRef.current.classList.add(\"exit\");\n\n\t\tif (hasWindow) {\n\t\t\texitTimeout = window.setTimeout(() => {\n\t\t\t\tsetVisible(false);\n\t\t\t\thistoryTracker.setQuarantine(city);\n\n\t\t\t\tif (typeof onExit === \"function\") {\n\t\t\t\t\tonExit(city);\n\t\t\t\t}\n\t\t\t}, 450);\n\t\t}\n\t};\n\n\t// This needs to be always, SSR + Hydrate doens't like it magically appearing.\n\treturn (\n\t\t<RancidBannerContainer bannerColor={bannerColor} ref={bannerRef}>\n\t\t\t<RancidBannerContent>\n\t\t\t\t<Link to=\"/kotikaynti\">\n\t\t\t\t\t<span>{!textOverride ? `Oletko myymässä asuntoasi ${inCity}?` : textOverride}</span>&nbsp;\n\t\t\t\t\t<span className=\"underlined\">Hanki osuva hinta-arvio ›</span>\n\t\t\t\t</Link>\n\t\t\t\t<DismissButton onClick={removeBanner} className={bannerColor}>\n\t\t\t\t\t<FaIcon icon={[\"fas\", \"times\"]} />\n\t\t\t\t</DismissButton>\n\t\t\t</RancidBannerContent>\n\t\t</RancidBannerContainer>\n\t);\n};\n\nexport default RancidBanner;\n","import styled from \"styled-components\";\nimport { color } from \"@utils/style-utils\";\n\nexport const SelectorWrapper = styled.div`\n\tmargin: 0 auto;\n\tmax-width: 662px;\n\ttext-align: left;\n`;\n\nexport const InputIcon = styled.span`\n\tcolor: ${color(\"greenBright\", 3)};\n\tfont-size: 14px;\n\tposition: absolute;\n\tleft: 16px;\n\ttop: 12px;\n\n\tsvg {\n\t\tmax-width: 17px;\n\t}\n`;\n\nexport const InputWrapper = styled.div`\n\tposition: relative;\n\tz-index: 20;\n\n\tinput, input[type=\"text\"] {\n\t\tbackground: ${color(\"grey\", 7)};\n\t\tpadding-left: 45px;\n\t\twidth: 100%;\n\t}\n`;\n\nexport const ClearButton = styled.button.attrs(() => ({\n\tariaLabel: \"Tyhjennä valinta\",\n}))`\n\t-webkit-appearance: none;\n\t-moz-appearance: none;\n\tbackground: ${color(\"grey\", 7)};\n\tborder: 0;\n\tborder-radius: 4px;\n\tcolor: ${color(\"grey\", 2)};\n\tcursor: pointer;\n\tfont-size: 14px;\n\theight: 36px;\n\toutline: 0;\n\tposition: absolute;\n\tright: 1px;\n\ttext-align: center;\n\ttop: 3px;\n\twidth: 40px;\n\n\tsvg {\n\t\tmax-width: 15px;\n\t\ttransform: scale(1);\n\t\ttransition: transform 150ms;\n\t}\n\n\t.is-pointer & {\n\t\t&:hover {\n\t\t\tsvg {\n\t\t\t\ttransform: scale(1.2);\n\t\t\t}\n\t\t}\n\t}\n`;\n","import styled from \"styled-components\";\nimport { color, boxShadow, media } from \"@utils/style-utils\";\n\nexport const ResultsContainer = styled.div`\n\tbackground: ${color(\"grey\", 5)};\n\tborder: 1px solid ${color(\"grey\", 6)};\n\tbox-shadow: ${boxShadow.wide};\n\tleft: 0;\n\tmax-height: 270px;\n\toverflow: auto;\n\tposition: absolute;\n\ttop: 100%;\n\twidth: 100%;\n`;\n\nexport const Result = styled.div`\n\tbackground-color: ${color(\"grey\", 7)};\n\tcursor: pointer;\n\tfont-size: 15px;\n\tmargin: 0 0 1px;\n\tpadding: 8px 15px;\n\ttransition: background-color 150ms;\n\tz-index: 20;\n\n\t${media.lg`\n\t\tfont-size: 16px;\n\t`}\n\n\t.is-pointer & {\n\t\t&:hover {\n\t\t\tbackground-color: ${color(\"greenBright\", 4)};\n\t\t}\n\t}\n\n\t&.active {\n\t\tbackground-color: ${color(\"greenBright\", 4)};\n\t}\n\n\t&:last-of-type {\n\t\tmargin: 0;\n\t}\n`;\n","import React, { memo, useEffect, useState, useRef } from \"react\";\nimport { ResultsContainer, Result } from \"./styles\";\nimport isEmpty from \"lodash-es/isEmpty\";\nimport useOnClickOutside from \"@hooks/use-click-outside\";\nimport { hasWindow } from \"@utils\";\n\ninterface IProps {\n\tagencies: any[];\n\tonCancel?: () => void;\n\tonSelection?: (e) => void;\n}\n\nconst AgencySelectorResults = ({ agencies, onCancel = () => void 0, onSelection }: IProps) => {\n\tif (isEmpty(agencies)) {\n\t\treturn null;\n\t}\n\tconst resultsRef = useRef(null);\n\tconst [activeIndex, setActiveIndex] = useState(0);\n\tlet currentlyActive: number = 0;\n\n\tuseOnClickOutside(resultsRef, onCancel);\n\n\tconst onKeyDown = ({ key }: KeyboardEvent) => {\n\t\tswitch (key) {\n\t\t\tcase \"ArrowDown\":\n\t\t\t\tnavigateResults(1);\n\t\t\t\tbreak;\n\n\t\t\tcase \"ArrowUp\":\n\t\t\t\tnavigateResults(-1);\n\t\t\t\tbreak;\n\n\t\t\tcase \"Enter\":\n\t\t\tcase \"Return\":\n\t\t\t\tselectAgency();\n\t\t\t\tbreak;\n\n\t\t\tcase \"Escape\":\n\t\t\t\tonCancel();\n\t\t\t\tbreak;\n\n\t\t\tdefault:\n\t\t\t\treturn;\n\t\t}\n\t};\n\n\tconst navigateResults = (dir: number) => {\n\t\tlet newIndex: number;\n\t\tconst start = 0;\n\t\tconst end = agencies.length - 1;\n\t\tif (currentlyActive === 0 && dir === -1) {\n\t\t\tnewIndex = end;\n\t\t} else if (currentlyActive === end && dir === 1) {\n\t\t\tnewIndex = start;\n\t\t} else {\n\t\t\tnewIndex = currentlyActive + dir;\n\t\t}\n\n\t\tcurrentlyActive = newIndex;\n\t\tsetActiveIndex(newIndex);\n\t};\n\n\tconst selectAgency = (clickedAgency?: IAgency) => {\n\t\tlet agency = clickedAgency;\n\n\t\tif (!agency) {\n\t\t\tconst container = resultsRef.current;\n\t\t\tconst item = container.querySelector(\".active\") as HTMLElement;\n\n\t\t\tif (!item) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst key = item.dataset.agencyKey;\n\t\t\tconst agencyByKey = agencies.filter(({ key: agencyKey }) => agencyKey === key)[0] || null;\n\n\t\t\tagency = agencyByKey;\n\t\t}\n\n\t\tif (!isEmpty(agency)) {\n\t\t\tonSelection(agency);\n\t\t}\n\t};\n\n\tconst scrollToActiveElement = () => {\n\t\tconst container = resultsRef.current;\n\t\tconst item = container.querySelector(\".active\") as HTMLElement;\n\t\tif (!item) {\n\t\t\treturn;\n\t\t}\n\t\tconst { top: itemTop, bottom: itemBottom } = item.getBoundingClientRect();\n\t\tconst { top: containerTop, bottom: containerBottom } = container.getBoundingClientRect();\n\n\t\tif (itemBottom > containerBottom) {\n\t\t\tcontainer.scrollTop += itemBottom - containerBottom;\n\t\t} else if (itemTop < containerTop) {\n\t\t\tcontainer.scrollTop += itemTop - containerTop;\n\t\t}\n\t};\n\n\tuseEffect(() => {\n\t\tscrollToActiveElement();\n\t}, [activeIndex]);\n\n\tuseEffect(() => {\n\t\tif (hasWindow) {\n\t\t\twindow.addEventListener(\"keydown\", onKeyDown);\n\n\t\t\treturn () => {\n\t\t\t\twindow.removeEventListener(\"keydown\", onKeyDown);\n\t\t\t};\n\t\t}\n\t}, []);\n\n\treturn (\n\t\t<ResultsContainer ref={resultsRef}>\n\t\t\t{agencies.map((agency, index) => (\n\t\t\t\t<Result\n\t\t\t\t\tkey={agency.key}\n\t\t\t\t\tonClick={() => selectAgency(agency)}\n\t\t\t\t\tdata-agency-key={agency.key}\n\t\t\t\t\tclassName={activeIndex === index ? \"active\" : \"\"}\n\t\t\t\t>\n\t\t\t\t\t{agency.marketingName}\n\t\t\t\t</Result>\n\t\t\t))}\n\t\t</ResultsContainer>\n\t);\n};\n\nexport default memo(AgencySelectorResults);\n","import React, { memo, useState, useEffect, useRef } from \"react\";\nimport { FontAwesomeIcon as FaIcon } from \"@fortawesome/react-fontawesome\";\nimport agencySearchService from \"@services/agency-search.service\";\nimport isEmpty from \"lodash-es/isEmpty\";\n\nimport { InputWrapper, SelectorWrapper, InputIcon, ClearButton } from \"./styles\";\nimport Results from \"./Results\";\n\ninterface IProps {\n\tonSelection?: (e: any) => void;\n}\n\nconst onlyNumbers = (str: string) => /^[0-9]*$/.test(str);\n\nconst getOnlyNeeded = ({ responsibleFor, key, marketingName }: IAgency) => ({\n\tkey,\n\tmarketingName: \"Kiinteistömaailma \" + marketingName,\n\tresponsibleFor,\n});\n\nconst AgencySelector = (props: IProps) => {\n\tconst [agencies, setAgencies] = useState([]);\n\tconst [fetching, setFetching] = useState(true);\n\tconst [matchedAgencies, setMatchedAgencies] = useState([]);\n\tconst [selectedAgency, setSelectedAgency] = useState(null);\n\tconst inputRef = useRef(null);\n\tlet isRendering: boolean = true;\n\tlet fetched: boolean = false;\n\n\tconst getAgencies = async () => {\n\t\ttry {\n\t\t\tconst { data } = await agencySearchService.fetchAgencies();\n\t\t\tif (data && !isEmpty(data.results)) {\n\t\t\t\tconst trimmed = data.results.map(getOnlyNeeded);\n\n\t\t\t\tif (isRendering) {\n\t\t\t\t\tsetAgencies(trimmed);\n\t\t\t\t\tsetFetching(false);\n\t\t\t\t\tfetched = true;\n\t\t\t\t}\n\t\t\t}\n\t\t} catch (e) {\n\t\t\tconsole.log(e);\n\t\t\tif (isRendering) {\n\t\t\t\tsetFetching(false);\n\t\t\t}\n\t\t}\n\t};\n\n\tconst onInputChange = ({ target }) => {\n\t\tconst { value } = target;\n\t\tconst matching = [];\n\n\t\tif (!isEmpty(agencies) && onlyNumbers(value)) {\n\t\t\tfor (const agency of agencies) {\n\t\t\t\tif (!agency.responsibleFor) continue;\n\n\t\t\t\tconst match = agency.responsibleFor.filter(postcode => {\n\t\t\t\t\treturn postcode.substring(0, value.length) === value;\n\t\t\t\t});\n\n\t\t\t\tif (match && match.length > 0) {\n\t\t\t\t\tmatching.push(agency);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tif (!isEmpty(value) && !isEmpty(matching)) {\n\t\t\tsetMatchedAgencies(matching);\n\t\t} else {\n\t\t\tif (isEmpty(matchedAgencies)) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tsetMatchedAgencies([]);\n\t\t}\n\t};\n\n\tconst onSelection = ({ key, marketingName }) => {\n\t\tinputRef.current.value = marketingName;\n\t\tinputRef.current.blur();\n\t\tsetSelectedAgency({ key, marketingName });\n\t\tsetMatchedAgencies([]);\n\n\t\tif (typeof props.onSelection === \"function\") {\n\t\t\tprops.onSelection({ key, marketingName });\n\t\t}\n\t};\n\n\tconst cancelSelection = () => {\n\t\tsetMatchedAgencies([]);\n\t\tinputRef.current.value = \"\";\n\t};\n\n\tconst removeSelectedAgency = () => {\n\t\tsetSelectedAgency(null);\n\t\tsetTimeout(() => {\n\t\t\tinputRef.current.value = \"\";\n\t\t\tinputRef.current.focus();\n\t\t}, 0);\n\t};\n\n\tuseEffect(() => {\n\t\tif (isRendering && !fetched) {\n\t\t\tgetAgencies();\n\t\t}\n\n\t\treturn () => {\n\t\t\tisRendering = false;\n\t\t};\n\t}, []);\n\n\treturn (\n\t\t<SelectorWrapper className=\"agency-selector\">\n\t\t\t<InputWrapper>\n\t\t\t\t<input\n\t\t\t\t\ttype=\"text\"\n\t\t\t\t\tplaceholder=\"Syötä alueesi postinumero\"\n\t\t\t\t\tonChange={onInputChange}\n\t\t\t\t\tdisabled={fetching || !isEmpty(selectedAgency)}\n\t\t\t\t\tref={inputRef}\n\t\t\t\t/>\n\t\t\t\t<InputIcon>\n\t\t\t\t\t<FaIcon icon=\"map-marker-alt\" />\n\t\t\t\t</InputIcon>\n\t\t\t\t{!isEmpty(selectedAgency) && (\n\t\t\t\t\t<ClearButton onClick={removeSelectedAgency}>\n\t\t\t\t\t\t<FaIcon icon={[\"far\", \"times\"]} />\n\t\t\t\t\t</ClearButton>\n\t\t\t\t)}\n\t\t\t\t{!isEmpty(matchedAgencies) && (\n\t\t\t\t\t<Results agencies={matchedAgencies} onCancel={cancelSelection} onSelection={onSelection} />\n\t\t\t\t)}\n\t\t\t</InputWrapper>\n\t\t</SelectorWrapper>\n\t);\n};\n\nexport default memo(AgencySelector);\n","import styled, { css } from \"styled-components\";\nimport { color, media } from \"@utils/style-utils\";\n\nexport const FormWrapper = styled.div`\n\t#ag-contact-form {\n\t\tbackground: none;\n\n\t\t.form-container {\n\t\t\ttop: 30px;\n\t\t}\n\t}\n\n\t.agency-selector {\n\t\tmargin-bottom: 40px;\n\t}\n\n\t${props =>\n\t\tprops.hasError &&\n\t\tcss`\n\t\t\t.agency-selector input {\n\t\t\t\tborder-color: ${color(\"coral\", 1)};\n\t\t\t}\n\t\t`}\n`;\n\nexport const Error = styled.div`\n\tmargin: -26px auto 18px;\n\tmax-width: 662px;\n\ttext-align: left;\n`;\n\nexport const Label = styled.p`\n\tcolor: ${color(\"grey\", 1)};\n\tfont-size: 16px;\n\tfont-weight: 500;\n\tmargin: 0 auto 18px;\n\tmax-width: 662px;\n\ttext-align: left;\n\n\t${media.md`\n\t\tfont-size: 17px;\n\t`}\n`;\n","import React, { useState } from \"react\";\nimport AgencyContactForm from \"@components/Form/ContactFormAgentOrAgency\";\nimport AgencySelector from \"@components/MultiAgency/AgencySelector\";\nimport { FormWrapper, Label, Error } from \"./styles\";\nimport { FormError } from \"@components/Form/form-styles\";\nimport isEmpty from \"lodash-es/isEmpty\";\n\nconst MultiAgencyForm = () => {\n\tconst [selectedAgency, setSelectedAgency] = useState(null);\n\tconst [error, setError] = useState(false);\n\n\tconst toggleAgency = agency => {\n\t\tif (!isEmpty(agency)) {\n\t\t\tsetSelectedAgency(agency);\n\t\t\tsetError(false);\n\t\t}\n\t};\n\n\treturn (\n\t\t<FormWrapper hasError={error}>\n\t\t\t<AgencyContactForm\n\t\t\t\tdisableIfPropNotDefined=\"agency\"\n\t\t\t\tonPropMissing={() => setError(true)}\n\t\t\t\tagency={selectedAgency}\n\t\t\t>\n\t\t\t\t<Label>Valitse myymälä</Label>\n\t\t\t\t<AgencySelector onSelection={toggleAgency} />\n\t\t\t\t{error && (\n\t\t\t\t\t<Error>\n\t\t\t\t\t\t<FormError>Valitse myymälä</FormError>\n\t\t\t\t\t</Error>\n\t\t\t\t)}\n\n\t\t\t\t<Label>Ota yhteyttä</Label>\n\t\t\t</AgencyContactForm>\n\t\t</FormWrapper>\n\t);\n};\n\nexport default MultiAgencyForm;\n","import styled from \"styled-components\";\nimport { rgba } from \"polished\";\nimport { color, textStyles, buttons, media } from \"@utils/style-utils\";\n\nexport const ContactHero = styled.div`\n\tpadding-top: 104px;\n\tposition: relative;\n\n\t${media.md`\n\t\tpadding-top: 140px;\n\t`}\n\n\t${media.lg`\n\t\tpadding-top: 184px;\n\t`}\n\n\t.bg {\n\t\tbackground-color: ${rgba(color(\"greenBright\", 4), 0.25)};\n\t\theight: 100%;\n\t\tleft: 0;\n\t\toverflow: hidden;\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\twidth: 100%;\n\t\tz-index: 0;\n\n\t\tspan {\n\t\t\tbackground-image: url(\"/assets/images/brand-identity/graphics/multiagency-form-pattern@2x.png\");\n\t\t\tbackground-position: 50% 100%;\n\t\t\tbackground-repeat: no-repeat;\n\t\t\tbackground-size: 1920px auto;\n\t\t\tbottom: 0;\n\t\t\theight: 100%;\n\t\t\tleft: 0;\n\t\t\tposition: absolute;\n\t\t\twidth: 100%;\n\t\t}\n\t}\n\n\t> * {\n\t\tposition: relative;\n\t\tz-index: 5;\n\t}\n\n\th1 {\n\t\tmargin: 0 auto 40px;\n\t\tmax-width: 977px;\n\t\ttext-align: center;\n\t}\n\n\t.contact-ingress {\n\t\tmargin: 0 auto 40px;\n\t\tmax-width: 1112px;\n\t\ttext-align: center;\n\n\t\tp {\n\t\t\t${textStyles.PMedium}\n\t\t}\n\t}\n\n\t.contact-form {\n\t\tpadding-left: 0;\n\t\tpadding-right: 0;\n\t\tpadding-top: 0;\n\t}\n\n\t.rancid-banner {\n\t\tmargin-bottom: 26px;\n\t\tmargin-top: 40px;\n\t}\n`;\n\nexport const GiveFeedback = styled.p`\n\tmargin: 140px 0 80px;\n\ttext-align: center;\n\n\ta {\n\t\t${buttons.textLinkPrimary}\n\t}\n`;\n\nexport const CityList = styled.div`\n\tborder-top: 1px solid ${color(\"grey\", 6)};\n\tpadding-bottom: 60px;\n\tpadding-top: 80px;\n\twidth: 100%;\n\n\th2 {\n\t\tmargin: 0 0 35px;\n\n\t\t${media.md`\n\t\t\tmargin: 0 0 65px;\n\t\t`}\n\n\t\t${media.lg`\n\t\t\tmargin: 0 0 95px;\n\t\t`}\n\t}\n\n\t.postcode-search {\n\t\twidth: 311px;\n\n\t\tlabel {\n\t\t\tdisplay: none;\n\t\t}\n\n\t\tinput,\n\t\t.form-group {\n\t\t\tmax-width: 100%;\n\t\t\twidth: 100%;\n\t\t}\n\n\t\tbutton.is-valid {\n\t\t\tcolor: ${color(\"greenBright\", 1)};\n\t\t}\n\t}\n\n\t.city-list-header {\n\t\tborder-bottom: 1px solid ${color(\"grey\", 6)};\n\n\t\t@media (max-width: 650px) {\n\t\t\talign-items: flex-start;\n\t\t\tflex-direction: column;\n\t\t}\n\n\t\th4 {\n\t\t\tcolor: ${color(\"grey\", 1)};\n\t\t\t${textStyles.MediumText}\n\n\t\t\t@media (max-width: 650px) {\n\t\t\t\tmargin-bottom: 20px;\n\t\t\t}\n\t\t}\n\t}\n\n\t.city-list-group-title {\n\t\t${textStyles.H2}\n\t\tcolor: ${color(\"greenBright\", 1)};\n\t\tmargin-bottom: 15px !important;\n\t}\n\n\t.city-list-group a {\n\t\tmargin-bottom: 4px;\n\t}\n`;\n","import React, { Fragment } from \"react\";\nimport { IDocument } from \"@redux/document\";\nimport { IApplicationState } from \"@redux\";\nimport { connect } from \"react-redux\";\nimport Text from \"wake-react-components/text\";\nimport Editor from \"wake-react-components/editor\";\n\nimport { Container } from \"@components/Grid\";\nimport MultiAgencyForm from \"@components/MultiAgency/MultiAgencyForm\";\nimport { ContactHero, GiveFeedback, CityList } from \"./styles\";\nimport useParallax from \"@hooks/use-parallax\";\nimport { Link } from \"react-router-dom\";\nimport NavigationCityList from \"@components/SiteHeader/NavigationCityList\";\nimport RancidBanner from \"@components/RancidBanner\";\n\ninterface IProps {\n\tdoc: IDocument;\n}\n\nconst ContactPage = ({ doc }: IProps) => {\n\tconst cityList = doc && doc.agencyCityList ? doc.agencyCityList : {};\n\n\tuseParallax(\".parallax\", {}, 0);\n\n\treturn (\n\t\t<Fragment>\n\t\t\t<ContactHero>\n\t\t\t\t<span className=\"bg\">\n\t\t\t\t\t<span className=\"parallax\" />\n\t\t\t\t</span>\n\t\t\t\t<Container>\n\t\t\t\t\t<h1>\n\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\tname=\"contactPageTitle\"\n\t\t\t\t\t\t\tplaceholder=\"Otsikko\"\n\t\t\t\t\t\t\tdefaultValue=\"Kiinteistönvälitys yli 100 myymälän voimin varmistaa paikallistuntemuksen\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</h1>\n\t\t\t\t\t<Editor name=\"contactPageIngress\" placeholder=\"Ingressiteksti\" className=\"contact-ingress\" />\n\t\t\t\t\t<RancidBanner type=\"seller-county\" bannerColor=\"green\" />\n\t\t\t\t\t<MultiAgencyForm />\n\t\t\t\t</Container>\n\t\t\t</ContactHero>\n\t\t\t<GiveFeedback>\n\t\t\t\t<Link to=\"/anna-palautetta\">Palautetta voit antaa tästä</Link>\n\t\t\t</GiveFeedback>\n\t\t\t<CityList>\n\t\t\t\t<Container>\n\t\t\t\t\t<h2>Asuntomyymälät</h2>\n\t\t\t\t\t<NavigationCityList cityList={cityList} inputPlaceholder=\"Hae postinumerosi perusteella\" />\n\t\t\t\t</Container>\n\t\t\t</CityList>\n\t\t</Fragment>\n\t);\n};\n\nconst mapStateToProps = (state: IApplicationState) => ({\n\tdoc: state.document,\n});\n\nexport default connect(mapStateToProps)(ContactPage);\n"],"sourceRoot":""}