https://www.enercity-erneuerbare.de/_next/static/chunks/2056.3afdd586f3b7d34f.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2056,6982],{14298:(e,t,n)=>{"use strict";n.d(t,{A:()=>x});var i=n(49222),a=n(94346),r=n(12025),l=n(5413),o=n(20977),s=n(46982),d=n(74401),c=n(11343),u=n(19792),m=n(65682),h=n(25311);let x=({icon:e,text:t,buttonLabel:n,buttonLink:x,headline:p})=>(0,i.jsxs)(m.A,{background:"none",width:a.Q.Medium,children:[(0,i.jsxs)("div",{children:[e&&(0,i.jsx)(h.default,{variant:"default-white",children:(0,i.jsx)("p",{style:{textAlign:"center"},children:(0,i.jsx)(u.default,{variant:e,size:"iconSize64",isOutlined:!0})})}),(0,i.jsx)(c.default,{headlineColor:d.oP.Light,children:p}),t&&(0,i.jsx)(h.default,{variant:"default-white",children:(0,i.jsx)("p",{style:{textAlign:"center"},children:t})})]}),n&&x&&(0,i.jsx)(s.default,{spaceTop:3,children:(0,i.jsx)(r.A,{actionType:o.nD.Linkintern,size:l.Mp.Medium,width:l.Rj.Auto,align:l.G1.Center,color:l.mq.Secondary,linkintern:x,children:n})})]})},32056:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>X});var i,a=n(49222),r=n(67546),l=n(92787),o=n(75968),s=n(93897),d=n(74272),c=n(80104),u=n(94346),m=n(84752),h=n(3638),x=n(77766),p=n(67508),f=n(12025),g=n(5413),A=n(37309),j=n(5140),S=n(20977),v=n(33291),C=n(81387),b=n(76651),y=n(36587),P=n(79627),L=n(11343),w=n(74401),T=n(25311),N=n(72430),k=n.n(N),E=((i={})[i.EMail=0]="EMail",i[i.Password=1]="Password",i);let M=({handleChange:e,handleBlur:t,formState:n,getErrorByFieldName:i,handleSubmit:r,isFormValid:l,isFieldValid:o,setFieldValue:s,headline:d,subtitle:c,description:u,linkLabel:N,modallink:M,buttonLoginLabel:B,buttonLabel:I,linkButton:D,showMailError:O,errorMessage:z})=>{let[F,G]=(0,x.useState)(E.EMail),R=F===E.Password,_=(0,x.useRef)(null),{height:H}=(0,p.A)(_),V=(0,m.zh)({from:{height:0,opacity:0,transform:"translateY(-16px)"},to:{height:R?H:0,opacity:+!!R,transform:R?"translateY(0)":"translateY(-16px)",pointerEvents:R?"all":"none"}});return(0,a.jsx)(a.Fragment,{children:(0,a.jsxs)("div",{className:(0,h.A)(k().flexCenter),children:[(0,a.jsxs)("form",{onSubmit:e=>{e.preventDefault(),o?.("email",!0)&&F===E.EMail&&(G(()=>E.Password),s("email",n.email.trim())),F===E.Password&&r(e)},className:(0,h.A)(k().form,k().flexCenter),children:[(0,a.jsx)(L.default,{headlineColor:w.oP.Gradient,level:2,subText:c,className:k().loginHeadline,children:d}),O&&(0,a.jsx)(C.A,{errorMessage:z||"",className:k().infoBanner}),(0,a.jsx)(b.A,{label:"E-Mail oder Benutzername",name:"email",autoComplete:"email",value:n.email||"",type:y.V.Text,errorMessage:i?.("email"),onChange:e,onBlur:t,className:k().formfield,disabled:R,icon:R?"user/pen":void 0,iconSize:R?"iconSize24":void 0,onClickIcon:()=>{R&&(G(()=>E.EMail),s("password",""))},errorMessageHasRelativePosition:!0}),(0,a.jsx)(m.CS.div,{style:V,children:(0,a.jsx)("div",{ref:_,children:(0,a.jsx)("div",{className:k().formfieldPassword,children:R&&(0,a.jsx)(P.A,{label:"Passwort",autoComplete:"current-password",name:"password",value:n.password||"",errorMessage:i?.("password"),onChange:e,onBlur:t,className:(0,h.A)(k().formfield),autoFocus:!0,errorMessageHasRelativePosition:!0})})})}),(0,a.jsx)(j.A,{actionType:S.nD.Modal,modallink:M,className:k().link,

