{"version":3,"sources":["../assets/images/brand-identity/graphics/form-bg-pattern.png","components/Apartment/ApartmentHeading/styles.js","../assets/images/brand-identity/graphics/km-icon-online-offer.png","components/Apartment/ApartmentHeadingTypes/styles.js","components/Apartment/ApartmentHeadingTypes/index.tsx","components/Apartment/ApartmentHeading/index.tsx","components/Apartment/ApartmentContactForm/styles.js","pages/RentalFormPage/styles.js","utils/element-scroll.tsx","pages/RentalFormPage/index.tsx"],"names":["module","exports","HeadingContainer","styled","Container","withConfig","componentId","media","lg","_templateObject","_taggedTemplateLiteral","HeadingArea","div","_templateObject2","textStyles","H1","sm","_templateObject3","md","_templateObject4","SpaceInfo","color","Prices","span","PriceInfo","H3Condensed","props","green","Types","xxl","OnlineOfferButton","CtaButton","Badge","_templateObject5","BadgeText","p","_templateObject6","_templateObject7","OnlineOfferBadge","onlineOffer","_templateObject8","_templateObject9","ApartmentHeadingTypes","doc","React","createElement","className","onClick","scrollToOnlineOffer","offset","hasWindow","stickyHeader","document","getElementById","height","getBoundingClientRect","e","console","log","scroller","scrollTo","duration","smooth","ApartmentHeading","noOnlineOffer","noWrapper","address","district","livingArea","municipality","rentInfo","rental","roomTypes","salesPrice","salesPriceUnencumbered","sortArea","totalArea","type","isLot","area","totalAreaBlock","toString","replace","priceText","priceTextAdditional","elems","Fragment","id","NumberFormat","decimalScale","decimalSeparator","displayType","fixedDecimalScale","renderText","fv","suffix","thousandSeparator","value","rentPerMonth","deposit","Wrapper","pulse","keyframes","pulsate","FormPlaceholder","FormContainer","ribbon","FormHeader","fontFamily","condensed","FormAgent","FormAgency","FormContent","InputGroup","FormError","AgentImage","Image","GdprLink","RentalFormPageContainer","RentalFormPageWrapper","RentalFormPropertyWrapper","ThanksText","RentalFormWrapper","formBG","RentalForm","form","boxShadow","normal","RentalFormTop","RentalFormSectionHeader","h3","RentalFormSectionedInputs","RentalFormSectionInputs","RentalFormSubSection","RentalFormSubSectionHeader","h4","RentalFormBottom","FormSubmitWrapper","_templateObject10","FormErrors","RentalFormAgency","TextStyles","MicroText","_templateObject11","RentalFormAgent","RentalFormInlineError","scrollToSelector","selector","arguments","length","undefined","scrollOffset","element","querySelector","offsetTop","parentElement","offsetParent","window","behavior","left","top","connect","state","agency","property","agentInfo","FIELD_TITLES","contactPermission","creditCheckPermission","creditRecord","creditRecordDescription","dateOfBirth","description","education","educationStart","email","employed","employerAddress","employerName","employerPhone","employmentStart","employmentType","entrepreneur","fullName","guarantee","guaranteeDescription","income","interestedInParking","life","moneyDeposit","other","otherApplicant","otherApplicantAddress","otherApplicantDateOfBirth","otherApplicantDescription","otherApplicantEducation","otherApplicantEducationStart","otherApplicantEmail","otherApplicantEmployed","otherApplicantEmployerAddress","otherApplicantEmployerName","otherApplicantEmployerPhone","otherApplicantEmploymentStart","otherApplicantEmploymentType","otherApplicantEntrepreneur","otherApplicantFullName","otherApplicantIncome","otherApplicantOther","otherApplicantOtherText","otherApplicantPensioner","otherApplicantPermissionToContactEmployer","otherApplicantPhone","otherApplicantSchool","otherApplicantStudent","otherDeposit","otherDepositDescription","otherInformation","otherPeopleDescription","otherText","pensioner","permissionToContactEmployer","pets","petsDescription","phone","pledgeCommitment","school","smoking","startDate","student","FIELD_ORDERS","otherApplicantType","ERROR_MAP","REQUIRED_FIELDS","REQUIRED_EMPLOYMENT_FIELDS","REQUIRED_EDUCATION_FIELDS","REQUIRED_OTHER_APPLICANT_FIELDS","REQUIRED_OTHER_APPLICANT_EMPLOYMENT_FIELDS","REQUIRED_OTHER_APPLICANT_EDUCATION_FIELDS","formValues","setFormValues","useState","errors","setErrors","submitted","setSubmitted","initial","setInitial","useEffect","Object","keys","localStorage","existingValues","getItem","parsed","JSON","parse","err","setItem","stringify","handleSelectionChange","fieldName","handleChange","target","name","newValue","checked","currentValues","assign","clearTarget","includes","isEmpty","handleSubmit","preventDefault","stopPropagation","validateForm","newErrors","requiredFields","push","forEach","field","postData","agentEmail","formID","key","mailSubjectAgent","mailSubjectCustomer","axios","post","then","removeItem","dataLayerPush","action","conversationDetails","event","catch","error","toast","hideAfter","hide","position","firstImage","path","alt","fallbackSrc","getAssetUrl","src","imageWithSize","getImageUrl","isAdmin","Editor","dangerouslySetInnerHTML","__html","rentalFormThanksText","onSubmit","Text","defaultValue","FaIcon","icon","postcode","hasSomethingAboutParking","style","marginBottom","Checkbox","label","onChange","TextInput","hasError","FormGroup","MultiButtonSelect","defaults","onSelection","selections","selected","single","afterText","extraClass","htmlFor","Textarea","marginTop","rows","disabled","sort","firstKey","secondKey","firstOrder","Number","MAX_SAFE_INTEGER","secondOrder","localeCompare","map","errorKey","mappedKey","cursor","marketingName","companyName","city","telPhone","Phone","Email","to","NavLink","canonicalPath","concat","title","degrees"],"mappings":"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","file":"assets/js/pages-RentalFormPage.chunk.js?cb=f1eaf6d2c6d44a172b09","sourcesContent":["module.exports = __webpack_public_path__ + \"assets/static/media/form-bg-pattern.png\";","import styled from \"styled-components\";\nimport { color, media, textStyles } from \"@utils/style-utils\";\nimport { Container } from \"@components/Grid\";\n\nexport const HeadingContainer = styled(Container)`\n\tmargin-top: 100px;\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\tmargin-top: 150px;\n\n\t\t&::before,\n\t\t&::after {\n\t\t\tdisplay: none;\n\t\t}\n\t`};\n\n\t@supports (display: grid) {\n\t\t@media (min-width: 764px) and (max-width: 991px) {\n\t\t\tdisplay: grid;\n\t\t\tgrid-column-gap: 20px;\n\t\t\tgrid-template-columns: 2fr 1fr;\n\n\t\t\th1 {\n\t\t\t\tfont-size: 28px !important;\n\t\t\t}\n\n\t\t\t.heading-types {\n\t\t\t\tflex-direction: column;\n\n\t\t\t\t.heading-badge {\n\t\t\t\t\tflex-direction: column;\n\t\t\t\t\tposition: static;\n\t\t\t\t\ttransform: none;\n\n\t\t\t\t\tspan {\n\t\t\t\t\t\theight: 52px;\n\t\t\t\t\t\tmargin-bottom: 5px;\n\t\t\t\t\t\tmargin-right: 0;\n\t\t\t\t\t\twidth: 50px;\n\t\t\t\t\t}\n\n\t\t\t\t\t.badge-text {\n\t\t\t\t\t\tfont-size: 13px;\n\t\t\t\t\t\tfont-weight: bold;\n\t\t\t\t\t\tmargin-bottom: 22px;\n\t\t\t\t\t\ttext-transform: uppercase;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tbutton {\n\t\t\t\t\tfont-size: 16px !important;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&::before,\n\t\t\t&::after {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t}\n\t}\n`;\n\nexport const HeadingArea = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tpadding: 40px 0;\n\n\t${media.lg`\n\t\tdisplay: block;\n\t\tmax-width: 896px;\n\t\twidth: calc(896 / 1364 * 100%);\n\t`}\n\n\th1 {\n\t\t${textStyles.H1};\n\t\torder: -1;\n\t\tmargin-bottom: 33px;\n\n\t\t${media.sm`\n\t\t\tmargin-bottom: 43px;\n\t\t`};\n\n\t\t${media.md`\n\t\t\tmargin-bottom: 37px;\n\t\t`};\n\n\t\t@media (max-width: 991px) {\n\t\t\tmargin-top: 0;\n\t\t}\n\t}\n`;\n\nexport const SpaceInfo = styled.div`\n\tcolor: ${color(\"grey\", 3)};\n\tfont-size: 20px;\n\tmargin-bottom: 24px;\n\n\tspan {\n\t\tcolor: ${color(\"greenBright\", 1)};\n\t\tdisplay: inline-block;\n\t\tfont-weight: 500;\n\t\tmargin-right: 12px;\n\t\t&:not(:first-of-type) {\n\t\t\tmargin-left: -12px;\n\t\t}\n\n\t\t&.has-area {\n\t\t\tmargin-left: 0;\n\t\t}\n\t}\n`;\n\nexport const LivingArea = styled.span``;\n\nexport const Prices = styled.div`\n\tdisplay: flex;\n\n\t@media (max-width: 485px) {\n\t\tjustify-content: space-between;\n\t}\n`;\n\nexport const PriceInfo = styled.div`\n\t${textStyles.H3Condensed}\n\tcolor: ${props => (props.green ? color(\"greenBright\", 1) : color(\"grey\", 2))};\n\n\t@media (max-width: 485px) {\n\t\twidth: calc((100% - 24px) / 2);\n\t}\n\n\tspan {\n\t\tcolor: ${color(\"grey\", 3)};\n\t\tdisplay: block;\n\t\tfont-size: 15px;\n\t\tfont-weight: normal;\n\t\tmargin-top: 6px;\n\t}\n\n\t&:first-of-type {\n\t\t@media (min-width: 486px) {\n\t\t\tmargin-right: 45px;\n\t\t}\n\t}\n`;\n","module.exports = \"data:image/png;base64,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\"","import styled from \"styled-components\";\nimport CtaButton from \"@components/Buttons/CtaButton\";\nimport onlineOffer from \"@images/brand-identity/graphics/km-icon-online-offer.png\";\nimport { media, color } from \"@utils/style-utils\";\n\nexport const Types = styled.div`\n\tborder: 1px solid ${color(\"grey\", 5)};\n\tborder-radius: 4px;\n\tdisplay: flex;\n\tjustify-content: space-between;\n\tmargin-bottom: 32px;\n\tmargin-top: 32px;\n\tpadding: 23px 22px 20px;\n\tposition: relative;\n\twidth: 100%;\n\n\t${media.lg`\n\t\theight: 100%;\n\t\tmargin-bottom: 0;\n\t\tmargin-top: 0;\n\t\tpadding: 32px 15px 32px 0;\n\t\twidth: calc((1364 - 896 - 40) / 1364 * 100%);\n\t`}\n\n\t${media.xxl`\n\t\tpadding: 32px 24px 32px 0;\n\t`}\n\n\t@media (min-width: 1240px) {\n\t\tpadding-left: 0;\n\t}\n`;\n\nexport const OnlineOfferButton = styled(CtaButton)`\n\tflex-grow: 1;\n\tfont-size: 17px !important;\n\tline-height: normal;\n\tmax-height: 103px;\n\n\t${media.lg`\n\t\tfont-size: 15px !important;\n\t\tmax-width: 190px;\n\t\tpadding-left: 40px;\n\t\tpadding-right: 40px;\n\t`}\n\n\t${media.xxl`\n\t\tfont-size: 16px !important;\n\t\tpadding-left: 16px;\n\t\tpadding-right: 16px;\n\t`}\n`;\n\nexport const Badge = styled.div`\n\talign-items: center;\n\tbackground: ${color(\"white\")};\n\tbottom: calc(100% + 5px);\n\tdisplay: flex;\n\tflex-grow: 1;\n\tjustify-content: center;\n\tleft: 50%;\n\tpadding: 5px 12px;\n\tposition: absolute;\n\ttext-align: center;\n\ttransform: translate(-50%, 50%);\n\twidth: auto;\n\n\t${media.lg`\n\t\tbottom: 0;\n\t\tflex-direction: column;\n\t\tleft: 0;\n\t\tposition: relative;\n\t\ttransform: none;\n\t`}\n`;\n\nexport const BadgeText = styled.p`\n\tcolor: ${color(\"greenDark\", 1)};\n\tfont-size: 13px;\n\tfont-weight: bold;\n\tmargin: 0;\n\ttext-transform: uppercase;\n\n\t${media.lg`\n\t\tfont-size: 12px;\n\t`}\n\n\t${media.xxl`\n\t\tfont-size: 13px;\n\t`}\n`;\n\nexport const OnlineOfferBadge = styled.span`\n\tbackground-image: url(${onlineOffer});\n\tbackground-repeat: no-repeat;\n\tbackground-position: center;\n\tbackground-size: contain;\n\tdisplay: block;\n\theight: 37px;\n\tmargin-right: 7px;\n\twidth: 35px;\n\n\t${media.lg`\n\t\theight: 54px;\n\t\tmargin-bottom: 4px;\n\t\tmargin-right: 0;\n\t\twidth: 50px;\n\t`}\n\n\t${media.xxl`\n\t\theight: 80px;\n\t\twidth: 75px;\n\t`}\n`;\n","import React from \"react\";\nimport { scroller } from \"react-scroll\";\n\nimport { Types, Badge, BadgeText, OnlineOfferBadge, OnlineOfferButton } from \"./styles\";\nimport { hasWindow } from \"@utils\";\n\ninterface IProps {\n\tdoc: IProperty;\n}\n\nconst ApartmentHeadingTypes = (props: IProps) => {\n\tconst { doc } = props;\n\tconst { onlineOffer } = doc;\n\n\tif (!onlineOffer) {\n\t\treturn null;\n\t}\n\n\tconst scrollToOnlineOffer = () => {\n\t\tlet offset = -50;\n\n\t\tif (hasWindow) {\n\t\t\ttry {\n\t\t\t\tconst stickyHeader = document.getElementById(\"apartment-sticky-header\");\n\t\t\t\tif (stickyHeader) {\n\t\t\t\t\tconst { height } = stickyHeader.getBoundingClientRect();\n\t\t\t\t\toffset = (height / 2) * -1;\n\t\t\t\t}\n\t\t\t} catch (e) {\n\t\t\t\tconsole.log(e);\n\t\t\t}\n\t\t}\n\n\t\tscroller.scrollTo(\"apartment-online-offer\", {\n\t\t\tduration: 1000,\n\t\t\toffset,\n\t\t\tsmooth: true,\n\t\t});\n\t};\n\n\treturn (\n\t\t<Types className=\"heading-types\">\n\t\t\t<Badge className=\"heading-badge\">\n\t\t\t\t<OnlineOfferBadge />\n\t\t\t\t<BadgeText className=\"badge-text\">Tarjouskauppa</BadgeText>\n\t\t\t</Badge>\n\t\t\t<OnlineOfferButton onClick={scrollToOnlineOffer}>Seuraa kohdetta</OnlineOfferButton>\n\t\t</Types>\n\t);\n};\n\nexport default ApartmentHeadingTypes;\n","import React, { Fragment } from \"react\";\nimport { Wrapper } from \"@components/Grid\";\nimport ApartmentHeadingTypes from \"@components/Apartment/ApartmentHeadingTypes\";\nimport { HeadingContainer, HeadingArea, SpaceInfo, Prices, PriceInfo } from \"./styles\";\nimport NumberFormat from \"react-number-format\";\n\ninterface IProps {\n\tdoc: IProperty;\n\tnoOnlineOffer?: boolean;\n\tnoWrapper?: boolean;\n}\n\nconst ApartmentHeading = (props: IProps) => {\n\tconst { doc, noOnlineOffer = false, noWrapper = false } = props;\n\tconst {\n\t\taddress,\n\t\tdistrict,\n\t\tlivingArea,\n\t\tmunicipality,\n\t\tonlineOffer,\n\t\trentInfo,\n\t\trental,\n\t\troomTypes,\n\t\tsalesPrice,\n\t\tsalesPriceUnencumbered,\n\t\tsortArea,\n\t\ttotalArea,\n\t\ttype,\n\t} = doc;\n\n\tconst isLot = type === \"TO\" || type === \"OKTT\";\n\tconst area = !isLot\n\t\t? livingArea\n\t\t\t? livingArea\n\t\t\t: totalArea\n\t\t\t\t? totalArea\n\t\t\t\t: null\n\t\t: totalArea\n\t\t\t? totalArea\n\t\t\t: sortArea\n\t\t\t\t? sortArea\n\t\t\t\t: null;\n\n\tconst totalAreaBlock = totalArea ? <span className=\"space-area\"> / {totalArea.toString().replace(\".\", \",\")} m&sup2;</span> : \"\";\n\n\tconst priceText = rental ? \"Vuokra\" : onlineOffer ? \"Velaton lähtöhinta\" : \"Velaton hinta\";\n\tconst priceTextAdditional = rental ? \"Vuokravakuus\" : onlineOffer ? \"Lähtöhinta ilman velkaosuutta\" : \"Myyntihinta\";\n\n\tconst conditionallyWrap = (elems: any) => {\n\t\tif (noWrapper) {\n\t\t\treturn elems;\n\t\t}\n\t\treturn (\n\t\t\t<Wrapper>\n\t\t\t\t<HeadingContainer>\n\t\t\t\t\t{elems}\n\t\t\t\t</HeadingContainer>\n\t\t\t</Wrapper>\n\t\t);\n\t};\n\n\treturn conditionallyWrap(<>\n\t\t<HeadingArea id=\"apartment-heading\">\n\t\t\t<SpaceInfo className=\"space-info\">\n\t\t\t\t{area && <><span className=\"space-area\">{area.toString().replace(\".\", \",\")} m&sup2;</span>{totalAreaBlock}</>}\n\t\t\t\t<span className={\"space-type\" + (area ? \" has-area\" : \"\")}>{isLot ? type : roomTypes}</span>\n\t\t\t</SpaceInfo>\n\t\t\t<h1>\n\t\t\t\t{address}, {district}\n\t\t\t\t{district && municipality ? \", \" : \"\"}\n\t\t\t\t{municipality}\n\t\t\t</h1>\n\t\t\t<Prices className=\"apartment-heading-prices\">\n\t\t\t\t<PriceInfo className=\"apartment-heading-price\" green={true}>\n\t\t\t\t\t<NumberFormat\n\t\t\t\t\t\tdecimalScale={2}\n\t\t\t\t\t\tdecimalSeparator=\",\"\n\t\t\t\t\t\tdisplayType=\"text\"\n\t\t\t\t\t\tfixedDecimalScale={true}\n\t\t\t\t\t\trenderText={fv => <Fragment>{fv}</Fragment>}\n\t\t\t\t\t\tsuffix={rental ? \" €/kk\" : \" €\"}\n\t\t\t\t\t\tthousandSeparator=\" \"\n\t\t\t\t\t\tvalue={rental ? rentInfo.rentPerMonth : salesPriceUnencumbered}\n\t\t\t\t\t/>\n\t\t\t\t\t<span className=\"apartment-heading-price-text\">{priceText}</span>\n\t\t\t\t</PriceInfo>\n\t\t\t\t<PriceInfo className=\"apartment-heading-sales-price\">\n\t\t\t\t\t<NumberFormat\n\t\t\t\t\t\tdecimalScale={2}\n\t\t\t\t\t\tdecimalSeparator=\",\"\n\t\t\t\t\t\tdisplayType=\"text\"\n\t\t\t\t\t\tfixedDecimalScale={true}\n\t\t\t\t\t\trenderText={fv => <Fragment>{fv}</Fragment>}\n\t\t\t\t\t\tsuffix=\" €\"\n\t\t\t\t\t\tthousandSeparator=\" \"\n\t\t\t\t\t\tvalue={rental ? rentInfo.deposit : salesPrice}\n\t\t\t\t\t/>\n\t\t\t\t\t<span className=\"apartment-heading-sales-price-text\">{priceTextAdditional}</span>\n\t\t\t\t</PriceInfo>\n\t\t\t</Prices>\n\t\t</HeadingArea>\n\t\t{!noOnlineOffer && <ApartmentHeadingTypes doc={doc} />}\n\t</>);\n};\n\nexport default ApartmentHeading;\n","import styled, { keyframes, css } from \"styled-components\";\nimport { color, fontFamily, ribbon, media } from \"@utils/style-utils\";\nimport Image from \"@components/Image\";\n\nconst pulse = keyframes`\n\t0%, 100% {\n\t\ttransform: scale3d(1,1,1);\n\t}\n\n\t33.3%, 66.6% {\n\t\ttransform: scale3d(1.05,1.05,1);\n\t}\n\n\t50% {\n\t\ttransform: scale3d(0.98,0.98,1);\n\t}\n`;\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:\n\t\tlinear-gradient(${color(\"grey\", 6)} 40px, transparent 0), /* input */\n\t\tlinear-gradient(${color(\"grey\", 6)} 40px, transparent 0), /* input */\n\t\tlinear-gradient(${color(\"grey\", 6)} 40px, transparent 0), /* input */\n\t\tlinear-gradient(${color(\"grey\", 6)} 60px, transparent 0), /* textarea */\n\t\tlinear-gradient(${color(\"grey\", 6)} 16px, transparent 0), /* text */\n\t\tlinear-gradient(${color(\"greenBright\", 4)} 48px, transparent 0); /* button */\n\tbackground-size:\n\t\t100% 40px, /* input */\n\t\t100% 40px, /* input */\n\t\t100% 40px, /* input */\n\t\t100% 60px, /* textarea */\n\t\t70% 16px, /* text */\n\t\t100% 48px; /* button */\n\tbackground-position:\n\t\t0% 0px, /* input */\n\t\t0% 52px, /* input */\n\t\t0% 104px, /* input */\n\t\t0% 156px, /* textarea */\n\t\t50% 233px, /* text */\n\t\t0% 100%; /* button */\n\tbackground-repeat: no-repeat;\n\theight: 314px;\n\tmargin: 0 auto;\n\toverflow: hidden;\n\tposition: relative;\n\twidth: 100%;\n`;\n\nexport const FormContainer = styled.div`\n\tbackground: ${color(\"white\")};\n\tbox-shadow: 0px 4px 15px ${color(\"grey\", 5)};\n\tmargin-bottom: 38px;\n\tpadding: 32px 16px;\n\ttop: 80px;\n\ttransition: transform 200ms ease-in-out;\n\ttransform: translateY(0);\n\twidth: 100%;\n\n\t${media.lg`\n\t\tfloat: right;\n\t\tmargin-bottom: 0;\n\t\tposition: sticky;\n\t\twidth: calc(428 / 1364 * 100%);\n\t`}\n\n\t/* .header-pinned & {\n\t\ttransform: translateY(65px);\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&.focused {\n\t\tanimation: ${pulse} 0.8s both;\n\t}\n`;\n\nexport const FormHeader = styled.div`\n\talign-items: center;\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\tmargin-bottom: 12px;\n\twidth: 100%;\n\n\tp {\n\t\tcolor: ${color(\"grey\", 1)};\n\t\tmargin: 0;\n\n\t\tstrong {\n\t\t\tfont-size: 14px;\n\t\t\tfont-weight: 600;\n\t\t}\n\n\t\ta,\n\t\tspan {\n\t\t\tcolor: ${color(\"grey\", 2)};\n\t\t\tfont-size: 16px;\n\t\t\tfont-family: ${fontFamily.condensed};\n\t\t\ttext-decoration: none;\n\t\t}\n\t}\n\n\ta:hover {\n\t\tcolor: ${color(\"greenDark\", 2)};\n\t\ttext-decoration: underline;\n\t}\n`;\n\nexport const FormAgent = styled.div`\n\ttext-align: center;\n\twidth: 100%;\n`;\n\nexport const FormAgency = styled.div`\n\tmargin-top: 30px;\n\ttext-align: center;\n`;\n\nexport const FormContent = styled.div`\n\tmargin: auto;\n\tmax-width: 311px;\n\n\tform.submitting {\n\t\tinput,\n\t\ttextarea {\n\t\t\tbackground-color: ${color(\"grey\", 7)};\n\t\t\topacity: 0.7;\n\t\t}\n\t}\n\n\tinput,\n\ttextarea {\n\t\tbackground: ${color(\"grey\", 7)};\n\t\tmargin-bottom: 12px;\n\t\twidth: 100%;\n\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\theight: 60px;\n\t\tresize: none;\n\t}\n\n\tbutton {\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\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 InputGroup = styled.div`\n\tcolor: ${color(\"greenBright\", 3)};\n\tfont-size: 14px;\n\tposition: relative;\n\n\tsvg {\n\t\tfont-size: 14px;\n\t\theight: 33px;\n\t\tleft: 16px;\n\t\tmax-width: 17px;\n\t\tposition: absolute;\n\t\ttop: 3px;\n\t\twidth: 17px;\n\t\tz-index: 2;\n\t}\n\n\tinput {\n\t\tpadding-left: 45px;\n\t\tposition: relative;\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: 12px;\n\tmargin-top: -2px;\n`;\n\nexport const AgentImage = styled(Image)`\n\tborder: 1px solid ${color(\"grey\", 5)};\n\tborder-radius: 50%;\n\theight: 56px;\n\tmargin: 0 auto 3px;\n\tobject-fit: cover;\n\toverflow: hidden;\n\twidth: 56px;\n`;\n\nexport const GdprLink = styled.p`\n\tfont-size: 14px;\n\tmargin: 0 auto 19px;\n\ttext-align: center;\n\n\ta {\n\t\tcolor: ${color(\"greenDark\", 1)};\n\t\ttext-decoration: none;\n\n\t\t&:hover {\n\t\t\ttext-decoration: underline;\n\t\t}\n\t}\n`;\n","import styled from \"styled-components\";\nimport { Container, Wrapper } from \"@components/Grid\";\nimport { boxShadow, color, grid, media, ribbon, textStyles as TextStyles, textStyles } from \"@utils/style-utils\";\nimport { HeadingContainer } from \"@components/Apartment/ApartmentHeading/styles\";\nimport formBG from \"@images/brand-identity/graphics/form-bg-pattern.png\";\n\nexport const RentalFormPageContainer = styled(Container)`\n\tmargin-top: 65px;\n`;\n\nexport const RentalFormPageWrapper = styled(Wrapper)`\n\thr {\n\t\tmargin: 1em 0;\n\n\t\t${media.lg`\n\t\t\tmargin: 2em 0;\n\t\t`};\n\t}\n`;\n\nexport const RentalFormPropertyWrapper = styled.div`\n\talign-items: flex-start;\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\n\t${media.lg`\n\t\tflex-direction: row;\n\t\timg {\n\t\t\tmargin-top: 40px;\n\t\t}\n\t`};\n\n\timg {\n\t\theight: 262px;\n\t\twidth: auto;\n\t}\n\n\t${HeadingContainer} {\n\t\tmargin-top: 0;\n\t\tpadding: 0;\n\t}\n;\n`;\n\nexport const ThanksText = styled.div`\n\tbackground: ${color(\"greenBright\", 5)};\n\tfont-size: 1.7rem;\n\tmargin: 6em auto;\n\tpadding: 3em;\n`;\n\nexport const RentalFormWrapper = styled.div`\n\tmargin: 6em auto;\n\tpadding: 1em 0 0 0;\n\tposition: relative;\n\n\t&:after {\n\t\tbackground: url(${formBG}) no-repeat center bottom;\n\t\tbackground-size: 100vw auto;\n\t\tcontent: \"\";\n\t\tdisplay: block;\n\t\theight: 90%;\n\t\tleft: calc(-1 * ((100vw - (min(926px, 95vw) - 3em)) / 2) / 2);\n\t\tpointer-events: none;\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\twidth: 100vw;\n\t\tz-index: 2;\n\t}\n\n\t&:before {\n\t\tbackground-color: ${color(\"greenBright\", 5)};\n\t\tcontent: \"\";\n\t\tdisplay: block;\n\t\theight: 90%;\n\t\tleft: -25vw;\n\t\tpointer-events: none;\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\twidth: 200vw;\n\t\tz-index: 1;\n\t}\n`;\nexport const RentalForm = styled.form`\n\tbackground: ${color(\"white\")};\n\tbox-shadow: ${boxShadow.normal};\n\tcolor: ${color(\"grey\", 1)};\n\tfont-size: 1.7rem;\n\tmargin: 3em auto;\n\tmax-width: min(926px, 95vw);\n\tpadding: 1em;\n\tposition: relative;\n\tz-index: 3;\n\n\t&:before {\n\t\t${ribbon};\n\t\tcontent: \"\";\n\t\tdisplay: block;\n\t\theight: 6px;\n\t\tleft: 0;\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\twidth: 100%;\n\t}\n\n\tlabel {\n\t\tcolor: ${color(\"grey\", 1)};\n\t}\n\n\t.deposit-info {\n\t\tborder: 1px solid ${color(\"greenBright\", 1)};\n\t\tmargin-bottom: 1em;\n\t\tpadding: 1em;\n\t\ttext-align: center;\n\t}\n\n\t.form-group {\n\t\talign-items: center;\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tgap: 1em;\n\t\tjustify-content: space-between;\n\t\tmargin-bottom: 5px;\n\t\tmax-width: 600px;\n\n\t\t&--income, &--otherApplicantIncome {\n\t\t\tdisplay: block;\n\t\t\tmargin: 1em 0;\n\t\t\tmax-width: 100%;\n\n\t\t\tlabel {\n\t\t\t\tdisplay: block;\n\t\t\t\tmargin-bottom: 5px;\n\t\t\t}\n\n\t\t\tinput.form-input {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tmin-width: unset;\n\t\t\t}\n\n\t\t\tspan {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tmargin-left: 1em;\n\t\t\t}\n\n\t\t\t${media.lg`\n\t\t\t\tmargin: 0;\n\t\t\t`};\n\t\t}\n\n\t\t&--description, &--otherPeopleDescription, &--otherInformation {\n\t\t\talign-items: flex-start;\n\t\t\tflex-direction: column;\n\t\t\tmargin: 1em 0;\n\t\t\tmax-width: 100%;\n\n\t\t\t${media.lg`\n\t\t\t\tmargin: 0;\n\t\t\t`};\n\t\t}\n\n\t\t&--pets {\n\t\t\tmax-width: 100%;\n\n\t\t\t${media.lg`\n\t\t\t\tmargin-top: 1em;\n\t\t\t`};\n\t\t}\n\n\t\t&--smoking {\n\t\t\t.multi-button-select {\n\t\t\t\tmargin-top: 5px;\n\t\t\t}\n\t\t}\n\n\t\t.form-label:not(.form-extra-text) {\n\t\t\tflex-shrink: 0;\n\t\t}\n\n\t\t.form-extra-text {\n\t\t\tdisplay: inline-flex;\n\t\t}\n\n\t\t&.full-width {\n\t\t\tmax-width: 100%;\n\t\t\twidth: 100%;\n\t\t}\n\t}\n\n\t${media.lg`\n\t\tmargin: 1em auto;\n\t\tpadding: 3em;\n\t`};\n`;\n\nexport const RentalFormTop = styled.div`\n\ttext-align: center;\n\n\t.property-info-box {\n\t\tborder: 1px solid ${color(\"greenBright\", 1)};\n\t\tmargin-bottom: 3em;\n\t\tpadding: 1em;\n\n\t\tsvg {\n\t\t\tcolor: ${color(\"greenBright\", 1)};\n\t\t\tmargin-right: 8px;\n\t\t}\n\t}\n`;\n\nexport const RentalFormSectionHeader = styled.h3`\n`;\n\nexport const RentalFormSectionedInputs = styled.div`\n\talign-items: flex-start;\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\n\t${media.lg`\n\t\tflex-direction: row;\n\t`};\n`;\n\nexport const RentalFormSectionInputs = styled.div`\n\talign-items: stretch;\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\n\t.form-group {\n\t\talign-items: flex-start;\n\t\tflex-direction: column;\n\t\tgap: 5px;\n\t}\n\n\t.form-label {\n\t\tcolor: ${color(\"gray\", 2)};\n\t}\n\n\t.form-error {\n\t\tborder: 1px solid ${color(\"coral\", 1)};\n\t}\n\n\t.form-input {\n\t\tbackground-color: ${color(\"gray\", 7)};\n\t\tmin-width: min(100%, 350px);\n\t}\n\n\t&.space-before {\n\t\tmargin-top: 1em;\n\t}\n\n\tlabel {\n\t\t&[for=\"creditCheckPermission\"], &[for=\"contactPermission\"] {\n\t\t\talign-items: flex-start;\n\t\t}\n\n\t\t.box {\n\t\t\tmargin-top: 3px;\n\t\t\tmin-width: 16px;\n\t\t}\n\t}\n\n\t${media.lg`\n\t\t&:not(.vertical) {\n\t\t\tflex-direction: row;\n\t\t\tflex-wrap: wrap;\n\t\t\tgap: 1em;\n\n\t\t\t.form-group:not(.full-width) {\n\t\t\t\twidth: calc(50% - 0.5em);\n\t\t\t}\n\t\t\t.form-input {\n\t\t\t\tmin-width: 100%;\n\t\t\t}\n\t\t}\n\t\t&.inputs-half {\n\t\t\twidth: 50%;\n\t\t}\n\t`};\n`;\n\nexport const RentalFormSubSection = styled.div`\n\tmargin-bottom: 1em;\n\n\thr {\n\t\tmargin: 1em 0 0 0;\n\t\twidth: min(100%, 350px);\n\t}\n`;\n\nexport const RentalFormSubSectionHeader = styled.h4`\n\tmargin: 1em 0;\n`;\n\nexport const RentalFormBottom = styled.div`\n\talign-items: center;\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 1em;\n\tjustify-content: space-between;\n\n\t${media.lg`\n\t\talign-items: flex-start;\n\t\tflex-direction: row;\n\t`};\n`;\n\nexport const FormSubmitWrapper = styled.div`\n\talign-items: center;\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 3em;\n\tjustify-content: center;\n\tmargin-bottom: 3em;\n\tmargin-top: 1em;\n\twidth: 100%;\n\n\t${media.lg`\n\t\tmargin-top: 3em;\n\t`};\n`;\n\nexport const FormErrors = styled.div`\n\tcolor: ${color(\"coral\", 1)};\n`;\n\nexport const RentalFormAgency = styled.div`\n\talign-items: center;\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\n\ta {\n\t\tcolor: ${color(\"gray\", 1)};\n\t\ttext-align: center;\n\n\t\t&:hover {\n\t\t\tcolor: ${color(\"greenBright\", 1)};\n\t\t}\n\t}\n\n\tp {\n\t\t${TextStyles.MicroText};\n\t\tmargin: 2px;\n\t\tpadding: 0;\n\t\ttext-align: center;\n\t}\n\n\t${media.lg`\n\t\talign-items: flex-start;\n\t\tjustify-content: flex-start;\n\n\t\tp {\n\t\t\ttext-align: left;\n\t\t}\n\t`};\n`;\n\nexport const RentalFormAgent = styled.div`\n\talign-items: center;\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\n\ta {\n\t\tcolor: ${color(\"gray\", 1)};\n\t\ttext-align: center;\n\n\t\t&:hover {\n\t\t\tcolor: ${color(\"greenBright\", 1)};\n\t\t}\n\t}\n\n\tp {\n\t\t${TextStyles.MicroText};\n\t\tmargin: 2px;\n\t\tpadding: 0;\n\t}\n`;\n\nexport const RentalFormInlineError = styled.div`\n\tborder: 1px solid ${color(\"coral\", 1)};\n\tmargin: 0 1em 1em 0;\n\tpadding: 1em;\n\ttext-align: center;\n\n\t&.full-width {\n\t\tmargin: 0 0 1em 0;\n\t}\n`;\n","import { hasWindow } from \"@utils/index\";\n\nexport const scrollToSelector = (selector: string, smooth: boolean = true, scrollOffset: number = -65) => {\n\tif (!hasWindow) {\n\t\treturn;\n\t}\n\tconst element: any = document.querySelector(selector);\n\tif (!element) {\n\t\tconsole.log(\"No element found to scroll to with selector\", selector);\n\t\treturn;\n\t}\n\n\tlet offset: number = element.offsetTop;\n\tlet parentElement: any = element.offsetParent || element.parentElement;\n\twhile (parentElement) {\n\t\toffset += parentElement.offsetTop;\n\t\tparentElement = parentElement.offsetParent || parentElement.parentElement;\n\t}\n\toffset += scrollOffset;\n\n\twindow.scrollTo({\n\t\tbehavior: smooth ? \"smooth\" : \"auto\",\n\t\tleft: 0,\n\t\ttop: offset,\n\t});\n};\n","import React, { useEffect, useState } from \"react\";\nimport {\n\tFormErrors,\n\tFormSubmitWrapper,\n\tRentalForm,\n\tRentalFormAgency,\n\tRentalFormAgent,\n\tRentalFormBottom,\n\tRentalFormInlineError,\n\tRentalFormPageContainer,\n\tRentalFormPageWrapper,\n\tRentalFormPropertyWrapper,\n\tRentalFormSectionedInputs,\n\tRentalFormSectionHeader,\n\tRentalFormSectionInputs,\n\tRentalFormSubSection,\n\tRentalFormSubSectionHeader,\n\tRentalFormTop,\n\tRentalFormWrapper,\n\tThanksText,\n} from \"./styles\";\nimport { IApplicationState } from \"@redux\";\nimport { connect } from \"react-redux\";\nimport ApartmentHeading from \"@components/Apartment/ApartmentHeading\";\nimport Image from \"@components/Image\";\nimport { getAssetUrl, hasWindow, imageWithSize } from \"@utils\";\nimport CtaButton from \"@components/Buttons/CtaButton\";\nimport { FontAwesomeIcon as FaIcon } from \"@fortawesome/react-fontawesome\";\nimport { NavLink } from \"react-router-dom\";\nimport { AgentImage } from \"@components/Apartment/ApartmentContactForm/styles\";\nimport Email from \"@components/Info/Email\";\nimport Phone from \"@components/Info/Phone\";\nimport { getImageUrl } from \"@utils/apartment\";\nimport Editor from \"wake-react-components/editor\";\nimport Text from \"wake-react-components/text\";\nimport Checkbox from \"@components/Form/Checkbox\";\nimport TextInput from \"@components/Form/TextInput\";\nimport isEmpty from \"lodash-es/isEmpty\";\nimport { Textarea } from \"@components/Form/form-styles\";\nimport { FormGroup } from \"@components/Form/TextInput/styles\";\nimport axios, { AxiosResponse } from \"axios\";\nimport toast from \"cogo-toast\";\nimport { isAdmin } from \"wake-react-components/utils\";\nimport MultiButtonSelect from \"@components/Form/MultiButtonSelect\";\nimport dataLayerPush from \"@utils/dataLayerPush\";\nimport { scrollToSelector } from \"@utils/element-scroll\";\n\nconst RentalFormPage = (props: any) => {\n\n\tconst { doc } = props;\n\tconst { agency, property } = doc;\n\tconst { agentInfo = null } = property || {};\n\n\tconst FIELD_TITLES: Record<string, string> = {\n\t\taddress: \"Osoite\",\n\t\tcontactPermission: \"Mikäli tämä hakemus ei johda vuokrasopimukseen vuokranantajan ja vuokralaisen välillä, saa \"\n\t\t\t+ \"välitysliike ottaa hakijaan yhteyttä puhelimitse tai sähköpostitse vastaavaa toista asuntoa koskien\",\n\t\tcreditCheckPermission: \"Annan/Annamme luvan luottotietojen tarkastamiseen rekisteristä ja tietojen luovuttamiseen vuokranantajalle\",\n\t\tcreditRecord: \"Luottotiedot\",\n\t\tcreditRecordDescription: \"Mitä?\",\n\t\tdateOfBirth: \"Syntymäaika tai Y-tunnus\",\n\t\tdescription: \"Tulojen lisäksi muut vuokramaksukyvyn kannalta merkitykselliset tiedot\",\n\t\teducation: \"Koulutusohjelma\",\n\t\teducationStart: \"Opintojen aloitusvuosi\",\n\t\temail: \"Sähköposti\",\n\t\temployed: \"Työ-/virkasuhde\",\n\t\temployerAddress: \"Osoite\",\n\t\temployerName: \"Nimi\",\n\t\temployerPhone: \"Puhelinnumero\",\n\t\temploymentStart: \"Työsuhde alkanut / kesto\",\n\t\temploymentType: \"Työsuhde\",\n\t\tentrepreneur: \"Yrittäjä\",\n\t\tfullName: \"Täydellinen nimi\",\n\t\tguarantee: \"Takaus\",\n\t\tguaranteeDescription: \"Takaus, takaajan nimi ja puhelinnumero\",\n\t\tincome: \"Bruttotulot\",\n\t\tinterestedInParking: \"Olen kiinnostunut autopaikasta\",\n\t\tlife: \"Elämäntilanteesi\",\n\t\tmoneyDeposit: \"Rahavakuus\",\n\t\tother: \"Muu\",\n\t\totherApplicant: \"Haen asuntoa yhdessä toisen henkilön kanssa\",\n\t\totherApplicantAddress: \"Osoite\",\n\t\totherApplicantDateOfBirth: \"Syntymäaika\",\n\t\totherApplicantDescription: \"Tulojen lisäksi muut vuokramaksukyvyn kannalta merkitykselliset tiedot\",\n\t\totherApplicantEducation: \"Koulutusohjelma\",\n\t\totherApplicantEducationStart: \"Opintojen aloitusvuosi\",\n\t\totherApplicantEmail: \"Sähköposti\",\n\t\totherApplicantEmployed: \"Työ-/virkasuhde\",\n\t\totherApplicantEmployerAddress: \"Osoite\",\n\t\totherApplicantEmployerName: \"Nimi\",\n\t\totherApplicantEmployerPhone: \"Puhelinnumero\",\n\t\totherApplicantEmploymentStart: \"Työsuhde alkanut / kesto\",\n\t\totherApplicantEmploymentType: \"Työsuhde\",\n\t\totherApplicantEntrepreneur: \"Yrittäjä\",\n\t\totherApplicantFullName: \"Täydellinen nimi\",\n\t\totherApplicantIncome: \"Bruttotulot\",\n\t\totherApplicantOther: \"Muu\",\n\t\totherApplicantOtherText: \"Mikä?\",\n\t\totherApplicantPensioner: \"Eläkeläinen\",\n\t\totherApplicantPermissionToContactEmployer: \"Hakija / mukana muuttava puoliso antaa välitysliikkeelle luvan \" +\n\t\t\t\"ottaa yhteyttä työnantajaan tarvittaessa\",\n\t\totherApplicantPhone: \"Puhelinnumero\",\n\t\totherApplicantSchool: \"Oppilaitos\",\n\t\totherApplicantStudent: \"Opiskelija\",\n\t\totherDeposit: \"Muu\",\n\t\totherDepositDescription: \"Mikä?\",\n\t\totherInformation: \"Lisätiedot\",\n\t\totherPeopleDescription: \"Muiden mukana muuttavien tiedot (nimi ja syntymävuosi, alaikäisten osalta ilmoita \" +\n\t\t\t\"vain lukumäärä ja syntymävuosi)\",\n\t\totherText: \"Mikä?\",\n\t\tpensioner: \"Eläkeläinen\",\n\t\tpermissionToContactEmployer: \"Annan välitysliikkeelle luvan ottaa yhteyttä työnantajaan tarvittaessa\",\n\t\tpets: \"Lemmikkieläimiä\",\n\t\tpetsDescription: \"Mitä?\",\n\t\tphone: \"Puhelinnumero\",\n\t\tpledgeCommitment: \"Vakuustilin panttaussitoumus\",\n\t\tschool: \"Oppilaitos\",\n\t\tsmoking: \"Joku huoneistoon muuttava tupakoi\",\n\t\tstartDate: \"Vuokrasuhteen toivottu aloituspäivämäärä\",\n\t\tstudent: \"Opiskelija\",\n\t};\n\n\tconst FIELD_ORDERS: Record<string, number> = {\n\t\taddress: 4,\n\t\tcontactPermission: 63,\n\t\tcreditCheckPermission: 60,\n\t\tcreditRecord: 58,\n\t\tcreditRecordDescription: 59,\n\t\tdateOfBirth: 3,\n\t\tdescription: 23,\n\t\teducation: 16,\n\t\teducationStart: 17,\n\t\temail: 6,\n\t\temployed: 7,\n\t\temployerAddress: 9,\n\t\temployerName: 8,\n\t\temployerPhone: 10,\n\t\temploymentStart: 12,\n\t\temploymentType: 11,\n\t\tentrepreneur: 19,\n\t\tfullName: 2,\n\t\tguarantee: 56,\n\t\tguaranteeDescription: 57,\n\t\tincome: 22,\n\t\tinterestedInParking: 1,\n\t\tmoneyDeposit: 52,\n\t\tother: 20,\n\t\totherApplicant: 24,\n\t\totherApplicantAddress: 28,\n\t\totherApplicantDateOfBirth: 27,\n\t\totherApplicantDescription: 47,\n\t\totherApplicantEducation: 40,\n\t\totherApplicantEducationStart: 41,\n\t\totherApplicantEmail: 30,\n\t\totherApplicantEmployed: 31,\n\t\totherApplicantEmployerAddress: 33,\n\t\totherApplicantEmployerName: 32,\n\t\totherApplicantEmployerPhone: 34,\n\t\totherApplicantEmploymentStart: 36,\n\t\totherApplicantEmploymentType: 35,\n\t\totherApplicantEntrepreneur: 43,\n\t\totherApplicantFullName: 26,\n\t\totherApplicantIncome: 46,\n\t\totherApplicantOther: 44,\n\t\totherApplicantOtherText: 45,\n\t\totherApplicantPensioner: 42,\n\t\totherApplicantPermissionToContactEmployer: 37,\n\t\totherApplicantPhone: 29,\n\t\totherApplicantSchool: 39,\n\t\totherApplicantStudent: 38,\n\t\totherApplicantType: 25,\n\t\totherDeposit: 54,\n\t\totherDepositDescription: 55,\n\t\totherInformation: 62,\n\t\totherPeopleDescription: 51,\n\t\totherText: 21,\n\t\tpensioner: 18,\n\t\tpermissionToContactEmployer: 13,\n\t\tpets: 49,\n\t\tpetsDescription: 50,\n\t\tphone: 5,\n\t\tpledgeCommitment: 53,\n\t\tschool: 15,\n\t\tsmoking: 48,\n\t\tstartDate: 61,\n\t\tstudent: 14,\n\t};\n\n\tconst ERROR_MAP = {\n\t\temployed: \"life\",\n\t};\n\n\tconst REQUIRED_FIELDS: string[] = [\n\t\t\"address\",\n\t\t\"creditCheckPermission\",\n\t\t\"creditRecord\",\n\t\t\"dateOfBirth\",\n\t\t\"email\",\n\t\t\"fullName\",\n\t\t\"income\",\n\t\t\"pets\",\n\t\t\"phone\",\n\t\t\"smoking\",\n\t\t\"startDate\",\n\t];\n\n\tconst REQUIRED_EMPLOYMENT_FIELDS: string[] = [\n\t\t\"employerAddress\",\n\t\t\"employerName\",\n\t\t\"employerPhone\",\n\t\t\"employmentStart\",\n\t\t\"employmentType\",\n\t];\n\n\tconst REQUIRED_EDUCATION_FIELDS: string[] = [\n\t\t\"education\",\n\t\t\"educationStart\",\n\t\t\"school\",\n\t];\n\n\tconst REQUIRED_OTHER_APPLICANT_FIELDS: string[] = [\n\t\t\"otherApplicantAddress\",\n\t\t\"otherApplicantDateOfBirth\",\n\t\t\"otherApplicantEmail\",\n\t\t\"otherApplicantFullName\",\n\t\t\"otherApplicantIncome\",\n\t\t\"otherApplicantPhone\",\n\t];\n\n\tconst REQUIRED_OTHER_APPLICANT_EMPLOYMENT_FIELDS = [\n\t\t\"otherApplicantEmployerAddress\",\n\t\t\"otherApplicantEmployerName\",\n\t\t\"otherApplicantEmployerPhone\",\n\t\t\"otherApplicantEmploymentStart\",\n\t\t\"otherApplicantEmploymentType\",\n\t];\n\n\tconst REQUIRED_OTHER_APPLICANT_EDUCATION_FIELDS: string[] = [\n\t\t\"otherApplicantEducation\",\n\t\t\"otherApplicantEducationStart\",\n\t\t\"otherApplicantSchool\",\n\t];\n\n\tconst [ formValues, setFormValues ] = useState<any>({});\n\tconst [ errors, setErrors ] = useState<any>({});\n\tconst [ submitted, setSubmitted ] = useState(false);\n\tconst [ initial, setInitial ] = useState(true);\n\n\tuseEffect(() => {\n\t\tif (hasWindow && errors && Object.keys(errors).length === 1) {\n\t\t\t// scroll to first erroneous field if it is the only error\n\t\t\tscrollToSelector('#' + Object.keys(errors)[ 0 ]);\n\t\t}\n\t}, [ errors ]);\n\n\tuseEffect(() => {\n\t\tif (initial) {\n\t\t\tsetInitial(false);\n\t\t\tif (hasWindow && typeof (localStorage) !== \"undefined\") {\n\t\t\t\tconst existingValues = localStorage.getItem(\"rentalForm\");\n\t\t\t\tif (typeof (existingValues) === \"string\") {\n\t\t\t\t\ttry {\n\t\t\t\t\t\tconst parsed = JSON.parse(existingValues);\n\t\t\t\t\t\tsetFormValues(parsed);\n\t\t\t\t\t} catch (err) {\n\t\t\t\t\t\tconsole.log(\"JSON parse failed\", err);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t} else {\n\t\t\tif (hasWindow && typeof (localStorage) !== \"undefined\") {\n\t\t\t\tlocalStorage.setItem(\"rentalForm\", JSON.stringify(formValues));\n\t\t\t}\n\t\t}\n\t}, [ formValues ]);\n\n\tconst handleSelectionChange = (fieldName: string, e: any) => {\n\t\tif (e[ 0 ]) {\n\t\t\thandleChange({\n\t\t\t\ttarget: {\n\t\t\t\t\tname: fieldName,\n\t\t\t\t\tvalue: e[ 0 ].value,\n\t\t\t\t},\n\t\t\t});\n\t\t}\n\t};\n\n\tconst handleChange = (e: any) => {\n\t\tconst target = e.target || e;\n\t\tif (!target.name) {\n\t\t\tconsole.log(\"Must have attribute \\\"name\\\" set.\");\n\t\t\treturn;\n\t\t}\n\t\tconst newValue = target.type === \"checkbox\" ? target.checked : target.value;\n\t\tsetFormValues((currentValues: any) => {\n\t\t\treturn {\n\t\t\t\t...currentValues,\n\t\t\t\t[ target.name ]: newValue,\n\t\t\t};\n\t\t});\n\t\tlet clearTarget = target.name;\n\t\tif ([ \"pledgeCommitment\", \"otherDeposit\", \"guarantee\" ].includes(clearTarget)) {\n\t\t\tclearTarget = \"moneyDeposit\";\n\t\t} else if ([ \"student\", \"pensioner\", \"entrepreneur\", \"other\" ].includes(clearTarget)) {\n\t\t\tclearTarget = \"employed\";\n\t\t} else if ([\n\t\t\t\"otherApplicantStudent\",\n\t\t\t\"otherApplicantPensioner\",\n\t\t\t\"otherApplicantEntrepreneur\",\n\t\t\t\"otherApplicantOther\",\n\t\t].includes(clearTarget)) {\n\t\t\tclearTarget = \"otherApplicantEmployed\";\n\t\t}\n\t\tif (errors[ clearTarget ] && (!isEmpty(newValue) || newValue === true)) {\n\t\t\tsetErrors({ ...errors, [ clearTarget ]: false });\n\t\t}\n\t};\n\n\tconst validateForm = () => {\n\t\tconst newErrors: any = {};\n\t\tconst requiredFields = [ ...REQUIRED_FIELDS ];\n\n\t\tif (formValues.employed) {\n\t\t\trequiredFields.push(...REQUIRED_EMPLOYMENT_FIELDS);\n\t\t}\n\n\t\tif (formValues.student) {\n\t\t\trequiredFields.push(...REQUIRED_EDUCATION_FIELDS);\n\t\t}\n\n\t\tif (formValues.other) {\n\t\t\trequiredFields.push(\"otherText\");\n\t\t}\n\n\t\tif (!formValues.employed &&\n\t\t\t!formValues.student &&\n\t\t\t!formValues.pensioner &&\n\t\t\t!formValues.entrepreneur &&\n\t\t\t!formValues.other\n\t\t) {\n\t\t\tnewErrors[ \"employed\" ] = true;\n\t\t}\n\n\t\tif (formValues.otherApplicant) {\n\t\t\trequiredFields.push(...REQUIRED_OTHER_APPLICANT_FIELDS);\n\n\t\t\tif (formValues.otherApplicantEmployed) {\n\t\t\t\trequiredFields.push(...REQUIRED_OTHER_APPLICANT_EMPLOYMENT_FIELDS);\n\t\t\t}\n\t\t\tif (formValues.otherApplicantStudent) {\n\t\t\t\trequiredFields.push(...REQUIRED_OTHER_APPLICANT_EDUCATION_FIELDS);\n\t\t\t}\n\t\t\tif (formValues.otherApplicantOther) {\n\t\t\t\trequiredFields.push(\"otherApplicantOtherText\");\n\t\t\t}\n\t\t\tif (!formValues.otherApplicantEmployed &&\n\t\t\t\t!formValues.otherApplicantStudent &&\n\t\t\t\t!formValues.otherApplicantPensioner &&\n\t\t\t\t!formValues.otherApplicantEntrepreneur &&\n\t\t\t\t!formValues.otherApplicantOther\n\t\t\t) {\n\t\t\t\tnewErrors[ \"otherApplicantEmployed\" ] = true;\n\t\t\t}\n\t\t}\n\n\t\tif (!formValues.moneyDeposit &&\n\t\t\t!formValues.pledgeCommitment &&\n\t\t\t!formValues.otherDeposit &&\n\t\t\t!formValues.guarantee\n\t\t) {\n\t\t\tnewErrors[ \"moneyDeposit\" ] = true;\n\t\t}\n\n\t\tif (formValues.otherDeposit) {\n\t\t\trequiredFields.push(\"otherDepositDescription\");\n\t\t}\n\t\tif (formValues.guarantee) {\n\t\t\trequiredFields.push(\"guaranteeDescription\");\n\t\t}\n\t\tif (formValues.creditRecord === \"On häiriömerkintöjä\") {\n\t\t\trequiredFields.push(\"creditRecordDescription\");\n\t\t}\n\n\t\trequiredFields.forEach((field: string) => {\n\t\t\tif (!(field in formValues) || (isEmpty(formValues[ field ]) && formValues[ field ] !== true)) {\n\t\t\t\tnewErrors[ field ] = true;\n\t\t\t}\n\t\t});\n\t\tsetErrors(newErrors);\n\t\treturn Object.keys(newErrors).length === 0;\n\t};\n\n\tconst handleSubmit = (e: any) => {\n\t\te.preventDefault();\n\t\te.stopPropagation();\n\n\t\tif (!validateForm()) {\n\t\t\treturn;\n\t\t}\n\t\tconst postData = {\n\t\t\t...formValues,\n\t\t\tagency,\n\t\t\tagentEmail: agentInfo.email,\n\t\t\tagentInfo,\n\t\t\tformID: \"rentalForm\",\n\t\t\tkey: property ? property.key || \"\" : \"\",\n\t\t\tmailSubjectAgent: \"Vuokrahakemus: \" + property.address + \" (\" + property.key + \")\",\n\t\t\tmailSubjectCustomer: \"Kiitos vuokrahakemuksesta asuntoon \" + property.address,\n\t\t};\n\t\taxios.post(\"/api/1/form/submit\", postData).then(() => {\n\t\t\tsetSubmitted(true);\n\t\t\tif (hasWindow && typeof (localStorage) !== \"undefined\") {\n\t\t\t\tlocalStorage.removeItem(\"rentalForm\");\n\t\t\t\tdataLayerPush({\n\t\t\t\t\taction: \"Lähetä\",\n\t\t\t\t\tconversationDetails: \"Vuokrahakemus\",\n\t\t\t\t\tevent: \"customConversion\",\n\t\t\t\t});\n\t\t\t\tscrollToSelector('#thanks');\n\t\t\t}\n\t\t}).catch((err: AxiosResponse) => {\n\t\t\tconsole.error(\"Submitting form failed\", err);\n\t\t\ttoast.error(\n\t\t\t\t`Lomakkeen lähettäminen epäonnistui. Odota hetki ja yritä uudelleen.`,\n\t\t\t\t{\n\t\t\t\t\thideAfter: 0,\n\t\t\t\t\tonClick: (hide: any) => {\n\t\t\t\t\t\thide();\n\t\t\t\t\t},\n\t\t\t\t\tposition: \"bottom-right\",\n\t\t\t\t},\n\t\t\t);\n\t\t});\n\t};\n\n\treturn <RentalFormPageContainer>\n\t\t<RentalFormPageWrapper>\n\t\t\t<h1>Tee vuokrahakemus</h1>\n\t\t\t{property && <RentalFormPropertyWrapper>\n\t\t\t\t<ApartmentHeading doc={property} />\n\t\t\t\t{!!(property.firstImage &&\n\t\t\t\t\tproperty.firstImage.path &&\n\t\t\t\t\tproperty.firstImage.name\n\t\t\t\t) && <Image\n\t\t\t\t\talt=\"\"\n\t\t\t\t\tfallbackSrc={getAssetUrl(\"/assets/images/list/noimage-large.png\")}\n\t\t\t\t\tsrc={imageWithSize(getImageUrl(property.firstImage), \"h_265\")}\n\t\t\t\t/>\n\t\t\t\t}\n\t\t\t</RentalFormPropertyWrapper>}\n\n\t\t\t{isAdmin && <Editor\n\t\t\t\tname=\"rentalFormThanksText\"\n\t\t\t/>}\n\t\t\t{submitted\n\t\t\t\t? <ThanksText dangerouslySetInnerHTML={{ __html: doc.rentalFormThanksText }} id={\"thanks\"} />\n\t\t\t\t: <RentalFormWrapper>\n\t\t\t\t\t<RentalForm\n\t\t\t\t\t\tonSubmit={handleSubmit}\n\t\t\t\t\t>\n\t\t\t\t\t\t<RentalFormTop>\n\t\t\t\t\t\t\t<h3>\n\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\tdefaultValue={\"Hae asuntoa täyttämällä vuokra-asuntohakemus\"}\n\t\t\t\t\t\t\t\t\tname=\"formPreHeader\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</h3>\n\t\t\t\t\t\t\t<Editor\n\t\t\t\t\t\t\t\tdefaultValue={\"<p>Täytäthän kaikki tiedot huolellisesti, \"\n\t\t\t\t\t\t\t\t\t+ \"sillä se nopeuttaa hakemuksen käsittelyä. Välittäjä on sinuun yhteydessä mahdollisimman \"\n\t\t\t\t\t\t\t\t\t+ \"pian.</p>\"}\n\t\t\t\t\t\t\t\tname=\"formPreText\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<p className=\"property-info-box\">\n\t\t\t\t\t\t\t\t<FaIcon icon=\"map-marker-alt\" />\n\t\t\t\t\t\t\t\tHaettava kohde: {property.address}, {property.postcode} {property.municipality}\n\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\tVuokra: {property.rentInfo.rentPerMonth || \"?\"} &euro; / kk\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t</RentalFormTop>\n\n\t\t\t\t\t\t{property.hasSomethingAboutParking && <p\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tmarginBottom: \"1em\",\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\t\tchecked={!!formValues.interestedInParking}\n\t\t\t\t\t\t\t\tid=\"interestedInParking\"\n\t\t\t\t\t\t\t\tlabel={FIELD_TITLES.interestedInParking}\n\t\t\t\t\t\t\t\tname=\"interestedInParking\"\n\t\t\t\t\t\t\t\tonChange={() => {\n\t\t\t\t\t\t\t\t\thandleChange({\n\t\t\t\t\t\t\t\t\t\ttarget: {\n\t\t\t\t\t\t\t\t\t\t\tname: \"interestedInParking\",\n\t\t\t\t\t\t\t\t\t\t\tvalue: !formValues.interestedInParking,\n\t\t\t\t\t\t\t\t\t\t},\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\tvalue={formValues.interestedInParking ? \"Kyllä\" : \"Ei\"}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</p>}\n\n\t\t\t\t\t\t<RentalFormSectionHeader>Omat tietosi</RentalFormSectionHeader>\n\t\t\t\t\t\t<RentalFormSectionInputs>\n\t\t\t\t\t\t\t<TextInput\n\t\t\t\t\t\t\t\thasError={errors.fullName}\n\t\t\t\t\t\t\t\tlabel={FIELD_TITLES.fullName}\n\t\t\t\t\t\t\t\tname=\"fullName\"\n\t\t\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\t\t\tvalue={formValues.fullName}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<TextInput\n\t\t\t\t\t\t\t\thasError={errors.dateOfBirth}\n\t\t\t\t\t\t\t\tlabel={FIELD_TITLES.dateOfBirth}\n\t\t\t\t\t\t\t\tname=\"dateOfBirth\"\n\t\t\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\t\t\tvalue={formValues.dateOfBirth}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<TextInput\n\t\t\t\t\t\t\t\thasError={errors.address}\n\t\t\t\t\t\t\t\tlabel={FIELD_TITLES.address}\n\t\t\t\t\t\t\t\tname=\"address\"\n\t\t\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\t\t\tvalue={formValues.address}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<TextInput\n\t\t\t\t\t\t\t\thasError={errors.phone}\n\t\t\t\t\t\t\t\tlabel={FIELD_TITLES.phone}\n\t\t\t\t\t\t\t\tname=\"phone\"\n\t\t\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\t\t\tvalue={formValues.phone}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<TextInput\n\t\t\t\t\t\t\t\thasError={errors.email}\n\t\t\t\t\t\t\t\tlabel={FIELD_TITLES.email}\n\t\t\t\t\t\t\t\tname=\"email\"\n\t\t\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\t\t\tvalue={formValues.email}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</RentalFormSectionInputs>\n\n\t\t\t\t\t\t<hr />\n\n\t\t\t\t\t\t<RentalFormSectionHeader id=\"life\">Elämäntilanteesi</RentalFormSectionHeader>\n\t\t\t\t\t\t<RentalFormSectionedInputs>\n\t\t\t\t\t\t\t<RentalFormSectionInputs className=\"vertical inputs-half\">\n\t\t\t\t\t\t\t\t{errors.employed && <RentalFormInlineError>\n\t\t\t\t\t\t\t\t\tValitse vähintään yksi\n\t\t\t\t\t\t\t\t</RentalFormInlineError>}\n\t\t\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\t\t\tchecked={!!formValues.employed}\n\t\t\t\t\t\t\t\t\tid=\"employed\"\n\t\t\t\t\t\t\t\t\tlabel={FIELD_TITLES.employed}\n\t\t\t\t\t\t\t\t\tname=\"employed\"\n\t\t\t\t\t\t\t\t\tonChange={() => {\n\t\t\t\t\t\t\t\t\t\thandleChange({\n\t\t\t\t\t\t\t\t\t\t\ttarget: {\n\t\t\t\t\t\t\t\t\t\t\t\tname: \"employed\",\n\t\t\t\t\t\t\t\t\t\t\t\tvalue: !formValues.employed,\n\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tvalue={formValues.employed ? \"Kyllä\" : \"Ei\"}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t{formValues.employed && <RentalFormSubSection>\n\t\t\t\t\t\t\t\t\t<RentalFormSubSectionHeader>Työnantajan tiedot</RentalFormSubSectionHeader>\n\t\t\t\t\t\t\t\t\t<TextInput\n\t\t\t\t\t\t\t\t\t\thasError={errors.employerName}\n\t\t\t\t\t\t\t\t\t\tlabel={FIELD_TITLES.employerName}\n\t\t\t\t\t\t\t\t\t\tname=\"employerName\"\n\t\t\t\t\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\t\t\t\t\tvalue={formValues.employerName}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t<TextInput\n\t\t\t\t\t\t\t\t\t\thasError={errors.employerAddress}\n\t\t\t\t\t\t\t\t\t\tlabel={FIELD_TITLES.employerAddress}\n\t\t\t\t\t\t\t\t\t\tname=\"employerAddress\"\n\t\t\t\t\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\t\t\t\t\tvalue={formValues.employerAddress}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t<TextInput\n\t\t\t\t\t\t\t\t\t\thasError={errors.employerPhone}\n\t\t\t\t\t\t\t\t\t\tlabel={FIELD_TITLES.employerPhone}\n\t\t\t\t\t\t\t\t\t\tname=\"employerPhone\"\n\t\t\t\t\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\t\t\t\t\tvalue={formValues.employerPhone}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t<FormGroup\n\t\t\t\t\t\t\t\t\t\tclassName=\"form-group form-group--employmentType\"\n\t\t\t\t\t\t\t\t\t\tid=\"employmentType\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<label className=\"form-label\">{FIELD_TITLES.employmentType}</label>\n\t\t\t\t\t\t\t\t\t\t<MultiButtonSelect\n\t\t\t\t\t\t\t\t\t\t\tdefaults={formValues.employmentType\n\t\t\t\t\t\t\t\t\t\t\t\t? [ formValues.employmentType ]\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\thasError={errors.employmentType}\n\t\t\t\t\t\t\t\t\t\t\tname=\"employmentType\"\n\t\t\t\t\t\t\t\t\t\t\tonSelection={(e: any) => handleSelectionChange(\"employmentType\", e)}\n\t\t\t\t\t\t\t\t\t\t\tselections={[\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\tlabel: \"Määräaikainen\",\n\t\t\t\t\t\t\t\t\t\t\t\t\tselected: formValues.employmentType === \"Määräaikainen\",\n\t\t\t\t\t\t\t\t\t\t\t\t\tvalue: \"Määräaikainen\",\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{\n\t\t\t\t\t\t\t\t\t\t\t\t\tlabel: \"Vakituinen\",\n\t\t\t\t\t\t\t\t\t\t\t\t\tselected: formValues.employmentType === \"Vakituinen\",\n\t\t\t\t\t\t\t\t\t\t\t\t\tvalue: \"Vakituinen\",\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\tsingle={true}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</FormGroup>\n\t\t\t\t\t\t\t\t\t<TextInput\n\t\t\t\t\t\t\t\t\t\thasError={errors.employmentStart}\n\t\t\t\t\t\t\t\t\t\tlabel={FIELD_TITLES.employmentStart}\n\t\t\t\t\t\t\t\t\t\tname=\"employmentStart\"\n\t\t\t\t\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\t\t\t\t\tvalue={formValues.employmentStart}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\t\t\t\tchecked={!!formValues.permissionToContactEmployer}\n\t\t\t\t\t\t\t\t\t\tid=\"permissionToContactEmployer\"\n\t\t\t\t\t\t\t\t\t\tlabel={FIELD_TITLES.permissionToContactEmployer}\n\t\t\t\t\t\t\t\t\t\tname=\"permissionToContactEmployer\"\n\t\t\t\t\t\t\t\t\t\tonChange={() => handleChange({\n\t\t\t\t\t\t\t\t\t\t\ttarget: {\n\t\t\t\t\t\t\t\t\t\t\t\tname: \"permissionToContactEmployer\",\n\t\t\t\t\t\t\t\t\t\t\t\tvalue: !formValues.permissionToContactEmployer,\n\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\tvalue={formValues.permissionToContactEmployer ? \"Kyllä\" : \"Ei\"}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t<hr />\n\t\t\t\t\t\t\t\t</RentalFormSubSection>}\n\t\t\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\t\t\tchecked={!!formValues.student}\n\t\t\t\t\t\t\t\t\tid=\"student\"\n\t\t\t\t\t\t\t\t\tlabel={FIELD_TITLES.student}\n\t\t\t\t\t\t\t\t\tname=\"student\"\n\t\t\t\t\t\t\t\t\tonChange={() => {\n\t\t\t\t\t\t\t\t\t\thandleChange({\n\t\t\t\t\t\t\t\t\t\t\ttarget: {\n\t\t\t\t\t\t\t\t\t\t\t\tname: \"student\",\n\t\t\t\t\t\t\t\t\t\t\t\tvalue: !formValues.student,\n\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tvalue={formValues.student ? \"Kyllä\" : \"Ei\"}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t{formValues.student && <RentalFormSubSection>\n\t\t\t\t\t\t\t\t\t<RentalFormSubSectionHeader>Oppilaitoksen tiedot</RentalFormSubSectionHeader>\n\t\t\t\t\t\t\t\t\t<TextInput\n\t\t\t\t\t\t\t\t\t\thasError={errors.school}\n\t\t\t\t\t\t\t\t\t\tlabel={FIELD_TITLES.school}\n\t\t\t\t\t\t\t\t\t\tname=\"school\"\n\t\t\t\t\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\t\t\t\t\tvalue={formValues.school}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t<TextInput\n\t\t\t\t\t\t\t\t\t\thasError={errors.education}\n\t\t\t\t\t\t\t\t\t\tlabel={FIELD_TITLES.education}\n\t\t\t\t\t\t\t\t\t\tname=\"education\"\n\t\t\t\t\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\t\t\t\t\tvalue={formValues.education}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t<TextInput\n\t\t\t\t\t\t\t\t\t\thasError={errors.educationStart}\n\t\t\t\t\t\t\t\t\t\tlabel={FIELD_TITLES.educationStart}\n\t\t\t\t\t\t\t\t\t\tname=\"educationStart\"\n\t\t\t\t\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\t\t\t\t\tvalue={formValues.educationStart}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t<hr />\n\t\t\t\t\t\t\t\t</RentalFormSubSection>}\n\t\t\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\t\t\tchecked={!!formValues.pensioner}\n\t\t\t\t\t\t\t\t\tid=\"pensioner\"\n\t\t\t\t\t\t\t\t\tlabel={FIELD_TITLES.pensioner}\n\t\t\t\t\t\t\t\t\tname=\"pensioner\"\n\t\t\t\t\t\t\t\t\tonChange={() => {\n\t\t\t\t\t\t\t\t\t\thandleChange({\n\t\t\t\t\t\t\t\t\t\t\ttarget: {\n\t\t\t\t\t\t\t\t\t\t\t\tname: \"pensioner\",\n\t\t\t\t\t\t\t\t\t\t\t\tvalue: !formValues.pensioner,\n\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tvalue={formValues.pensioner ? \"Kyllä\" : \"Ei\"}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\t\t\tchecked={!!formValues.entrepreneur}\n\t\t\t\t\t\t\t\t\tid=\"entrepreneur\"\n\t\t\t\t\t\t\t\t\tlabel={FIELD_TITLES.entrepreneur}\n\t\t\t\t\t\t\t\t\tname=\"entrepreneur\"\n\t\t\t\t\t\t\t\t\tonChange={() => {\n\t\t\t\t\t\t\t\t\t\thandleChange({\n\t\t\t\t\t\t\t\t\t\t\ttarget: {\n\t\t\t\t\t\t\t\t\t\t\t\tname: \"entrepreneur\",\n\t\t\t\t\t\t\t\t\t\t\t\tvalue: !formValues.entrepreneur,\n\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tvalue={formValues.entrepreneur ? \"Kyllä\" : \"Ei\"}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\t\t\tchecked={!!formValues.other}\n\t\t\t\t\t\t\t\t\tid=\"other\"\n\t\t\t\t\t\t\t\t\tlabel={FIELD_TITLES.other}\n\t\t\t\t\t\t\t\t\tname=\"other\"\n\t\t\t\t\t\t\t\t\tonChange={() => {\n\t\t\t\t\t\t\t\t\t\thandleChange({\n\t\t\t\t\t\t\t\t\t\t\ttarget: {\n\t\t\t\t\t\t\t\t\t\t\t\tname: \"other\",\n\t\t\t\t\t\t\t\t\t\t\t\tvalue: !formValues.other,\n\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tvalue={formValues.other ? \"Kyllä\" : \"Ei\"}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t{formValues.other && <RentalFormSubSection>\n\t\t\t\t\t\t\t\t\t<TextInput\n\t\t\t\t\t\t\t\t\t\thasError={errors.otherText}\n\t\t\t\t\t\t\t\t\t\tlabel={FIELD_TITLES.otherText}\n\t\t\t\t\t\t\t\t\t\tname=\"otherText\"\n\t\t\t\t\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\t\t\t\t\tvalue={formValues.otherText}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</RentalFormSubSection>}\n\t\t\t\t\t\t\t</RentalFormSectionInputs>\n\t\t\t\t\t\t\t<RentalFormSectionInputs className=\"inputs-half\">\n\t\t\t\t\t\t\t\t<TextInput\n\t\t\t\t\t\t\t\t\tafterText=\"euroa / kk\"\n\t\t\t\t\t\t\t\t\textraClass=\"full-width\"\n\t\t\t\t\t\t\t\t\thasError={errors.income}\n\t\t\t\t\t\t\t\t\tlabel={FIELD_TITLES.income}\n\t\t\t\t\t\t\t\t\tname=\"income\"\n\t\t\t\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\t\t\t\tvalue={formValues.income}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<FormGroup className={\"form-group form-group--description full-width\"}>\n\t\t\t\t\t\t\t\t\t<label\n\t\t\t\t\t\t\t\t\t\tclassName=\"form-label\"\n\t\t\t\t\t\t\t\t\t\thtmlFor=\"description\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{FIELD_TITLES.description}\n\t\t\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t\t\t\t<Textarea\n\t\t\t\t\t\t\t\t\t\tid=\"description\"\n\t\t\t\t\t\t\t\t\t\tname=\"description\"\n\t\t\t\t\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\t\t\t\t\tvalue={formValues.description}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</FormGroup>\n\t\t\t\t\t\t\t</RentalFormSectionInputs>\n\t\t\t\t\t\t</RentalFormSectionedInputs>\n\n\t\t\t\t\t\t<Editor\n\t\t\t\t\t\t\tdefaultValue={\"<p>Mikäli hakemus johtaa vuokrasopimuksen solmimiseen hakijan ja vuokranantajan \" +\n\t\t\t\t\t\t\t\t\"välillä, sitoudun toimittamaan välitysliikkeelle selvityksen tuloistani (esim. palkkatodistus \" +\n\t\t\t\t\t\t\t\t\"ja muu vastaava ansioihin tai varallisuuteen liittyvä todistus), jonka välitysliike saa \" +\n\t\t\t\t\t\t\t\t\"suostumuksellani luovuttaa eteenpäin vuokranantajalle</p>\"\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tname=\"rentalFormConsentText\"\n\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\tchecked={!!formValues.otherApplicant}\n\t\t\t\t\t\t\tid=\"otherApplicant\"\n\t\t\t\t\t\t\tlabel={FIELD_TITLES.otherApplicant}\n\t\t\t\t\t\t\tname=\"otherApplicant\"\n\t\t\t\t\t\t\tonChange={() => {\n\t\t\t\t\t\t\t\thandleChange({\n\t\t\t\t\t\t\t\t\ttarget: {\n\t\t\t\t\t\t\t\t\t\tname: \"otherApplicant\",\n\t\t\t\t\t\t\t\t\t\tvalue: !formValues.otherApplicant,\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\tvalue={formValues.otherApplicant ? \"Kyllä\" : \"Ei\"}\n\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t{formValues.otherApplicant && <>\n\t\t\t\t\t\t\t<RentalFormSectionHeader>Mukana muuttaa</RentalFormSectionHeader>\n\t\t\t\t\t\t\t<RentalFormSectionInputs>\n\t\t\t\t\t\t\t\t<div className=\"form-group full-width\" id=\"otherApplicantType\">\n\t\t\t\t\t\t\t\t\t<MultiButtonSelect\n\t\t\t\t\t\t\t\t\t\tdefaults={formValues.otherApplicantType\n\t\t\t\t\t\t\t\t\t\t\t? [ formValues.otherApplicantType ]\n\t\t\t\t\t\t\t\t\t\t\t: []\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\thasError={errors.otherApplicantType}\n\t\t\t\t\t\t\t\t\t\tname=\"otherApplicantType\"\n\t\t\t\t\t\t\t\t\t\tonSelection={(e: any) => handleSelectionChange(\"otherApplicantType\", e)}\n\t\t\t\t\t\t\t\t\t\tselections={[\n\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\tlabel: \"Toinen hakija\",\n\t\t\t\t\t\t\t\t\t\t\t\tselected: formValues.otherApplicantType === \"otherPerson\",\n\t\t\t\t\t\t\t\t\t\t\t\tvalue: \"otherPerson\",\n\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\t\tlabel: \"Puoliso\",\n\t\t\t\t\t\t\t\t\t\t\t\tselected: formValues.otherApplicantType === \"spouse\",\n\t\t\t\t\t\t\t\t\t\t\t\tvalue: \"spouse\",\n\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t\t\t\t\tsingle={true}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<TextInput\n\t\t\t\t\t\t\t\t\thasError={errors.otherApplicantFullName}\n\t\t\t\t\t\t\t\t\tlabel={FIELD_TITLES.otherApplicantFullName}\n\t\t\t\t\t\t\t\t\tname=\"otherApplicantFullName\"\n\t\t\t\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\tmarginTop: \"1em\",\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tvalue={formValues.otherApplicantFullName}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<TextInput\n\t\t\t\t\t\t\t\t\thasError={errors.otherApplicantDateOfBirth}\n\t\t\t\t\t\t\t\t\tlabel={FIELD_TITLES.otherApplicantDateOfBirth}\n\t\t\t\t\t\t\t\t\tname=\"otherApplicantDateOfBirth\"\n\t\t\t\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\t\t\t\tvalue={formValues.otherApplicantDateOfBirth}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<TextInput\n\t\t\t\t\t\t\t\t\thasError={errors.otherApplicantAddress}\n\t\t\t\t\t\t\t\t\tlabel={FIELD_TITLES.otherApplicantAddress}\n\t\t\t\t\t\t\t\t\tname=\"otherApplicantAddress\"\n\t\t\t\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\t\t\t\tvalue={formValues.otherApplicantAddress}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<TextInput\n\t\t\t\t\t\t\t\t\thasError={errors.otherApplicantPhone}\n\t\t\t\t\t\t\t\t\tlabel={FIELD_TITLES.otherApplicantPhone}\n\t\t\t\t\t\t\t\t\tname=\"otherApplicantPhone\"\n\t\t\t\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\t\t\t\tvalue={formValues.otherApplicantPhone}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<TextInput\n\t\t\t\t\t\t\t\t\thasError={errors.otherApplicantEmail}\n\t\t\t\t\t\t\t\t\tlabel={FIELD_TITLES.otherApplicantEmail}\n\t\t\t\t\t\t\t\t\tname=\"otherApplicantEmail\"\n\t\t\t\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\t\t\t\tvalue={formValues.otherApplicantEmail}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</RentalFormSectionInputs>\n\n\t\t\t\t\t\t\t<RentalFormSectionHeader>Elämäntilanne</RentalFormSectionHeader>\n\t\t\t\t\t\t\t<RentalFormSectionedInputs>\n\t\t\t\t\t\t\t\t<RentalFormSectionInputs className=\"vertical inputs-half\">\n\t\t\t\t\t\t\t\t\t{errors.otherApplicantEmployed && <RentalFormInlineError>\n\t\t\t\t\t\t\t\t\t\tValitse vähintään yksi\n\t\t\t\t\t\t\t\t\t</RentalFormInlineError>}\n\t\t\t\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\t\t\t\tchecked={!!formValues.otherApplicantEmployed}\n\t\t\t\t\t\t\t\t\t\tid=\"otherApplicantEmployed\"\n\t\t\t\t\t\t\t\t\t\tlabel={FIELD_TITLES.otherApplicantEmployed}\n\t\t\t\t\t\t\t\t\t\tname=\"otherApplicantEmployed\"\n\t\t\t\t\t\t\t\t\t\tonChange={() => {\n\t\t\t\t\t\t\t\t\t\t\thandleChange({\n\t\t\t\t\t\t\t\t\t\t\t\ttarget: {\n\t\t\t\t\t\t\t\t\t\t\t\t\tname: \"otherApplicantEmployed\",\n\t\t\t\t\t\t\t\t\t\t\t\t\tvalue: !formValues.otherApplicantEmployed,\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}}\n\t\t\t\t\t\t\t\t\t\tvalue={formValues.otherApplicantEmployed ? \"Kyllä\" : \"Ei\"}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t{formValues.otherApplicantEmployed && <RentalFormSubSection>\n\t\t\t\t\t\t\t\t\t\t<RentalFormSubSectionHeader>Työnantajan tiedot</RentalFormSubSectionHeader>\n\t\t\t\t\t\t\t\t\t\t<TextInput\n\t\t\t\t\t\t\t\t\t\t\thasError={errors.otherApplicantEmployerName}\n\t\t\t\t\t\t\t\t\t\t\tlabel={FIELD_TITLES.otherApplicantEmployerName}\n\t\t\t\t\t\t\t\t\t\t\tname=\"otherApplicantEmployerName\"\n\t\t\t\t\t\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\t\t\t\t\t\tvalue={formValues.otherApplicantEmployerName}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<TextInput\n\t\t\t\t\t\t\t\t\t\t\thasError={errors.otherApplicantEmployerAddress}\n\t\t\t\t\t\t\t\t\t\t\tlabel={FIELD_TITLES.otherApplicantEmployerAddress}\n\t\t\t\t\t\t\t\t\t\t\tname=\"otherApplicantEmployerAddress\"\n\t\t\t\t\t\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\t\t\t\t\t\tvalue={formValues.otherApplicantEmployerAddress}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<TextInput\n\t\t\t\t\t\t\t\t\t\t\thasError={errors.otherApplicantEmployerPhone}\n\t\t\t\t\t\t\t\t\t\t\tlabel={FIELD_TITLES.otherApplicantEmployerPhone}\n\t\t\t\t\t\t\t\t\t\t\tname=\"otherApplicantEmployerPhone\"\n\t\t\t\t\t\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\t\t\t\t\t\tvalue={formValues.otherApplicantEmployerPhone}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<FormGroup\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"form-group form-group--employmentType\"\n\t\t\t\t\t\t\t\t\t\t\tid=\"otherApplicantEmploymentType\"\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<label\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"form-label\"\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{FIELD_TITLES.otherApplicantEmploymentType}\n\t\t\t\t\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t\t\t\t\t\t<MultiButtonSelect\n\t\t\t\t\t\t\t\t\t\t\t\tdefaults={formValues.otherApplicantEmploymentType\n\t\t\t\t\t\t\t\t\t\t\t\t\t? [ formValues.otherApplicantEmploymentType ]\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}\n\t\t\t\t\t\t\t\t\t\t\t\thasError={errors.otherApplicantEmploymentType}\n\t\t\t\t\t\t\t\t\t\t\t\tname=\"otherApplicantEmploymentType\"\n\t\t\t\t\t\t\t\t\t\t\t\tonSelection={(e: any) => handleSelectionChange(\"otherApplicantEmploymentType\", e)}\n\t\t\t\t\t\t\t\t\t\t\t\tselections={[\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\tlabel: \"Määräaikainen\",\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tselected: formValues.otherApplicantEmploymentType === \"Määräaikainen\",\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvalue: \"Määräaikainen\",\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{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tlabel: \"Vakituinen\",\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tselected: formValues.otherApplicantEmploymentType === \"Vakituinen\",\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvalue: \"Vakituinen\",\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]}\n\t\t\t\t\t\t\t\t\t\t\t\tsingle={true}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</FormGroup>\n\t\t\t\t\t\t\t\t\t\t<TextInput\n\t\t\t\t\t\t\t\t\t\t\thasError={errors.otherApplicantEmploymentStart}\n\t\t\t\t\t\t\t\t\t\t\tlabel={FIELD_TITLES.otherApplicantEmploymentStart}\n\t\t\t\t\t\t\t\t\t\t\tname=\"otherApplicantEmploymentStart\"\n\t\t\t\t\t\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\t\t\t\t\t\tvalue={formValues.otherApplicantEmploymentStart}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\t\t\t\t\tchecked={!!formValues.otherApplicantPermissionToContactEmployer}\n\t\t\t\t\t\t\t\t\t\t\tid=\"otherApplicantPermissionToContactEmployer\"\n\t\t\t\t\t\t\t\t\t\t\tlabel={FIELD_TITLES.otherApplicantPermissionToContactEmployer}\n\t\t\t\t\t\t\t\t\t\t\tname=\"otherApplicantPermissionToContactEmployer\"\n\t\t\t\t\t\t\t\t\t\t\tonChange={() => handleChange({\n\t\t\t\t\t\t\t\t\t\t\t\ttarget: {\n\t\t\t\t\t\t\t\t\t\t\t\t\tname: \"otherApplicantPermissionToContactEmployer\",\n\t\t\t\t\t\t\t\t\t\t\t\t\tvalue: !formValues.otherApplicantPermissionToContactEmployer,\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\tvalue={formValues.otherApplicantPermissionToContactEmployer ? \"Kyllä\" : \"Ei\"}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<hr />\n\t\t\t\t\t\t\t\t\t</RentalFormSubSection>}\n\t\t\t\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\t\t\t\tchecked={!!formValues.otherApplicantStudent}\n\t\t\t\t\t\t\t\t\t\tid=\"otherApplicantStudent\"\n\t\t\t\t\t\t\t\t\t\tlabel={FIELD_TITLES.otherApplicantStudent}\n\t\t\t\t\t\t\t\t\t\tname=\"otherApplicantStudent\"\n\t\t\t\t\t\t\t\t\t\tonChange={() => {\n\t\t\t\t\t\t\t\t\t\t\thandleChange({\n\t\t\t\t\t\t\t\t\t\t\t\ttarget: {\n\t\t\t\t\t\t\t\t\t\t\t\t\tname: \"otherApplicantStudent\",\n\t\t\t\t\t\t\t\t\t\t\t\t\tvalue: !formValues.otherApplicantStudent,\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}}\n\t\t\t\t\t\t\t\t\t\tvalue={formValues.otherApplicantStudent ? \"Kyllä\" : \"Ei\"}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t{formValues.otherApplicantStudent && <RentalFormSubSection>\n\t\t\t\t\t\t\t\t\t\t<RentalFormSubSectionHeader>Oppilaitoksen tiedot</RentalFormSubSectionHeader>\n\t\t\t\t\t\t\t\t\t\t<TextInput\n\t\t\t\t\t\t\t\t\t\t\thasError={errors.otherApplicantSchool}\n\t\t\t\t\t\t\t\t\t\t\tlabel={FIELD_TITLES.otherApplicantSchool}\n\t\t\t\t\t\t\t\t\t\t\tname=\"otherApplicantSchool\"\n\t\t\t\t\t\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\t\t\t\t\t\tvalue={formValues.otherApplicantSchool}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<TextInput\n\t\t\t\t\t\t\t\t\t\t\thasError={errors.otherApplicantEducation}\n\t\t\t\t\t\t\t\t\t\t\tlabel={FIELD_TITLES.otherApplicantEducation}\n\t\t\t\t\t\t\t\t\t\t\tname=\"otherApplicantEducation\"\n\t\t\t\t\t\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\t\t\t\t\t\tvalue={formValues.otherApplicantEducation}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<TextInput\n\t\t\t\t\t\t\t\t\t\t\thasError={errors.otherApplicantEducationStart}\n\t\t\t\t\t\t\t\t\t\t\tlabel={FIELD_TITLES.otherApplicantEducationStart}\n\t\t\t\t\t\t\t\t\t\t\tname=\"otherApplicantEducationStart\"\n\t\t\t\t\t\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\t\t\t\t\t\tvalue={formValues.otherApplicantEducationStart}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</RentalFormSubSection>}\n\t\t\t\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\t\t\t\tchecked={!!formValues.otherApplicantPensioner}\n\t\t\t\t\t\t\t\t\t\tid=\"otherApplicantPensioner\"\n\t\t\t\t\t\t\t\t\t\tlabel={FIELD_TITLES.otherApplicantPensioner}\n\t\t\t\t\t\t\t\t\t\tname=\"otherApplicantPensioner\"\n\t\t\t\t\t\t\t\t\t\tonChange={() => {\n\t\t\t\t\t\t\t\t\t\t\thandleChange({\n\t\t\t\t\t\t\t\t\t\t\t\ttarget: {\n\t\t\t\t\t\t\t\t\t\t\t\t\tname: \"otherApplicantPensioner\",\n\t\t\t\t\t\t\t\t\t\t\t\t\tvalue: !formValues.otherApplicantPensioner,\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}}\n\t\t\t\t\t\t\t\t\t\tvalue={formValues.otherApplicantPensioner ? \"Kyllä\" : \"Ei\"}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\t\t\t\tchecked={!!formValues.otherApplicantEntrepreneur}\n\t\t\t\t\t\t\t\t\t\tid=\"otherApplicantEntrepreneur\"\n\t\t\t\t\t\t\t\t\t\tlabel={FIELD_TITLES.otherApplicantEntrepreneur}\n\t\t\t\t\t\t\t\t\t\tname=\"otherApplicantEntrepreneur\"\n\t\t\t\t\t\t\t\t\t\tonChange={() => {\n\t\t\t\t\t\t\t\t\t\t\thandleChange({\n\t\t\t\t\t\t\t\t\t\t\t\ttarget: {\n\t\t\t\t\t\t\t\t\t\t\t\t\tname: \"otherApplicantEntrepreneur\",\n\t\t\t\t\t\t\t\t\t\t\t\t\tvalue: !formValues.otherApplicantEntrepreneur,\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}}\n\t\t\t\t\t\t\t\t\t\tvalue={formValues.otherApplicantEntrepreneur ? \"Kyllä\" : \"Ei\"}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\t\t\t\tchecked={!!formValues.otherApplicantOther}\n\t\t\t\t\t\t\t\t\t\tid=\"otherApplicantOther\"\n\t\t\t\t\t\t\t\t\t\tlabel={FIELD_TITLES.otherApplicantOther}\n\t\t\t\t\t\t\t\t\t\tname=\"otherApplicantOther\"\n\t\t\t\t\t\t\t\t\t\tonChange={() => {\n\t\t\t\t\t\t\t\t\t\t\thandleChange({\n\t\t\t\t\t\t\t\t\t\t\t\ttarget: {\n\t\t\t\t\t\t\t\t\t\t\t\t\tname: \"otherApplicantOther\",\n\t\t\t\t\t\t\t\t\t\t\t\t\tvalue: !formValues.otherApplicantOther,\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}}\n\t\t\t\t\t\t\t\t\t\tvalue={formValues.otherApplicantOther ? \"Kyllä\" : \"Ei\"}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t{formValues.otherApplicantOther && <RentalFormSubSection>\n\t\t\t\t\t\t\t\t\t\t<TextInput\n\t\t\t\t\t\t\t\t\t\t\thasError={errors.otherApplicantOtherText}\n\t\t\t\t\t\t\t\t\t\t\tlabel={FIELD_TITLES.otherApplicantOtherText}\n\t\t\t\t\t\t\t\t\t\t\tname=\"otherApplicantOtherText\"\n\t\t\t\t\t\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\t\t\t\t\t\tvalue={formValues.otherApplicantOtherText}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</RentalFormSubSection>}\n\t\t\t\t\t\t\t\t</RentalFormSectionInputs>\n\t\t\t\t\t\t\t\t<RentalFormSectionInputs className=\"inputs-half\">\n\t\t\t\t\t\t\t\t\t<TextInput\n\t\t\t\t\t\t\t\t\t\tafterText=\"euroa / kk\"\n\t\t\t\t\t\t\t\t\t\textraClass=\"full-width\"\n\t\t\t\t\t\t\t\t\t\thasError={errors.otherApplicantIncome}\n\t\t\t\t\t\t\t\t\t\tlabel={FIELD_TITLES.otherApplicantIncome}\n\t\t\t\t\t\t\t\t\t\tname=\"otherApplicantIncome\"\n\t\t\t\t\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\t\t\t\t\tvalue={formValues.otherApplicantIncome}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t<FormGroup className={\"form-group form-group--description full-width\"}>\n\t\t\t\t\t\t\t\t\t\t<label\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"form-label\"\n\t\t\t\t\t\t\t\t\t\t\thtmlFor=\"otherApplicantDescription\"\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{FIELD_TITLES.otherApplicantDescription}\n\t\t\t\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t\t\t\t\t<Textarea\n\t\t\t\t\t\t\t\t\t\t\tid=\"otherApplicantDescription\"\n\t\t\t\t\t\t\t\t\t\t\tname=\"otherApplicantDescription\"\n\t\t\t\t\t\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\t\t\t\t\t\tvalue={formValues.otherApplicantDescription}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</FormGroup>\n\t\t\t\t\t\t\t\t</RentalFormSectionInputs>\n\t\t\t\t\t\t\t</RentalFormSectionedInputs>\n\n\t\t\t\t\t\t\t<Editor\n\t\t\t\t\t\t\t\tdefaultValue={\"<p>Mikäli hakemus johtaa vuokrasopimuksen solmimiseen hakijan ja vuokranantajan \" +\n\t\t\t\t\t\t\t\t\t\"välillä, sitoudun toimittamaan välitysliikkeelle selvityksen tuloistani (esim. palkkatodistus \" +\n\t\t\t\t\t\t\t\t\t\"ja muu vastaava ansioihin tai varallisuuteen liittyvä todistus), jonka välitysliike saa \" +\n\t\t\t\t\t\t\t\t\t\"suostumuksellani luovuttaa eteenpäin vuokranantajalle</p>\"\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tname=\"rentalFormOtherApplicantConsentText\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</>}\n\n\t\t\t\t\t\t<hr />\n\n\t\t\t\t\t\t<RentalFormSectionHeader>Muut tiedot</RentalFormSectionHeader>\n\t\t\t\t\t\t<RentalFormSectionedInputs>\n\t\t\t\t\t\t\t<RentalFormSectionInputs className=\"vertical inputs-half\">\n\t\t\t\t\t\t\t\t<FormGroup className=\"form-group form-group--smoking\" id=\"smoking\">\n\t\t\t\t\t\t\t\t\t<label className=\"form-label\">{FIELD_TITLES.smoking}</label>\n\t\t\t\t\t\t\t\t\t<MultiButtonSelect\n\t\t\t\t\t\t\t\t\t\tdefaults={formValues.smoking\n\t\t\t\t\t\t\t\t\t\t\t? [ formValues.smoking ]\n\t\t\t\t\t\t\t\t\t\t\t: []\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\thasError={errors.smoking}\n\t\t\t\t\t\t\t\t\t\tname=\"smoking\"\n\t\t\t\t\t\t\t\t\t\tonSelection={(e: any) => handleSelectionChange(\"smoking\", e)}\n\t\t\t\t\t\t\t\t\t\tselections={[\n\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\tlabel: \"Ei\",\n\t\t\t\t\t\t\t\t\t\t\t\tselected: formValues.smoking === \"Ei\",\n\t\t\t\t\t\t\t\t\t\t\t\tvalue: \"Ei\",\n\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\t\tlabel: \"Kyllä\",\n\t\t\t\t\t\t\t\t\t\t\t\tselected: formValues.smoking === \"Kyllä\",\n\t\t\t\t\t\t\t\t\t\t\t\tvalue: \"Kyllä\",\n\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t\t\t\t\tsingle={true}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</FormGroup>\n\t\t\t\t\t\t\t\t<FormGroup className=\"form-group form-group--pets\" id=\"pets\">\n\t\t\t\t\t\t\t\t\t<label className=\"form-label\">{FIELD_TITLES.pets}</label>\n\t\t\t\t\t\t\t\t\t<MultiButtonSelect\n\t\t\t\t\t\t\t\t\t\tdefaults={formValues.pets\n\t\t\t\t\t\t\t\t\t\t\t? [ formValues.pets ]\n\t\t\t\t\t\t\t\t\t\t\t: []\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\thasError={errors.pets}\n\t\t\t\t\t\t\t\t\t\tname=\"pets\"\n\t\t\t\t\t\t\t\t\t\tonSelection={(e: any) => handleSelectionChange(\"pets\", e)}\n\t\t\t\t\t\t\t\t\t\tselections={[\n\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\tlabel: \"Ei\",\n\t\t\t\t\t\t\t\t\t\t\t\tselected: formValues.pets === \"Ei\",\n\t\t\t\t\t\t\t\t\t\t\t\tvalue: \"Ei\",\n\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\t\tlabel: \"Kyllä\",\n\t\t\t\t\t\t\t\t\t\t\t\tselected: formValues.pets === \"Kyllä\",\n\t\t\t\t\t\t\t\t\t\t\t\tvalue: \"Kyllä\",\n\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t\t\t\t\tsingle={true}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t{formValues.pets === \"Kyllä\" && <TextInput\n\t\t\t\t\t\t\t\t\t\tlabel={FIELD_TITLES.petsDescription}\n\t\t\t\t\t\t\t\t\t\tname=\"petsDescription\"\n\t\t\t\t\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\t\t\t\t\tvalue={formValues.petsDescription}\n\t\t\t\t\t\t\t\t\t/>}\n\t\t\t\t\t\t\t\t</FormGroup>\n\t\t\t\t\t\t\t</RentalFormSectionInputs>\n\t\t\t\t\t\t\t<RentalFormSectionInputs className=\"vertical inputs-half\">\n\t\t\t\t\t\t\t\t<FormGroup className={\"form-group form-group--otherPeopleDescription\"}>\n\t\t\t\t\t\t\t\t\t<label\n\t\t\t\t\t\t\t\t\t\tclassName=\"form-label\"\n\t\t\t\t\t\t\t\t\t\thtmlFor=\"otherPeopleDescription\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{FIELD_TITLES.otherPeopleDescription}\n\t\t\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t\t\t\t<Textarea\n\t\t\t\t\t\t\t\t\t\tid=\"otherPeopleDescription\"\n\t\t\t\t\t\t\t\t\t\tname=\"otherPeopleDescription\"\n\t\t\t\t\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\t\t\t\t\trows={4}\n\t\t\t\t\t\t\t\t\t\tvalue={formValues.otherPeopleDescription}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</FormGroup>\n\t\t\t\t\t\t\t</RentalFormSectionInputs>\n\t\t\t\t\t\t</RentalFormSectionedInputs>\n\n\t\t\t\t\t\t<hr />\n\n\t\t\t\t\t\t<RentalFormSectionHeader>Käytettävissä oleva vakuus</RentalFormSectionHeader>\n\t\t\t\t\t\t{!!(property.rentInfo && property.rentInfo.deposit) &&\n\t\t\t\t\t\t\t<p className=\"deposit-info\">Vakuuden määrä: {property.rentInfo.deposit} &euro;</p>}\n\n\t\t\t\t\t\t<RentalFormSectionInputs className=\"vertical\">\n\t\t\t\t\t\t\t{errors.moneyDeposit && <RentalFormInlineError className=\"full-width\">\n\t\t\t\t\t\t\t\tValitse vähintään yksi\n\t\t\t\t\t\t\t</RentalFormInlineError>}\n\t\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\t\tchecked={!!formValues.moneyDeposit}\n\t\t\t\t\t\t\t\tid=\"moneyDeposit\"\n\t\t\t\t\t\t\t\tlabel={FIELD_TITLES.moneyDeposit}\n\t\t\t\t\t\t\t\tname=\"moneyDeposit\"\n\t\t\t\t\t\t\t\tonChange={() => {\n\t\t\t\t\t\t\t\t\thandleChange({\n\t\t\t\t\t\t\t\t\t\ttarget: {\n\t\t\t\t\t\t\t\t\t\t\tname: \"moneyDeposit\",\n\t\t\t\t\t\t\t\t\t\t\tvalue: !formValues.moneyDeposit,\n\t\t\t\t\t\t\t\t\t\t},\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\tvalue={formValues.moneyDeposit ? \"Kyllä\" : \"Ei\"}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\t\tchecked={!!formValues.pledgeCommitment}\n\t\t\t\t\t\t\t\tid=\"pledgeCommitment\"\n\t\t\t\t\t\t\t\tlabel={FIELD_TITLES.pledgeCommitment}\n\t\t\t\t\t\t\t\tname=\"pledgeCommitment\"\n\t\t\t\t\t\t\t\tonChange={() => {\n\t\t\t\t\t\t\t\t\thandleChange({\n\t\t\t\t\t\t\t\t\t\ttarget: {\n\t\t\t\t\t\t\t\t\t\t\tname: \"pledgeCommitment\",\n\t\t\t\t\t\t\t\t\t\t\tvalue: !formValues.pledgeCommitment,\n\t\t\t\t\t\t\t\t\t\t},\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\tvalue={formValues.pledgeCommitment ? \"Kyllä\" : \"Ei\"}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\t\tchecked={!!formValues.otherDeposit}\n\t\t\t\t\t\t\t\tid=\"otherDeposit\"\n\t\t\t\t\t\t\t\tlabel={FIELD_TITLES.otherDeposit}\n\t\t\t\t\t\t\t\tname=\"otherDeposit\"\n\t\t\t\t\t\t\t\tonChange={() => {\n\t\t\t\t\t\t\t\t\thandleChange({\n\t\t\t\t\t\t\t\t\t\ttarget: {\n\t\t\t\t\t\t\t\t\t\t\tname: \"otherDeposit\",\n\t\t\t\t\t\t\t\t\t\t\tvalue: !formValues.otherDeposit,\n\t\t\t\t\t\t\t\t\t\t},\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\tvalue={formValues.otherDeposit ? \"Kyllä\" : \"Ei\"}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t{formValues.otherDeposit && <RentalFormSubSection>\n\t\t\t\t\t\t\t\t<TextInput\n\t\t\t\t\t\t\t\t\thasError={errors.otherDepositDescription}\n\t\t\t\t\t\t\t\t\tlabel={FIELD_TITLES.otherDepositDescription}\n\t\t\t\t\t\t\t\t\tname=\"otherDepositDescription\"\n\t\t\t\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\t\t\t\tvalue={formValues.otherDepositDescription}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</RentalFormSubSection>}\n\t\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\t\tchecked={!!formValues.guarantee}\n\t\t\t\t\t\t\t\tid=\"guarantee\"\n\t\t\t\t\t\t\t\tlabel={FIELD_TITLES.guarantee}\n\t\t\t\t\t\t\t\tname=\"guarantee\"\n\t\t\t\t\t\t\t\tonChange={() => {\n\t\t\t\t\t\t\t\t\thandleChange({\n\t\t\t\t\t\t\t\t\t\ttarget: {\n\t\t\t\t\t\t\t\t\t\t\tname: \"guarantee\",\n\t\t\t\t\t\t\t\t\t\t\tvalue: !formValues.guarantee,\n\t\t\t\t\t\t\t\t\t\t},\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\tvalue={formValues.guarantee ? \"Kyllä\" : \"Ei\"}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t{formValues.guarantee && <RentalFormSubSection>\n\t\t\t\t\t\t\t\t<TextInput\n\t\t\t\t\t\t\t\t\thasError={errors.guaranteeDescription}\n\t\t\t\t\t\t\t\t\tlabel={FIELD_TITLES.guaranteeDescription}\n\t\t\t\t\t\t\t\t\tname=\"guaranteeDescription\"\n\t\t\t\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\t\t\t\tvalue={formValues.guaranteeDescription}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</RentalFormSubSection>}\n\t\t\t\t\t\t</RentalFormSectionInputs>\n\n\t\t\t\t\t\t<hr />\n\n\t\t\t\t\t\t<RentalFormSectionHeader>Luottotiedot</RentalFormSectionHeader>\n\t\t\t\t\t\t<RentalFormSectionedInputs>\n\t\t\t\t\t\t\t<RentalFormSectionInputs className=\"vertical inputs-half\">\n\t\t\t\t\t\t\t\t<FormGroup className=\"form-group form-group--creditRecord\" id=\"creditRecord\">\n\t\t\t\t\t\t\t\t\t<MultiButtonSelect\n\t\t\t\t\t\t\t\t\t\tdefaults={formValues.creditRecord\n\t\t\t\t\t\t\t\t\t\t\t? [ formValues.creditRecord ]\n\t\t\t\t\t\t\t\t\t\t\t: []\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\thasError={errors.creditRecord}\n\t\t\t\t\t\t\t\t\t\tname=\"creditRecord\"\n\t\t\t\t\t\t\t\t\t\tonSelection={(e: any) => handleSelectionChange(\"creditRecord\", e)}\n\t\t\t\t\t\t\t\t\t\tselections={[\n\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\tlabel: \"Ei häiriömerkintöjä\",\n\t\t\t\t\t\t\t\t\t\t\t\tselected: formValues.creditRecord === \"Ei häiriömerkintöjä\",\n\t\t\t\t\t\t\t\t\t\t\t\tvalue: \"Ei häiriömerkintöjä\",\n\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\t\tlabel: \"On häiriömerkintöjä\",\n\t\t\t\t\t\t\t\t\t\t\t\tselected: formValues.creditRecord === \"On häiriömerkintöjä\",\n\t\t\t\t\t\t\t\t\t\t\t\tvalue: \"On häiriömerkintöjä\",\n\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t\t\t\t\tsingle={true}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t{formValues.creditRecord === \"On häiriömerkintöjä\" && <TextInput\n\t\t\t\t\t\t\t\t\t\thasError={errors.creditRecordDescription}\n\t\t\t\t\t\t\t\t\t\tlabel={FIELD_TITLES.creditRecordDescription}\n\t\t\t\t\t\t\t\t\t\tname=\"creditRecordDescription\"\n\t\t\t\t\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\t\t\t\t\tvalue={formValues.creditRecordDescription}\n\t\t\t\t\t\t\t\t\t/>}\n\t\t\t\t\t\t\t\t</FormGroup>\n\t\t\t\t\t\t\t</RentalFormSectionInputs>\n\t\t\t\t\t\t\t<RentalFormSectionInputs className=\"inputs-half\">\n\t\t\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\t\t\tchecked={!!formValues.creditCheckPermission}\n\t\t\t\t\t\t\t\t\tid=\"creditCheckPermission\"\n\t\t\t\t\t\t\t\t\tlabel={FIELD_TITLES.creditCheckPermission}\n\t\t\t\t\t\t\t\t\tname=\"creditCheckPermission\"\n\t\t\t\t\t\t\t\t\tonChange={() => {\n\t\t\t\t\t\t\t\t\t\thandleChange({\n\t\t\t\t\t\t\t\t\t\t\ttarget: {\n\t\t\t\t\t\t\t\t\t\t\t\tname: \"creditCheckPermission\",\n\t\t\t\t\t\t\t\t\t\t\t\tvalue: !formValues.creditCheckPermission,\n\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tvalue={formValues.creditCheckPermission ? \"Kyllä\" : \"Ei\"}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</RentalFormSectionInputs>\n\t\t\t\t\t\t</RentalFormSectionedInputs>\n\t\t\t\t\t\t<p>Välitysliikkeellä on kaikissa tilanteissa oikeus tarkistaa\n\t\t\t\t\t\t\tluottotiedot\n\t\t\t\t\t\t\tennen lopullisen vuokrasopimuksen solmimista.</p>\n\n\t\t\t\t\t\t<hr />\n\n\t\t\t\t\t\t<RentalFormSectionedInputs>\n\t\t\t\t\t\t\t<RentalFormSectionInputs className=\"vertical inputs-half\">\n\t\t\t\t\t\t\t\t<TextInput\n\t\t\t\t\t\t\t\t\thasError={errors.startDate}\n\t\t\t\t\t\t\t\t\tid=\"startDate\"\n\t\t\t\t\t\t\t\t\tlabel={FIELD_TITLES.startDate}\n\t\t\t\t\t\t\t\t\tname=\"startDate\"\n\t\t\t\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\t\t\t\tvalue={formValues.startDate}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</RentalFormSectionInputs>\n\t\t\t\t\t\t\t<RentalFormSectionInputs className=\"vertical inputs-half\">\n\t\t\t\t\t\t\t\t<FormGroup className={\"form-group form-group--otherInformation\"}>\n\t\t\t\t\t\t\t\t\t<label\n\t\t\t\t\t\t\t\t\t\tclassName=\"form-label\"\n\t\t\t\t\t\t\t\t\t\thtmlFor=\"otherInformation\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{FIELD_TITLES.otherInformation}\n\t\t\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t\t\t\t<Textarea\n\t\t\t\t\t\t\t\t\t\tid=\"otherInformation\"\n\t\t\t\t\t\t\t\t\t\tname=\"otherInformation\"\n\t\t\t\t\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\t\t\t\t\trows={4}\n\t\t\t\t\t\t\t\t\t\tvalue={formValues.otherInformation}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</FormGroup>\n\t\t\t\t\t\t\t</RentalFormSectionInputs>\n\t\t\t\t\t\t</RentalFormSectionedInputs>\n\t\t\t\t\t\t<RentalFormSectionInputs className=\"space-before\">\n\t\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\t\tchecked={!!formValues.contactPermission}\n\t\t\t\t\t\t\t\tid=\"contactPermission\"\n\t\t\t\t\t\t\t\tlabel={FIELD_TITLES.contactPermission}\n\t\t\t\t\t\t\t\tname=\"contactPermission\"\n\t\t\t\t\t\t\t\tonChange={() => {\n\t\t\t\t\t\t\t\t\thandleChange({\n\t\t\t\t\t\t\t\t\t\ttarget: {\n\t\t\t\t\t\t\t\t\t\t\tname: \"contactPermission\",\n\t\t\t\t\t\t\t\t\t\t\tvalue: !formValues.contactPermission,\n\t\t\t\t\t\t\t\t\t\t},\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\tvalue={formValues.contactPermission ? \"Kyllä\" : \"Ei\"}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</RentalFormSectionInputs>\n\n\t\t\t\t\t\t<hr />\n\n\t\t\t\t\t\t<RentalFormSectionHeader>Henkilötietojen käsittely</RentalFormSectionHeader>\n\t\t\t\t\t\t<Editor\n\t\t\t\t\t\t\tdefaultValue={\"<p>Hakija on tietoinen siitä, että tämän hakemuksen tietoja tallennetaan \" +\n\t\t\t\t\t\t\t\t\"välitysliikkeen toimeksiantopäiväkirjaan ja asiakasrekisteriin kiinteistönvälitysliikkeistä ja \" +\n\t\t\t\t\t\t\t\t\"vuokrahuoneiston välitysliikkeistä sekä rahanpesun ja terrorismin rahoittamisen estämisestä \" +\n\t\t\t\t\t\t\t\t\"annetun lain määräysten mukaisesti. Hakijaa koskevia tietoja tallennetaan myös Kiinteistömaailma \" +\n\t\t\t\t\t\t\t\t\"Oy:n asiakasrekisteriin. Tallennettuja tietoja käytetään välitysliikkeen ja Kiinteistömaailma \" +\n\t\t\t\t\t\t\t\t\"Oy:n tietosuojaselosteissa tarkemmin kuvatun mukaisesti muun muassa liiketoiminnan suunnitteluun \" +\n\t\t\t\t\t\t\t\t\"ja kehittämiseen, tutkimus- ja tilastointitarkoituksiin, mielipide- ja markkinointitutkimuksiin \" +\n\t\t\t\t\t\t\t\t\"sekä markkinointitarkoituksiin. Hakija on ohjattu tutustumaan etukäteen tietosuojaselosteisiin. \" +\n\t\t\t\t\t\t\t\t\"Selosteet ovat saatavilla osoitteesta \"\n\t\t\t\t\t\t\t\t+ \"<a target='_blank' rel='noopener noreferrer' href='/tietosuoja'>\" +\n\t\t\t\t\t\t\t\t\"https://www.kiinteistomaailma.fi/tietosuoja/</a>.</p>\"}\n\t\t\t\t\t\t\tname=\"terms\"\n\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t<FormSubmitWrapper>\n\t\t\t\t\t\t\t<CtaButton\n\t\t\t\t\t\t\t\tdisabled={submitted}\n\t\t\t\t\t\t\t\tonClick={handleSubmit}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\tLähetä\n\t\t\t\t\t\t\t</CtaButton>\n\t\t\t\t\t\t\t{Object.keys(errors).length > 0 && <FormErrors>\n\t\t\t\t\t\t\t\t<span>Tarkistathan lomakkeen kentät:</span>\n\t\t\t\t\t\t\t\t<ul>\n\t\t\t\t\t\t\t\t\t{Object.keys(errors).sort((firstKey: string, secondKey: string) => {\n\t\t\t\t\t\t\t\t\t\tconst firstOrder = typeof FIELD_ORDERS[ firstKey ] === \"number\"\n\t\t\t\t\t\t\t\t\t\t\t? FIELD_ORDERS[ firstKey ]\n\t\t\t\t\t\t\t\t\t\t\t: Number.MAX_SAFE_INTEGER;\n\t\t\t\t\t\t\t\t\t\tconst secondOrder = typeof FIELD_ORDERS[ secondKey ] === \"number\"\n\t\t\t\t\t\t\t\t\t\t\t? FIELD_ORDERS[ secondKey ]\n\t\t\t\t\t\t\t\t\t\t\t: Number.MAX_SAFE_INTEGER;\n\t\t\t\t\t\t\t\t\t\tif (firstOrder !== secondOrder) {\n\t\t\t\t\t\t\t\t\t\t\treturn firstOrder - secondOrder;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\treturn firstKey.localeCompare(secondKey);\n\t\t\t\t\t\t\t\t\t}).map((errorKey: string) => {\n\t\t\t\t\t\t\t\t\t\tif (!(errorKey in FIELD_TITLES)) {\n\t\t\t\t\t\t\t\t\t\t\tconsole.log(\"Missing key\", errorKey);\n\t\t\t\t\t\t\t\t\t\t\treturn null;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tconst mappedKey = errorKey in ERROR_MAP ? ERROR_MAP[errorKey] : errorKey;\n\t\t\t\t\t\t\t\t\t\treturn <li\n\t\t\t\t\t\t\t\t\t\t\tkey={\"error-\" + errorKey}\n\t\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\t\tscrollToSelector('#' + mappedKey);\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\tcursor: \"pointer\",\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{FIELD_TITLES[ mappedKey ]}\n\t\t\t\t\t\t\t\t\t\t</li>;\n\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t</ul>\n\t\t\t\t\t\t\t</FormErrors>}\n\t\t\t\t\t\t</FormSubmitWrapper>\n\n\t\t\t\t\t\t<RentalFormBottom>\n\t\t\t\t\t\t\t{!!agency && <RentalFormAgency>\n\t\t\t\t\t\t\t\t<p>Kiinteistömaailma {agency.marketingName}<br />({agency.companyName})</p>\n\t\t\t\t\t\t\t\t<p>{agency.address}, {agency.postcode} {agency.city}</p>\n\t\t\t\t\t\t\t\t{!!(agency.phone && agency.telPhone) &&\n\t\t\t\t\t\t\t\t\t<p><Phone phone={agency.phone} telPhone={agency.telPhone} /></p>}\n\t\t\t\t\t\t\t\t{agency.email && <p><Email to={agency.email} /></p>}\n\t\t\t\t\t\t\t</RentalFormAgency>}\n\t\t\t\t\t\t\t{!!(agentInfo && agentInfo.name) && <RentalFormAgent>\n\t\t\t\t\t\t\t\t<NavLink to={agentInfo.canonicalPath || \"/etsi-kiinteistonvalittaja\"}>\n\t\t\t\t\t\t\t\t\t<AgentImage\n\t\t\t\t\t\t\t\t\t\talt={`${agentInfo.title ? agentInfo.title : \"\"}${\n\t\t\t\t\t\t\t\t\t\t\tagentInfo.degrees ? \", \" + agentInfo.degrees : \"\"\n\t\t\t\t\t\t\t\t\t\t} ${agentInfo.name}`}\n\t\t\t\t\t\t\t\t\t\tfallbackSrc={getAssetUrl(\"/assets/images/icons/icon-agent-backup-square.png\")}\n\t\t\t\t\t\t\t\t\t\tsrc={`/assets/agent/w_200,h_200,c_zoom/${agentInfo.key}.jpg`}\n\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\t\t<strong>{agentInfo.name}</strong>\n\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t</NavLink>\n\t\t\t\t\t\t\t\t<p className=\"agent-title\">\n\t\t\t\t\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\t\t\t\t{!!agentInfo.title && agentInfo.title}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{agentInfo.degrees ? `, ${agentInfo.degrees}` : \"\"}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t{agentInfo.phone && (\n\t\t\t\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\t\t\t\t<span>puh.</span> <Phone phone={agentInfo.phone} />\n\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t{agentInfo.email && (\n\t\t\t\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\t\t\t\t<Email to={agentInfo.email} />\n\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</RentalFormAgent>}\n\t\t\t\t\t\t</RentalFormBottom>\n\t\t\t\t\t</RentalForm>\n\t\t\t\t</RentalFormWrapper>}\n\t\t</RentalFormPageWrapper>\n\t</RentalFormPageContainer>;\n\n};\n\nconst mapStateToProps = (state: IApplicationState) => ({\n\tdoc: state.document,\n});\n\nexport default connect(mapStateToProps)(RentalFormPage);\n"],"sourceRoot":""}