(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[498],{498:function(e,t,n){Promise.resolve().then(n.bind(n,2513)),Promise.resolve().then(n.t.bind(n,1749,23))},8185:function(e,t,n){"use strict";var i=n(7437);n(2265);var r=n(2894),s=n(5754),a=n(4900);t.Z=e=>{let{onPreviousStep:t,onNextStep:n,form:l}=e;return(0,i.jsxs)("div",{children:[(0,i.jsx)("h2",{className:"text-xl mb-2 text-center",children:"Weitere Interessen"}),(0,i.jsx)("p",{className:"mb-14 text-center text",children:"Haben Sie auch Interesse an den folgenden Angeboten?"}),(0,i.jsx)("div",{className:"mb-6",children:(0,i.jsx)(r.Wi,{control:l.control,name:"interest_electricCar",render:e=>{let{field:t}=e;return(0,i.jsxs)(r.xJ,{children:[(0,i.jsxs)("div",{className:"flex",children:[(0,i.jsx)(r.NI,{children:(0,i.jsx)(a.X,{className:"border-white",checked:t.value,onCheckedChange:t.onChange})}),(0,i.jsx)(r.lX,{className:"ml-2 font-light leading-4 select-none hover:cursor-pointer text-white",children:"Interesse an einer Beratung zum passenden E-Auto"})]}),(0,i.jsx)(r.zG,{})]})}})}),(0,i.jsxs)("div",{className:"flex justify-between mb-12",children:[(0,i.jsx)(s.z,{onClick:t,type:"button",variant:"secondary",children:"Zur\xfcck"}),(0,i.jsx)(s.z,{onClick:n,type:"button",className:"bg-orange-400 hover:bg-orange-500",children:"Weiter"})]})]})}},1192:function(e,t,n){"use strict";var i=n(7437);n(2265);var r=n(2507);t.Z=e=>{let{selectedValue:t,onSelect:n,onPreviousStep:s}=e;return(0,i.jsxs)("div",{children:[(0,i.jsx)("h2",{className:"text-xl mb-12 text-center text-white",children:"Um welchen Geb\xe4ude-Typ handelt es sich?"}),(0,i.jsx)("p",{className:"mb-8 text-center text-sm text-white",children:"Bitte w\xe4hlen Sie eine Antwort aus:"}),(0,i.jsxs)("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-x-6 gap-y-16 mb-20",children:[(0,i.jsx)(r.Z,{title:"Ein-/Zweifamilienhaus",imageUrl:"/icons/formular-einfamilienhaus.png",selected:t,onSelect:e=>n(e)}),(0,i.jsx)(r.Z,{title:"Mehrfamilienhaus",imageUrl:"/icons/formular-mehrfamilienhaus.png",selected:t,onSelect:e=>n(e)}),(0,i.jsx)(r.Z,{title:"Firmengeb\xe4ude",imageUrl:"/icons/formular-firmengebaeude.png",selected:t,onSelect:e=>n(e)}),(0,i.jsx)(r.Z,{title:"Sonstiges",imageUrl:"/icons/formular-fragezeichen.png",selected:t,onSelect:e=>n(e)})]})]})}},5857:function(e,t,n){"use strict";var i=n(7437);n(2265);var r=n(5754),s=n(2894),a=n(5179);t.Z=e=>{let{form:t,onNextStep:n,onPreviousStep:l}=e;return(0,i.jsxs)("div",{children:[(0,i.jsx)("h2",{className:"text-xl mb-12 text-center",children:"Wie gro\xdf ist die zu beheizende Fl\xe4che?"}),(0,i.jsxs)("p",{className:"mb-2 text-center text",children:["Bitte geben Sie die Fl\xe4che in Quadratmetern an ",(0,i.jsx)("span",{className:"text-orange-400",children:"(nur die Zahl)"})," eintragen."]}),(0,i.jsx)("div",{className:"mb-6",children:(0,i.jsx)(s.Wi,{control:t.control,name:"floorSize",render:e=>{let{field:t}=e;return(0,i.jsxs)(s.xJ,{children:[(0,i.jsx)(s.NI,{children:(0,i.jsx)(a.I,{className:"bg-white text-black",placeholder:"Gr\xf6\xdfe der Fl\xe4che",...t})}),(0,i.jsx)(s.zG,{})]})}})}),(0,i.jsxs)("div",{className:"flex justify-between mb-12",children:[(0,i.jsx)(r.z,{onClick:l,type:"button",variant:"secondary",children:"Zur\xfcck"}),(0,i.jsx)(r.z,{onClick:n,type:"button",className:"bg-orange-400 hover:bg-orange-500",children:"Weiter"})]})]})}},1033:function(e,t,n){"use strict";var i=n(7437);n(2265);var r=n(2507),s=n(5754);t.Z=e=>{let{selectedValue:t,onSelect:n,onPreviousStep:a}=e;return(0,i.jsxs)("div",{children:[(0,i.jsx)("h2",{className:"text-xl mb-12 text-center text-white",children:"Welches W\xe4rmeabgabesystem soll verwendet werden?"}),(0,i.jsx)("p",{className:"mb-8 text-center text-sm text-white",children:"Bitte w\xe4hlen Sie eine Antwort aus:"}),(0,i.jsxs)("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-x-6 gap-y-16 mb-20",children:[(0,i.jsx)(r.Z,{title:"Heizk\xf6rper",imageUrl:"/icons/Heizung.png",selected:t,onSelect:e=>n(e)}),(0,i.jsx)(r.Z,{title:"Fu\xdfbodenheizung",imageUrl:"/icons/Fussboden.png",selected:t,onSelect:e=>n(e)}),(0,i.jsx)(r.Z,{title:"bitte beraten",imageUrl:"/icons/formular-fragezeichen.png",selected:t,onSelect:e=>n(e)})]}),(0,i.jsx)("div",{className:"flex justify-between mb-4",children:(0,i.jsx)(s.z,{onClick:a,type:"button",variant:"secondary",children:"Zur\xfcck"})})]})}},8400:function(e,t,n){"use strict";var i=n(7437);n(2265);var r=n(2507),s=n(5754);t.Z=e=>{let{selectedValue:t,onSelect:n,onPreviousStep:a}=e;return(0,i.jsxs)("div",{children:[(0,i.jsx)("h2",{className:"text-xl mb-12 text-center text-white",children:"Wie viele Personen befinden sich im Geb\xe4ude?"}),(0,i.jsx)("p",{className:"mb-8 text-center text-sm text-white",children:"Bitte w\xe4hlen Sie eine Antwort aus:"}),(0,i.jsxs)("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-x-6 gap-y-16 mb-20",children:[(0,i.jsx)(r.Z,{title:"1-2 Personen",imageUrl:"/icons/OneTwoPeople.png",selected:t,onSelect:e=>n(e)}),(0,i.jsx)(r.Z,{title:"3-4 Personen",imageUrl:"/icons/ThreeFourPeople.png",selected:t,onSelect:e=>n(e)}),(0,i.jsx)(r.Z,{title:"5-6 Personen",imageUrl:"/icons/FiveSixPeople.png",selected:t,onSelect:e=>n(e)}),(0,i.jsx)(r.Z,{title:"7-8 Personen",imageUrl:"/icons/SevenEightPeople.png",selected:t,onSelect:e=>n(e)})]}),(0,i.jsx)("div",{className:"flex justify-between mb-4",children:(0,i.jsx)(s.z,{onClick:a,type:"button",variant:"secondary",children:"Zur\xfcck"})})]})}},2513:function(e,t,n){"use strict";n.r(t),n.d(t,{formSchema:function(){return w}});var i=n(7437),r=n(1270),s=n(500),a=n(7907),l=n(2265),c=n(2894),o=n(8009),m=n(1367),u=n(248),d=n(1192),h=n(9930),g=n(2670),x=n(9559),p=n(8714),b=n(7234),f=n(4559),v=n(3829),S=n(1033),j=n(8400),y=n(5857),Z=n(8185);let w=u.Ry({step:u.Rx(),campaign:u.Ry({name:u.Z_({required_error:"Bitte einen Kampagnennamen angeben"}),event_id:u.Z_({required_error:"Bitte eine Kampagnen-ID angeben"})},{required_error:"Bitte eine Kampagne ausw\xe4hlen"}),employee:u.Z_({required_error:"Bitte eine Mitarbeiter-Nummer angeben"}).optional(),salutation:u.Z_({required_error:"Bitte eine Anrede ausw\xe4hlen"}),firstName:u.Z_({required_error:"Bitte Nachnamen angeben"}).min(2,{message:"Min. 2 Zeichen lang"}),lastName:u.Z_({required_error:"Bitte Nachnamen angeben"}).min(2,{message:"Min. 2 Zeichen lang"}),phone:u.Z_({required_error:"Bitte eine Telefonnummer angeben"}).min(8,{message:"Bitte Telefonnummer in korrektem Format angeben"}),alternativePhone:u.Z_({required_error:"Bitte eine alternative Telefonnummer angeben"}).optional(),email:u.Z_({required_error:"Bitte eine Email angeben"}).email({message:"Bitte eine Email angeben"}).min(5,{message:"Muss min. 7 Zeichen lang sein"}),privacyPolicy:u.i0(!0,{errorMap:()=>({message:"Bitte geben Sie Ihr Einverst\xe4ndnis f\xfcr die Verwendung der Daten"})}),plz:u.Z_({required_error:"Bitte eine PLZ angeben"}).length(5,{message:"Die Zahl muss genau 5 Stellen betragen"}),city:u.Z_({required_error:"Bitte einen Ort angeben"}),street:u.Z_({required_error:"Bitte Stra\xdfe + Hausnummer angeben"}),imageSignatureBase64:u.Z_({required_error:"Bitte unterschreiben Sie das Formular"}).min(1,{message:"Bitte unterschreiben"}),wantsSpecificDate:u.O7().optional(),specificDate:u.hT().optional(),availability:u.Z_().optional(),notes:u.Z_().optional(),buildingType:u.Z_(),timing:u.Z_(),floorSize:u.Z_(),residentCount:u.Z_(),heatingSystem:u.Z_(),interest_electricCar:u.O7().optional(),interest_electricityPlan:u.O7().optional(),interest_SolarSystemInsurance:u.O7().optional()});t.default=e=>{let{className:t,table:n,successUrl:u,showEmployeeId:_}=e,[N,P]=(0,l.useState)(0),[k,B]=(0,l.useState)(void 0),C=(0,a.useRouter)(),z=(0,g.cI)({resolver:(0,r.F)(w),defaultValues:f.XL});(0,l.useEffect)(()=>{_||(z.setValue("campaign",{name:"Self-Checkout",event_id:"Self-Checkout"}),z.setValue("employee","Self-Checkout"))},[z,_]);let I=z.watch("step");async function q(e){let t=(0,p.createClientComponentClient)();try{o.default.loading("Daten werden \xfcbertragen, bitte warten"),function(e,t){try{let n=JSON.parse(window.localStorage.getItem(t)||"[]");n.push(e),window.localStorage.setItem(t,JSON.stringify(n))}catch(e){o.default.error("Daten konnten nicht zwischengespeichert werden"),console.error("Error saving to local storage:",e)}}(e,n);let{data:i,error:r,status:s}=await t.from(n).insert([{employee:e.employee?e.employee:"",campaign:e.campaign.name,event_id:e.campaign.event_id,salutation:e.salutation,firstName:e.firstName,lastName:e.lastName,email:e.email,phone:e.phone,alternativePhone:e.alternativePhone,privacyPolicy:e.privacyPolicy,plz:e.plz,street:e.street,city:e.city,availability:e.availability,notes:e.notes,imageSignatureBase64:e.imageSignatureBase64,specificDate:e.specificDate&&(0,v.ZP)(e.specificDate),buildingType:e.buildingType,timing:e.timing,floorSize:e.floorSize,residentCount:e.residentCount,heatingSystem:e.heatingSystem,interest_electricCar:e.interest_electricCar,interest_electricityPlan:e.interest_electricityPlan,interest_SolarSystemInsurance:e.interest_SolarSystemInsurance}]);if(201===s)o.default.remove(),o.default.success("Super! Speichern in Datenbank hat funktioniert!"),C.push(u);else throw r||Error("Konnte nicht gespeichert werden")}catch(e){o.default.remove(),o.default.error("Das hat leider nicht funktioniert.")}}(0,l.useEffect)(()=>{P(Math.round(z.watch("step")/8*100))},[I,z]);let E=()=>{z.setValue("step",z.watch("step")+1)},V=()=>{0!==z.watch("step")&&z.setValue("step",z.watch("step")-1)};return(0,i.jsx)("div",{className:(0,m.m6)("",t),children:(0,i.jsxs)(c.l0,{...z,children:[(0,i.jsxs)("form",{onSubmit:z.handleSubmit(q,()=>{console.log("wrong"),o.default.error("Bitte f\xfcllen Sie alle notwendigen Felder im Formular aus")}),children:[0===I&&(0,i.jsx)(d.Z,{onSelect:e=>{z.setValue("buildingType",e),E()},onPreviousStep:V,selectedValue:z.watch("buildingType")}),1===I&&(0,i.jsx)(y.Z,{form:z,onPreviousStep:V,onNextStep:E}),2===I&&(0,i.jsx)(j.Z,{onSelect:e=>{z.setValue("residentCount",e),E()},onPreviousStep:V,selectedValue:z.watch("residentCount")}),3===I&&(0,i.jsx)(S.Z,{onSelect:e=>{z.setValue("heatingSystem",e),E()},onPreviousStep:V,selectedValue:z.watch("heatingSystem")}),4===I&&(0,i.jsx)(x.Z,{onSelect:e=>{z.setValue("timing",e),E()},onPreviousStep:V,selectedValue:z.watch("timing")}),5===I&&(0,i.jsx)(Z.Z,{onNextStep:E,onPreviousStep:V,form:z}),6===I&&(0,i.jsx)(h.Z,{onNextStep:E,onPreviousStep:V,form:z}),7===I&&(0,i.jsx)(b.Z,{showEmployeeId:_,onPreviousStep:V,form:z,imageSignature:k,setImageSignature:B,privacyNotice:"Der Angebotsvergleich ist zu 100% kostenfrei und unverbindlich."})]}),(0,i.jsx)("div",{className:"flex mb-8 w-full",children:(0,i.jsx)(s.E,{value:N,className:"mb-2"})})]})})}}}]);