1children:N}),(0,a.jsx)(f.A,{color:g.mq.Primary,size:g.Mp.Medium,width:g.Rj.Auto,type:g.VQ.Submit,align:g.G1.Center,inactive:R?!l:!o?.("email"),className:k().button,actionType:S.nD.None,asButton:!0,children:0===F?"Weiter":`${B}`})]}),(0,a.jsx)(v.A,{dividerText:"Oder",className:k().divider}),(0,a.jsx)(T.default,{className:k().text,children:(0,a.jsx)("span",{children:u})}),(0,a.jsx)(A.default,{actionType:S.nD.Linkextern,linkextern:D,className:k().register,align:g.G1.Center,children:I})]})})};var B=n(32322),I=n.n(B);let D=({mail:e,targets:t,description:n,additionalInfo:i,headline:r,titleSP:s,descriptionSP:d,buttonTextSP:c,titleCP:u,descriptionCP:m,buttonTextCP:h})=>(0,a.jsxs)("div",{className:I().base,children:[(0,a.jsx)(L.default,{headlineColor:w.oP.Gradient,level:2,className:I().headline,children:r}),(0,a.jsx)("span",{className:I().mail,children:e}),(0,a.jsx)(T.default,{className:I().text,children:(0,a.jsx)("p",{children:n})}),(0,a.jsx)("div",{className:I().teaserBox,children:t.map(t=>{let n=t.key===l.P5.EnercityPortal,i=n?u:s,r=n?`${t.url}?showLogin=true`:`${t.url}`,x=t.key===l.P5.ServicePortal;return(0,a.jsxs)(x?"div":"a",{className:I().teaserTileBox,onClick:()=>{x&&(0,o.A)(t.url,{login:e})},href:x?"":r,children:[(0,a.jsx)("h3",{className:I().boxHeadline,children:i}),(0,a.jsx)("span",{className:I().boxText,children:n?m:d}),(0,a.jsx)("div",{className:I().boxButton,children:(0,a.jsx)(f.A,{align:g.G1.Center,width:g.Rj.Full,actionType:S.nD.None,className:I().button,clickContext:i,asButton:!0,children:n?h:c})})]},t.key)})}),(0,a.jsx)(T.default,{className:I().infoText,children:(0,a.jsx)("p",{children:i})})]});var O=n(2663),z=n(65682),F=n(85106),G=n(14298),R=n(78223);let _=e=>({...e,fallbackUrl:e.key===l.P5.EnercityPortal?R.k.enercityPortal:R.k.servicePortal});var H=n(82762);let V=H.Ik({email:H.Yj().required("Wir ben\xf6tigen deine E-Mail-Adresse / Benutzername.").min(3,"Die E-Mail-Adresse oder Benutzername ist zu kurz."),password:H.Yj().required("Wir ben\xf6tigen dein Passwort.").min(3,"Das angegebene Passwort ist zu kurz")}),U={email:"",password:""},$="E-Mail ist nicht f\xfcr das enercity Portal registriert. Bitte \xfcberpr\xfcfen Sie Ihre Eingaben.",Y=({mainHeadline:e,mainSubtitle:t,mainDescription:n,mainLinkLabel:i,modallink:r,mainButtonLoginLabel:m,mainButtonLabel:h,mainButtonLink:p,mainButtonLinkInternal:f,mainButtonLinkExternal:g,multipleAccountsAdditionalInfo:A,multipleAccountsDescription:j,multipleAccountsHeadline:S,multipleAccountsCardTitleCP:v,multipleAccountsCardDescriptionCP:C,multipleAccountsCardButtonTextCP:b,multipleAccountsCardTitleSP:y,multipleAccountsCardDescriptionSP:P,multipleAccountsCardButtonTextSP:L,welcomeHeadline:w,welcomeText:T,welcomeIcon:N,welcomeButtonLabel:k,welcomeButtonLink:E})=>{let B=(0,d.A)(),I=(0,s.A)(()=>void 0,V,U),[R,H]=(0,x.useState)(!1),[Y,W]=(0,x.useState)(!1),[q,Q]=(0,x.useState)(!1),[J,K]=(0,x.useState)($),[X,Z]=(0,x.useState)([{url:"",description:"",key:l.P5.EnercityPortal}]),{params:ee}=(0,c.s)(),et=async e=>{if(e.preventDefault(),I.isFormValid)try{let e=await (0,l.Ay)(l.$S.Login,{userId:I.formState.email,password:I.formState.password});e.action===l.mG.ChoosePortal?(H(!0),Z(e.targets)):e.action===l.mG.PostTo?e.targets.forEach(async e=>{let t={[e.key===l.P5.ServicePortal?"login":"username"]:I.formState.email,password:I.formState.password};ee.returnUrl&&(t.returnUrl=ee.returnUrl),(0,o.A)(e.url,t)}):e.action===l.mG.PasswordSettingInitiated?W(!0):e.action===l.mG.AuthenticationFailed&&(K($),Q(!0))}catch(e){K("Ups, ein Fehler ist aufgetreten. Bitte versuchen Sie es sp\xe4ter erneut."),Q(!0)}};I.handleChange=e=>{I.setFieldValue(e.target.name,e.target.value,!0),Q(!1),K($)};let en=(0,x.useCallback)(()=>{switch(p){case"Internal":return f;case"External":return g;default:return p}},[p,f,g]);return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(O.default,{onClose:B,rearLayer:(0,a.jsx)(()=>(0,a.jsx)(a.Fragment,{children:Y&&(0,a.jsx)(G.A,{icon:N,headline:w,text:T,buttonLabel:k,buttonLink:E})}),{}),mainLayerVisible:!Y,children:(0,a.jsx)(z.A,{width:u.Q.Medium,children:(0,a.jsx)(M,{...I,handleSubmit:et,headline:e,subtitle:t,description:n,linkLabel:i,modallink:r,buttonLoginLabel:m,buttonLabel:h,linkButton:en(),showMailError:q,errorMessage:J})})}),(0,a.jsx)(F.A,{id:"modal-login-several-accounts",show:R,onClose:()=>{B(),H(!1)},children:(0,a.jsx)(z.A,{width:u.Q.Medium,children:(0,a.jsx)(D,{mail:I.formState.email,targets:X.map(_),description:j,additionalInfo:A,headline:S,titleCP:v,descriptionCP:C,buttonTextCP:b,titleSP:y,descriptionSP:P,buttonTextSP:L})})})]})};var W=n(64578),q=n(8413),Q=n(4026),J=n(38051);let K={...n(72535).p},X=e=>{let t=(0,Q.A)(e),{props:{title:n,noindex:i,description:l,canonical:o,...s}}=e;return(0,J.E)(),(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(q.A,{...t}),(0,a.jsx)(W.A,{children:(0,a.jsx)(Y,{...s})}),(0,a.jsx)(r.A,{modals:e.modals,cmsComponents:K})]})}},32322:e=>{e.exports={infoText:"LoginSeveralAccounts-module-info-text",base:"LoginSeveralAccounts-module-base",text:"LoginSeveralAccounts-module-text",teaserBox:"LoginSeveralAccounts-module-teaser-box",teaserTileBox:"LoginSeveralAccounts-module-teaser-tile-box",boxHeadline:"LoginSeveralAccounts-module-box-headline",boxText:"LoginSeveralAccounts-module-box-text",boxButton:"LoginSeveralAccounts-module-box-button",headline:"LoginSeveralAccounts-module-headline",mail:"LoginSeveralAccounts-module-mail",button:"LoginSeveralAccounts-module-button"}},33986:e=>{e.exports={container:"Container-module-container",childrenSpaceDefault:"Container-module-children-space-default",childrenSpaceNone:"Container-module-children-space-none",childrenSpaceSmall:"Container-module-children-space-small",childrenSpaceTiny:"Container-module-children-space-tiny",childrenSpaceMini:"Container-module-children-space-mini",childrenSpaceMicro:"Container-module-children-space-micro",max:"Container-module-max",default:"Container-module-default",small:"Container-module-small",tinyPlus:"Container-module-tiny-plus",tiny:"Container-module-tiny",micro:"Container-module-micro",flexCenter:"Container-module-flex-center",left:"Container-module-left",center:"Container-module-center",alignCenter:"Container-module-align-center",offsetTop:"Container-module-offset-top"}},46982:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>c});var i=n(49222),a=n(3638);function r(e){if(void 0!==e)return"string"==typeof e?e:e+"rem"}var l=n(40747),o=n(33986),s=n.n(o),d=n(47560);let c=({size:e=d.f.Default,children:t,flexCenter:n,offsetTop:o,className:c,spaceTop:u,spaceBottom:m,spaceLeft:h,spaceRight:x,align:p,spaceBetweenChildren:f=d.n.Default,...g})=>{let A=(0,a.A)(s().container,s()[e],{[s().alignCenter]:p===l.W3.Center,[s().flexCenter]:n,[s().offsetTop]:o},s()[f],c),j={...h&&{paddingLeft:r(h)},...x&&{paddingRight:r(x)},...u&&{paddingTop:r(u)},...m&&{paddingBottom:r(m)},...g.style};return(0,i.jsx)("div",{className:A,...g,style:j,"data-is-container":!0,children:t})}},47560:(e,t,n)=>{"use strict";n.d(t,{f:()=>r,n:()=>l});var i,a,r=((i={}).Max="max",i.Default="default",i.Small="small",i.TinyPlus="tinyPlus",i.Tiny="tiny",i.Micro="micro",i),l=((a={}).None="childrenSpaceNone",a.Micro="childrenSpaceMicro",a.Mini="childrenSpaceMini",a.Tiny="childrenSpaceTiny",a.Small="childrenSpaceSmall",a.Default="childrenSpaceDefault",a)}

