{"version":3,"sources":["components/Apartment/ApartmentSpecs/styles.js","components/Form/ContactFormSelectable/styles.js","components/Developer/DeveloperFormBlocks/DeveloperApartmentSelector/styles.js","components/Developer/DeveloperFormBlocks/DeveloperApartmentSelector/index.tsx","components/Form/ContactFormSelectable/index.tsx"],"names":["Specs","div","props","last","md","SpecsTitle","H3","SpecsChevron","span","isOpen","SpecsContent","SpecItem","P","PSmall","SpecKey","SpecValue","AInline","FormWrapper","attrs","className","id","hugeLight","H3Condensed","FormContainer","split","FormColumns","FormColumn","gutterSmall","lg","gutter","SubjectSelection","ariaRole","MicroText","isActive","FormFooter","FormDisclaimer","p","DeveloperApartmentSelectorWrapper","ApartmentSelectorElement","ApartmentCurrentSelection","TextLinkSecondary","ApartmentSelectorRowContainer","basic","ApartmentSelectorRow","setOpen","selectedProperties","setSelectedProperties","setDeveloperProperties","setFieldValue","pKeys","map","push","key","housingCompanyData","isEmpty","properties","onClick","e","stopPropagation","currentValue","length","filter","label","icon","property","apartmentAddress","totalArea","livingArea","toString","replace","roomTypes","type","checked","includes","onChange","newValues","splice","indexOf","htmlFor","floor","floorAmount","salesPriceUnencumbered","console","log","Formik","then","module","default","ErrorMessage","contactFormStyle","width","initialValues","validationSchema","contactSubmitTimeout","buttonText","children","developer","email","firstName","lastName","message","phone","propertyID","name","postCode","isSubmitted","setSubmitted","subjectIndex","setSubjectIndex","clearTimeout","fallback","onSubmit","values","setSubmitting","resetForm","submitUrl","location","href","formData","Array","isArray","sort","Math","random","slice","doBasicContact","res","window","setTimeout","handleChange","handleBlur","handleSubmit","isSubmitting","aria-label","disabled","onBlur","placeholder","value","component","msg","defaultValue","to","target","CtaButton","text","submitting"],"mappings":"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","file":"assets/js/default-pages-AreaListingPage-pages-AreaPage-pages-DeveloperPage.chunk.js?cb=58b3c343a11303bde952","sourcesContent":["import styled, { css } from 'styled-components';\nimport { color, textStyles, lineHeight, media } from '@utils/style-utils';\n\nexport const Specs = styled.div`\n\tborder-bottom: 1px solid ${ color('grey', 5) };\n\tmargin-bottom: ${ props => props.last ? '0px !important' : '20px' };\n\twidth: 100%;\n\n\t${ media.md`\n\t\tmargin-bottom: 40px;\n\t`}\n`\n\nexport const SpecsTitle = styled.div`\n\talign-items: center;\n\tdisplay: flex;\n\tmargin-bottom: 20px;\n\n\t${ media.md`\n\t\tmargin-bottom: 40px;\n\t`}\n\n\th3 {\n\t\t${ textStyles.H3 }\n\t\tcursor: pointer;\n\t\tmargin: 0;\n\t}\n`\n\nexport const SpecsChevron = styled.span`\n\talign-items: center;\n\tcursor: pointer;\n\tdisplay: inline-flex;\n\tflex-grow: 1;\n\tfont-size: 30px;\n\tjustify-content: flex-end;\n\n\tsvg {\n\t\tdisplay: block;\n\t\tmax-width: 14px;\n\t\ttransform: rotate(0deg);\n\t}\n\n\t${ props => props.isOpen && css`\n\t\tsvg {\n\t\t\ttransform: rotate(180deg);\n\t\t}\n\t`}\n`\n\nexport const SpecsContent = styled.div`\n\tdisplay: ${ props => props.isOpen ? 'block' : 'none' };\n\tpadding-bottom: 20px;\n\n\t${ media.md`\n\t\tpadding-bottom: 40px;\n\t`}\n`\n\nexport const SpecItem = styled.div`\n\t${ textStyles.P }\n\t${ textStyles.PSmall }\n\n\tdisplay: flex;\n\tflex-direction: column;\n\tline-height: ${ lineHeight(17, 25) };\n\tmargin-bottom: 17px;\n\twidth: 100%;\n\n\t${ media.md`\n\t\tflex-direction: row;\n\t`}\n\n\t&:last-of-type {\n\t\tmargin-bottom: 0;\n\t}\n`\n\nexport const SpecKey = styled.span`\n\tflex: 1 0 100%;\n\tfont-weight: 500;\n\n\t${ media.md`\n\t\tfont-weight: normal;\n\t\tflex: 1 0 22.5%;\n\t`}\n`\n\nexport const SpecValue = styled.span`\n\tflex: 1 0 100%;\n\n\t${ media.md`\n\t\tflex: 1 0 77.5%;\n\t\tpadding-left: 32px;\n\t`}\n\n\ta {\n\t\t${ textStyles.AInline }\n\t}\n`\n","import styled, { css } from \"styled-components\";\nimport { color, media, textStyles, ribbon, boxShadow, grid } from \"@utils/style-utils\";\n\nexport const FormWrapper = styled.div.attrs(() => ({\n\tclassName: \"contact-form-selectable\",\n\tid: \"contactFormSelectable\",\n}))`\n\tbackground: ${color(\"white\")};\n\tborder: 1px solid ${color(\"grey\", 6)};\n\tborder-radius: 4px;\n\tbox-shadow: ${boxShadow.hugeLight};\n\toverflow: hidden;\n\tpadding: 50px 15px 30px;\n\tposition: relative;\n\n\t@media (min-height: 840px) and (min-width: 992px) {\n\t\tposition: sticky;\n\t\ttop: 30px;\n\t}\n\n\t&::before {\n\t\t${ribbon};\n\t\tcontent: '';\n\t\theight: 6px;\n\t\tleft: 0;\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\twidth: 100%;\n\t}\n\n\t${media.md`\n\t\tpadding: 60px 32px 40px;\n\t`};\n\n\th4 {\n\t\t${textStyles.H3Condensed}\n\t\tmargin: 0 auto 24px;\n\t\ttext-align: center;\n\t}\n\n\t.placeholder-textarea {\n\t\tmargin-bottom: 28px;\n\t\tmargin-top: 16px;\n\t}\n\n\ttextarea {\n\t\tmargin-bottom: 28px;\n\t}\n\n\tbutton {\n\t\tdisplay: block;\n\t\tmax-width: 312px;\n\t\tmargin: 0 auto;\n\t\twidth: 100%;\n\t}\n\n\t.contact-form-pretext {\n\t\t${textStyles.P};\n\t}\n`;\n\nexport const FormContainer = styled.div.attrs(props => ({\n\tclassName: props.split ? \"form-container form-container-split\" : \"form-container\",\n}))`\n\tmargin: 0 auto;\n\tmax-width: 312px;\n`;\n\nexport const FormColumns = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\n\t${props =>\n\t\tprops.split &&\n\t\tcss`\n\t\t\t${media.md`\n\t\t\t\tflex-direction: row;\n\t\t\t\tjustify-content: space-between;\n\t\t\t`};\n\t\t`};\n`;\n\nexport const FormColumn = styled.div`\n\tflex-basis: 100%;\n\n\ttextarea {\n\t\tmargin-top: 16px;\n\t}\n\n\t${props =>\n\t\tprops.split &&\n\t\tcss`\n\t\t\t${media.md`\n\t\t\t\tflex-basis: calc((100% - ${grid.gutterSmall}px) / 2);\n\n\t\t\t\ttextarea,\n\t\t\t\t.placeholder-textarea {\n\t\t\t\t\theight: 96px;\n\t\t\t\t\tmargin-top: 0;\n\t\t\t\t}\n\t\t\t`}\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`;\n\nexport const SubjectSelection = styled.div.attrs(() => ({\n\tariaRole: \"button\",\n}))`\n\t${textStyles.MicroText};\n\tcolor: ${color(\"grey\", 2)};\n\tcursor: pointer;\n\tmargin-bottom: 16px;\n\tpadding-left: 26px;\n\tposition: relative;\n\ttransition: color 150ms;\n\n\t&::before {\n\t\tbackground-color: ${color(\"white\")};\n\t\tbackground-image: ${`radial-gradient(circle 8px at 50%, ${color(\"greenBright\", 1)} 50%, transparent 50%)`};\n\t\tbackground-position: 50% 50%;\n\t\tbackground-repeat: no-repeat;\n\t\tbackground-size: 0px;\n\t\tborder: 1px solid ${color(\"grey\", 5)};\n\t\tborder-radius: 50%;\n\t\tcontent: \"\";\n\t\tdisplay: inline-block;\n\t\theight: 16px;\n\t\tleft: 0;\n\t\tposition: absolute;\n\t\ttop: 2px;\n\t\ttransition: background-color 150ms, background-size 150ms, border-color 150ms;\n\t\twidth: 16px;\n\t}\n\n\t&:hover {\n\t\tcolor: ${color(\"grey\", 1)};\n\n\t\t&::before {\n\t\t\tbackground-color: ${color(\"greenBright\", 4)};\n\t\t}\n\t}\n\n\t&[disabled] {\n\t\topacity: 0.7;\n\t\tpointer-events: none;\n\t}\n\n\t${props =>\n\t\tprops.isActive &&\n\t\tcss`\n\t\t\t&::before {\n\t\t\t\tbackground-color: ${color(\"greenBright\", 4)};\n\t\t\t\tbackground-size: 8px;\n\t\t\t\tborder-color: ${color(\"greenBright\", 1)};\n\t\t\t}\n\t\t`};\n`;\n\nexport const FormFooter = styled.div.attrs(() => ({\n\tclassName: \"form-footer\",\n}))`\n\t.form-container-split & {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\n\t\t${media.md`\n\t\t\tflex-direction: row;\n\t\t\tjustify-content: space-between;\n\t\t\tpadding-top: 10px;\n\n\t\t\tbutton {\n\t\t\t\tmargin-right: 0;\n\t\t\t\tmax-height: 48px;\n\t\t\t\tmax-width: 193px;\n\t\t\t}\n\t\t`};\n\t}\n`;\n\nexport const FormDisclaimer = styled.p`\n\t${textStyles.MicroText};\n\tcolor: ${color(\"grey\", 3)};\n\tletter-spacing: normal;\n\tmargin: 20px 0;\n\tmax-width: 361px;\n\ttext-align: center;\n\n\t.form-container-split & {\n\t\t${media.md`\n\t\t\tmargin-bottom: 0;\n\t\t\tmargin-top: 0;\n\t\t\ttext-align: left;\n\t\t`};\n\t}\n\n\ta {\n\t\tcolor: ${color(\"greenDark\", 1)};\n\t\tdisplay: block;\n\t\ttext-align: center;\n\t\ttext-decoration: none;\n\n\t\t.form-container-split & {\n\t\t\tmargin-top: 5px;\n\n\t\t\t${media.md`\n\t\t\t\tdisplay: inline;\n\t\t\t\tmargin-top: 0;\n\t\t\t\ttext-align: left;\n\t\t\t`};\n\t\t}\n\n\t\t&:hover {\n\t\t\tcolor: ${color(\"greenDark\", 2)};\n\t\t\ttext-decoration: underline;\n\t\t}\n\t}\n`;\n\nexport const DeveloperApartmentSelectorWrapper = styled.div`\n\tmargin-top: 16px;\n\n\t${media.md`\n\t\tmargin-bottom: 16px;\n\t\tmargin-top: 0;\n\t`};\n`;\n","import styled from \"styled-components\";\nimport { boxShadow, color, textStyles } from \"@utils/style-utils\";\n\nexport const ApartmentSelectorElement = styled.div`\n\tposition: relative;\n`;\n\nexport const ApartmentCurrentSelection = styled.div`\n\t${textStyles.TextLinkSecondary};\n\tborder-radius: 4px;\n\tborder: 1px solid ${color(\"grey\", 5)};\n\tpadding: 11px 16px 8px 16px;\n\tdisplay: flex;\n\n\tspan {\n\t\tcolor: ${color(\"grey\", 1)};\n\t\tcursor: pointer;\n\t\t&::selection {\n\t\t\tbackground: transparent;\n\t\t}\n\t}\n\n\t.apartment-selector-chevron {\n\t\tfont-size: 14px;\n\t\tline-height: 14px;\n\t\tcolor: ${color(\"greenBright\", 1)};\n\t}\n`;\n\nexport const ApartmentSelectorRowContainer = styled.div`\n\tposition: absolute;\n\ttop: 55px;\n\tleft: 0;\n\twidth: 100%;\n\tbackground: ${color(\"white\")};\n\tborder-radius: 4px;\n\tborder: 1px solid ${color(\"grey\", 5)};\n\tbox-shadow: ${boxShadow.basic};\n\tmax-height: 300px;\n\toverflow-y: auto;\n\tz-index: 20;\n\tpadding: 23px 8px;\n`;\n\nexport const ApartmentSelectorRow = styled.div`\n\tdisplay: block;\n\n\tinput[type=\"checkbox\"] {\n\t\tdisplay: none;\n\n\t\t&:checked ~ label {\n\t\t\t.box {\n\t\t\t\tbackground: ${ color('greenBright', 4) };\n\t\t\t\tborder-color: ${ color('greenBright', 1) };\n\n\t\t\t\ti {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\tlabel {\n\t\talign-items: flex-start;\n\t\tcolor: ${ color('grey', 2) };\n\t\tcursor: pointer;\n\t\tdisplay: flex;\n\t\tfont-size: 17px;\n\t\tline-height: 120%;\n\t\tmargin-bottom: 8px;\n\t\tpadding-top: 8px;\n\t\tborder-radius: 4px;\n\t\ttransition: color 150ms;\n\t\tuser-select: none;\n\n\t\t&:hover:not(:checked) {\n\t\t\t.box {\n\t\t\t\tbackground-color: ${ color('grey', 7) };\n\t\t\t}\n\t\t}\n\n\t\t.box {\n\t\t\tbackground: ${ color('white') };\n\t\t\tborder: 1px solid ${ color('grey', 5) };\n\t\t\tborder-radius: 2px;\n\t\t\tcolor: ${ color('greenBright', 1) };\n\t\t\tcursor: pointer;\n\t\t\tfont-size: 10px;\n\t\t\tdisplay: inline-block;\n\t\t\theight: 16px;\n\t\t\tmargin: -1px 12px 0;\n\t\t\tposition: relative;\n\t\t\ttransition: background-color 150ms, border-color 150ms;\n\t\t\twidth: 16px;\n\t\t\tmin-width: 16px;\n\n\t\t\ti {\n\t\t\t\tdisplay: none;\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\t.label-text {\n\t\t\tpadding: 0;\n\t\t\tmargin: -5px 0 0 0;\n\t\t\tfont-weight: normal; // required for admin, defaults to bold\n\t\t\tP {\n\t\t\t\tpadding: 0;\n\t\t\t\tmargin: 0;\n\t\t\t}\n\t\t}\n\t}\n\n\t.apartment-selector-row__first {\n\t\tmax-height: 52px;\n\t\toverflow: hidden;\n\t}\n\n\t.apartment-selector-row__second {\n\t\t${textStyles.MicroText};\n\t\tcolor: ${color(\"grey\", 2)};\n\t\tmargin: -8px 0 5px 40px;\n\t}\n`;\n","import React, { useEffect, useState } from \"react\";\nimport isEmpty from \"lodash-es/isEmpty\";\nimport {\n\tApartmentCurrentSelection,\n\tApartmentSelectorElement,\n\tApartmentSelectorRow,\n\tApartmentSelectorRowContainer\n} from \"./styles\";\nimport { FontAwesomeIcon as FaIcon } from \"@fortawesome/react-fontawesome\";\nimport { SpecsChevron } from \"@components/Apartment/ApartmentSpecs/styles\";\n\nconst DeveloperApartmentSelector = (props: any) => {\n\n\tconst [isOpen, setOpen] = useState(false);\n\tconst [selectedProperties, setSelectedProperties] = useState([]);\n\tconst { setDeveloperProperties, setFieldValue } = props;\n\n\tuseEffect(() => {\n\t\tif (setDeveloperProperties && typeof(setDeveloperProperties) === 'function') {\n\t\t\tsetDeveloperProperties(selectedProperties);\n\t\t}\n\t\tif (setFieldValue && typeof(setFieldValue) === 'function') {\n\t\t\tlet pKeys = [];\n\t\t\tselectedProperties.map((p) => {\n\t\t\t\tpKeys.push(p.key);\n\t\t\t});\n\t\t\tsetFieldValue(\"propertyID\", pKeys);\n\t\t}\n\t}, [selectedProperties]);\n\n\ttry {\n\t\tconst { housingCompanyData } = props || { housingCompanyData: {} };\n\t\tif (isEmpty(housingCompanyData)) return null;\n\n\t\tconst { properties } = housingCompanyData;\n\t\tif (isEmpty(properties)) return null;\n\n\t\treturn <ApartmentSelectorElement>\n\t\t\t<ApartmentCurrentSelection\n\t\t\t\tonClick={(e) => {\n\t\t\t\t\te.stopPropagation();\n\t\t\t\t\tsetOpen((currentValue) => {\n\t\t\t\t\t\treturn !currentValue;\n\t\t\t\t\t});\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{selectedProperties.length === 0 && <span>Valitse asunto</span>}\n\t\t\t\t{selectedProperties.length === 1 && <span>{selectedProperties.filter(() => {return true})[0].label}</span>}\n\t\t\t\t{selectedProperties.length > 1 && <span>Valitut asunnot ({selectedProperties.length})</span>}\n\t\t\t\t<SpecsChevron className=\"apartment-selector-chevron\" isOpen={isOpen}>\n\t\t\t\t\t<FaIcon icon={[\"far\", \"angle-down\"]} />\n\t\t\t\t</SpecsChevron>\n\t\t\t</ApartmentCurrentSelection>\n\t\t\t{isOpen && <ApartmentSelectorRowContainer>\n\t\t\t\t{properties.map((property) => {\n\t\t\t\t\tproperty.label = (property.apartmentAddress || property.key) + \" \" + (property.totalArea || property.livingArea || '').toString().replace('.', ',') + \" m² \" + (property.roomTypes || '');\n\t\t\t\t\treturn <ApartmentSelectorRow key={property.key}>\n\t\t\t\t\t\t<div className=\"apartment-selector-row__first\">\n\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\tid={\"property-select-\" + property.key}\n\t\t\t\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\t\t\t\tchecked={selectedProperties.includes(property)}\n\t\t\t\t\t\t\t\tonChange={(e) => {\n\t\t\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\t\t\tsetSelectedProperties((currentValue) => {\n\t\t\t\t\t\t\t\t\t\tlet newValues = [...currentValue];\n\t\t\t\t\t\t\t\t\t\tif (currentValue.includes(property)) {\n\t\t\t\t\t\t\t\t\t\t\tnewValues.splice(currentValue.indexOf(property), 1);\n\t\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\t\tnewValues.push(property);\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\treturn newValues;\n\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<label htmlFor={\"property-select-\" + property.key}>\n\t\t\t\t\t\t\t\t<span className=\"box\">\n\t\t\t\t\t\t\t\t\t<i><FaIcon icon=\"check\"/></i>\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t<span className=\"label-text\">{property.label}</span>\n\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div className=\"apartment-selector-row__second\">{(property.floor || '').toString().length > 1 ? \"Kerros \" + property.floor + \"/\" + (property.floorAmount || property.floor) + \", \" : \"\"}{(property.salesPriceUnencumbered && property.salesPriceUnencumbered.toString().length > 0) ? property.salesPriceUnencumbered.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \" \").replace('.', ',') + \" €\" : \"\"}</div>\n\t\t\t\t\t</ApartmentSelectorRow>\n\t\t\t\t})}\n\t\t\t</ApartmentSelectorRowContainer>}\n\t\t</ApartmentSelectorElement>;\n\t} catch (e) {\n\t\tconsole.log(e);\n\t\treturn null;\n\t}\n};\n\nexport default DeveloperApartmentSelector;\n","import React, { lazy, Suspense, useState, useEffect } from \"react\";\nimport {\n\tInputGroup,\n\tFormError,\n\tTextarea,\n\tThankYouMessage,\n\tPlaceholder,\n\tPlaceholderButton,\n\tPlaceholderGdpr,\n\tPlaceholderInput,\n\tPlaceholderTextarea,\n\tPlaceholderSelectable,\n} from \"@components/Form/form-styles\";\nimport contactService from \"@services/contact.service\";\nimport { hasWindow } from \"@utils\";\nimport { getSchema } from \"@utils/validators\";\nimport CtaButton from \"@components/Buttons/CtaButton\";\nimport { Link } from \"react-router-dom\";\nimport { FontAwesomeIcon as FaIcon } from \"@fortawesome/react-fontawesome\";\nimport Text from \"wake-react-components/text\";\nimport {\n\tFormWrapper,\n\tFormContainer,\n\tSubjectSelection,\n\tFormDisclaimer,\n\tFormColumns,\n\tFormColumn,\n\tFormFooter, DeveloperApartmentSelectorWrapper,\n} from \"./styles\";\nimport DeveloperApartmentSelector from \"@components/Developer/DeveloperFormBlocks/DeveloperApartmentSelector\";\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 FormPlaceholder = ({ split = false, contactFormStyle = \"old\" }) => {\n\treturn (\n\t\t<Placeholder className=\"form-placeholder\">\n\t\t\t<FormColumns split={split}>\n\t\t\t\t<FormColumn split={split}>\n\t\t\t\t\t<PlaceholderInput />\n\t\t\t\t\t<PlaceholderInput />\n\t\t\t\t\t<PlaceholderInput />\n\t\t\t\t\t<PlaceholderInput />\n\t\t\t\t</FormColumn>\n\t\t\t\t<FormColumn split={split}>\n\t\t\t\t\t{contactFormStyle === \"new\" && <PlaceholderInput />}\n\t\t\t\t\t<PlaceholderTextarea />\n\t\t\t\t\t{contactFormStyle !== \"new\" && <>\n\t\t\t\t\t\t<PlaceholderSelectable isActive={true} />\n\t\t\t\t\t\t<PlaceholderSelectable />\n\t\t\t\t\t\t<PlaceholderSelectable />\n\t\t\t\t\t</>}\n\t\t\t\t</FormColumn>\n\t\t\t</FormColumns>\n\n\t\t\t<PlaceholderGdpr />\n\t\t\t<PlaceholderButton width=\"100%\" />\n\t\t</Placeholder>\n\t);\n};\n\nconst ContactFormSelectable = ({ buttonText = \"Lähetä\", split = false, children = null, developer = null, housingCompanyData = null, contactFormStyle = \"old\" }) => {\n\tlet initialValues, validationSchema;\n\tif (contactFormStyle === \"new\") {\n\t\tinitialValues = {\n\t\t\temail: \"\",\n\t\t\tfirstName: \"\",\n\t\t\tlastName: \"\",\n\t\t\tmessage: \"\",\n\t\t\tphone: \"\",\n\t\t\tpropertyID: [],\n\t\t};\n\t\tvalidationSchema = getSchema([\"firstName\", \"lastName\", \"email\", \"phone\", \"message\", \"propertyID\"]);\n\t} else {\n\t\tinitialValues = {\n\t\t\temail: \"\",\n\t\t\tmessage: \"\",\n\t\t\tname: \"\",\n\t\t\tphone: \"\",\n\t\t\tpostCode: \"\",\n\t\t};\n\t\tvalidationSchema = getSchema([\"name\", \"email\", \"phone\", \"postCode\", \"message\"]);\n\t}\n\n\tlet contactSubmitTimeout: number;\n\tconst [isSubmitted, setSubmitted] = useState(false);\n\tconst [subjectIndex, setSubjectIndex] = useState(contactFormStyle === \"new\" ? 4 : 1);\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\tsubjectIndex,\n\t\t\tsubmitUrl,\n\t\t\t...values,\n\t\t};\n\n\t\tif (developer) {\n\t\t\tformData.developer = developer;\n\t\t\tif (formData.propertyID && Array.isArray(formData.propertyID)) {\n\t\t\t\tformData.property = formData.propertyID.sort(() => Math.random() - Math.random()).slice(0, 1)[0];\n\t\t\t}\n\t\t}\n\n\t\ttry {\n\t\t\tconst res = await contactService.doBasicContact(formData);\n\t\t\tconsole.log(\"successful form submit\", res);\n\t\t\tsetSubmitting(false);\n\t\t\tsetSubmitted(true);\n\n\t\t\tif (hasWindow) {\n\t\t\t\tcontactSubmitTimeout = window.setTimeout(() => {\n\t\t\t\t\tsetSubmitted(false);\n\t\t\t\t\tresetForm(initialValues);\n\t\t\t\t}, 6000);\n\t\t\t}\n\t\t} catch (e) {\n\t\t\tconsole.log(\"error while sending form..\", e);\n\t\t\tsetSubmitting(false);\n\t\t\tsetSubmitted(false);\n\t\t\tthrow e;\n\t\t}\n\t};\n\n\tuseEffect(() => {\n\t\treturn () => {\n\t\t\t/* clear the reset timeout before component unmounts */\n\t\t\tif (contactSubmitTimeout) {\n\t\t\t\tclearTimeout(contactSubmitTimeout);\n\t\t\t}\n\t\t};\n\t}, []);\n\n\treturn (\n\t\t<FormWrapper>\n\t\t\t<FormContainer split={split}>\n\t\t\t\t<h4>Ota yhteyttä</h4>\n\t\t\t\t{children && <div className=\"form-children\">{children}</div>}\n\t\t\t\t{!hasWindow && <FormPlaceholder split={split} />}\n\t\t\t\t{hasWindow && (\n\t\t\t\t\t<Suspense fallback={<FormPlaceholder split={split} contactFormStyle={contactFormStyle} />}>\n\t\t\t\t\t\t<Formik initialValues={initialValues} onSubmit={doSubmit} validationSchema={validationSchema}>\n\t\t\t\t\t\t\t{({ values, handleChange, handleBlur, handleSubmit, isSubmitting, setFieldValue }) => (\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 split={split}>\n\t\t\t\t\t\t\t\t\t\t<FormColumn split={split}>\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<input\n\t\t\t\t\t\t\t\t\t\t\t\t\taria-label={contactFormStyle === \"new\" ? \"Etunimi\": \"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={contactFormStyle === \"new\" ? \"firstName\" : \"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={contactFormStyle === \"new\" ? \"Etunimi\" : \"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={contactFormStyle === \"new\" ? values[\"firstName\"] : 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<FaIcon icon=\"user\" />\n\t\t\t\t\t\t\t\t\t\t\t\t<ErrorMessage component=\"p\" name={contactFormStyle === \"new\" ? \"firstName\" : \"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{contactFormStyle === \"new\" && <InputGroup>\n\t\t\t\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Sukunimi\"\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=\"lastName\"\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=\"Sukunimi\"\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[\"lastName\"]}\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<FaIcon icon=\"user\" />\n\t\t\t\t\t\t\t\t\t\t\t\t<ErrorMessage component=\"p\" name=\"lastName\">\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<input\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<FaIcon icon=\"phone\" />\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<input\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<FaIcon icon=\"envelope\" />\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\n\t\t\t\t\t\t\t\t\t\t\t{contactFormStyle !== \"new\" && <InputGroup>\n\t\t\t\t\t\t\t\t\t\t\t\t<input\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<FaIcon icon=\"map-marker-alt\" />\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 split={split}>\n\t\t\t\t\t\t\t\t\t\t\t{!!(contactFormStyle === \"new\" && developer) && <DeveloperApartmentSelectorWrapper>\n\t\t\t\t\t\t\t\t\t\t\t\t<DeveloperApartmentSelector setFieldValue={setFieldValue} housingCompanyData={housingCompanyData} />\n\t\t\t\t\t\t\t\t\t\t\t\t<ErrorMessage component=\"p\" name=\"propertyID\">\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</DeveloperApartmentSelectorWrapper>}\n\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\n\t\t\t\t\t\t\t\t\t\t\t{!!(!developer || contactFormStyle === \"old\") && <>\n\t\t\t\t\t\t\t\t\t\t\t\t<SubjectSelection\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\tisActive={subjectIndex === 1}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => setSubjectIndex(1)}\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\tHaluan keskustella asuntoasioista yleisesti\n\t\t\t\t\t\t\t\t\t\t\t\t</SubjectSelection>\n\t\t\t\t\t\t\t\t\t\t\t\t<SubjectSelection\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\tisActive={subjectIndex === 0}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => setSubjectIndex(0)}\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\tHaluan lisätietoja tai esittelyn asunnosta\n\t\t\t\t\t\t\t\t\t\t\t\t</SubjectSelection>\n\t\t\t\t\t\t\t\t\t\t\t\t<SubjectSelection\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\tisActive={subjectIndex === 2}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => setSubjectIndex(2)}\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\tHaluan perustellun hinta-arvion asunnostani Kotikäynnillä\n\t\t\t\t\t\t\t\t\t\t\t\t</SubjectSelection>\n\t\t\t\t\t\t\t\t\t\t\t</>}\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<FormFooter>\n\t\t\t\t\t\t\t\t\t\t\t<FormDisclaimer className={contactFormStyle ? \"new\" : \"\"}>\n\t\t\t\t\t\t\t\t\t\t\t\t{contactFormStyle === \"new\" && <>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tname=\"formFooterText\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tdefaultValue=\"Välitämme varauspyynnön myymäläämme.\"\n\t\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\t<br />\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{contactFormStyle !== \"new\" && <>\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={buttonText}\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\n\t\t\t\t\t\t\t\t\t{isSubmitted && (\n\t\t\t\t\t\t\t\t\t\t<ThankYouMessage>\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 { contactFormStyle == \"new\" ? \"varauspyynnöstä\" : \"yhteydenotosta\"}!\n\t\t\t\t\t\t\t\t\t\t</ThankYouMessage>\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\nexport default ContactFormSelectable;\n"],"sourceRoot":""}