https://www.lbs.de/_next/static/chunks/2031.e8e76785e4fbb99f.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2031],{33770:(e,a,t)=>{"use strict";t.d(a,{o:()=>n});let n=(0,t(60004).createContext)({draft:!1})},58616:(e,a,t)=>{"use strict";t.d(a,{A:()=>l}),t(60004);var n=t(54991),i=t(1870),s=t(25671);function l(){let e=(0,n.A)(i.A);return e[s.A]||e}},78181:(e,a,t)=>{"use strict";t.r(a),t.d(a,{SFPropertyFinder:()=>b});var n=t(60072);t(95827);var i=t(34430),s=t(60004),l=t(39956);let r={resultImages:[{image:"/immobiliensucher/result/tinyhouse-min.png",alt:"Foto eines Tiny House in der Natur",text:"Ein Tiny House zwischen 15 und 55 qm gibt es schon ab 40.000 Euro.",height:400,width:446},{image:"/immobiliensucher/result/apartment.jpeg",alt:"Foto des inneren einer modernen Wohnung",text:"Ein Apartment zentral in der Gro\xdfstadt gibt es je nach Standort ab 300.000 Euro.",height:400,width:446},{image:"/immobiliensucher/result/house.jpeg",alt:"Foto eines Einfamilienhauses mit Garten",text:"Ein Fertighaus mit 140qm gibt es bereits ab ca. 100.000 Euro.",height:400,width:446}]},o={endpointSubmit:"",endpointPostalCode:"",appointmentUrl:"",resultImageSwitchInterval:5e3,calculator:{averageYearlyRentIncrease:2,numberOfYears:25,validations:{rent:{min:200,max:3e3},savings:{min:0,max:5e5}}}},c={headline:"Eigentum nur ein Traum?",subline:"Kriegst du hin. Mit uns.",resultSubline:"So viel kannst du ausgeben!",carouselInfo:"Info:",makeAppointment:"Jetzt Termin vereinbaren",restart:"Abfrage neu starten",resultTitle:"Dein Ergebnis",costOfPropertyResult:"M\xf6glicher Kaufpreis",rent:"Monatliche Miete",savings:"Weitere Ersparnisse",callout:e=>`
2      Das ist die ungef\xe4hre Ersparnis aus Miete und deines eingegebenen Sparverm\xf6gens nach ${e} Jahren (ohne Inflationssteigerung).
3    `,rentValidation:(e,a)=>`Bitte eine Miete angeben, die zwischen ${e} und ${a} liegt.`,savingsValidation:(e,a)=>`Bitte Ersparnisse angeben, die zwischen ${e} und ${a} liegen.`,form:{headline:"Berechne ganz einfach, was Du Dir heute schon leisten kannst. Es ist mehr als Du denkst!",rent:"Deine monatliche Miete",savings:"Hast Du weitere Ersparnisse?",yearlyRentIncrease:e=>`Hinzu rechnen wir noch eine j\xe4hrliche Mietpreiserh\xf6hung von ${e}%`,showResult:"Ergebnis anzeigen"}},u=(0,s.createContext)({messages:c,images:r,config:o});

3function m(e){let{config:a,messages:t}=(0,s.useContext)(u),r=(0,i.yI)("teaser-immobiliensucher","submit","startpage"),o=(0,i.XH)("teaser-immobiliensucher","startpage"),c=(0,l.mN)({mode:"all",defaultValues:{rent:void 0,savings:void 0}}),{handleSubmit:m,formState:{isValid:d}}=c,h=(0,i.iQ)(e.isReset);return(0,n.jsx)(n.Fragment,{children:(0,n.jsx)("div",{className:"flex flex-col",children:(0,n.jsx)(l.Op,Object.assign({},c,{children:(0,n.jsxs)("form",{onSubmit:m(({rent:t,savings:n})=>{var i,s;let l,o=(i=n||0,s=a.calculator.numberOfYears,Math.round(t*(l=1+a.calculator.averageYearlyRentIncrease/12/100)*((Math.pow(l,12*s)-1)/(l-1))+i));r({name:"ergebnis anzeigen"}),e.onResult({sum:o,rent:t,savings:n||0})}),className:"flex flex-col gap-8 lg:gap-12",children:[(0,n.jsxs)("div",{className:"h-full flex flex-col gap-6",children:[(0,n.jsx)(i.RD,{ref:h,label:t.form.rent,name:"rent",required:!0,type:"number",rules:{onChange:()=>o({name:"rentalfee"}),min:{value:a.calculator.validations.rent.min,message:t.rentValidation((0,i.vv)(a.calculator.validations.rent.min,!0),(0,i.vv)(a.calculator.validations.rent.max,!0))},max:{value:a.calculator.validations.rent.max,message:t.rentValidation((0,i.vv)(a.calculator.validations.rent.min,!0),(0,i.vv)(a.calculator.validations.rent.max,!0))},valueAsNumber:!0},"data-cy":"rentalfee",unit:"€"}),(0,n.jsx)(i.RD,{label:t.form.savings,name:"savings",type:"number",rules:{onChange:()=>o({name:"savings"}),min:{value:a.calculator.validations.savings.min,message:t.savingsValidation((0,i.vv)(a.calculator.validations.savings.min,!0),(0,i.vv)(a.calculator.validations.savings.max,!0))},max:{value:a.calculator.validations.savings.max,message:t.savingsValidation((0,i.vv)(a.calculator.validations.savings.min,!0),(0,i.vv)(a.calculator.validations.savings.max,!0))},valueAsNumber:!0},"data-cy":"savings",unit:"€"}),(0,n.jsxs)("div",{className:"my-4 flex flex-row gap-4 justify-start items-start",children:[(0,n.jsx)(i.Kx,{className:"h-6 w-6 fill-action-100"}),(0,n.jsx)("span",{className:"text-body-medium",children:t.form.yearlyRentIncrease(a.calculator.averageYearlyRentIncrease)})]})]}),(0,n.jsx)(i.jn,{"data-cy":"submit",className:"w-full lg:w-fit lg:self-end",children:t.form.showResult})]})}))})})}function d(e){let{config:a,messages:t}=(0,s.useContext)(u),l=(0,i.yI)("teaser-immobiliensucher","submit","resultpage"),r=(0,i.yI)("teaser-immobiliensucher","continue","resultpage"),o=(0,i.yI)("teaser-immobiliensucher","","resultpage"),c=(0,i.iQ)(e.calculation);return(0,n.jsx)(n.Fragment,{children:(0,n.jsxs)("div",{className:"flex flex-col justify-start lg:justify-center h-full",children:[(0,n.jsxs)(i.Sl,{title:t.resultTitle,className:"mx-auto",ref:c,children:[(0,n.jsx)("p",{className:"text-body-medium",children:t.callout(a.calculator.numberOfYears)}),(0,n.jsx)(i.u6,{big:!0,label:t.costOfPropertyResult,value:(0,i.vv)(e.calculation.sum,!0),className:"result-calculation mt-2"}),(0,n.jsx)("hr",{className:"my-6 border-surface-60"}),(0,n.jsx)(i.u6,{label:t.rent,value:(0,i.vv)(e.calculation.rent,!0)}),(0,n.jsx)(i.u6,{label:t.savings,value:(0,i.vv)(e.calculation.savings,!0)})]}),(0,n.jsxs)("div",{className:"grid lg:grid-cols-2 gap-4 lg:gap-6 mt-8",children:[e.callToAction&&(0,n.jsx)(i.jn,{href:e.callToAction.href,onClick:()=>{r({name:"calculation"})},children:e.callToAction.label}),!e.callToAction&&(0,n.jsx)(i.jn,{href:a.appointmentUrl,target:"_blank","data-cy":"make-appointment",onClick:()=>{l({name:"termin-vereinbaren"})},children:t.makeAppointment}),(0,n.jsx)(i.tA,{onClick:()=>{e.onReset(),o({name:"restart"})},"data-cy":"restart",children:t.restart})]})]})})}let h=e=>{let{messages:a,images:t,config:l}

3=(0,i.dL)(e,c,r,o),[h,g]=(0,s.useState)(!1),[v,x]=(0,s.useState)(),b=(0,s.useMemo)(()=>{if(e.callToAction&&v)return{label:e.callToAction.label,href:e.callToAction.callback(v)}},[e.callToAction,v]);return(0,n.jsx)(u.Provider,{value:{messages:a,images:t,config:l},children:(0,n.jsx)("div",{className:"lbs-services-immobiliensucher",children:(0,n.jsx)(i.vC,{title:(null==v?void 0:v.sum)?"":a.headline,subtitle:(null==v?void 0:v.sum)?a.resultSubline:a.subline,intro:(null==v?void 0:v.sum)?"":a.form.headline,carousel:(null==v?void 0:v.sum)?(0,n.jsx)(n.Fragment,{children:v&&(0,n.jsx)(i.FN,{trackingCategory:"teaser-immobiliensucher",trackingLabel:"resultpage",interval:l.resultImageSwitchInterval,className:`md:max-w-md md:mx-auto rounded-xl overflow-hidden ${"wide"!==e.theme&&"border border-surface-60"}`,children:t.resultImages.map(e=>(0,n.jsxs)("div",{className:"flex flex-col rounded-t-xl",children:[(0,n.jsx)(i.$E,{src:e.image,alt:e.alt,width:e.width,height:e.height,className:"object-cover object-center flex grow rounded-t-xl h-[300px] md:h-[400px]"}),(0,n.jsxs)("div",{className:"pt-4 px-4 bg-white",children:[(0,n.jsxs)("span",{className:"font-bold",children:[a.carouselInfo,"\xa0"]}),(0,n.jsx)("span",{children:e.text})]})]},e.text))})}):void 0,containerStyle:e.theme,children:v?(0,n.jsx)(n.Fragment,{children:(0,n.jsx)(d,{calculation:v,callToAction:b,onReset:()=>{x(void 0),g(!0)}})}):(0,n.jsx)(m,{onResult:x,isReset:h})})})})};var g=t(10983),v=t(72952);let x=t(89034).env.NEXT_PUBLIC_UPLOADS_ENDPOINT??"",b=({appointment_link:e,cta_link:a,result_images:t})=>{let i;(0,g.useRouter)();let{singleProps:s}=(0,v._)(e&&e[0],!0),{singleProps:l}=(0,v._)(a&&a[0],!0);l?.href&&(i={label:l?.title?l.title:"",callback:({sum:e,rent:a,savings:t})=>`${l?.href}?sum=${e}&rent=${a}&savings=${t}`});let r=t?.map(e=>({image:`${x}${e?.media.url}`,alt:e?.media.alternativeText,text:e?.media.caption,height:e?.media.height,width:e?.media.width}));return(0,n.jsx)(h,{config:{appointmentUrl:s?.href?`${s.href}?context=immobiliensucher`:"",endpointPostalCode:"/api/lbses?zipcode=",resultImageSwitchInterval:5e3},images:{resultImages:r},callToAction:i})}},95827:()=>{}}]);