https://service.vattenfall.de/static/js/CsoSignUpRouteStatusPage.js

1import{aV as k,u as w,l as I,U as V,d as _,S as A,R as H,_ as C,f as h,w as s,r as o,o as c,b as u,t as f,e as t,c as M,g,h as F,C as P,aG as q,a as E,E as D,s as S}from"./index.js";import{C as G,r as N}from"./ValidatorRegex.js";import{C as O}from"./CsoRedesignBox.js";import{C as B}from"./CsoSelect.js";import{C as W}from"./CsoInput.js";import{C as $}from"./CsoActivateAccountForm.js";import{C as Z}from"./CsoStatusPageForDigitalInterface.js";import"./CsoInfoIcon.js";import"./ValidatorChecked.js";import"./CsoPasswordValidationIndicator.js";import"./CsoCheckbox.js";const j={name:"CsoSignUpForm",components:{CsoRedesignBox:O,CsoSelect:B,CsoInput:W,CsoRequiredFieldLegend:G,CsoLink:k},props:{felder:{type:Object,required:!0},inhalt:{type:Object,required:!0},errorMessage:{type:String,required:!0},fromHighlights:{type:Boolean,required:!0},isLoading:{type:Boolean,required:!0}},data(){return{...{name:"",surname:"",email:"",dataPrivacy:!1},StaticUrls:A,errorName:"",errorEmail:"",loading:!1,showMessage:!1,salutationCode:"",textMail:{},textPrivacy:{}}},computed:{isCompany(){var e;return((e=this.salutation)==null?void 0:e.Wert)==="Firma"},salutation(){return this.salutations.find(d=>d.Feld===this.salutationCode)||{}},salutations(){return this.felder.filterAnreden("IST_ACCOUNT")},salutationsOptions(){return this.salutations.map(e=>({title:e.Wert,value:e.Feld}))},form(){return{salutation:this.salutation,name:this.name,surname:this.surname,email:this.email,dataPrivacy:this.dataPrivacy}},validationMessages(){return{name:{regex:this.getRegex("VORNAME").message},surname:{regex:this.getRegex("NACHNAME").message},email:{regex:this.getRegex("EMAIL").message}}},isUpperCase(){return/[A-Z]/.test(this.email)}},methods:{checkEmailValue(){this.isUpperCase?(this.email=this.email.toLowerCase(),this.showMessage=!0):this.showMessage=!1},async checkEmail(){return _.v14.checkEmail(this.email)},getRegex(e){return this.inhalt.getRegex(e)},async validateEmail(){this.errorEmail="";const e=await this.checkEmail();return e.Error&&(this.errorEmail=e.Meldungen),this.errorEmail===""}

1,async validateNameAndSurname(){this.errorName="";const e=await _.v14.checkNameAndSurname(this.name,this.surname,this.isCompany);return e.Korrigiert&&(this.name=e.Felder.NAME2_VORNAME,this.surname=e.Felder.NAME1_NACHNAME),this.errorName=e.Meldungen,this.errorName===""},validateLocally(){return this.v$.$touch(),this.v$.$invalid?!1:(this.v$.$reset(),!0)},async validateRemotely(){return this.loading=!0,await this.validateNameAndSurname()&&await this.validateEmail(),this.loading=!1,this.errorName===""&&this.errorEmail===""},async validate(){return this.validateLocally()&&this.validateRemotely()},async submitForm(){this.loading===!0||!await this.validate()||this.$emit("submit",this.form)},async prepareTexts(){this.textMail=this.inhalt.getText("DI_ALLGEMEIN/TEXT_HINWEIS_MAIL"),this.textPrivacy=this.inhalt.getText("DI_ALLGEMEIN/TEXT_HINWEIS_DATENSCHUTZ"),await Promise.all([this.replaceMarkdown(this.textMail),this.replaceMarkdown(this.textPrivacy)])},async replaceMarkdown(e){if(e){const i=H();e.TextLang=await V.replaceMarkdown(e.TextLang,{Referenzen:i},_)}}},validations(){return{salutation:{required:I},name:{regex:N(this.getRegex("VORNAME").pattern,!0)},surname:{regex:N(this.getRegex("NACHNAME").pattern,!0)},email:{regex:N(this.getRegex("EMAIL").pattern,!0)}}},async created(){await this.prepareTexts()},setup(){return{v$:w()}}},z={class:"register-text"},K={key:0,class:"error"},Q={key:0,class:"error"},X={class:"email-info"},J=["innerHTML"],Y=["innerHTML"],ee={key:0,class:"error"},te=["innerHTML"],ae={class:"box-editable-buttons"};function se(e,i,d,p,a,l){const v=o("cso-select"),n=o("cso-grid-column"),m=o("cso-grid-row"),y=o("cso-input"),x=o("cso-required-field-legend"),L=o("cso-button"),R=o("cso-link"),T=o("cso-redesign-box");return c(),h(T,{"big-box":!0,class:"cso-sign-up-wrapper","has-overlay":a.loading||d.isLoading},{default:s(()=>{var U,b;return[u("h2",null,f(e.$t("signUp.personalData")),1),u("p",z,f(e.$t("signUp.registerText")),1),t(m,null,{default:s(()=>[t(n,{xs:"12",s:"3"},{default:s(()=>[t(v,{label:e.$t("signUp.salutation")+" *",options:l.salutationsOptions,cypressName:"gender-ddl","validation-name":"signUp.validations.salutation",validation:p.v$.salutation,modelValue:a.salutationCode,"onUpdate:modelValue":i[0]||(i[0]=r=>a.salutationCode=r)},null,8,["label","options","validation","modelValue"])]),_:1})]),_:1}),t(m,null,{default:s(()=>[t(n,{xs:"12",s:"5"},{default:s(()=>[t(y,{label:e.$t("signUp.firstName")+" *",validation:p.v$.name,cypressName:"firstname-input","custom-validation-message":l.validationMessages.name,"validation-name":"signUp.validations.name",modelValue:e.name,"onUpdate:modelValue":i[1]||(i[1]=r=>e.name=r)},null,8,["label","validation","custom-validation-message","modelValue"])]),_:1}),t(n,{xs:"12",s:"5"},{default:s(()=>[t(y,{label:e.$t("signUp.lastName")+" *",validation:p.v$.surname,cypressName:"surname-input","custom-validation-message":l.validationMessages.surname,"validation-name":"signUp.validations.surname",modelValue:e.surname,"onUpdate:modelValue":i[2]||(i[2]=r=>e.surname=r)},null,8,["label","validation","custom-validation-message","modelValue"])]),_:1})]),_:1}),a.errorName?(c(),h(m,{key:0},{default:s(()=>[t(n,{xs:"12"},{default:s(()=>[a.errorName?(c(),M("div",K,f(a.errorName),1)):g("",!0)]),_:1})]),_:1})):g("",!0),t(m,null,{default:s(()=>[t(n,{xs:"12",s:"5"},{default:s(()=>[t(y,{label:e.$t("signUp.email")+" *",validation:p.v$.email,name:"email",cypressName:"email-input",onInput:l.checkEmailValue,"custom-validation-message":l.validationMessages.email,"validation-name":"signUp.validations.email",modelValue:e.email,"onUpdate:modelValue":i[3]||(i[3]=r=>e.email=r)},null,8,["label","validation","onInput","custom-validation-message","modelValue"]),a.errorEmail?(c(),M("div",Q,f(a.errorEmail),1)):g("",!0)]),_:1}),a.showMessage?(c(),h(n,{key:0,xs:"12",s:"5"},{default:s(()=>[u("p",X,f(e.$t("signUp.emailInfo")),1)]),_:1})):g("",!0)]),_:1}),(U=a.textMail)!=null&&U.TextLang?(c(),h(m,{key:1},{default:s(()=>[t(n,{xs:"12",s:"5"},{default:s(()=>{var r;return[u("p",{class:"email-text",innerHTML:(r=a.textMail)==null?void 0:r.TextLang},null,8,J)]}),_:1})]),_:1})):g("",!0),t(m,null,{default:s(()=>[t(n,{xs:"12"},{default:s(()=>[t(x)]),_:1})]),_:1}),(b=a.textPrivacy)!=null&&b.TextLang?(c(),h(m,{key:2},{default:s(()=>[t(n,{xs:"12"},{default:s(()=>{var r;return[u("p",{class:"privacy-text",innerHTML:(r=a.textPrivacy)==null?void 0:r.TextLang},null,8,Y)]}),_:1})]),_:1})):g("",!0),t(m,null,{default:s(()=>[t(n,{xs:"12"},{default:s(()=>[d.errorMessage?(c(),M("div",ee,[u("p",{innerHTML:d.errorMessage},null,8,te)])):g("",!0)]),_:1})]),_:1}),u("div",ae,[t(L,{type:"submit",cypressName:"go-to-activation-btn",onClick:i[4]||(i[4]=r=>

1l.submitForm()),label:e.$t("signUp.button")},null,8,["label"]),u("p",null,[F(f(e.$t("signUp.text"))+" ",1),t(R,{label:e.$t("signUp.linkToLogin"),link:a.StaticUrls.login,cypressName:"login-link","is-button":!1},null,8,["label","link"])])])]}),_:1},8,["has-overlay"])}const ie=C(j,[["render",se]]),ne={name:"CsoSignUpPage",components:{CsoPageWrapper:q,CsoComponentState:P,CsoSignUpForm:ie,CsoActivateAccountForm:$},data(){return{email:"",inhalt:{},felder:{},state:E.loading,fromHighlights:!1,currentLocation:location.href,form:{},errorMessage:"",isLoading:!1,StaticUrls:A}},computed:{header(){return this.fromHighlights?this.$t("signUp.banner.headerHighlights"):this.$t("signUp.banner.header")}},methods:{async getInhalt(){this.inhalt=await _.v14.getInhalt()},getUrlId(){this.currentLocation.indexOf("?highlights")!==-1&&(this.fromHighlights=!0)},async getFelder(){await S.fetchFelder(),this.felder=S.felder},async fetchData(){this.state=E.loading,this.getUrlId();try{await Promise.all([this.getInhalt(),this.getFelder()]),this.state=E.ready}catch{this.state=E.error}},async submit(e){this.form=e,this.isLoading=!0;try{await _.api14.account.createAccount({Tenant:_.data.client,Emailadresse:this.form.email,Vorname:this.form.name,Nachname:this.form.surname,Username:this.form.email,Accountdaten:{ANREDE:this.form.salutation.Feld},Werte:{PROZESS:"REGISTRIERUNG"}}),this.state=E.activateAccount}catch(i){i instanceof D&&(this.errorMessage=i.text)}this.isLoading=!1}},async created(){this.fetchData()}},oe={class:"cso-page-structure"},re={class:"cso-page-structure"};function le(e,i,d,p,a,l){const v=o("cso-sign-up-form"),n=o("cso-faq"),m=o("cso-activate-account-form"),y=o("cso-component-state"),x=o("cso-page-wrapper");return c(),h(x,{"show-navigation":!1,"show-contract-selector":!1,"banner-title":l.header},{default:s(()=>[t(y,{componentState:a.state},{ready:s(()=>[t(v,{inhalt:a.inhalt,felder:a.felder,"is-loading":a.isLoading,fromHighlights:a.fromHighlights,errorMessage:a.errorMessage,onSubmit:l.submit},null,8,["inhalt","felder","is-loading","fromHighlights","errorMessage","onSubmit"]),u("section",oe,[t(n,{name:"FAQ_REGISTRIERUNG"})])]),activateAccount:s(()=>[t(m,{inhalt:a.inhalt,form:a.form},null,8,["inhalt","form"]),u("section",re,[t(n,{name:"FAQ_AKTIVIERUNG"})])]),_:1},8,["componentState"])]),_:1},8,["banner-title"])}const me=C(ne,[["render",le]]),ce={name:"CsoSignUpRouteStatusPage",components:{CsoStatusPageForDigitalInterface:Z,CsoSignUpPage:me}};function ue(e,i,d,p,a,l){const v=o("cso-sign-up-page"),n=o("cso-status-page-for-digital-interface");return c(),h(n,{name:"REGISTRIERUNG"},{default:s(()=>[t(v)]),_:1})}const Ne=C(ce,[["render",ue]]);export{Ne as default};