https://www.enercity-erneuerbare.de/_next/static/chunks/1651.0ea7a322dba5be17.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1651],{1651:(e,t,a)=>{"use strict";a.r(t),a.d(t,{default:()=>$});var r=a(49222),s=a(22313),o=a(46730),n=a(3558),l=a(93897),i=a(3638),u=a(98716),c=a(6371),d=a(98242),m=a(37766),p=a(87031),h=a.n(p);let g=({rating:e,className:t,color:a="default"})=>{let s=e.toFixed(2).replace(".",","),o=(0,m.v)(e);return(0,r.jsxs)("a",{href:c.e,target:"_blank",rel:"noopener noreferrer",title:"Zur Bewertungsseite von Trusted Shops",className:(0,i.A)(h().container,h()[a],t),children:[(0,r.jsx)(u.h,{className:h().logo,"aria-hidden":!0}),(0,r.jsx)("span",{className:"visually-hidden",children:"Trusted Shops Bewertung:"}),(0,r.jsxs)("span",{className:h().text,children:[(0,r.jsx)("span",{className:h().ratingValue,children:s}),"/5"," ",o]}),(0,r.jsx)("span",{className:h().stars,"aria-hidden":!0,children:(0,r.jsx)(d.C,{rating:e,color:a})})]})};var x=a(91877),v=a(12025),S=a(5413),b=a(57279),f=a(20977),w=a(36587),C=a(76651),k=a(67849),j=a(77766),N=a(19792),B=a(89796),y=a.n(B);let R=({selected:e,onChange:t,className:a,config:s,color:o="white"})=>(0,r.jsx)("div",{className:(0,i.A)(y().base,a,y()[o]),children:s.map(({icon:a,label:s,value:o})=>(0,r.jsxs)(j.Fragment,{children:[(0,r.jsx)("input",{type:"radio",id:o,value:o,checked:e===o,onChange:()=>t(o),className:y().input}),(0,r.jsxs)("label",{htmlFor:o,className:y().button,children:[(0,r.jsx)(N.default,{variant:a,size:"iconSize24",className:y().icon}),(0,r.jsx)("span",{children:s})]})]},o))});var A=a(72171);let T=["combined","power","gas"],G=[{icon:"user/lightning",label:"Strom",value:"power"},{icon:"user/energy-fire",label:"Gas",value:"gas"},{icon:"user/power-gas",label:"Kombi",value:"combined"}],M={gradient:"white",white:"surrogate"};var L=a(82762),z=a(42355);let O=L.Ik({zipcode:z.PN});var P=a(43010),E=a.n(P),I=a(23806);let _="__custom__",F=({name:e,label:t,options:a,value:s="",onChange:o,isBoxOnGradient:n=!1,customOptionLabel:l="Verbrauch selbst eingeben",className:i,prefixBoxIcon:u})=>{let[c,d]=(0,j.useState)(!1),m=a.some(e=>e.value===s),p=c||""!==s&&!m,h=[...a.map(e=>({label:e.label??e.value,value:e.value})),{label:l,value:_}];return p?(0,r.jsx)(C.A,{className:i,name:e,label:t,value:s,type:w.V.Text,inputMode:"numeric",restrictMaxLength:!0,suffix:"kWh / Jahr",prefixBoxIcon:u,icon:"action/close",onClickIcon:()=>{d(!1),o?.("")},onChange:e=>{o?.(e.target.value.replace(/\D/g,""))},isBoxOnGradient:n,errorMessageHasRelativePosition:!0,autoFocus:c}):(0,r.jsx)(I.A,{className:i,name:e,label:t,ariaLabel:t,options:h,value:m?s:"",onChange:e=>{if(e){if(e.value===_){d(!0),o?.("");return}d(!1),o?.(e.value)}},isBoxOnGradient:n,errorMessageHasRelativePosition:!0,portalList:!0,prefixBoxIcon:u})},$=({title:e,titleTag:t,productFormType:a,productCustomerType:u,powerGasCombinedDefault:c,backgroundType:d="gradient",powerPagePath:m,powerPageGwKPath:p,gasPagePath:h,gasPageGwKPath:N,powerAndGasPagePath:B,powerAndGasPageGwKPath:y,trustedShopsRating:L})=>{let{pushDataLayerEvent:z}=(0,n.A)(),P="gradient"===d,I=(0,j.useMemo)(()=>(a.split("-")||[]).toSorted((e,t)=>T.indexOf(e)-T.indexOf(t)),[a]),_=(0,j.useMemo)(()=>({power:{private:m,business:p},gas:{private:h,business:N},combined:{private:B,business:y}}),[m,p,h,N,B,y]),$=e=>"string"==typeof e&&Object.keys(_).includes(e),V=e=>"private"===e||"business"===e,[Z,D]=(0,j.useState)(c??I.find(Boolean)??"power"),H="business-customer"===u?"business":"private",[W,K]=(0,j.useState)(!1),[q,U]=(0,j.useState)(s.G.power.options[1]?.value??""),[J,Q]=(0,j.useState)(s.G.gas.options[1]?.value??""),{handleSubmit:X,handleChange:Y,handleBlur:ee,getErrorByFieldName:et,formState:ea}=(0,l.A)(e=>{if(!$(Z)||!V(H))return void o.v.error("Invalid form data submitted:",{productOption:Z,customerType:H});let t=((e,t)=>{if($(e)&&V(t))return _[e][t]})(Z,H);if(!t)return void o.v.error("No calculator page path",{productOption:Z,customerType:H});let a=e.zipcode??"";z({event:"customClick2",plz:a,isLeadingTo:"S&G-Konfigurator",isSgkModulePresent:"true",sgkProductSelection:s.G[Z].radioLabel,sgkCustomerTypeSelection:"private"===H?"Privat":"Gewerbe"});let r=new URLSearchParams;r.set("plz",a),("power"===Z||"combined"===Z)&&q&&r.set("s",q),("gas"===Z||"combined"===Z)&&J&&r.set("g",J),r.set("k",W?"bk":"nk"),window.location.href=(0,x.Z)(`${t}?${r.toString()}`,window.location.search)},O,{zipcode:""}),er=I.length>1,es="power"===Z||"combined"===Z,eo="gas"===Z||"combined"===Z;(0,j.useEffect)(()=>{z({event:"sgkModuleUpdate",isSgkModulePresent:"true",sgkProductSelection:s.G[Z].radioLabel,sgkCustomerTypeSelection:"private"===H?"Privat":"Gewerbe"})},[H,Z,z]);let en=s.G[Z].buttonText;return(0,r.jsx)("form",{id:"stagebox-form",onSubmit:X,className:E().form,children:(0,r.jsx)(k.A,{backgroundType:d,title:e,titleTag:t,buttonSlot:(0,r.jsxs)(A.A,{gap:1,children:[(0,r.jsx)(v.A,{type:S.VQ.Submit,actionType:f.nD.None,align:S.G1.Center,color:P?S.mq.Secondary:S.mq.Primary,size:S.Mp.Large,width:S.Rj.Full,noClickable:!0,children:P?(0,r.jsx)("span",{className:E().submitLabel,children:en}):en}),L&&(0,r.jsx)(g,{rating:L,color:P?"white":"default"})]}),children:(0,r.jsxs)("div",{className:E().formInner,children:[er&&(0,r.jsx)(R,{className:P?E().segmented:void 0,color:M[d],config:G,onChange:D,selected:Z}),(0,r.jsxs)("div",{className:E().inputs,children:[(0,r.jsx)(C.A,{name:"zipcode",value:ea.zipcode||"",label:"PLZ",className:P?(0,i.A)(E().field,{[E().fieldError]:!!et("zipcode")}):void 0,prefixBoxIcon:"user/pin",type:w.V.Text,autoComplete:"postal-code",inputMode:"numeric",maxLength:5,onChange:e=>{e.target.value=e.target.value.replace(/\D/g,""),Y(e)},errorMessage:et("zipcode"),onBlur:ee,restrictMaxLength:!0,isBoxOnGradient:P,hasYellowError:P,errorMessageHasRelativePosition:!0}),es&&(0,r.jsx)(F,{className:P?E().field:void 0,name:"powerConsumption",label:"Stromverbrauch",prefixBoxIcon:"user/lightning",value:q,options:s.G.power.options,onChange:U,isBoxOnGradient:P}),eo&&(0,r.jsx)(F,{className:P?E().field:void 0,name:"gasConsumption",label:"Gasverbrauch",prefixBoxIcon:"user/energy-fire",value:J,options:s.G.gas.options,onChange:Q,isBoxOnGradient:P})]}),(0,r.jsx)("div",{className:(0,i.A)(E().customerStatus,{[E().customerStatusOnGradient]:P}),children:(0,r.jsx)(b.A,{id:"customerStatus",name:"customerStatus",label:"Ich war oder bin enercity Kund:in",checked:W,onChange:e=>{K(e.target.checked)},inverse:P,className:P?E().customerStatusBox:void 0})})]})})})}},6371:(e,t,a)=>{"use strict";a.d(t,{e:()=>s,x:()=>r});let r={5:"Hervorragend",4:"Sehr gut",3:"Gut",2:"Befriedigend",1:"Ausbauf\xe4hig"},s="https://www.trustedshops.de/bewertung/info_X465BF196A8B4C75EA753899D9F500E5B.html"},37766:(e,t,a)=>{"use strict";a.d(t,{Z:()=>s,v:()=>

