@valtimo/account 4.23.0 → 5.2.0

package/fesm2015/valtimo-account.js

@@ -1,346 +0,0 @@
-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 { TranslateService, TranslateModule, TranslateLoader } from '@ngx-translate/core';
-import { RouterModule } from '@angular/router';
-import { CommonModule } from '@angular/common';
-import { AuthGuardService } from '@valtimo/security';
-import { ROLE_USER, HttpLoaderFactory } from '@valtimo/config';
-import { HttpClient } from '@angular/common/http';
-
-/*
- * 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, translate) {
-        this.formBuilder = formBuilder;
-        this.alertService = alertService;
-        this.translate = translate;
-        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\n                      class=\"badge badge-pill badge-success mb-1 mr-1\"\n                      *ngFor=\"let role of profile.roles\"\n                      >{{ role }}</span\n                    >\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\n                    class=\"col-12 col-sm-8 col-lg-6\"\n                    [ngClass]=\"{'text-danger': profile.blocked}\"\n                  >\n                    {{ profile.blocked ? 'Blocked' : 'Activated' }}\n                  </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\">\n                    {{ profile.humanize_dates.created_at }}\n                  </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\">\n                    {{ profile.humanize_dates.updated_at }}\n                  </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\"\n                  >First name</label\n                >\n                <div class=\"col-12 col-sm-8 col-lg-6\">\n                  <input\n                    valtimoFieldAutoFocus\n                    type=\"text\"\n                    id=\"firstName\"\n                    formControlName=\"firstName\"\n                    class=\"form-control\"\n                    placeholder=\"Your first name\"\n                    [ngClass]=\"{\n                      'is-valid': formControls.firstName.touched && formControls.firstName.valid,\n                      'is-invalid': formControls.firstName.touched && formControls.firstName.errors\n                    }\"\n                    required\n                  />\n                  <div\n                    *ngIf=\"formControls.firstName.touched && formControls.firstName.errors\"\n                    class=\"invalid-feedback\"\n                  >\n                    <div *ngIf=\"formControls.firstName.errors.required\">\n                      Your first name is required\n                    </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\"\n                  >Last name</label\n                >\n                <div class=\"col-12 col-sm-8 col-lg-6\">\n                  <input\n                    type=\"text\"\n                    id=\"lastName\"\n                    formControlName=\"lastName\"\n                    class=\"form-control\"\n                    placeholder=\"Your last name\"\n                    [ngClass]=\"{\n                      'is-valid': formControls.lastName.touched && formControls.lastName.valid,\n                      'is-invalid': formControls.lastName.touched && formControls.lastName.errors\n                    }\"\n                    required\n                  />\n                  <div\n                    *ngIf=\"formControls.lastName.touched && formControls.lastName.errors\"\n                    class=\"invalid-feedback\"\n                  >\n                    <div *ngIf=\"formControls.lastName.errors.required\">\n                      Your last name is required\n                    </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\"\n                  >Language</label\n                >\n                <div class=\"col-12 col-sm-8 col-lg-6\">\n                  <select\n                    id=\"langKey\"\n                    formControlName=\"langKey\"\n                    class=\"form-control\"\n                    [ngClass]=\"{\n                      'is-valid': formControls.langKey.touched && formControls.langKey.valid,\n                      'is-invalid': formControls.langKey.touched && formControls.langKey.errors\n                    }\"\n                    required\n                  >\n                    <option\n                      *ngFor=\"let lang of translate.getLangs()\"\n                      [value]=\"lang\"\n                      [selected]=\"lang === translate.currentLang\"\n                    >\n                      {{ 'settings.language.options.' + lang | translate }}\n                    </option>\n                  </select>\n                  <div\n                    *ngIf=\"formControls.langKey.touched && formControls.langKey.errors\"\n                    class=\"invalid-feedback\"\n                  >\n                    <div *ngIf=\"formControls.langKey.errors.required\">\n                      Your language is required\n                    </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()\">\n                      Reset\n                    </button>\n                    <button\n                      class=\"btn btn-space btn-primary\"\n                      type=\"submit\"\n                      [disabled]=\"form.invalid\"\n                    >\n                      Submit\n                    </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 },
-    { type: TranslateService }
-];
-
-/*
- * 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\">\n                    <strong>Last password changed</strong>\n                  </div>\n                  <div class=\"col-12 col-sm-8 col-lg-6\">\n                    {{ profile.humanize_dates.last_password_reset }}\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n          <div *ngIf=\"errorMsg\" 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\"\n                  >New password</label\n                >\n                <div class=\"col-12 col-sm-8 col-lg-6\">\n                  <input\n                    valtimoFieldAutoFocus\n                    type=\"password\"\n                    id=\"password\"\n                    minlength=\"4\"\n                    maxlength=\"50\"\n                    formControlName=\"password\"\n                    class=\"form-control\"\n                    placeholder=\"Your new password\"\n                    [ngClass]=\"{\n                      'is-valid': formControls.password.touched && formControls.password.valid,\n                      'is-invalid': formControls.password.touched && formControls.password.errors\n                    }\"\n                    required\n                  />\n                  <div\n                    *ngIf=\"formControls.password.touched && formControls.password.errors\"\n                    class=\"invalid-feedback\"\n                  >\n                    <div *ngIf=\"formControls.password.errors.required\">\n                      Your password is required\n                    </div>\n                    <div *ngIf=\"formControls.password.errors.pattern\">\n                      It expects at least 1 lowercase letter, 1 uppercase letter, 1 digit and 1\n                      special characters. The length should be greater than 4 characters. The\n                      sequence of the characters is not important.\n                    </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\"\n                  >New password confirmation</label\n                >\n                <div class=\"col-12 col-sm-8 col-lg-6\">\n                  <input\n                    type=\"password\"\n                    id=\"confirmPassword\"\n                    minlength=\"4\"\n                    maxlength=\"50\"\n                    formControlName=\"confirmPassword\"\n                    class=\"form-control\"\n                    placeholder=\"Your new password confirmation\"\n                    [ngClass]=\"{\n                      'is-valid':\n                        formControls.confirmPassword.touched && formControls.confirmPassword.valid,\n                      'is-invalid':\n                        formControls.confirmPassword.touched && formControls.confirmPassword.errors\n                    }\"\n                    required\n                  />\n                  <div\n                    *ngIf=\"\n                      formControls.confirmPassword.touched && formControls.confirmPassword.errors\n                    \"\n                    class=\"invalid-feedback\"\n                  >\n                    <div *ngIf=\"formControls.confirmPassword.errors.required\">\n                      Your new password confirmation is required\n                    </div>\n                    <div *ngIf=\"formControls.confirmPassword.errors.minlength\">\n                      Your new password confirmation is required to be at least 4 characters\n                    </div>\n                    <div *ngIf=\"formControls.confirmPassword.errors.mustMatch\">\n                      Your password and confirmation password must match\n                    </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()\">\n                      Reset\n                    </button>\n                    <button\n                      class=\"btn btn-space btn-primary\"\n                      type=\"submit\"\n                      [disabled]=\"form.invalid\"\n                    >\n                      Submit\n                    </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.
- */
-const ɵ0$1 = HttpLoaderFactory;
-class AccountModule {
-}
-AccountModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [ProfileComponent, PasswordComponent],
-                imports: [
-                    CommonModule,
-                    AccountRoutingModule,
-                    WidgetModule,
-                    ListModule,
-                    FieldAutoFocusModule,
-                    FormsModule,
-                    TranslateModule.forRoot({
-                        loader: {
-                            provide: TranslateLoader,
-                            useFactory: ɵ0$1,
-                            deps: [HttpClient],
-                        },
-                    }),
-                    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', 'de']);
-                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, ɵ0$1 as ɵ0, AccountRoutingModule as ɵa };
-//# sourceMappingURL=valtimo-account.js.map

