@valtimo/account 4.15.2-next-main.8

package/fesm2015/valtimo-account.js

@@ -0,0 +1,335 @@
+import { Component, NgModule } from '@angular/core';
+import { FormControl, Validators, FormBuilder, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { AlertService, WidgetModule, ListModule, FieldAutoFocusModule, UploaderModule, AlertModule } from '@valtimo/components';
+import * as momentImported from 'moment';
+import { RouterModule } from '@angular/router';
+import { CommonModule } from '@angular/common';
+import { AuthGuardService } from '@valtimo/security';
+import { ROLE_USER } from '@valtimo/contract';
+
+/*
+ * Copyright 2015-2020 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+const moment = momentImported;
+moment.locale(localStorage.getItem('langKey'));
+class ProfileComponent {
+    constructor(formBuilder, alertService
+    // private userProviderService: UserProviderService
+    ) {
+        this.formBuilder = formBuilder;
+        this.alertService = alertService;
+        this.resourceIds = [];
+    }
+    ngOnInit() {
+        this.reset();
+    }
+    ngOnDestroy() {
+        location.reload();
+    }
+    get formControls() {
+        return this.form.controls;
+    }
+    initData() {
+        /*   this.userProviderService.getUserIdentity().subscribe(value => {
+             this.profile = value;
+             this.setValues();
+           });*/
+    }
+    setValues() {
+        if (this.profile) {
+            // set humanize dates
+            this.profile.humanize_dates = {
+                created_at: moment(this.profile.created_at).fromNow(),
+                updated_at: moment(this.profile.updated_at).fromNow(),
+                last_password_reset: moment(this.profile.last_password_reset).fromNow()
+            };
+            // set form values
+            this.form.controls.firstName.setValue(this.profile.user_metadata.firstname);
+            this.form.controls.lastName.setValue(this.profile.user_metadata.lastname);
+            this.form.controls.langKey.setValue(this.profile.user_metadata.langKey);
+        }
+    }
+    createFormGroup() {
+        return this.formBuilder.group({
+            firstName: new FormControl('', Validators.required),
+            lastName: new FormControl('', Validators.required),
+            langKey: new FormControl('', Validators.required)
+        });
+    }
+    onFileUpload(resources) {
+        this.resourceIds = resources.map(resource => resource.id);
+    }
+    onSubmit() {
+        this.form.value.email = this.profile.email;
+        // TODO Updating profile ?? allowed when using keycloak
+        /* this.userService.updateProfile(this.form.value).subscribe(() => {
+           this.alertService.success('Profile has been updated');
+         });*/
+    }
+    reset() {
+        this.form = this.createFormGroup();
+        this.initData();
+    }
+}
+ProfileComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'valtimo-profile',
+                template: "<!--\n  ~ Copyright 2015-2020 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div class=\"main-content\">\n  <div class=\"container-fluid\">\n    <div class=\"col-12 px-0 mb-5\">\n      <valtimo-widget *ngIf=\"profile\">\n        <div>\n          <div class=\"card-body\">\n            <div class=\"row py-5\">\n              <div class=\"col-12\">\n                <div class=\"row mb-3\">\n                  <div class=\"col-12 col-sm-3 text-sm-right\"><strong>Nickname</strong></div>\n                  <div class=\"col-12 col-sm-8 col-lg-6\">{{ profile.nickname }}</div>\n                </div>\n\n                <div class=\"row mb-3\">\n                  <div class=\"col-12 col-sm-3 text-sm-right\"><strong>Email</strong></div>\n                  <div class=\"col-12 col-sm-8 col-lg-6\">{{ profile.email }}</div>\n                </div>\n\n                <div class=\"row mb-3\">\n                  <div class=\"col-12 col-sm-3 text-sm-right\"><strong>Authorities</strong></div>\n                  <div class=\"col-12 col-sm-8 col-lg-6\">\n                        <span class=\"badge badge-pill badge-success mb-1 mr-1\"\n                              *ngFor=\"let role of profile.roles\">{{ role }}</span>\n                  </div>\n                </div>\n\n                <div class=\"row mb-3\">\n                  <div class=\"col-12 col-sm-3 text-sm-right\"><strong>Account status</strong></div>\n                  <div class=\"col-12 col-sm-8 col-lg-6\" [ngClass]=\"{ 'text-danger': profile.blocked }\">{{ profile.blocked ? 'Blocked' : 'Activated' }}</div>\n                </div>\n\n                <div class=\"row mb-3\">\n                  <div class=\"col-12 col-sm-3 text-sm-right\"><strong>Account created</strong></div>\n                  <div class=\"col-12 col-sm-8 col-lg-6\">{{ profile.humanize_dates.created_at }}</div>\n                </div>\n\n                <div class=\"row\">\n                  <div class=\"col-12 col-sm-3 text-sm-right\"><strong>Last updated</strong></div>\n                  <div class=\"col-12 col-sm-8 col-lg-6\">{{ profile.humanize_dates.updated_at }}</div>\n                </div>\n              </div>\n            </div>\n          </div>\n\n          <div class=\"card-body-contrast p-5\">\n            <form [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\">\n              <div class=\"form-group row\">\n                <label class=\"col-12 col-sm-3 col-form-label text-sm-right\" for=\"firstName\">First name</label>\n                <div class=\"col-12 col-sm-8 col-lg-6\">\n                  <input valtimoFieldAutoFocus type=\"text\" id=\"firstName\" formControlName=\"firstName\" class=\"form-control\" placeholder=\"Your first name\"\n                         [ngClass]=\"{'is-valid': formControls.firstName.touched && formControls.firstName.valid, 'is-invalid': formControls.firstName.touched && formControls.firstName.errors}\"\n                         required />\n                  <div *ngIf=\"formControls.firstName.touched && formControls.firstName.errors\" class=\"invalid-feedback\">\n                    <div *ngIf=\"formControls.firstName.errors.required\">Your first name is required</div>\n                  </div>\n                </div>\n              </div>\n\n              <div class=\"form-group row\">\n                <label class=\"col-12 col-sm-3 col-form-label text-sm-right\" for=\"lastName\">Last name</label>\n                <div class=\"col-12 col-sm-8 col-lg-6\">\n                  <input type=\"text\" id=\"lastName\" formControlName=\"lastName\" class=\"form-control\" placeholder=\"Your last name\"\n                         [ngClass]=\"{'is-valid': formControls.lastName.touched && formControls.lastName.valid, 'is-invalid': formControls.lastName.touched && formControls.lastName.errors}\"\n                         required/>\n                  <div *ngIf=\"formControls.lastName.touched && formControls.lastName.errors\" class=\"invalid-feedback\">\n                    <div *ngIf=\"formControls.lastName.errors.required\">Your last name is required</div>\n                  </div>\n                </div>\n              </div>\n\n              <div class=\"form-group row\">\n                <label class=\"col-12 col-sm-3 col-form-label text-sm-right\" for=\"langKey\">Language</label>\n                <div class=\"col-12 col-sm-8 col-lg-6\">\n                  <select id=\"langKey\" formControlName=\"langKey\" class=\"form-control\"\n                          [ngClass]=\"{'is-valid': formControls.langKey.touched && formControls.langKey.valid, 'is-invalid': formControls.langKey.touched && formControls.langKey.errors}\"\n                          required>\n                    <option value=\"nl\">Nederlands</option>\n                    <option value=\"en\">English</option>\n                  </select>\n                  <div *ngIf=\"formControls.langKey.touched && formControls.langKey.errors\" class=\"invalid-feedback\">\n                    <div *ngIf=\"formControls.langKey.errors.required\">Your language is required</div>\n                  </div>\n                </div>\n              </div>\n\n              <div class=\"row pt-3 mt-1\">\n                <div class=\"col-12\">\n                  <div class=\"text-right\">\n                    <button class=\"btn btn-space btn-secondary\" type=\"button\" (click)=\"reset()\">Reset</button>\n                    <button class=\"btn btn-space btn-primary\" type=\"submit\" [disabled]=\"form.invalid\">Submit</button>\n                  </div>\n                </div>\n              </div>\n            </form>\n          </div>\n        </div>\n      </valtimo-widget>\n    </div>\n  </div>\n</div>\n",
+                styles: [""]
+            },] }
+];
+ProfileComponent.ctorParameters = () => [
+    { type: FormBuilder },
+    { type: AlertService }
+];
+
+/*
+ * Copyright 2015-2020 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+const moment$1 = momentImported;
+moment$1.locale(localStorage.getItem('langKey'));
+class PasswordComponent {
+    constructor(formBuilder, alertService) {
+        this.formBuilder = formBuilder;
+        this.alertService = alertService;
+    }
+    ngOnInit() {
+        this.reset();
+    }
+    ngOnDestroy() {
+        location.reload();
+    }
+    get formControls() {
+        return this.form.controls;
+    }
+    initData() {
+        /* this.userService.getUserIdentity().subscribe(value => {
+           this.profile = value;
+           this.setValues();
+         });*/
+    }
+    setValues() {
+        if (this.profile) {
+            // humanize dates
+            this.profile.humanize_dates = {
+                created_at: moment$1(this.profile.created_at).fromNow(),
+                updated_at: moment$1(this.profile.updated_at).fromNow(),
+                last_password_reset: moment$1(this.profile.last_password_reset).fromNow()
+            };
+        }
+    }
+    createFormGroup() {
+        return this.formBuilder.group({
+            password: new FormControl('', [Validators.required,
+                Validators.pattern('(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.*[$@$!%*?&]).{4,}'),
+                Validators.maxLength(50)]),
+            confirmPassword: new FormControl('', [Validators.required,
+                Validators.minLength(4),
+                Validators.maxLength(50)])
+        }, {
+            validator: this.mustMatch('password', 'confirmPassword')
+        });
+    }
+    mustMatch(controlName, matchingControlName) {
+        return (formGroup) => {
+            const control = formGroup.controls[controlName];
+            const matchingControl = formGroup.controls[matchingControlName];
+            if (matchingControl.errors && !matchingControl.errors.mustMatch) {
+                return;
+            }
+            if (control.value !== matchingControl.value) {
+                matchingControl.setErrors({ mustMatch: true });
+            }
+            else {
+                matchingControl.setErrors(null);
+            }
+        };
+    }
+    onSubmit() {
+        /* this.userService.changePassword(this.form.value.password).subscribe(() => {
+           this.alertService.success('Password has been changed');
+         }, result => {
+           this.errorMsg = result.error.detail.split(': ', 2)[1];
+           this.reset();
+         });*/
+    }
+    reset() {
+        this.form = this.createFormGroup();
+        this.initData();
+    }
+}
+PasswordComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'valtimo-password',
+                template: "<!--\n  ~ Copyright 2015-2020 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div class=\"main-content\">\n  <div class=\"container-fluid\">\n    <div class=\"col-12 px-0 mb-5\">\n      <valtimo-widget *ngIf=\"profile\">\n        <div>\n          <div class=\"card-body\">\n            <div class=\"row py-5\">\n              <div class=\"col-12\">\n                <div class=\"row\">\n                  <div class=\"col-12 col-sm-3 text-sm-right\"><strong>Last password changed</strong></div>\n                  <div class=\"col-12 col-sm-8 col-lg-6\">{{ profile.humanize_dates.last_password_reset }}</div>\n                </div>\n              </div>\n            </div>\n          </div>\n          <div *ngIf=\"errorMsg\"\n               class=\"bg-danger text-white mb-0 p-3 text-center\">\n              {{ errorMsg }}\n          </div>\n          <div class=\"card-body-contrast p-5\">\n            <form [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\">\n              <div class=\"form-group row\">\n                <label class=\"col-12 col-sm-3 col-form-label text-sm-right\" for=\"password\">New password</label>\n                <div class=\"col-12 col-sm-8 col-lg-6\">\n                  <input valtimoFieldAutoFocus type=\"password\" id=\"password\" minlength=\"4\" maxlength=\"50\" formControlName=\"password\" class=\"form-control\" placeholder=\"Your new password\"\n                         [ngClass]=\"{'is-valid': formControls.password.touched && formControls.password.valid\n                         , 'is-invalid': formControls.password.touched && formControls.password.errors}\" required/>\n                  <div *ngIf=\"formControls.password.touched && formControls.password.errors\" class=\"invalid-feedback\">\n                    <div *ngIf=\"formControls.password.errors.required\">Your password is required</div>\n                    <div *ngIf=\"formControls.password.errors.pattern\">It expects at least 1 lowercase letter, 1 uppercase letter, 1 digit and 1 special characters. The length should be greater than 4 characters. The sequence of the characters is not important.</div>\n                  </div>\n                </div>\n              </div>\n\n              <div class=\"form-group row\">\n                <label class=\"col-12 col-sm-3 col-form-label text-sm-right\" for=\"confirmPassword\">New password confirmation</label>\n                <div class=\"col-12 col-sm-8 col-lg-6\">\n                  <input type=\"password\" id=\"confirmPassword\" minlength=\"4\" maxlength=\"50\" formControlName=\"confirmPassword\" class=\"form-control\" placeholder=\"Your new password confirmation\"\n                         [ngClass]=\"{'is-valid': formControls.confirmPassword.touched && formControls.confirmPassword.valid\n                         , 'is-invalid': formControls.confirmPassword.touched && formControls.confirmPassword.errors}\" required/>\n                  <div *ngIf=\"formControls.confirmPassword.touched && formControls.confirmPassword.errors\" class=\"invalid-feedback\">\n                    <div *ngIf=\"formControls.confirmPassword.errors.required\">Your new password confirmation is required</div>\n                    <div *ngIf=\"formControls.confirmPassword.errors.minlength\">Your new password confirmation is required to be at least 4 characters</div>\n                    <div *ngIf=\"formControls.confirmPassword.errors.mustMatch\">Your password and confirmation password must match</div>\n                  </div>\n                </div>\n              </div>\n\n              <div class=\"row pt-3 mt-1\">\n                <div class=\"col-12\">\n                  <div class=\"text-right\">\n                    <button class=\"btn btn-space btn-secondary\" type=\"button\" (click)=\"reset()\">Reset</button>\n                    <button class=\"btn btn-space btn-primary\" type=\"submit\" [disabled]=\"form.invalid\">Submit</button>\n                  </div>\n                </div>\n              </div>\n            </form>\n          </div>\n        </div>\n      </valtimo-widget>\n    </div>\n  </div>\n</div>\n",
+                styles: [""]
+            },] }
+];
+PasswordComponent.ctorParameters = () => [
+    { type: FormBuilder },
+    { type: AlertService }
+];
+
+/*
+ * Copyright 2015-2020 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+const ɵ0 = { title: 'Profile', roles: [ROLE_USER] }, ɵ1 = { title: 'Password', roles: [ROLE_USER] };
+const routes = [
+    {
+        path: 'profile',
+        component: ProfileComponent,
+        canActivate: [AuthGuardService],
+        data: ɵ0
+    },
+    {
+        path: 'password',
+        component: PasswordComponent,
+        canActivate: [AuthGuardService],
+        data: ɵ1
+    }
+];
+class AccountRoutingModule {
+}
+AccountRoutingModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [],
+                imports: [
+                    CommonModule,
+                    RouterModule.forChild(routes)
+                ],
+                exports: [RouterModule]
+            },] }
+];
+
+/*
+ * Copyright 2015-2020 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class AccountModule {
+}
+AccountModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [ProfileComponent, PasswordComponent],
+                imports: [
+                    CommonModule,
+                    AccountRoutingModule,
+                    WidgetModule,
+                    ListModule,
+                    FieldAutoFocusModule,
+                    FormsModule,
+                    ReactiveFormsModule,
+                    UploaderModule,
+                    AlertModule
+                ],
+                exports: [ProfileComponent, PasswordComponent],
+                providers: []
+            },] }
+];
+
+/*
+ * Copyright 2015-2020 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+function accountInitializer(translate, logger) {
+    return () => {
+        return new Promise((resolve, reject) => {
+            try {
+                logger.debug('Account initializer');
+                translate.addLangs(['en', 'nl']);
+                let langKey = localStorage.getItem('langKey');
+                if (langKey === null) {
+                    langKey = 'nl';
+                    localStorage.setItem('langKey', 'nl');
+                }
+                logger.debug('Using langKey', langKey);
+                translate.use(langKey);
+                resolve();
+            }
+            catch (error) {
+                logger.debug('Account initializer error', error);
+                reject(error);
+            }
+        });
+    };
+}
+
+/*
+ * Copyright 2015-2020 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AccountModule, PasswordComponent, ProfileComponent, accountInitializer, AccountRoutingModule as ɵa };
+//# sourceMappingURL=valtimo-account.js.map

package/fesm2015/valtimo-account.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"valtimo-account.js","sources":["../../../../projects/valtimo/account/src/lib/profile/profile.component.ts","../../../../projects/valtimo/account/src/lib/password/password.component.ts","../../../../projects/valtimo/account/src/lib/account-routing.module.ts","../../../../projects/valtimo/account/src/lib/account.module.ts","../../../../projects/valtimo/account/src/lib/account.init.ts","../../../../projects/valtimo/account/src/public_api.ts","../../../../projects/valtimo/account/src/valtimo-account.ts"],"sourcesContent":["/*\n * Copyright 2015-2020 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {Component, OnDestroy, OnInit} from '@angular/core';\nimport {FormBuilder, FormControl, FormGroup, Validators} from '@angular/forms';\nimport {AlertService} from '@valtimo/components';\nimport * as momentImported from 'moment';\n\nconst moment = momentImported;\nmoment.locale(localStorage.getItem('langKey'));\n\n@Component({\n  selector: 'valtimo-profile',\n  templateUrl: './profile.component.html',\n  styleUrls: ['./profile.component.css']\n})\nexport class ProfileComponent implements OnInit, OnDestroy {\n\n  public profile: any;\n  public form: FormGroup;\n  public resourceIds: Array<any> = [];\n\n  constructor(\n    private formBuilder: FormBuilder,\n    private alertService: AlertService\n    // private userProviderService: UserProviderService\n  ) { }\n\n  ngOnInit() {\n    this.reset();\n  }\n\n  ngOnDestroy() {\n    location.reload();\n  }\n\n  get formControls() {\n    return this.form.controls;\n  }\n\n  private initData() {\n /*   this.userProviderService.getUserIdentity().subscribe(value => {\n      this.profile = value;\n      this.setValues();\n    });*/\n  }\n\n  private setValues() {\n    if (this.profile) {\n      // set humanize dates\n      this.profile.humanize_dates = {\n        created_at: moment(this.profile.created_at).fromNow(),\n        updated_at: moment(this.profile.updated_at).fromNow(),\n        last_password_reset: moment(this.profile.last_password_reset).fromNow()\n      };\n      // set form values\n      this.form.controls.firstName.setValue(this.profile.user_metadata.firstname);\n      this.form.controls.lastName.setValue(this.profile.user_metadata.lastname);\n      this.form.controls.langKey.setValue(this.profile.user_metadata.langKey);\n    }\n  }\n\n  private createFormGroup() {\n    return this.formBuilder.group({\n      firstName: new FormControl('', Validators.required),\n      lastName: new FormControl('', Validators.required),\n      langKey: new FormControl('', Validators.required)\n    });\n  }\n\n  public onFileUpload(resources) {\n    this.resourceIds = resources.map(resource => resource.id);\n  }\n\n  public onSubmit() {\n    this.form.value.email = this.profile.email;\n    // TODO Updating profile ?? allowed when using keycloak\n   /* this.userService.updateProfile(this.form.value).subscribe(() => {\n      this.alertService.success('Profile has been updated');\n    });*/\n  }\n\n  public reset() {\n    this.form = this.createFormGroup();\n    this.initData();\n  }\n\n}\n","/*\n * Copyright 2015-2020 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {Component, OnDestroy, OnInit} from '@angular/core';\nimport {FormBuilder, FormControl, FormGroup, Validators} from '@angular/forms';\nimport {AlertService} from '@valtimo/components';\nimport * as momentImported from 'moment';\n\nconst moment = momentImported;\nmoment.locale(localStorage.getItem('langKey'));\n\n@Component({\n  selector: 'valtimo-password',\n  templateUrl: './password.component.html',\n  styleUrls: ['./password.component.css']\n})\nexport class PasswordComponent implements OnInit, OnDestroy {\n\n  public profile: any;\n  public errorMsg: string;\n  public form: FormGroup;\n\n  constructor(\n    private formBuilder: FormBuilder,\n    private alertService: AlertService\n  ) {\n  }\n\n  ngOnInit() {\n    this.reset();\n  }\n\n  ngOnDestroy() {\n    location.reload();\n  }\n\n  get formControls() {\n    return this.form.controls;\n  }\n\n  private initData() {\n   /* this.userService.getUserIdentity().subscribe(value => {\n      this.profile = value;\n      this.setValues();\n    });*/\n  }\n\n  private setValues() {\n    if (this.profile) {\n      // humanize dates\n      this.profile.humanize_dates = {\n        created_at: moment(this.profile.created_at).fromNow(),\n        updated_at: moment(this.profile.updated_at).fromNow(),\n        last_password_reset: moment(this.profile.last_password_reset).fromNow()\n      };\n    }\n  }\n\n  private createFormGroup() {\n    return this.formBuilder.group({\n      password: new FormControl('', [Validators.required\n        , Validators.pattern('(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.*[$@$!%*?&]).{4,}')\n        , Validators.maxLength(50)]),\n      confirmPassword: new FormControl('', [Validators.required\n        , Validators.minLength(4)\n        , Validators.maxLength(50)])\n    }, {\n      validator: this.mustMatch('password', 'confirmPassword')\n    });\n  }\n\n  public mustMatch(controlName: string, matchingControlName: string) {\n    return (formGroup: FormGroup) => {\n      const control = formGroup.controls[controlName];\n      const matchingControl = formGroup.controls[matchingControlName];\n      if (matchingControl.errors && !matchingControl.errors.mustMatch) {\n        return;\n      }\n      if (control.value !== matchingControl.value) {\n        matchingControl.setErrors({mustMatch: true});\n      } else {\n        matchingControl.setErrors(null);\n      }\n    };\n  }\n\n  public onSubmit() {\n   /* this.userService.changePassword(this.form.value.password).subscribe(() => {\n      this.alertService.success('Password has been changed');\n    }, result => {\n      this.errorMsg = result.error.detail.split(': ', 2)[1];\n      this.reset();\n    });*/\n  }\n\n  public reset() {\n    this.form = this.createFormGroup();\n    this.initData();\n  }\n\n}\n","/*\n * Copyright 2015-2020 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {NgModule} from '@angular/core';\nimport {RouterModule, Routes} from '@angular/router';\nimport {CommonModule} from '@angular/common';\nimport {AuthGuardService} from '@valtimo/security';\nimport {ProfileComponent} from './profile/profile.component';\nimport {PasswordComponent} from './password/password.component';\nimport {ROLE_USER} from '@valtimo/contract';\n\nconst routes: Routes = [\n  {\n    path: 'profile',\n    component: ProfileComponent,\n    canActivate: [AuthGuardService],\n    data: {title: 'Profile', roles: [ROLE_USER]}\n  },\n  {\n    path: 'password',\n    component: PasswordComponent,\n    canActivate: [AuthGuardService],\n    data: {title: 'Password', roles: [ROLE_USER]}\n  }\n];\n\n@NgModule({\n  declarations: [],\n  imports: [\n    CommonModule,\n    RouterModule.forChild(routes)\n  ],\n  exports: [RouterModule]\n})\nexport class AccountRoutingModule {\n}\n","/*\n * Copyright 2015-2020 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {NgModule} from '@angular/core';\nimport {AccountRoutingModule} from './account-routing.module';\nimport {CommonModule} from '@angular/common';\nimport {FormsModule, ReactiveFormsModule} from '@angular/forms';\nimport {AlertModule, FieldAutoFocusModule, ListModule, UploaderModule, WidgetModule} from '@valtimo/components';\nimport {ProfileComponent} from './profile/profile.component';\nimport {PasswordComponent} from './password/password.component';\n\n@NgModule({\n  declarations: [ProfileComponent, PasswordComponent],\n  imports: [\n    CommonModule,\n    AccountRoutingModule,\n    WidgetModule,\n    ListModule,\n    FieldAutoFocusModule,\n    FormsModule,\n    ReactiveFormsModule,\n    UploaderModule,\n    AlertModule\n  ],\n  exports: [ProfileComponent, PasswordComponent],\n  providers: []\n})\nexport class AccountModule {\n}\n","/*\n * Copyright 2015-2020 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {NGXLogger} from 'ngx-logger';\nimport {TranslateService} from '@ngx-translate/core';\n\nexport function accountInitializer(\n  translate: TranslateService,\n  logger: NGXLogger\n): () => Promise<any> {\n  return (): Promise<any> => {\n    return new Promise((resolve, reject) => {\n      try {\n        logger.debug('Account initializer');\n        translate.addLangs(['en', 'nl']);\n        let langKey = localStorage.getItem('langKey');\n        if (langKey === null) {\n          langKey = 'nl';\n          localStorage.setItem('langKey', 'nl');\n        }\n        logger.debug('Using langKey', langKey);\n        translate.use(langKey);\n        resolve();\n      } catch (error) {\n        logger.debug('Account initializer error', error);\n        reject(error);\n      }\n    });\n  };\n}\n\n\n","/*\n * Copyright 2015-2020 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n/*\n * Public API Surface of account\n */\n\nexport * from './lib/profile/profile.component';\nexport * from './lib/password/password.component';\nexport * from './lib/account.module';\nexport * from './lib/account.init';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n\nexport {AccountRoutingModule as ɵa} from './lib/account-routing.module';"],"names":["moment"],"mappings":"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"}

package/lib/account-routing.module.d.ts

@@ -0,0 +1,2 @@
+export declare class AccountRoutingModule {
+}

package/lib/account.init.d.ts

@@ -0,0 +1,3 @@
+import { NGXLogger } from 'ngx-logger';
+import { TranslateService } from '@ngx-translate/core';
+export declare function accountInitializer(translate: TranslateService, logger: NGXLogger): () => Promise<any>;

package/lib/account.module.d.ts

@@ -0,0 +1,2 @@
+export declare class AccountModule {
+}

package/lib/password/password.component.d.ts

@@ -0,0 +1,22 @@
+import { OnDestroy, OnInit } from '@angular/core';
+import { FormBuilder, FormGroup } from '@angular/forms';
+import { AlertService } from '@valtimo/components';
+export declare class PasswordComponent implements OnInit, OnDestroy {
+    private formBuilder;
+    private alertService;
+    profile: any;
+    errorMsg: string;
+    form: FormGroup;
+    constructor(formBuilder: FormBuilder, alertService: AlertService);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    get formControls(): {
+        [key: string]: import("@angular/forms").AbstractControl;
+    };
+    private initData;
+    private setValues;
+    private createFormGroup;
+    mustMatch(controlName: string, matchingControlName: string): (formGroup: FormGroup) => void;
+    onSubmit(): void;
+    reset(): void;
+}

package/lib/profile/profile.component.d.ts

@@ -0,0 +1,22 @@
+import { OnDestroy, OnInit } from '@angular/core';
+import { FormBuilder, FormGroup } from '@angular/forms';
+import { AlertService } from '@valtimo/components';
+export declare class ProfileComponent implements OnInit, OnDestroy {
+    private formBuilder;
+    private alertService;
+    profile: any;
+    form: FormGroup;
+    resourceIds: Array<any>;
+    constructor(formBuilder: FormBuilder, alertService: AlertService);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    get formControls(): {
+        [key: string]: import("@angular/forms").AbstractControl;
+    };
+    private initData;
+    private setValues;
+    private createFormGroup;
+    onFileUpload(resources: any): void;
+    onSubmit(): void;
+    reset(): void;
+}

package/package.json

@@ -0,0 +1,23 @@
+{
+  "name": "@valtimo/account",
+  "version": "4.15.2-next-main.8",
+  "publishConfig": {
+    "registry": "http://repo.ritense.com/repository/npm-ritense-private/"
+  },
+  "peerDependencies": {
+    "moment": "2.24.0",
+    "@angular/common": "^10.0.11",
+    "@angular/core": "^10.0.11"
+  },
+  "dependencies": {
+    "tslib": "^2.0.0"
+  },
+  "main": "bundles/valtimo-account.umd.js",
+  "module": "fesm2015/valtimo-account.js",
+  "es2015": "fesm2015/valtimo-account.js",
+  "esm2015": "esm2015/valtimo-account.js",
+  "fesm2015": "fesm2015/valtimo-account.js",
+  "typings": "valtimo-account.d.ts",
+  "metadata": "valtimo-account.metadata.json",
+  "sideEffects": false
+}

package/public_api.d.ts

@@ -0,0 +1,4 @@
+export * from './lib/profile/profile.component';
+export * from './lib/password/password.component';
+export * from './lib/account.module';
+export * from './lib/account.init';

package/valtimo-account.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public_api';
+export { AccountRoutingModule as ɵa } from './lib/account-routing.module';

package/valtimo-account.metadata.json

@@ -0,0 +1 @@
+{"__symbolic":"module","version":4,"metadata":{"ProfileComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":24,"character":1},"arguments":[{"selector":"valtimo-profile","template":"<!--\n  ~ Copyright 2015-2020 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div class=\"main-content\">\n  <div class=\"container-fluid\">\n    <div class=\"col-12 px-0 mb-5\">\n      <valtimo-widget *ngIf=\"profile\">\n        <div>\n          <div class=\"card-body\">\n            <div class=\"row py-5\">\n              <div class=\"col-12\">\n                <div class=\"row mb-3\">\n                  <div class=\"col-12 col-sm-3 text-sm-right\"><strong>Nickname</strong></div>\n                  <div class=\"col-12 col-sm-8 col-lg-6\">{{ profile.nickname }}</div>\n                </div>\n\n                <div class=\"row mb-3\">\n                  <div class=\"col-12 col-sm-3 text-sm-right\"><strong>Email</strong></div>\n                  <div class=\"col-12 col-sm-8 col-lg-6\">{{ profile.email }}</div>\n                </div>\n\n                <div class=\"row mb-3\">\n                  <div class=\"col-12 col-sm-3 text-sm-right\"><strong>Authorities</strong></div>\n                  <div class=\"col-12 col-sm-8 col-lg-6\">\n                        <span class=\"badge badge-pill badge-success mb-1 mr-1\"\n                              *ngFor=\"let role of profile.roles\">{{ role }}</span>\n                  </div>\n                </div>\n\n                <div class=\"row mb-3\">\n                  <div class=\"col-12 col-sm-3 text-sm-right\"><strong>Account status</strong></div>\n                  <div class=\"col-12 col-sm-8 col-lg-6\" [ngClass]=\"{ 'text-danger': profile.blocked }\">{{ profile.blocked ? 'Blocked' : 'Activated' }}</div>\n                </div>\n\n                <div class=\"row mb-3\">\n                  <div class=\"col-12 col-sm-3 text-sm-right\"><strong>Account created</strong></div>\n                  <div class=\"col-12 col-sm-8 col-lg-6\">{{ profile.humanize_dates.created_at }}</div>\n                </div>\n\n                <div class=\"row\">\n                  <div class=\"col-12 col-sm-3 text-sm-right\"><strong>Last updated</strong></div>\n                  <div class=\"col-12 col-sm-8 col-lg-6\">{{ profile.humanize_dates.updated_at }}</div>\n                </div>\n              </div>\n            </div>\n          </div>\n\n          <div class=\"card-body-contrast p-5\">\n            <form [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\">\n              <div class=\"form-group row\">\n                <label class=\"col-12 col-sm-3 col-form-label text-sm-right\" for=\"firstName\">First name</label>\n                <div class=\"col-12 col-sm-8 col-lg-6\">\n                  <input valtimoFieldAutoFocus type=\"text\" id=\"firstName\" formControlName=\"firstName\" class=\"form-control\" placeholder=\"Your first name\"\n                         [ngClass]=\"{'is-valid': formControls.firstName.touched && formControls.firstName.valid, 'is-invalid': formControls.firstName.touched && formControls.firstName.errors}\"\n                         required />\n                  <div *ngIf=\"formControls.firstName.touched && formControls.firstName.errors\" class=\"invalid-feedback\">\n                    <div *ngIf=\"formControls.firstName.errors.required\">Your first name is required</div>\n                  </div>\n                </div>\n              </div>\n\n              <div class=\"form-group row\">\n                <label class=\"col-12 col-sm-3 col-form-label text-sm-right\" for=\"lastName\">Last name</label>\n                <div class=\"col-12 col-sm-8 col-lg-6\">\n                  <input type=\"text\" id=\"lastName\" formControlName=\"lastName\" class=\"form-control\" placeholder=\"Your last name\"\n                         [ngClass]=\"{'is-valid': formControls.lastName.touched && formControls.lastName.valid, 'is-invalid': formControls.lastName.touched && formControls.lastName.errors}\"\n                         required/>\n                  <div *ngIf=\"formControls.lastName.touched && formControls.lastName.errors\" class=\"invalid-feedback\">\n                    <div *ngIf=\"formControls.lastName.errors.required\">Your last name is required</div>\n                  </div>\n                </div>\n              </div>\n\n              <div class=\"form-group row\">\n                <label class=\"col-12 col-sm-3 col-form-label text-sm-right\" for=\"langKey\">Language</label>\n                <div class=\"col-12 col-sm-8 col-lg-6\">\n                  <select id=\"langKey\" formControlName=\"langKey\" class=\"form-control\"\n                          [ngClass]=\"{'is-valid': formControls.langKey.touched && formControls.langKey.valid, 'is-invalid': formControls.langKey.touched && formControls.langKey.errors}\"\n                          required>\n                    <option value=\"nl\">Nederlands</option>\n                    <option value=\"en\">English</option>\n                  </select>\n                  <div *ngIf=\"formControls.langKey.touched && formControls.langKey.errors\" class=\"invalid-feedback\">\n                    <div *ngIf=\"formControls.langKey.errors.required\">Your language is required</div>\n                  </div>\n                </div>\n              </div>\n\n              <div class=\"row pt-3 mt-1\">\n                <div class=\"col-12\">\n                  <div class=\"text-right\">\n                    <button class=\"btn btn-space btn-secondary\" type=\"button\" (click)=\"reset()\">Reset</button>\n                    <button class=\"btn btn-space btn-primary\" type=\"submit\" [disabled]=\"form.invalid\">Submit</button>\n                  </div>\n                </div>\n              </div>\n            </form>\n          </div>\n        </div>\n      </valtimo-widget>\n    </div>\n  </div>\n</div>\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":36,"character":25},{"__symbolic":"reference","module":"@valtimo/components","name":"AlertService","line":37,"character":26}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"initData":[{"__symbolic":"method"}],"setValues":[{"__symbolic":"method"}],"createFormGroup":[{"__symbolic":"method"}],"onFileUpload":[{"__symbolic":"method"}],"onSubmit":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}]}},"PasswordComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":24,"character":1},"arguments":[{"selector":"valtimo-password","template":"<!--\n  ~ Copyright 2015-2020 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div class=\"main-content\">\n  <div class=\"container-fluid\">\n    <div class=\"col-12 px-0 mb-5\">\n      <valtimo-widget *ngIf=\"profile\">\n        <div>\n          <div class=\"card-body\">\n            <div class=\"row py-5\">\n              <div class=\"col-12\">\n                <div class=\"row\">\n                  <div class=\"col-12 col-sm-3 text-sm-right\"><strong>Last password changed</strong></div>\n                  <div class=\"col-12 col-sm-8 col-lg-6\">{{ profile.humanize_dates.last_password_reset }}</div>\n                </div>\n              </div>\n            </div>\n          </div>\n          <div *ngIf=\"errorMsg\"\n               class=\"bg-danger text-white mb-0 p-3 text-center\">\n              {{ errorMsg }}\n          </div>\n          <div class=\"card-body-contrast p-5\">\n            <form [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\">\n              <div class=\"form-group row\">\n                <label class=\"col-12 col-sm-3 col-form-label text-sm-right\" for=\"password\">New password</label>\n                <div class=\"col-12 col-sm-8 col-lg-6\">\n                  <input valtimoFieldAutoFocus type=\"password\" id=\"password\" minlength=\"4\" maxlength=\"50\" formControlName=\"password\" class=\"form-control\" placeholder=\"Your new password\"\n                         [ngClass]=\"{'is-valid': formControls.password.touched && formControls.password.valid\n                         , 'is-invalid': formControls.password.touched && formControls.password.errors}\" required/>\n                  <div *ngIf=\"formControls.password.touched && formControls.password.errors\" class=\"invalid-feedback\">\n                    <div *ngIf=\"formControls.password.errors.required\">Your password is required</div>\n                    <div *ngIf=\"formControls.password.errors.pattern\">It expects at least 1 lowercase letter, 1 uppercase letter, 1 digit and 1 special characters. The length should be greater than 4 characters. The sequence of the characters is not important.</div>\n                  </div>\n                </div>\n              </div>\n\n              <div class=\"form-group row\">\n                <label class=\"col-12 col-sm-3 col-form-label text-sm-right\" for=\"confirmPassword\">New password confirmation</label>\n                <div class=\"col-12 col-sm-8 col-lg-6\">\n                  <input type=\"password\" id=\"confirmPassword\" minlength=\"4\" maxlength=\"50\" formControlName=\"confirmPassword\" class=\"form-control\" placeholder=\"Your new password confirmation\"\n                         [ngClass]=\"{'is-valid': formControls.confirmPassword.touched && formControls.confirmPassword.valid\n                         , 'is-invalid': formControls.confirmPassword.touched && formControls.confirmPassword.errors}\" required/>\n                  <div *ngIf=\"formControls.confirmPassword.touched && formControls.confirmPassword.errors\" class=\"invalid-feedback\">\n                    <div *ngIf=\"formControls.confirmPassword.errors.required\">Your new password confirmation is required</div>\n                    <div *ngIf=\"formControls.confirmPassword.errors.minlength\">Your new password confirmation is required to be at least 4 characters</div>\n                    <div *ngIf=\"formControls.confirmPassword.errors.mustMatch\">Your password and confirmation password must match</div>\n                  </div>\n                </div>\n              </div>\n\n              <div class=\"row pt-3 mt-1\">\n                <div class=\"col-12\">\n                  <div class=\"text-right\">\n                    <button class=\"btn btn-space btn-secondary\" type=\"button\" (click)=\"reset()\">Reset</button>\n                    <button class=\"btn btn-space btn-primary\" type=\"submit\" [disabled]=\"form.invalid\">Submit</button>\n                  </div>\n                </div>\n              </div>\n            </form>\n          </div>\n        </div>\n      </valtimo-widget>\n    </div>\n  </div>\n</div>\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":36,"character":25},{"__symbolic":"reference","module":"@valtimo/components","name":"AlertService","line":37,"character":26}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"initData":[{"__symbolic":"method"}],"setValues":[{"__symbolic":"method"}],"createFormGroup":[{"__symbolic":"method"}],"mustMatch":[{"__symbolic":"method"}],"onSubmit":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}]}},"AccountModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":24,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ProfileComponent"},{"__symbolic":"reference","name":"PasswordComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":27,"character":4},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","module":"@valtimo/components","name":"WidgetModule","line":29,"character":4},{"__symbolic":"reference","module":"@valtimo/components","name":"ListModule","line":30,"character":4},{"__symbolic":"reference","module":"@valtimo/components","name":"FieldAutoFocusModule","line":31,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":32,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":33,"character":4},{"__symbolic":"reference","module":"@valtimo/components","name":"UploaderModule","line":34,"character":4},{"__symbolic":"reference","module":"@valtimo/components","name":"AlertModule","line":35,"character":4}],"exports":[{"__symbolic":"reference","name":"ProfileComponent"},{"__symbolic":"reference","name":"PasswordComponent"}],"providers":[]}]}],"members":{}},"accountInitializer":{"__symbolic":"function","parameters":["translate","logger"],"value":{"__symbolic":"error","message":"Lambda not supported","line":23,"character":9,"module":"./lib/account.init"}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":39,"character":1},"arguments":[{"declarations":[],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":42,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":43,"character":4},"member":"forChild"},"arguments":[[{"path":"profile","component":{"__symbolic":"reference","name":"ProfileComponent"},"canActivate":[{"__symbolic":"reference","module":"@valtimo/security","name":"AuthGuardService","line":28,"character":18}],"data":{"title":"Profile","roles":[{"__symbolic":"reference","module":"@valtimo/contract","name":"ROLE_USER","line":29,"character":37}]}},{"path":"password","component":{"__symbolic":"reference","name":"PasswordComponent"},"canActivate":[{"__symbolic":"reference","module":"@valtimo/security","name":"AuthGuardService","line":34,"character":18}],"data":{"title":"Password","roles":[{"__symbolic":"reference","module":"@valtimo/contract","name":"ROLE_USER","line":35,"character":38}]}}]]}],"exports":[{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":45,"character":12}]}]}],"members":{}}},"origins":{"ProfileComponent":"./lib/profile/profile.component","PasswordComponent":"./lib/password/password.component","AccountModule":"./lib/account.module","accountInitializer":"./lib/account.init","ɵa":"./lib/account-routing.module"},"importAs":"@valtimo/account"}