1o});var r=a(6371);function s(e,t){return`Trusted Shops Bewertung: ${e} von 5 Sternen${t?` von ${t}`:""}`}function o(e){return r.x[Math.round(e)]??""}},43010:e=>{e.exports={form:"StageBoxCalculatorNew-module-form",formInner:"StageBoxCalculatorNew-module-formInner",inputs:"StageBoxCalculatorNew-module-inputs",submitLabel:"StageBoxCalculatorNew-module-submitLabel",field:"StageBoxCalculatorNew-module-field",fieldError:"StageBoxCalculatorNew-module-fieldError",segmented:"StageBoxCalculatorNew-module-segmented",customerStatus:"StageBoxCalculatorNew-module-customerStatus",customerStatusOnGradient:"StageBoxCalculatorNew-module-customerStatusOnGradient",customerStatusBox:"StageBoxCalculatorNew-module-customerStatusBox"}},45215:e=>{e.exports={starRow:"TrustedShopsStarRating-module-star-row",starContainer:"TrustedShopsStarRating-module-star-container",star:"TrustedShopsStarRating-module-star",default:"TrustedShopsStarRating-module-default",empty:"TrustedShopsStarRating-module-empty",white:"TrustedShopsStarRating-module-white"}},57279:(e,t,a)=>{"use strict";a.d(t,{A:()=>u});var r=a(49222),s=a(79379),o=a(99835),n=a(72171),l=a(71574),i=a.n(l);let u=({checked:e,onChange:t,errorMessage:a,id:l,label:u,...c})=>(0,r.jsx)("div",{className:i().base,children:(0,r.jsxs)("div",{className:i().checkboxRow,children:[(0,r.jsxs)(n.A,{flexDirection:"row",gap:"1rem",children:[(0,r.jsx)(s.A,{id:l,checked:e,onChange:t,...c}),(0,r.jsx)("label",{htmlFor:l,className:i().text,children:u})]}),a&&(0,r.jsx)(o.A,{hasRelativePosition:!0,children:a})]})})},62586:e=>{e.exports={wrapper:"CheckBox-module-wrapper",checkmark:"CheckBox-module-checkmark",minus:"CheckBox-module-minus",input:"CheckBox-module-input",checkbox:"CheckBox-module-checkbox",inverse:"CheckBox-module-inverse",error:"CheckBox-module-error"}},71574:e=>{e.exports={base:"CheckboxWithLabel-module-base",checkboxRow:"CheckboxWithLabel-module-checkbox-row",text:"CheckboxWithLabel-module-text"}},79379:(e,t,a)=>{"use strict";a.d(t,{A:()=>u});var r=a(49222),s=a(3638),o=a(77766),n=a(19792),l=a(62586),i=a.n(l);let u=({name:e,checked:t,errorMessage:a,defaultChecked:l,disabled:u,onChange:c,onClick:d,inverse:m,id:p,className:h,tabIndex:g=0,readOnly:x,isIndeterminate:v=!1})=>{let S=(0,o.useRef)(null);return(0,o.useEffect)(()=>{S.current&&(S.current.indeterminate=v)}),(0,r.jsxs)("div",{className:(0,s.A)(i().wrapper,h),children:[(0,r.jsx)("input",{type:"checkbox",name:e,checked:t,defaultChecked:l,disabled:u,onChange:c,onClick:d,tabIndex:g,className:i().input,id:p,readOnly:x,ref:S}),(0,r.jsxs)("div",{className:(0,s.A)(i().checkbox,{[i().inverse]:m,[i().error]:!!a}),children:[(0,r.jsx)(n.default,{size:"iconSize32",variant:"action/checkmark",className:i().checkmark}),(0,r.jsx)(n.default,{size:"iconSize32",variant:"action/minus",className:i().minus})]})]})}},87031:e=>{e.exports={container:"TrustedShopsSimpleRating-module-container",default:"TrustedShopsSimpleRating-module-default",white:"TrustedShopsSimpleRating-module-white",logo:"TrustedShopsSimpleRating-module-logo",text:"TrustedShopsSimpleRating-module-text",ratingValue:"TrustedShopsSimpleRating-module-rating-value",stars:"TrustedShopsSimpleRating-module-stars"}},89796:e=>{e.exports={white:"StageBoxSegmentedControl-module-white",surrogate:"StageBoxSegmentedControl-module-surrogate",base:"StageBoxSegmentedControl-module-base",button:"StageBoxSegmentedControl-module-button",icon:"StageBoxSegmentedControl-module-icon",input:"StageBoxSegmentedControl-module-input"}},98242:(e,t,a)=>{"use strict";a.d(t,{C:()=>m});var r,s=a(49222),o=a(3638),n=a(77766);function l(){return(l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)({}).hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e}).apply(null,arguments)}var i=function(e){return n.createElement("svg",l({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 22 20"},e),r||(r=n.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M10.623 0 8.115 7.637 0 7.64l6.566 4.72L4.06 20l6.562-4.72L17.191 20l-2.507-7.64 6.566-4.72-8.115-.003z",clipRule:"evenodd"})))},u=a(45215),c=a.n(u);let d=[1,2,3,4,5],m=({rating:e,color:t="default"})=>{let a=`${e.toString().replace(".",",")} von 5 Sternen`;return(0,s.jsxs)("div",{className:(0,o.A)(c().starRow,c()[t]),children:[(0,s.jsx)("span",{className:"visually-hidden",children:a}),d.map(a=>{let r=100*Math.min(Math.max(e-(a-1),0),1);return(0,s.jsxs)("span",{className:(0,o.A)(c().starContainer,c()[t]),"aria-hidden":"true",children:[(0,s.jsx)("span",{className:(0,o.A)(c().star,c().empty),children:(0,s.jsx)(i,{})}),(0,s.jsx)("span",{className:c().star,style:{clipPath:`inset(0 ${100-r}% 0 0)`},children:(0,s.jsx)(i,{})})]},a)})]})}},98716:(e,t,a)=>{"use strict";a.d(t,{h:()=>n});var r,s=a(77766);function o(){return(o=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)({}).hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e}).apply(null,arguments)}var n=function(e){return s.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 40 40"},e),r||(r=s.createElement("g",{fill:"currentColor",fillRule:"evenodd"},s.createElement("path",{d:"M19.75 32.426c-6.93 0-12.549-5.617-12.549-12.548s5.619-12.55 12.55-12.55c6.93 0 12.55 5.619 12.55 12.55s-5.62 12.548-12.55 12.548Zm.166-32.4C8.916.027 0 8.943 0 19.943s8.917 19.916 19.916 19.916 19.915-8.917 19.915-19.916S30.915.028 19.916.028Z"}),s.createElement("path",{d:"M23.904 14.135c0-.912-.516-1.627-1.469-1.627-2.856 0-4.324 5.555-4.879 7.737 2.658-.793 6.348-2.974 6.348-6.11m1.904 9.642c-1.825 2.697-4.364 5.157-7.776 5.157-3.611 0-5.713-2.261-5.713-5.912 0-5.91 4.363-11.703 10.513-11.703 2.064 0 4.84.833 4.84 3.333 0 4.483-7.02 5.99-10.473 6.863-.12.754-.238 1.507-.238 2.262 0 1.546.832 2.975 2.538 2.975 2.223 0 4.008-2.143 5.317-3.73z"}))))}}}]);
2//# sourceMappingURL=1651.0ea7a322dba5be17.js.map