package/fesm2015/valtimo-account.js.map

@@ -1 +0,0 @@
-{"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';\nimport {TranslateService} from '@ngx-translate/core';\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  public profile: any;\n  public form: FormGroup;\n  public resourceIds: Array<any> = [];\n\n  constructor(\n    private formBuilder: FormBuilder,\n    private alertService: AlertService,\n    public translate: TranslateService\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 * 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  public profile: any;\n  public errorMsg: string;\n  public form: FormGroup;\n\n  constructor(private formBuilder: FormBuilder, private alertService: AlertService) {}\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      {\n        password: new FormControl('', [\n          Validators.required,\n          Validators.pattern('(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.*[$@$!%*?&]).{4,}'),\n          Validators.maxLength(50),\n        ]),\n        confirmPassword: new FormControl('', [\n          Validators.required,\n          Validators.minLength(4),\n          Validators.maxLength(50),\n        ]),\n      },\n      {\n        validator: this.mustMatch('password', 'confirmPassword'),\n      }\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 * 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/config';\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: [CommonModule, RouterModule.forChild(routes)],\n  exports: [RouterModule],\n})\nexport class AccountRoutingModule {}\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 {\n  AlertModule,\n  FieldAutoFocusModule,\n  ListModule,\n  UploaderModule,\n  WidgetModule,\n} from '@valtimo/components';\nimport {ProfileComponent} from './profile/profile.component';\nimport {PasswordComponent} from './password/password.component';\nimport {TranslateLoader, TranslateModule} from '@ngx-translate/core';\nimport {HttpLoaderFactory} from '@valtimo/config';\nimport {HttpClient} from '@angular/common/http';\n\n@NgModule({\n  declarations: [ProfileComponent, PasswordComponent],\n  imports: [\n    CommonModule,\n    AccountRoutingModule,\n    WidgetModule,\n    ListModule,\n    FieldAutoFocusModule,\n    FormsModule,\n    TranslateModule.forRoot({\n      loader: {\n        provide: TranslateLoader,\n        useFactory: HttpLoaderFactory,\n        deps: [HttpClient],\n      },\n    }),\n    ReactiveFormsModule,\n    UploaderModule,\n    AlertModule,\n  ],\n  exports: [ProfileComponent, PasswordComponent],\n  providers: [],\n})\nexport class AccountModule {}\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', 'de']);\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 * 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/valtimo-account.metadata.json

@@ -1 +0,0 @@
-{"__symbolic":"module","version":4,"metadata":{"ProfileComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":25,"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\n                      class=\"badge badge-pill badge-success mb-1 mr-1\"\n                      *ngFor=\"let role of profile.roles\"\n                      >{{ role }}</span\n                    >\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\n                    class=\"col-12 col-sm-8 col-lg-6\"\n                    [ngClass]=\"{'text-danger': profile.blocked}\"\n                  >\n                    {{ profile.blocked ? 'Blocked' : 'Activated' }}\n                  </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\">\n                    {{ profile.humanize_dates.created_at }}\n                  </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\">\n                    {{ profile.humanize_dates.updated_at }}\n                  </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\"\n                  >First name</label\n                >\n                <div class=\"col-12 col-sm-8 col-lg-6\">\n                  <input\n                    valtimoFieldAutoFocus\n                    type=\"text\"\n                    id=\"firstName\"\n                    formControlName=\"firstName\"\n                    class=\"form-control\"\n                    placeholder=\"Your first name\"\n                    [ngClass]=\"{\n                      'is-valid': formControls.firstName.touched && formControls.firstName.valid,\n                      'is-invalid': formControls.firstName.touched && formControls.firstName.errors\n                    }\"\n                    required\n                  />\n                  <div\n                    *ngIf=\"formControls.firstName.touched && formControls.firstName.errors\"\n                    class=\"invalid-feedback\"\n                  >\n                    <div *ngIf=\"formControls.firstName.errors.required\">\n                      Your first name is required\n                    </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\"\n                  >Last name</label\n                >\n                <div class=\"col-12 col-sm-8 col-lg-6\">\n                  <input\n                    type=\"text\"\n                    id=\"lastName\"\n                    formControlName=\"lastName\"\n                    class=\"form-control\"\n                    placeholder=\"Your last name\"\n                    [ngClass]=\"{\n                      'is-valid': formControls.lastName.touched && formControls.lastName.valid,\n                      'is-invalid': formControls.lastName.touched && formControls.lastName.errors\n                    }\"\n                    required\n                  />\n                  <div\n                    *ngIf=\"formControls.lastName.touched && formControls.lastName.errors\"\n                    class=\"invalid-feedback\"\n                  >\n                    <div *ngIf=\"formControls.lastName.errors.required\">\n                      Your last name is required\n                    </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\"\n                  >Language</label\n                >\n                <div class=\"col-12 col-sm-8 col-lg-6\">\n                  <select\n                    id=\"langKey\"\n                    formControlName=\"langKey\"\n                    class=\"form-control\"\n                    [ngClass]=\"{\n                      'is-valid': formControls.langKey.touched && formControls.langKey.valid,\n                      'is-invalid': formControls.langKey.touched && formControls.langKey.errors\n                    }\"\n                    required\n                  >\n                    <option\n                      *ngFor=\"let lang of translate.getLangs()\"\n                      [value]=\"lang\"\n                      [selected]=\"lang === translate.currentLang\"\n                    >\n                      {{ 'settings.language.options.' + lang | translate }}\n                    </option>\n                  </select>\n                  <div\n                    *ngIf=\"formControls.langKey.touched && formControls.langKey.errors\"\n                    class=\"invalid-feedback\"\n                  >\n                    <div *ngIf=\"formControls.langKey.errors.required\">\n                      Your language is required\n                    </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()\">\n                      Reset\n                    </button>\n                    <button\n                      class=\"btn btn-space btn-primary\"\n                      type=\"submit\"\n                      [disabled]=\"form.invalid\"\n                    >\n                      Submit\n                    </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},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":38,"character":22}]}],"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\">\n                    <strong>Last password changed</strong>\n                  </div>\n                  <div class=\"col-12 col-sm-8 col-lg-6\">\n                    {{ profile.humanize_dates.last_password_reset }}\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n          <div *ngIf=\"errorMsg\" 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\"\n                  >New password</label\n                >\n                <div class=\"col-12 col-sm-8 col-lg-6\">\n                  <input\n                    valtimoFieldAutoFocus\n                    type=\"password\"\n                    id=\"password\"\n                    minlength=\"4\"\n                    maxlength=\"50\"\n                    formControlName=\"password\"\n                    class=\"form-control\"\n                    placeholder=\"Your new password\"\n                    [ngClass]=\"{\n                      'is-valid': formControls.password.touched && formControls.password.valid,\n                      'is-invalid': formControls.password.touched && formControls.password.errors\n                    }\"\n                    required\n                  />\n                  <div\n                    *ngIf=\"formControls.password.touched && formControls.password.errors\"\n                    class=\"invalid-feedback\"\n                  >\n                    <div *ngIf=\"formControls.password.errors.required\">\n                      Your password is required\n                    </div>\n                    <div *ngIf=\"formControls.password.errors.pattern\">\n                      It expects at least 1 lowercase letter, 1 uppercase letter, 1 digit and 1\n                      special characters. The length should be greater than 4 characters. The\n                      sequence of the characters is not important.\n                    </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\"\n                  >New password confirmation</label\n                >\n                <div class=\"col-12 col-sm-8 col-lg-6\">\n                  <input\n                    type=\"password\"\n                    id=\"confirmPassword\"\n                    minlength=\"4\"\n                    maxlength=\"50\"\n                    formControlName=\"confirmPassword\"\n                    class=\"form-control\"\n                    placeholder=\"Your new password confirmation\"\n                    [ngClass]=\"{\n                      'is-valid':\n                        formControls.confirmPassword.touched && formControls.confirmPassword.valid,\n                      'is-invalid':\n                        formControls.confirmPassword.touched && formControls.confirmPassword.errors\n                    }\"\n                    required\n                  />\n                  <div\n                    *ngIf=\"\n                      formControls.confirmPassword.touched && formControls.confirmPassword.errors\n                    \"\n                    class=\"invalid-feedback\"\n                  >\n                    <div *ngIf=\"formControls.confirmPassword.errors.required\">\n                      Your new password confirmation is required\n                    </div>\n                    <div *ngIf=\"formControls.confirmPassword.errors.minlength\">\n                      Your new password confirmation is required to be at least 4 characters\n                    </div>\n                    <div *ngIf=\"formControls.confirmPassword.errors.mustMatch\">\n                      Your password and confirmation password must match\n                    </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()\">\n                      Reset\n                    </button>\n                    <button\n                      class=\"btn btn-space btn-primary\"\n                      type=\"submit\"\n                      [disabled]=\"form.invalid\"\n                    >\n                      Submit\n                    </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":34,"character":35},{"__symbolic":"reference","module":"@valtimo/components","name":"AlertService","line":34,"character":70}]}],"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":33,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ProfileComponent"},{"__symbolic":"reference","name":"PasswordComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":36,"character":4},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","module":"@valtimo/components","name":"WidgetModule","line":38,"character":4},{"__symbolic":"reference","module":"@valtimo/components","name":"ListModule","line":39,"character":4},{"__symbolic":"reference","module":"@valtimo/components","name":"FieldAutoFocusModule","line":40,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":41,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateModule","line":42,"character":4},"member":"forRoot"},"arguments":[{"loader":{"provide":{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateLoader","line":44,"character":17},"useFactory":{"__symbolic":"reference","module":"@valtimo/config","name":"HttpLoaderFactory","line":45,"character":20},"deps":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":46,"character":15}]}}]},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":49,"character":4},{"__symbolic":"reference","module":"@valtimo/components","name":"UploaderModule","line":50,"character":4},{"__symbolic":"reference","module":"@valtimo/components","name":"AlertModule","line":51,"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":41,"character":12},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":41,"character":26},"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/config","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/config","name":"ROLE_USER","line":35,"character":38}]}}]]}],"exports":[{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":42,"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"}