1,54748:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});var i=n(956);let a=()=>{let{replace:e,push:t}=(0,i.A)();return(n,i)=>(i?.replace?e:t)(n,n,i)}},64578:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});var i=n(49222);let a=({children:e})=>(0,i.jsx)("main",{children:e})},67546:(e,t,n)=>{"use strict";n.d(t,{A:()=>s});var i=n(49222),a=n(47682),r=n(65682),l=n(60922),o=n(85106);let s=({modals:e,modalComponent:t,cmsComponents:n})=>{let{isVisibleRearLayer:s,closeModal:d}=(0,a.A)();return(0,i.jsx)(i.Fragment,{children:e?.map(e=>e&&(0,i.jsx)(o.A,{id:e.id,onClose:d,mainLayerVisible:!s,modalComponent:t,rearLayer:e.rearLayer&&(0,i.jsx)(r.A,{background:"none",width:e.props.width,children:(0,i.jsx)(l.A,{contents:e.rearLayer,cmsComponents:n})}),children:(0,i.jsx)(r.A,{width:e.props.width,children:(0,i.jsx)(l.A,{contents:e.contents,cmsComponents:n})})},e.id))})}},72430:e=>{e.exports={loginHeadline:"Login-module-login-headline",formfield:"Login-module-formfield",formfieldEmail:"Login-module-formfield--email",formfieldPassword:"Login-module-formfield--password",link:"Login-module-link",register:"Login-module-register",button:"Login-module-button",flexCenter:"Login-module-flex-center",divider:"Login-module-divider",text:"Login-module-text",form:"Login-module-form",headline:"Login-module-headline",infoBanner:"Login-module-info-banner"}},74272:(e,t,n)=>{"use strict";n.d(t,{A:()=>s});let i=function(e){let t=e.lastIndexOf("/");return -1===t?e:0===t?"/":e.substring(0,t)};var a=n(77766),r=n(54748),l=n(86252),o=n(956);let s=()=>{let e=(0,o.A)(),t=(0,r.A)(),n=i((0,l.A)());return(0,a.useCallback)(()=>{window.history.length>=3?e.back():t(n)},[t,n,e])}},75968:(e,t,n)=>{"use strict";function i(e,t,n="post"){let a=document.createElement("form");for(let[i,r]of(a.method=n,a.action=e,Object.entries(t))){let e=document.createElement("input",{});e.type="hidden",e.name=i,e.value=r?.toString(),a.appendChild(e)}document.body.appendChild(a),a.submit()}n.d(t,{A:()=>i})},92787:(e,t,n)=>{"use strict";n.d(t,{$S:()=>o,Ay:()=>c,P5:()=>d,mG:()=>s});var i,a,r,l=n(78223),o=((i={}).Login="login",i.Register="register",i.Activate="activate",i),s=((a={}).ChoosePortal="CHOOSE_PORTAL",a.PostTo="POST_TO",a.AuthenticationFailed="AUTHENTICATION_FAILED",a.PasswordSettingInitiated="PASSWORD_SETTING_INITIATED",a.Login="LOGIN",a.Activate="ACTIVATE",a.AccountReady="ACCOUNT_READY",a.EmailNotAvailable="EMAIL_NOT_AVAILABLE",a),d=((r={}).ServicePortal="SP",r.EnercityPortal="CP",r.LoginSplitter="LS",r);let c=async function(e,t){let n=`${l.k.loginSplitter}/${e}`,i=await fetch(n,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(t)});return await i.json()}}}]);
2//# sourceMappingURL=2056.3afdd586f3b7d34f.js.map