https://mytaxselfservice.zimra.co.zw/chunk-BKNWB6V2.js

1import{a as me,b as ce}from"./chunk-6DS6I7NP.js";import{a as He,c as Je}from"./chunk-3DOB3D4Y.js";import"./chunk-Y75ERHTN.js";import"./chunk-O3ZGOWCX.js";import{Aa as ke,B as Ee,Bb as ze,C as ye,Ca as $e,Da as Le,Db as U,E as Ie,Ga as Ve,Ha as Oe,Ia as Re,Ja as Ue,P as Pe,Pa as qe,Q as it,Qa as Ye,Ra as Ae,Sa as Ge,V as L,X as Te,aa as Me,rb as Xe,t as pe,ta as Ne,ua as De,v as xe,va as we,w as ve,wa as Be,x as ge,za as Fe}from"./chunk-DSWQWX5U.js";import{I as he}from"./chunk-C3ELASKV.js";import{i as Se,p as be}from"./chunk-S3PEHNLM.js";import{B as Ce,F as fe,M as je,N as We,b as te,d as C,g as ie,h as ne,j as oe,n as ae,p as re,q as le,r as de,v as se,x as _e,y as ue}from"./chunk-K5JSOS4B.js";import"./chunk-PPMQE2JW.js";import{$b as J,Ab as F,Bb as g,Cb as a,Db as o,Eb as v,G as w,J as W,L as X,Nb as N,Pb as y,Qa as i,Rb as u,S,a as D,aa as x,ab as z,b as Y,bc as O,ca as b,cd as $,dc as l,ec as M,f as tt,fc as _,gc as K,jd as Z,l as A,m as G,ma as E,qa as P,ra as T,rc as Q,rd as ee,t as j,ub as c,uc as R,vb as H,wb as p,xc as s,yb as V,yc as m,zb as B,zc as k}from"./chunk-4LX4HPCZ.js";var Ke=tt(it());var Qe=(t,r)=>({min:t,max:r}),nt=(t,r)=>r.id;function ot(t,r){if(t&1&&(a(0,"mat-option",12),l(1),o()),t&2){let e=r.$implicit;g("value",e.id),i(),_(" ",e.name," ")}}function at(t,r){t&1&&(a(0,"mat-error"),l(1),s(2,"translate"),o()),t&2&&(i(),_(" ",m(2,1,"validation.mandatory-field")," "))}function rt(t,r){t&1&&(a(0,"mat-error"),l(1),s(2,"translate"),o()),t&2&&(i(),_(" ",m(2,1,"validation.invalid-firstname-characters")," "))}function lt(t,r){if(t&1&&(a(0,"mat-error"),l(1),s(2,"translate"),o()),t&2){let e,n=u(2);i(),_(" ",k(2,1,"validation.min-max-length",R(4,Qe,((e=n.getError("minlength"))==null?null:e.requiredLength)??2,((e=n.getError("maxlength"))==null?null:e.requiredLength)??50))," ")}}function dt(t,r){if(t&1&&(c(0,at,3,3,"mat-error"),c(1,rt,3,3,"mat-error"),c(2,lt,3,7,"mat-error")),t&2){let e=u();p(e.hasError("required")?0:-1),i(),p(e.hasError("pattern")?1:-1),i(),p(e.hasError("minlength")||e.hasError("maxlength")?2:-1)}}function st(t,r){if(t&1&&c(0,dt,3,3),t&2){let e=r,n=u(3);p(e.invalid&&n.isControlTouched(e)?0:-1)}}function mt(t,r){t&1&&(a(0,"mat-error"),l(1),s(2,"translate"),o()),t&2&&(i(),_(" ",m(2,1,"validation.invalid-last-middle-name-characters")," "))}function ct(t,r){if(t&1&&c(0,mt,3,3,"mat-error"),t&2){let e=u();p(e.hasError("pattern")?0:-1)}}function pt(t,r){if(t&1&&c(0,ct,1,1),t&2){let e=r,n=u(4);p(e.invalid&&n.isControlTouched(e)?0:-1)}}function _t(t,r){if(t&1&&(a(0,"div",10)(1,"mat-label"),l(2),s(3,"translate"),o(),a(4,"mat-form-field"),v(5,"input",24),o(),c(6,pt,1,1),o()),t&2){let e,n=u(3);i(2),_(" ",m(3,2,"profile.middle-name")," "),i(4),p((e=n.userForm.get("middleName"))?6:-1,e)}}function ut(t,r){t&1&&(a(0,"mat-error"),l(1),s(2,"translate"),o()),t&2&&(i(),_(" ",m(2,1,"validation.mandatory-field")," "))}function Ct(t,r){t&1&&(a(0,"mat-error"),l(1),s(2,"translate"),o()),t&2&&(i(),_(" ",m(2,1,"validation.invalid-last-middle-name-characters")," "))}function ft(t,r){if(t&1&&(a(0,"mat-error"),l(1),s(2,"translate"),o()),t&2){let e,n=u(2);i(),_(" ",k(2,1,"validation.min-max-length",R(4,Qe,((e=n.getError("minlength"))==null?null:e.requiredLength)??2,((e=n.getError("maxlength"))==null?null:e.requiredLength)??50))," ")}}function ht(t,r){if(t&1&&(c(0,ut,3,3,"mat-error"),c(1,Ct,3,3,"mat-error"),c(2,ft,3,7,"mat-error")),t&2){let e=u();p(e.hasError("required")?0:-1),i(),p(e.hasError("pattern")?1:-1),i(),p(e.hasError("minlength")||e.hasError("maxlength")?2:-1)}}function xt(t,r){if(t&1&&c(0,ht,3,3),t&2){let e=r,n=u(3);p(e.invalid&&n.isControlTouched(e)?0:-1)}}function vt(t,r){t&1&&(a(0,"mat-error"),l(1),s(2,"translate"),o()),t&2&&(i(),_(" ",m(2,1,"validation.mandatory-field")," "))}function gt(t,r){t&1&&(a(0,"mat-error"),l(1),s(2,"translate"),o()),t&2&&(i(),_(" ",m(2,1,"validation.incorrect-format")," "))}function St(t,r){if(t&1&&(c(0,vt,3,3,"mat-error"),c(1,gt,3,3,"mat-error")),t&2){let e=u();p(e.hasError("required")?0:-1),i(),p(e.hasError("pattern")?1:-1)}}function bt(t,r){if(t&1&&c(0,St,2,2),t&2){let e=r,n=u(3);p(e.invalid&&n.isControlTouched(e)?0:-1)}}function Et(t,r){if(t&1&&(a(0,"mat-option",12),l(1),o()),t&2){let e=r.$implicit;g("value",e.id),i(),_(" ",e.name," ")}}function yt(t,r){t&1&&(a(0,"mat-error"),l(1),s(2,"translate"),o()),t&2&&(i(),_(" ",m(2,1,"validation.mandatory-field")," "))}function It(t,r){if(t&1&&(a(0,"mat-error"),l(1),o()),t&2){let e=u(2);i(),_(" ",e==null||e.errors==null?null:e.errors.errorMessage," ")}}function Pt(t,r){if(t&1&&(c(0,yt,3,3,"mat-error"),c(1,It,2,1,"mat-error")),t&2){let e=u();p(e!=null&&e.hasError("required")?0:-1),i(),p(e.hasError("invalid")?1:-1)}}function Tt(t,r){if(t&1&&c(0,Pt,2,2),t&2){let e=r,n=u(3);p(e.invalid&&n.isControlTouched(e)?0:-1)}}function Mt(t,r){if(t&1&&(a(0,"mat-option",12),l(1),o()),t&2){let e=r.$implicit;g("value",e.id),i(),_(" ",e==null||e.content==null?null:e.content.nationality," ")}}function Nt(t,r){if(t&1){let e=N();a(0,"button",27),y("click",function(){P(e);let d=u(4);return T(d.updateUserForm())}),l(1),s(2,"translate"),o()}t&2&&(i(),_(" ",m(2,1,"btn.update")," "))}function Dt(t,r){if(t&1){let e=N();c(0,Nt,3,3,"button",25),a(1,"button",26),y("click",function(){P(e);let d=u(3);return T(d.editUserForm())}),l(2),s(3,"translate"),o()}if(t&2){let e=u(3);p(e.isResident?0:-1),i(2),_(" ",m(3,2,"btn.edit")," ")}}function wt(t,r){if(t&1){let e=N();a(0,"button",28),y("click",function(){P(e);let d=u(3);return T(d.cancel())}),l(1),s(2,"translate"),o(),a(3,"button",29),y("click",function(){P(e);let d=u(3);return T(d.saveUserData())}),l(4),s(5,"translate"),o()}if(t&2){let e=u(3);i(),_(" ",m(2,3,"btn.cancel")," "),i(2),g("disabled",e.userForm.invali

1d),i(),_(" ",m(5,5,"btn.save")," ")}}function Bt(t,r){if(t&1&&(a(0,"form",8)(1,"div",9)(2,"div",10)(3,"mat-label"),l(4),s(5,"translate"),a(6,"mat-form-field")(7,"mat-select",11),B(8,ot,2,2,"mat-option",12,V),s(10,"async"),o()()()(),a(11,"div",13)(12,"mat-label"),l(13),s(14,"translate"),o(),a(15,"mat-form-field"),v(16,"input",14),o(),c(17,st,1,1),o(),c(18,_t,7,4,"div",10),a(19,"div",10)(20,"mat-label"),l(21),s(22,"translate"),o(),a(23,"mat-form-field"),v(24,"input",15),o(),c(25,xt,1,1),o(),a(26,"div",10)(27,"mat-label"),l(28),s(29,"translate"),o(),a(30,"mat-form-field"),v(31,"input",16),o()(),a(32,"div",10)(33,"mat-label"),l(34),s(35,"translate"),o(),a(36,"mat-form-field"),v(37,"input",17),o(),c(38,bt,1,1),o(),a(39,"div",10)(40,"mat-label"),l(41),s(42,"translate"),o(),a(43,"mat-form-field")(44,"mat-select",18),B(45,Et,2,2,"mat-option",12,V),s(47,"async"),o()()(),a(48,"div",10)(49,"mat-label"),l(50),s(51,"translate"),o(),a(52,"mat-form-field"),v(53,"input",19)(54,"mat-datepicker-toggle",20)(55,"mat-datepicker",null,0),o(),c(57,Tt,1,1),o(),a(58,"div",10)(59,"mat-label"),l(60),s(61,"translate"),a(62,"mat-form-field")(63,"mat-select",21),B(64,Mt,2,2,"mat-option",12,nt),s(66,"async"),o()()()()(),v(67,"mat-divider",22),a(68,"div",23),c(69,Dt,4,4),c(70,wt,6,7),o()()),t&2){let e,n,d,h,I=J(56),f=u(2);g("formGroup",f.userForm),i(4),_("",m(5,19,"profile.job-title")," "),i(4),F(m(10,21,f.personTitle$)),i(5),_(" ",m(14,23,"profile.first-name")," "),i(4),p((e=f.userForm.get("firstName"))?17:-1,e),i(),p(f.userInfo!=null&&f.userInfo.middleName?18:-1),i(3),_(" ",m(22,25,"profile.surname")," "),i(4),p((n=f.userForm.get("lastName"))?25:-1,n),i(3),_(" ",m(29,27,"profile.username")," "),i(6),M(m(35,29,"profile.personalId")),i(4),p((d=f.userForm.get("personalId"))?38:-1,d),i(3),M(m(42,31,"profile.gender")),i(4),F(m(47,33,f.gender$)),i(5),M(m(51,35,"profile.birth-date")),i(3),g("matDatepicker",I)("max",f.maxDate),i(),g("for",I),i(3),p((h=f.userForm.get("birthDate"))?57:-1,h),i(3),_("",m(61,37,"profile.nationality")," "),i(4),F(m(66,39,f.country$)),i(5),p(f.isEdited?-1:69),i(),p(f.isEdited?70:-1)}}function Ft(t,r){if(t&1&&(a(0,"div",6)(1,"h3",7),l(2),s(3,"translate"),o()(),v(4,"mat-divider"),c(5,Bt,71,41,"form",8)),t&2){let e=u();i(2),M(m(3,2,"user-management.personal-details")),i(3),p(e.userForm?5:-1)}}function kt(t,r){t&1&&(a(0,"div",1),v(1,"mat-spinner",30),o()),t&2&&(i(),g("diameter",35)("strokeWidth",5))}function $t(t,r){if(t&1){let e=N();a(0,"mat-card",2)(1,"mat-card-title"),l(2),s(3,"translate"),o(),v(4,"mat-divider",31),a(5,"div",32)(6,"div",33)(7,"span",34),l(8),s(9,"translate"),o(),a(10,"span",35),l(11),o(),a(12,"i",36),y("click",function(){P(e);let d=u();return T(d.openDialog(d.dialogConfig[0]))}),o()(),a(13,"div",33)(14,"span",34),l(15),s(16,"translate"),o(),a(17,"span",35),l(18),s(19,"mask"),o(),a(20,"i",36),y("click",function(){P(e);let d=u();return T(d.openDialog(d.dialogConfig[1]))}),o()()()()}if(t&2){let e=u();i(2),M(m(3,14,"user-management.contact-details")),i(6),_("",m(9,16,"profile.email"),":"),i(3),M(e.userInfo.email),i(),O("cursor-pointer",!e.isEdited)("cursor-not-allowed",e.isEdited),i(3),_("",m(16,18,"profile.phone-number"),":"),i(3),K("+(",e.userInfo.phoneCode.code,") ",k(19,20,e.userInfo.phoneNumber,e.mask)),i(2),O("cursor-pointer",!e.isEdited)("cursor-not-allowed",e.isEdited)}}var ui=(()=>{class t{constructor(){this.fb=E(de),this.dialog=E(he),this.userService=E(He),this.toastrService=E(pe),this.profileService=E(Je),this.messageService=E(Xe),this.appStateService=E(Me),this.translateService=E(Ee),this.isControlTouched=Te,this.isEdited=!1,this.isResident=!1,this.maxDate=new Date,this.userInfo=null,this.userForm=new oe({}),this.destroy$=new A,this.dialogConfig=[{title:"user-management.new-email-address",controlName:"email",validators:[C.required,C.pattern(Ne),C.maxLength(255)]},{title:"user-management.new-phone-number",controlName:"phoneNumber",validators:[C.required]}],this.verificationConfig={title:"user-management.verification-code",controlName:"verificationCode",validators:[C.required]},this.isLoading$=new G(!0),this.gender$=this.appStateService.stateRefDetails.GENDER,this.country$=this.appStateService.stateRefDetails.COUNTRY,this.personTitle$=this.appStateService.stateRefDetails.PERSON_TITLE_TYPE,this.phoneCode$=this.appStateService.stateRefDetails.PHONE_CODE,this.firstNameValidators=[C.required,C.minLength(2),C.maxLength(50),C.pattern(Be)],this.lastMiddleNameValidators=[C.required,C.minLength(2),C.maxLength(50),C.pattern(we)],this.mask="00-00-00-00-00-00-00",this.prefix=""}

1ngOnInit(){this.maxDate.setMonth(this.maxDate.getMonth()-216),this.getUserInfo()}getUserInfo(){this.profileService.getUserData().pipe(b(()=>this.isLoading$.next(!0)),X(e=>(this.userForm=this.initCreateUserForm({}),j(()=>e))),S(()=>this.isLoading$.next(!1)),x(this.destroy$)).subscribe(e=>{e.phoneCode?.code&&(this.prefix=`+(${this.userInfo?.phoneCode?.code??"263"})`),this.profileService.userInfo.set(e),this.userInfo=e,this.dialogConfig=this.dialogConfig.map(n=>Y(D({},n),{value:n.controlName==="email"?e.email:{phoneNumber:e.phoneNumber,phoneCode:e.phoneCode.code}})),this.isResident=e.sspUserType==="RESIDENT",this.userForm=this.initCreateUserForm(e)})}getCountryIdByCode(e){return this.country$.getValue().find(h=>h.code===e)?.id??""}initCreateUserForm(e){return this.fb.group({firstName:[{value:e?.firstName??"",disabled:!0},C.compose(this.firstNameValidators)],middleName:[{value:e?.middleName??null,disabled:!0},e.middleName?C.compose(this.lastMiddleNameValidators):null],lastName:[{value:e?.lastName??"",disabled:!0},C.compose(this.lastMiddleNameValidators)],username:[{value:e?.username??"",disabled:!0}],personalId:[{value:e?.personalId??"",disabled:!0},this.addPassportControlValidationBasedOnUserSSPType()],gender:[{value:e?.gender?.id??"",disabled:!0}],birthDate:[{value:e?.birthDate?(0,Ke.default)(e?.birthDate,"DD/MM/YYYY").format("YYYY-MM-DD"):"",disabled:!0}],country:[{value:this.getCountryIdByCode(e?.country?.code??""),disabled:!0}],title:[{value:e?.title?.id??"",disabled:!0}],email:[{value:e?.email??"",disabled:!0}]})}addPassportControlValidationBasedOnUserSSPType(){return this.isResident?[C.required,C.pattern(De)]:[C.required]}openChangePasswordDialog(){let e=this.dialog.open(ze,{width:"25rem",data:{title:"communication.add-comment"},autoFocus:!1,disableClose:!0});e.componentInstance.submit$.pipe(b(()=>e.componentInstance.saveLoaderState=!0),S(()=>e.componentInstance.saveLoaderState=!1),x(this.destroy$)).subscribe(n=>this.changePassword(n,e))}changePassword(e,n){this.userService.changePassword(e).pipe(b(()=>n.componentInstance.saveLoaderState=!0),S(()=>n.componentInstance.saveLoaderState=!1),x(this.destroy$)).subscribe(()=>{this.toastrService.success(this.translateService.instant("validation.password.changed")),n.close()},d=>{if(d.status===$.BadRequest){L(n.componentInstance.form,d);return}this.toastrService.error(this.translateService.instant("user-manager.change-password.error"))})}updateUserForm(){this.isLoading$.next(!0),this.profileService.updateResidentUserDataSync().pipe(S(()=>this.isLoading$.next(!1)),x(this.destroy$)).subscribe({next:e=>this.userForm=this.initCreateUserForm(e)})}editUserForm(){if(this.isEdited=!0,this.userInfo?.sspUserType==="RESIDENT"){this.userForm.controls.title.enable();return}this.userForm.enable(),this.userForm.controls.username.disable()}cancel(){if(!this.userForm.pristine){this.messageService.showConfirmDialog().pipe(W(e=>e),x(this.destroy$)).subscribe(()=>{this.getUserInfo(),this.userForm.disable(),this.isEdited=!1});return}this.userForm.disable(),this.isEdited=!1}openDialog(e){if(this.isEdited)return;this.cancel();let n=this.dialog.open(U,{width:"25rem",data:{config:e,phoneCodes$:e.controlName==="phoneNumber"?this.phoneCode$:null},autoFocus:!1,disableClose:!0});n.componentInstance.submit$.pipe(b(()=>n.componentInstance.saveLoaderState=!0),S(()=>n.componentInstance.saveLoaderState=!1),x(this.destroy$)).subscribe({next:d=>{w(()=>d.hasOwnProperty("phoneNumber"),this.profileService.updatePhoneNumber(d),this.profileService.updateEmail(d)).pipe(b(()=>n.componentInstance.saveLoaderState=!0),S(()=>n.componentInstance.saveLoaderState=!1),x(this.destroy$)).subscribe({next:()=>{this.openDialogVerification(d),n.close()},error:h=>{h.status===$.BadRequest&&L(n.componentInstance.form,h)}})}})}openDialogVerification(e){let n=this.dialog.open(U,{width:"25rem",data:{config:this.verificationConfig},autoFocus:!1,disableClose:!0});n.componentInstance.submit$.pipe(b(()=>n.componentInstance.saveLoaderState=!0),S(()=>n.componentInstance.saveLoaderState=!1),x(this.destroy$)).subscribe(d=>{let h=D(D({},d),e);w(()=>e.hasOwnProperty("phoneNumber"),this.profileService.verifyPhoneNumber(h),this.profileService.verifyEmail(h)).pipe(b(()=>n.componentInstance.saveLoaderState=!0),S(()=>n.componentInstance.saveLoaderState=!1),b(()=>this.isLoading$.next(!0)),x(this.destroy$)).subscribe({next:()=>{n.close(),this.getUserInfo()},error:I=>{if(I.status===$.BadRequest){L(n.componentInstance.form,I);return}}})})}saveUserData(){let{personalId:e,firstName:n,lastName:d,gender:h,middleName:I,birthDate:f,title:q,country:Ze}=this.userForm.getRawValue(),et={passportNumber:e,firstName:n,middleName:I,lastName:d,gender:h,title:q,country:Ze,birthDate:Pe(new Date(f),"DD/MM/YYYY","/")};w(()=>this.isResident,this.profileService.updateResidentUserData({title:q}),this.profileService.updateNonResidentUserInfo(et)).pipe(x(this.destroy$)).subscribe({next:()=>{this.toastrService.success(this.translateService.instant("profile.personal-details.saved-successfully"))}}),this.userForm.disable(),this.isEdited=!1}ngOnDestroy(){this.destroy$.next(),this.destroy$.complete()}static{this.\u0275fac=function(n){return new(n||t)}}static{this.\u0275cmp=z({type:t,selectors:[["ssp-profile"]],features:[Q([me()])],decls:10,vars:8,consts:[["picker",""],[1,"content-loader","d-flex","justify-center","py-4"],[1,"contact-details-card"],[1,"change-password"],["align","end"],[1,"text-primary","itm-link",3,"click","ngClass"],[1,"d-flex","items-center","justify-between","pointer"],[1,"mat-h3","filter-title","my-0"],[3,"formGroup"],[1,"row"],[1,"col-12","col-sm-6","col-xl-4","mb-3"],["formControlName","title","id","title","disableOptionCentering","true"],[3,"value"],[1,"col-12","col-sm-6","col-xl-4"],["formControlName","firstName","

1id","firstName","matInput","","type","text"],["formControlName","lastName","id","lastName","matInput","","type","text"],["formControlName","username","id","username","matInput","","type","text"],["formControlName","personalId","id","personalId","matInput","","type","text"],["formControlName","gender","id","gender","disableOptionCentering","true"],["formControlName","birthDate","matInput","",3,"matDatepicker","max"],["matSuffix","",3,"for"],["formControlName","country","id","nationality","disableOptionCentering","true"],[1,"mt-3","mb-1"],[1,"md-btns","d-flex","justify-end","mb-1"],["formControlName","middleName","id","middleName","matInput","","type","text"],["color","primary","mat-flat-button","","type","submit",1,"mr-3"],["color","primary","mat-flat-button","","type","button",3,"click"],["color","primary","mat-flat-button","","type","submit",1,"mr-3",3,"click"],["color","primary","mat-stroked-button","","type","button",1,"mr-3",3,"click"],["color","primary","mat-flat-button","","type","button",3,"click","disabled"],[3,"diameter","strokeWidth"],[1,"mb-0"],[1,"contact-detail"],[1,"detail-row"],[1,"label"],[1,"value"],[1,"iu-edit-icon",3,"click"]],template:function(n,d){n&1&&(a(0,"mat-card"),c(1,Ft,6,4),s(2,"async"),H(3,kt,2,2,"div",1),o(),c(4,$t,21,23,"mat-card",2),a(5,"mat-card",3)(6,"mat-card-actions",4)(7,"b",5),y("click",function(){return d.openChangePasswordDialog()}),l(8),s(9,"translate"),o()()()),n&2&&(i(),p(m(2,4,d.isLoading$)?3:1),i(3),p(d.userInfo?4:-1),i(3),g("ngClass",d.isEdited?"not-allowed":"pointer"),i(),_(" ",m(9,6,"action.change-password")," "))},dependencies:[Z,Ie,se,ae,te,ie,ne,le,re,Ge,qe,Ae,Ye,We,je,fe,_e,ue,Ce,ge,ve,xe,be,Se,ke,Fe,Ue,Ve,Oe,Re,Le,$e,ee,ce,ye],styles:["mat-card-title[_ngcontent-%COMP%]{font:700 1rem/1.5rem}.contact-details-card[_ngcontent-%COMP%]{margin:1.25rem auto}.contact-details-card[_ngcontent-%COMP%]   .detail-row[_ngcontent-%COMP%]{display:flex;align-items:center;margin-bottom:12px}.contact-details-card[_ngcontent-%COMP%]   .detail-row[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]{font-size:.875rem;line-height:1.25rem;margin-right:.5rem}.contact-details-card[_ngcontent-%COMP%]   .detail-row[_ngcontent-%COMP%]   span.label[_ngcontent-%COMP%]{font-weight:600}.contact-details-card[_ngcontent-%COMP%]   .detail-row[_ngcontent-%COMP%]   span.value[_ngcontent-%COMP%]{font-weight:400}"],changeDetection:0})}}return t})();export{ui as ProfileComponent};