@valtimo/account 10.4.0 → 10.5.0

package/fesm2015/valtimo-account.mjs

@@ -16,7 +16,7 @@ import { ROLE_USER, HttpLoaderFactory, Language } from '@valtimo/config';
 import { HttpClient } from '@angular/common/http';
 
 /*
- * Copyright 2015-2020 Ritense BV, the Netherlands.
+ * Copyright 2015-2023 Ritense BV, the Netherlands.
  *
  * Licensed under EUPL, Version 1.2 (the "License");
  * you may not use this file except in compliance with the License.
@@ -90,14 +90,14 @@ class ProfileComponent {
     }
 }
 ProfileComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ProfileComponent, deps: [{ token: i1.FormBuilder }, { token: i2.AlertService }, { token: i3.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
-ProfileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: ProfileComponent, selector: "valtimo-profile", ngImport: i0, 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: [""], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.WidgetComponent, selector: "valtimo-widget", inputs: ["type", "name", "icon", "contrast", "divider", "title", "subtitle", "collapseAble", "collapse", "additionalClasses"] }, { kind: "directive", type: i2.FieldAutoFocusDirective, selector: "[valtimoFieldAutoFocus]" }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] });
+ProfileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: ProfileComponent, selector: "valtimo-profile", ngImport: i0, template: "<!--\n  ~ Copyright 2015-2023 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: [""], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.WidgetComponent, selector: "valtimo-widget", inputs: ["type", "name", "icon", "contrast", "divider", "title", "subtitle", "collapseAble", "collapse", "additionalClasses"] }, { kind: "directive", type: i2.FieldAutoFocusDirective, selector: "[valtimoFieldAutoFocus]" }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: 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" }]
+            args: [{ selector: 'valtimo-profile', template: "<!--\n  ~ Copyright 2015-2023 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" }]
         }], ctorParameters: function () { return [{ type: i1.FormBuilder }, { type: i2.AlertService }, { type: i3.TranslateService }]; } });
 
 /*
- * Copyright 2015-2020 Ritense BV, the Netherlands.
+ * Copyright 2015-2023 Ritense BV, the Netherlands.
  *
  * Licensed under EUPL, Version 1.2 (the "License");
  * you may not use this file except in compliance with the License.
@@ -187,14 +187,14 @@ class PasswordComponent {
     }
 }
 PasswordComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: PasswordComponent, deps: [{ token: i1.FormBuilder }, { token: i2.AlertService }], target: i0.ɵɵFactoryTarget.Component });
-PasswordComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: PasswordComponent, selector: "valtimo-password", ngImport: i0, 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: [""], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.WidgetComponent, selector: "valtimo-widget", inputs: ["type", "name", "icon", "contrast", "divider", "title", "subtitle", "collapseAble", "collapse", "additionalClasses"] }, { kind: "directive", type: i2.FieldAutoFocusDirective, selector: "[valtimoFieldAutoFocus]" }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { kind: "directive", type: i1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }] });
+PasswordComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: PasswordComponent, selector: "valtimo-password", ngImport: i0, template: "<!--\n  ~ Copyright 2015-2023 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: [""], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.WidgetComponent, selector: "valtimo-widget", inputs: ["type", "name", "icon", "contrast", "divider", "title", "subtitle", "collapseAble", "collapse", "additionalClasses"] }, { kind: "directive", type: i2.FieldAutoFocusDirective, selector: "[valtimoFieldAutoFocus]" }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { kind: "directive", type: i1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: 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" }]
+            args: [{ selector: 'valtimo-password', template: "<!--\n  ~ Copyright 2015-2023 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" }]
         }], ctorParameters: function () { return [{ type: i1.FormBuilder }, { type: i2.AlertService }]; } });
 
 /*
- * Copyright 2015-2020 Ritense BV, the Netherlands.
+ * Copyright 2015-2023 Ritense BV, the Netherlands.
  *
  * Licensed under EUPL, Version 1.2 (the "License");
  * you may not use this file except in compliance with the License.
@@ -237,7 +237,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
         }] });
 
 /*
- * Copyright 2015-2020 Ritense BV, the Netherlands.
+ * Copyright 2015-2023 Ritense BV, the Netherlands.
  *
  * Licensed under EUPL, Version 1.2 (the "License");
  * you may not use this file except in compliance with the License.
@@ -306,7 +306,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
         }] });
 
 /*
- * Copyright 2015-2020 Ritense BV, the Netherlands.
+ * Copyright 2015-2023 Ritense BV, the Netherlands.
  *
  * Licensed under EUPL, Version 1.2 (the "License");
  * you may not use this file except in compliance with the License.
@@ -343,7 +343,7 @@ function accountInitializer(translate, logger, configService) {
 }
 
 /*
- * Copyright 2015-2020 Ritense BV, the Netherlands.
+ * Copyright 2015-2023 Ritense BV, the Netherlands.
  *
  * Licensed under EUPL, Version 1.2 (the "License");
  * you may not use this file except in compliance with the License.

package/fesm2015/valtimo-account.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"valtimo-account.mjs","sources":["../../../../projects/valtimo/account/src/lib/profile/profile.component.ts","../../../../projects/valtimo/account/src/lib/profile/profile.component.html","../../../../projects/valtimo/account/src/lib/password/password.component.ts","../../../../projects/valtimo/account/src/lib/password/password.component.html","../../../../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 moment from 'moment';\nimport {TranslateService} from '@ngx-translate/core';\n\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\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","/*\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 moment from 'moment';\n\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\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","/*\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';\nimport {ConfigService, Language} from '@valtimo/config';\n\nexport function accountInitializer(\n  translate: TranslateService,\n  logger: NGXLogger,\n  configService: ConfigService\n): () => Promise<any> {\n  return (): Promise<any> =>\n    new Promise<void>((resolve, reject) => {\n      try {\n        logger.debug('Account initializer');\n        translate.addLangs([Language.EN, Language.NL, Language.DE]);\n        let langKey = localStorage.getItem('langKey');\n        if (langKey === null) {\n          langKey = configService?.config?.langKey || Language.NL;\n          localStorage.setItem('langKey', langKey);\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 * 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"],"names":["i3","i1"],"mappings":"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"}
+{"version":3,"file":"valtimo-account.mjs","sources":["../../../../projects/valtimo/account/src/lib/profile/profile.component.ts","../../../../projects/valtimo/account/src/lib/profile/profile.component.html","../../../../projects/valtimo/account/src/lib/password/password.component.ts","../../../../projects/valtimo/account/src/lib/password/password.component.html","../../../../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-2023 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 moment from 'moment';\nimport {TranslateService} from '@ngx-translate/core';\n\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-2023 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","/*\n * Copyright 2015-2023 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 moment from 'moment';\n\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-2023 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","/*\n * Copyright 2015-2023 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-2023 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-2023 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';\nimport {ConfigService, Language} from '@valtimo/config';\n\nexport function accountInitializer(\n  translate: TranslateService,\n  logger: NGXLogger,\n  configService: ConfigService\n): () => Promise<any> {\n  return (): Promise<any> =>\n    new Promise<void>((resolve, reject) => {\n      try {\n        logger.debug('Account initializer');\n        translate.addLangs([Language.EN, Language.NL, Language.DE]);\n        let langKey = localStorage.getItem('langKey');\n        if (langKey === null) {\n          langKey = configService?.config?.langKey || Language.NL;\n          localStorage.setItem('langKey', langKey);\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 * Copyright 2015-2023 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"],"names":["i3","i1"],"mappings":"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"}