@valtimo/account 4.15.2 → 4.16.0-next-main.19

package/bundles/valtimo-account.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/forms'), require('@valtimo/components'), require('moment'), require('@angular/router'), require('@angular/common'), require('@valtimo/security'), require('@valtimo/contract')) :
-    typeof define === 'function' && define.amd ? define('@valtimo/account', ['exports', '@angular/core', '@angular/forms', '@valtimo/components', 'moment', '@angular/router', '@angular/common', '@valtimo/security', '@valtimo/contract'], factory) :
-    (global = global || self, factory((global.valtimo = global.valtimo || {}, global.valtimo.account = {}), global.ng.core, global.ng.forms, global.components, global.moment, global.ng.router, global.ng.common, global.security, global.contract));
-}(this, (function (exports, core, forms, components, momentImported, router, common, security, contract) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/forms'), require('@valtimo/components'), require('moment'), require('@ngx-translate/core'), require('@angular/router'), require('@angular/common'), require('@valtimo/security'), require('@valtimo/config'), require('@angular/common/http')) :
+    typeof define === 'function' && define.amd ? define('@valtimo/account', ['exports', '@angular/core', '@angular/forms', '@valtimo/components', 'moment', '@ngx-translate/core', '@angular/router', '@angular/common', '@valtimo/security', '@valtimo/config', '@angular/common/http'], factory) :
+    (global = global || self, factory((global.valtimo = global.valtimo || {}, global.valtimo.account = {}), global.ng.core, global.ng.forms, global.components, global.moment, global.core$1, global.ng.router, global.ng.common, global.security, global.config, global.ng.common.http));
+}(this, (function (exports, core, forms, components, momentImported, core$1, router, common, security, config, http) { 'use strict';
 
     /*
      * Copyright 2015-2020 Ritense BV, the Netherlands.
@@ -22,11 +22,10 @@
     var moment = momentImported;
     moment.locale(localStorage.getItem('langKey'));
     var ProfileComponent = /** @class */ (function () {
-        function ProfileComponent(formBuilder, alertService
-        // private userProviderService: UserProviderService
-        ) {
+        function ProfileComponent(formBuilder, alertService, translate) {
             this.formBuilder = formBuilder;
             this.alertService = alertService;
+            this.translate = translate;
             this.resourceIds = [];
         }
         ProfileComponent.prototype.ngOnInit = function () {
@@ -44,9 +43,9 @@
         });
         ProfileComponent.prototype.initData = function () {
             /*   this.userProviderService.getUserIdentity().subscribe(value => {
-                 this.profile = value;
-                 this.setValues();
-               });*/
+              this.profile = value;
+              this.setValues();
+            });*/
         };
         ProfileComponent.prototype.setValues = function () {
             if (this.profile) {
@@ -54,7 +53,7 @@
                 this.profile.humanize_dates = {
                     created_at: moment(this.profile.created_at).fromNow(),
                     updated_at: moment(this.profile.updated_at).fromNow(),
-                    last_password_reset: moment(this.profile.last_password_reset).fromNow()
+                    last_password_reset: moment(this.profile.last_password_reset).fromNow(),
                 };
                 // set form values
                 this.form.controls.firstName.setValue(this.profile.user_metadata.firstname);
@@ -66,7 +65,7 @@
             return this.formBuilder.group({
                 firstName: new forms.FormControl('', forms.Validators.required),
                 lastName: new forms.FormControl('', forms.Validators.required),
-                langKey: new forms.FormControl('', forms.Validators.required)
+                langKey: new forms.FormControl('', forms.Validators.required),
             });
         };
         ProfileComponent.prototype.onFileUpload = function (resources) {
@@ -76,8 +75,8 @@
             this.form.value.email = this.profile.email;
             // TODO Updating profile ?? allowed when using keycloak
             /* this.userService.updateProfile(this.form.value).subscribe(() => {
-               this.alertService.success('Profile has been updated');
-             });*/
+              this.alertService.success('Profile has been updated');
+            });*/
         };
         ProfileComponent.prototype.reset = function () {
             this.form = this.createFormGroup();
@@ -88,13 +87,14 @@
     ProfileComponent.decorators = [
         { type: core.Component, args: [{
                     selector: 'valtimo-profile',
-                    template: "<!--\n  ~ Copyright 2015-2020 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div class=\"main-content\">\n  <div class=\"container-fluid\">\n    <div class=\"col-12 px-0 mb-5\">\n      <valtimo-widget *ngIf=\"profile\">\n        <div>\n          <div class=\"card-body\">\n            <div class=\"row py-5\">\n              <div class=\"col-12\">\n                <div class=\"row mb-3\">\n                  <div class=\"col-12 col-sm-3 text-sm-right\"><strong>Nickname</strong></div>\n                  <div class=\"col-12 col-sm-8 col-lg-6\">{{ profile.nickname }}</div>\n                </div>\n\n                <div class=\"row mb-3\">\n                  <div class=\"col-12 col-sm-3 text-sm-right\"><strong>Email</strong></div>\n                  <div class=\"col-12 col-sm-8 col-lg-6\">{{ profile.email }}</div>\n                </div>\n\n                <div class=\"row mb-3\">\n                  <div class=\"col-12 col-sm-3 text-sm-right\"><strong>Authorities</strong></div>\n                  <div class=\"col-12 col-sm-8 col-lg-6\">\n                        <span class=\"badge badge-pill badge-success mb-1 mr-1\"\n                              *ngFor=\"let role of profile.roles\">{{ role }}</span>\n                  </div>\n                </div>\n\n                <div class=\"row mb-3\">\n                  <div class=\"col-12 col-sm-3 text-sm-right\"><strong>Account status</strong></div>\n                  <div class=\"col-12 col-sm-8 col-lg-6\" [ngClass]=\"{ 'text-danger': profile.blocked }\">{{ profile.blocked ? 'Blocked' : 'Activated' }}</div>\n                </div>\n\n                <div class=\"row mb-3\">\n                  <div class=\"col-12 col-sm-3 text-sm-right\"><strong>Account created</strong></div>\n                  <div class=\"col-12 col-sm-8 col-lg-6\">{{ profile.humanize_dates.created_at }}</div>\n                </div>\n\n                <div class=\"row\">\n                  <div class=\"col-12 col-sm-3 text-sm-right\"><strong>Last updated</strong></div>\n                  <div class=\"col-12 col-sm-8 col-lg-6\">{{ profile.humanize_dates.updated_at }}</div>\n                </div>\n              </div>\n            </div>\n          </div>\n\n          <div class=\"card-body-contrast p-5\">\n            <form [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\">\n              <div class=\"form-group row\">\n                <label class=\"col-12 col-sm-3 col-form-label text-sm-right\" for=\"firstName\">First name</label>\n                <div class=\"col-12 col-sm-8 col-lg-6\">\n                  <input valtimoFieldAutoFocus type=\"text\" id=\"firstName\" formControlName=\"firstName\" class=\"form-control\" placeholder=\"Your first name\"\n                         [ngClass]=\"{'is-valid': formControls.firstName.touched && formControls.firstName.valid, 'is-invalid': formControls.firstName.touched && formControls.firstName.errors}\"\n                         required />\n                  <div *ngIf=\"formControls.firstName.touched && formControls.firstName.errors\" class=\"invalid-feedback\">\n                    <div *ngIf=\"formControls.firstName.errors.required\">Your first name is required</div>\n                  </div>\n                </div>\n              </div>\n\n              <div class=\"form-group row\">\n                <label class=\"col-12 col-sm-3 col-form-label text-sm-right\" for=\"lastName\">Last name</label>\n                <div class=\"col-12 col-sm-8 col-lg-6\">\n                  <input type=\"text\" id=\"lastName\" formControlName=\"lastName\" class=\"form-control\" placeholder=\"Your last name\"\n                         [ngClass]=\"{'is-valid': formControls.lastName.touched && formControls.lastName.valid, 'is-invalid': formControls.lastName.touched && formControls.lastName.errors}\"\n                         required/>\n                  <div *ngIf=\"formControls.lastName.touched && formControls.lastName.errors\" class=\"invalid-feedback\">\n                    <div *ngIf=\"formControls.lastName.errors.required\">Your last name is required</div>\n                  </div>\n                </div>\n              </div>\n\n              <div class=\"form-group row\">\n                <label class=\"col-12 col-sm-3 col-form-label text-sm-right\" for=\"langKey\">Language</label>\n                <div class=\"col-12 col-sm-8 col-lg-6\">\n                  <select id=\"langKey\" formControlName=\"langKey\" class=\"form-control\"\n                          [ngClass]=\"{'is-valid': formControls.langKey.touched && formControls.langKey.valid, 'is-invalid': formControls.langKey.touched && formControls.langKey.errors}\"\n                          required>\n                    <option value=\"nl\">Nederlands</option>\n                    <option value=\"en\">English</option>\n                  </select>\n                  <div *ngIf=\"formControls.langKey.touched && formControls.langKey.errors\" class=\"invalid-feedback\">\n                    <div *ngIf=\"formControls.langKey.errors.required\">Your language is required</div>\n                  </div>\n                </div>\n              </div>\n\n              <div class=\"row pt-3 mt-1\">\n                <div class=\"col-12\">\n                  <div class=\"text-right\">\n                    <button class=\"btn btn-space btn-secondary\" type=\"button\" (click)=\"reset()\">Reset</button>\n                    <button class=\"btn btn-space btn-primary\" type=\"submit\" [disabled]=\"form.invalid\">Submit</button>\n                  </div>\n                </div>\n              </div>\n            </form>\n          </div>\n        </div>\n      </valtimo-widget>\n    </div>\n  </div>\n</div>\n",
+                    template: "<!--\n  ~ Copyright 2015-2020 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div class=\"main-content\">\n  <div class=\"container-fluid\">\n    <div class=\"col-12 px-0 mb-5\">\n      <valtimo-widget *ngIf=\"profile\">\n        <div>\n          <div class=\"card-body\">\n            <div class=\"row py-5\">\n              <div class=\"col-12\">\n                <div class=\"row mb-3\">\n                  <div class=\"col-12 col-sm-3 text-sm-right\"><strong>Nickname</strong></div>\n                  <div class=\"col-12 col-sm-8 col-lg-6\">{{ profile.nickname }}</div>\n                </div>\n\n                <div class=\"row mb-3\">\n                  <div class=\"col-12 col-sm-3 text-sm-right\"><strong>Email</strong></div>\n                  <div class=\"col-12 col-sm-8 col-lg-6\">{{ profile.email }}</div>\n                </div>\n\n                <div class=\"row mb-3\">\n                  <div class=\"col-12 col-sm-3 text-sm-right\"><strong>Authorities</strong></div>\n                  <div class=\"col-12 col-sm-8 col-lg-6\">\n                    <span\n                      class=\"badge badge-pill badge-success mb-1 mr-1\"\n                      *ngFor=\"let role of profile.roles\"\n                      >{{ role }}</span\n                    >\n                  </div>\n                </div>\n\n                <div class=\"row mb-3\">\n                  <div class=\"col-12 col-sm-3 text-sm-right\"><strong>Account status</strong></div>\n                  <div\n                    class=\"col-12 col-sm-8 col-lg-6\"\n                    [ngClass]=\"{'text-danger': profile.blocked}\"\n                  >\n                    {{ profile.blocked ? 'Blocked' : 'Activated' }}\n                  </div>\n                </div>\n\n                <div class=\"row mb-3\">\n                  <div class=\"col-12 col-sm-3 text-sm-right\"><strong>Account created</strong></div>\n                  <div class=\"col-12 col-sm-8 col-lg-6\">\n                    {{ profile.humanize_dates.created_at }}\n                  </div>\n                </div>\n\n                <div class=\"row\">\n                  <div class=\"col-12 col-sm-3 text-sm-right\"><strong>Last updated</strong></div>\n                  <div class=\"col-12 col-sm-8 col-lg-6\">\n                    {{ profile.humanize_dates.updated_at }}\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n\n          <div class=\"card-body-contrast p-5\">\n            <form [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\">\n              <div class=\"form-group row\">\n                <label class=\"col-12 col-sm-3 col-form-label text-sm-right\" for=\"firstName\"\n                  >First name</label\n                >\n                <div class=\"col-12 col-sm-8 col-lg-6\">\n                  <input\n                    valtimoFieldAutoFocus\n                    type=\"text\"\n                    id=\"firstName\"\n                    formControlName=\"firstName\"\n                    class=\"form-control\"\n                    placeholder=\"Your first name\"\n                    [ngClass]=\"{\n                      'is-valid': formControls.firstName.touched && formControls.firstName.valid,\n                      'is-invalid': formControls.firstName.touched && formControls.firstName.errors\n                    }\"\n                    required\n                  />\n                  <div\n                    *ngIf=\"formControls.firstName.touched && formControls.firstName.errors\"\n                    class=\"invalid-feedback\"\n                  >\n                    <div *ngIf=\"formControls.firstName.errors.required\">\n                      Your first name is required\n                    </div>\n                  </div>\n                </div>\n              </div>\n\n              <div class=\"form-group row\">\n                <label class=\"col-12 col-sm-3 col-form-label text-sm-right\" for=\"lastName\"\n                  >Last name</label\n                >\n                <div class=\"col-12 col-sm-8 col-lg-6\">\n                  <input\n                    type=\"text\"\n                    id=\"lastName\"\n                    formControlName=\"lastName\"\n                    class=\"form-control\"\n                    placeholder=\"Your last name\"\n                    [ngClass]=\"{\n                      'is-valid': formControls.lastName.touched && formControls.lastName.valid,\n                      'is-invalid': formControls.lastName.touched && formControls.lastName.errors\n                    }\"\n                    required\n                  />\n                  <div\n                    *ngIf=\"formControls.lastName.touched && formControls.lastName.errors\"\n                    class=\"invalid-feedback\"\n                  >\n                    <div *ngIf=\"formControls.lastName.errors.required\">\n                      Your last name is required\n                    </div>\n                  </div>\n                </div>\n              </div>\n\n              <div class=\"form-group row\">\n                <label class=\"col-12 col-sm-3 col-form-label text-sm-right\" for=\"langKey\"\n                  >Language</label\n                >\n                <div class=\"col-12 col-sm-8 col-lg-6\">\n                  <select\n                    id=\"langKey\"\n                    formControlName=\"langKey\"\n                    class=\"form-control\"\n                    [ngClass]=\"{\n                      'is-valid': formControls.langKey.touched && formControls.langKey.valid,\n                      'is-invalid': formControls.langKey.touched && formControls.langKey.errors\n                    }\"\n                    required\n                  >\n                    <option\n                      *ngFor=\"let lang of translate.getLangs()\"\n                      [value]=\"lang\"\n                      [selected]=\"lang === translate.currentLang\"\n                    >\n                      {{ 'settings.language.options.' + lang | translate }}\n                    </option>\n                  </select>\n                  <div\n                    *ngIf=\"formControls.langKey.touched && formControls.langKey.errors\"\n                    class=\"invalid-feedback\"\n                  >\n                    <div *ngIf=\"formControls.langKey.errors.required\">\n                      Your language is required\n                    </div>\n                  </div>\n                </div>\n              </div>\n\n              <div class=\"row pt-3 mt-1\">\n                <div class=\"col-12\">\n                  <div class=\"text-right\">\n                    <button class=\"btn btn-space btn-secondary\" type=\"button\" (click)=\"reset()\">\n                      Reset\n                    </button>\n                    <button\n                      class=\"btn btn-space btn-primary\"\n                      type=\"submit\"\n                      [disabled]=\"form.invalid\"\n                    >\n                      Submit\n                    </button>\n                  </div>\n                </div>\n              </div>\n            </form>\n          </div>\n        </div>\n      </valtimo-widget>\n    </div>\n  </div>\n</div>\n",
                     styles: [""]
                 },] }
     ];
     ProfileComponent.ctorParameters = function () { return [
         { type: forms.FormBuilder },
-        { type: components.AlertService }
+        { type: components.AlertService },
+        { type: core$1.TranslateService }
     ]; };
 
     /*
@@ -134,9 +134,9 @@
         });
         PasswordComponent.prototype.initData = function () {
             /* this.userService.getUserIdentity().subscribe(value => {
-               this.profile = value;
-               this.setValues();
-             });*/
+              this.profile = value;
+              this.setValues();
+            });*/
         };
         PasswordComponent.prototype.setValues = function () {
             if (this.profile) {
@@ -144,20 +144,24 @@
                 this.profile.humanize_dates = {
                     created_at: moment$1(this.profile.created_at).fromNow(),
                     updated_at: moment$1(this.profile.updated_at).fromNow(),
-                    last_password_reset: moment$1(this.profile.last_password_reset).fromNow()
+                    last_password_reset: moment$1(this.profile.last_password_reset).fromNow(),
                 };
             }
         };
         PasswordComponent.prototype.createFormGroup = function () {
             return this.formBuilder.group({
-                password: new forms.FormControl('', [forms.Validators.required,
+                password: new forms.FormControl('', [
+                    forms.Validators.required,
                     forms.Validators.pattern('(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.*[$@$!%*?&]).{4,}'),
-                    forms.Validators.maxLength(50)]),
-                confirmPassword: new forms.FormControl('', [forms.Validators.required,
+                    forms.Validators.maxLength(50),
+                ]),
+                confirmPassword: new forms.FormControl('', [
+                    forms.Validators.required,
                     forms.Validators.minLength(4),
-                    forms.Validators.maxLength(50)])
+                    forms.Validators.maxLength(50),
+                ]),
             }, {
-                validator: this.mustMatch('password', 'confirmPassword')
+                validator: this.mustMatch('password', 'confirmPassword'),
             });
         };
         PasswordComponent.prototype.mustMatch = function (controlName, matchingControlName) {
@@ -177,11 +181,11 @@
         };
         PasswordComponent.prototype.onSubmit = function () {
             /* this.userService.changePassword(this.form.value.password).subscribe(() => {
-               this.alertService.success('Password has been changed');
-             }, result => {
-               this.errorMsg = result.error.detail.split(': ', 2)[1];
-               this.reset();
-             });*/
+              this.alertService.success('Password has been changed');
+            }, result => {
+              this.errorMsg = result.error.detail.split(': ', 2)[1];
+              this.reset();
+            });*/
         };
         PasswordComponent.prototype.reset = function () {
             this.form = this.createFormGroup();
@@ -192,7 +196,7 @@
     PasswordComponent.decorators = [
         { type: core.Component, args: [{
                     selector: 'valtimo-password',
-                    template: "<!--\n  ~ Copyright 2015-2020 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div class=\"main-content\">\n  <div class=\"container-fluid\">\n    <div class=\"col-12 px-0 mb-5\">\n      <valtimo-widget *ngIf=\"profile\">\n        <div>\n          <div class=\"card-body\">\n            <div class=\"row py-5\">\n              <div class=\"col-12\">\n                <div class=\"row\">\n                  <div class=\"col-12 col-sm-3 text-sm-right\"><strong>Last password changed</strong></div>\n                  <div class=\"col-12 col-sm-8 col-lg-6\">{{ profile.humanize_dates.last_password_reset }}</div>\n                </div>\n              </div>\n            </div>\n          </div>\n          <div *ngIf=\"errorMsg\"\n               class=\"bg-danger text-white mb-0 p-3 text-center\">\n              {{ errorMsg }}\n          </div>\n          <div class=\"card-body-contrast p-5\">\n            <form [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\">\n              <div class=\"form-group row\">\n                <label class=\"col-12 col-sm-3 col-form-label text-sm-right\" for=\"password\">New password</label>\n                <div class=\"col-12 col-sm-8 col-lg-6\">\n                  <input valtimoFieldAutoFocus type=\"password\" id=\"password\" minlength=\"4\" maxlength=\"50\" formControlName=\"password\" class=\"form-control\" placeholder=\"Your new password\"\n                         [ngClass]=\"{'is-valid': formControls.password.touched && formControls.password.valid\n                         , 'is-invalid': formControls.password.touched && formControls.password.errors}\" required/>\n                  <div *ngIf=\"formControls.password.touched && formControls.password.errors\" class=\"invalid-feedback\">\n                    <div *ngIf=\"formControls.password.errors.required\">Your password is required</div>\n                    <div *ngIf=\"formControls.password.errors.pattern\">It expects at least 1 lowercase letter, 1 uppercase letter, 1 digit and 1 special characters. The length should be greater than 4 characters. The sequence of the characters is not important.</div>\n                  </div>\n                </div>\n              </div>\n\n              <div class=\"form-group row\">\n                <label class=\"col-12 col-sm-3 col-form-label text-sm-right\" for=\"confirmPassword\">New password confirmation</label>\n                <div class=\"col-12 col-sm-8 col-lg-6\">\n                  <input type=\"password\" id=\"confirmPassword\" minlength=\"4\" maxlength=\"50\" formControlName=\"confirmPassword\" class=\"form-control\" placeholder=\"Your new password confirmation\"\n                         [ngClass]=\"{'is-valid': formControls.confirmPassword.touched && formControls.confirmPassword.valid\n                         , 'is-invalid': formControls.confirmPassword.touched && formControls.confirmPassword.errors}\" required/>\n                  <div *ngIf=\"formControls.confirmPassword.touched && formControls.confirmPassword.errors\" class=\"invalid-feedback\">\n                    <div *ngIf=\"formControls.confirmPassword.errors.required\">Your new password confirmation is required</div>\n                    <div *ngIf=\"formControls.confirmPassword.errors.minlength\">Your new password confirmation is required to be at least 4 characters</div>\n                    <div *ngIf=\"formControls.confirmPassword.errors.mustMatch\">Your password and confirmation password must match</div>\n                  </div>\n                </div>\n              </div>\n\n              <div class=\"row pt-3 mt-1\">\n                <div class=\"col-12\">\n                  <div class=\"text-right\">\n                    <button class=\"btn btn-space btn-secondary\" type=\"button\" (click)=\"reset()\">Reset</button>\n                    <button class=\"btn btn-space btn-primary\" type=\"submit\" [disabled]=\"form.invalid\">Submit</button>\n                  </div>\n                </div>\n              </div>\n            </form>\n          </div>\n        </div>\n      </valtimo-widget>\n    </div>\n  </div>\n</div>\n",
+                    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: [""]
                 },] }
     ];
@@ -216,20 +220,20 @@
      * See the License for the specific language governing permissions and
      * limitations under the License.
      */
-    var ɵ0 = { title: 'Profile', roles: [contract.ROLE_USER] }, ɵ1 = { title: 'Password', roles: [contract.ROLE_USER] };
+    var ɵ0 = { title: 'Profile', roles: [config.ROLE_USER] }, ɵ1 = { title: 'Password', roles: [config.ROLE_USER] };
     var routes = [
         {
             path: 'profile',
             component: ProfileComponent,
             canActivate: [security.AuthGuardService],
-            data: ɵ0
+            data: ɵ0,
         },
         {
             path: 'password',
             component: PasswordComponent,
             canActivate: [security.AuthGuardService],
-            data: ɵ1
-        }
+            data: ɵ1,
+        },
     ];
     var AccountRoutingModule = /** @class */ (function () {
         function AccountRoutingModule() {
@@ -239,11 +243,8 @@
     AccountRoutingModule.decorators = [
         { type: core.NgModule, args: [{
                     declarations: [],
-                    imports: [
-                        common.CommonModule,
-                        router.RouterModule.forChild(routes)
-                    ],
-                    exports: [router.RouterModule]
+                    imports: [common.CommonModule, router.RouterModule.forChild(routes)],
+                    exports: [router.RouterModule],
                 },] }
     ];
 
@@ -262,6 +263,7 @@
      * See the License for the specific language governing permissions and
      * limitations under the License.
      */
+    var ɵ0$1 = config.HttpLoaderFactory;
     var AccountModule = /** @class */ (function () {
         function AccountModule() {
         }
@@ -277,12 +279,19 @@
                         components.ListModule,
                         components.FieldAutoFocusModule,
                         forms.FormsModule,
+                        core$1.TranslateModule.forRoot({
+                            loader: {
+                                provide: core$1.TranslateLoader,
+                                useFactory: ɵ0$1,
+                                deps: [http.HttpClient],
+                            },
+                        }),
                         forms.ReactiveFormsModule,
                         components.UploaderModule,
-                        components.AlertModule
+                        components.AlertModule,
                     ],
                     exports: [ProfileComponent, PasswordComponent],
-                    providers: []
+                    providers: [],
                 },] }
     ];
 
@@ -306,7 +315,7 @@
             return new Promise(function (resolve, reject) {
                 try {
                     logger.debug('Account initializer');
-                    translate.addLangs(['en', 'nl']);
+                    translate.addLangs(['en', 'nl', 'de']);
                     var langKey = localStorage.getItem('langKey');
                     if (langKey === null) {
                         langKey = 'nl';
@@ -348,6 +357,7 @@
     exports.PasswordComponent = PasswordComponent;
     exports.ProfileComponent = ProfileComponent;
     exports.accountInitializer = accountInitializer;
+    exports.ɵ0 = ɵ0$1;
     exports.ɵa = AccountRoutingModule;
 
     Object.defineProperty(exports, '__esModule', { value: true });

package/bundles/valtimo-account.umd.js.map

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

package/bundles/valtimo-account.umd.min.js

@@ -1,2 +1,2 @@
-!function(o,r){"object"==typeof exports&&"undefined"!=typeof module?r(exports,require("@angular/core"),require("@angular/forms"),require("@valtimo/components"),require("moment"),require("@angular/router"),require("@angular/common"),require("@valtimo/security"),require("@valtimo/contract")):"function"==typeof define&&define.amd?define("@valtimo/account",["exports","@angular/core","@angular/forms","@valtimo/components","moment","@angular/router","@angular/common","@valtimo/security","@valtimo/contract"],r):r(((o=o||self).valtimo=o.valtimo||{},o.valtimo.account={}),o.ng.core,o.ng.forms,o.components,o.moment,o.ng.router,o.ng.common,o.security,o.contract)}(this,(function(o,r,e,t,n,s,i,a,l){"use strict";var d=n;d.locale(localStorage.getItem("langKey"));var c=function(){function o(o,r){this.formBuilder=o,this.alertService=r,this.resourceIds=[]}return o.prototype.ngOnInit=function(){this.reset()},o.prototype.ngOnDestroy=function(){location.reload()},Object.defineProperty(o.prototype,"formControls",{get:function(){return this.form.controls},enumerable:!1,configurable:!0}),o.prototype.initData=function(){},o.prototype.setValues=function(){this.profile&&(this.profile.humanize_dates={created_at:d(this.profile.created_at).fromNow(),updated_at:d(this.profile.updated_at).fromNow(),last_password_reset:d(this.profile.last_password_reset).fromNow()},this.form.controls.firstName.setValue(this.profile.user_metadata.firstname),this.form.controls.lastName.setValue(this.profile.user_metadata.lastname),this.form.controls.langKey.setValue(this.profile.user_metadata.langKey))},o.prototype.createFormGroup=function(){return this.formBuilder.group({firstName:new e.FormControl("",e.Validators.required),lastName:new e.FormControl("",e.Validators.required),langKey:new e.FormControl("",e.Validators.required)})},o.prototype.onFileUpload=function(o){this.resourceIds=o.map((function(o){return o.id}))},o.prototype.onSubmit=function(){this.form.value.email=this.profile.email},o.prototype.reset=function(){this.form=this.createFormGroup(),this.initData()},o}();c.decorators=[{type:r.Component,args:[{selector:"valtimo-profile",template:'\x3c!--\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  --\x3e\n\n<div class="main-content">\n  <div class="container-fluid">\n    <div class="col-12 px-0 mb-5">\n      <valtimo-widget *ngIf="profile">\n        <div>\n          <div class="card-body">\n            <div class="row py-5">\n              <div class="col-12">\n                <div class="row mb-3">\n                  <div class="col-12 col-sm-3 text-sm-right"><strong>Nickname</strong></div>\n                  <div class="col-12 col-sm-8 col-lg-6">{{ profile.nickname }}</div>\n                </div>\n\n                <div class="row mb-3">\n                  <div class="col-12 col-sm-3 text-sm-right"><strong>Email</strong></div>\n                  <div class="col-12 col-sm-8 col-lg-6">{{ profile.email }}</div>\n                </div>\n\n                <div class="row mb-3">\n                  <div class="col-12 col-sm-3 text-sm-right"><strong>Authorities</strong></div>\n                  <div class="col-12 col-sm-8 col-lg-6">\n                        <span class="badge badge-pill badge-success mb-1 mr-1"\n                              *ngFor="let role of profile.roles">{{ role }}</span>\n                  </div>\n                </div>\n\n                <div class="row mb-3">\n                  <div class="col-12 col-sm-3 text-sm-right"><strong>Account status</strong></div>\n                  <div class="col-12 col-sm-8 col-lg-6" [ngClass]="{ \'text-danger\': profile.blocked }">{{ profile.blocked ? \'Blocked\' : \'Activated\' }}</div>\n                </div>\n\n                <div class="row mb-3">\n                  <div class="col-12 col-sm-3 text-sm-right"><strong>Account created</strong></div>\n                  <div class="col-12 col-sm-8 col-lg-6">{{ profile.humanize_dates.created_at }}</div>\n                </div>\n\n                <div class="row">\n                  <div class="col-12 col-sm-3 text-sm-right"><strong>Last updated</strong></div>\n                  <div class="col-12 col-sm-8 col-lg-6">{{ profile.humanize_dates.updated_at }}</div>\n                </div>\n              </div>\n            </div>\n          </div>\n\n          <div class="card-body-contrast p-5">\n            <form [formGroup]="form" (ngSubmit)="onSubmit()">\n              <div class="form-group row">\n                <label class="col-12 col-sm-3 col-form-label text-sm-right" for="firstName">First name</label>\n                <div class="col-12 col-sm-8 col-lg-6">\n                  <input valtimoFieldAutoFocus type="text" id="firstName" formControlName="firstName" class="form-control" placeholder="Your first name"\n                         [ngClass]="{\'is-valid\': formControls.firstName.touched && formControls.firstName.valid, \'is-invalid\': formControls.firstName.touched && formControls.firstName.errors}"\n                         required />\n                  <div *ngIf="formControls.firstName.touched && formControls.firstName.errors" class="invalid-feedback">\n                    <div *ngIf="formControls.firstName.errors.required">Your first name is required</div>\n                  </div>\n                </div>\n              </div>\n\n              <div class="form-group row">\n                <label class="col-12 col-sm-3 col-form-label text-sm-right" for="lastName">Last name</label>\n                <div class="col-12 col-sm-8 col-lg-6">\n                  <input type="text" id="lastName" formControlName="lastName" class="form-control" placeholder="Your last name"\n                         [ngClass]="{\'is-valid\': formControls.lastName.touched && formControls.lastName.valid, \'is-invalid\': formControls.lastName.touched && formControls.lastName.errors}"\n                         required/>\n                  <div *ngIf="formControls.lastName.touched && formControls.lastName.errors" class="invalid-feedback">\n                    <div *ngIf="formControls.lastName.errors.required">Your last name is required</div>\n                  </div>\n                </div>\n              </div>\n\n              <div class="form-group row">\n                <label class="col-12 col-sm-3 col-form-label text-sm-right" for="langKey">Language</label>\n                <div class="col-12 col-sm-8 col-lg-6">\n                  <select id="langKey" formControlName="langKey" class="form-control"\n                          [ngClass]="{\'is-valid\': formControls.langKey.touched && formControls.langKey.valid, \'is-invalid\': formControls.langKey.touched && formControls.langKey.errors}"\n                          required>\n                    <option value="nl">Nederlands</option>\n                    <option value="en">English</option>\n                  </select>\n                  <div *ngIf="formControls.langKey.touched && formControls.langKey.errors" class="invalid-feedback">\n                    <div *ngIf="formControls.langKey.errors.required">Your language is required</div>\n                  </div>\n                </div>\n              </div>\n\n              <div class="row pt-3 mt-1">\n                <div class="col-12">\n                  <div class="text-right">\n                    <button class="btn btn-space btn-secondary" type="button" (click)="reset()">Reset</button>\n                    <button class="btn btn-space btn-primary" type="submit" [disabled]="form.invalid">Submit</button>\n                  </div>\n                </div>\n              </div>\n            </form>\n          </div>\n        </div>\n      </valtimo-widget>\n    </div>\n  </div>\n</div>\n',styles:[""]}]}],c.ctorParameters=function(){return[{type:e.FormBuilder},{type:t.AlertService}]};var m=n;m.locale(localStorage.getItem("langKey"));var u=function(){function o(o,r){this.formBuilder=o,this.alertService=r}return o.prototype.ngOnInit=function(){this.reset()},o.prototype.ngOnDestroy=function(){location.reload()},Object.defineProperty(o.prototype,"formControls",{get:function(){return this.form.controls},enumerable:!1,configurable:!0}),o.prototype.initData=function(){},o.prototype.setValues=function(){this.profile&&(this.profile.humanize_dates={created_at:m(this.profile.created_at).fromNow(),updated_at:m(this.profile.updated_at).fromNow(),last_password_reset:m(this.profile.last_password_reset).fromNow()})},o.prototype.createFormGroup=function(){return this.formBuilder.group({password:new e.FormControl("",[e.Validators.required,e.Validators.pattern("(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.*[$@$!%*?&]).{4,}"),e.Validators.maxLength(50)]),confirmPassword:new e.FormControl("",[e.Validators.required,e.Validators.minLength(4),e.Validators.maxLength(50)])},{validator:this.mustMatch("password","confirmPassword")})},o.prototype.mustMatch=function(o,r){return function(e){var t=e.controls[o],n=e.controls[r];n.errors&&!n.errors.mustMatch||(t.value!==n.value?n.setErrors({mustMatch:!0}):n.setErrors(null))}},o.prototype.onSubmit=function(){},o.prototype.reset=function(){this.form=this.createFormGroup(),this.initData()},o}();u.decorators=[{type:r.Component,args:[{selector:"valtimo-password",template:'\x3c!--\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  --\x3e\n\n<div class="main-content">\n  <div class="container-fluid">\n    <div class="col-12 px-0 mb-5">\n      <valtimo-widget *ngIf="profile">\n        <div>\n          <div class="card-body">\n            <div class="row py-5">\n              <div class="col-12">\n                <div class="row">\n                  <div class="col-12 col-sm-3 text-sm-right"><strong>Last password changed</strong></div>\n                  <div class="col-12 col-sm-8 col-lg-6">{{ profile.humanize_dates.last_password_reset }}</div>\n                </div>\n              </div>\n            </div>\n          </div>\n          <div *ngIf="errorMsg"\n               class="bg-danger text-white mb-0 p-3 text-center">\n              {{ errorMsg }}\n          </div>\n          <div class="card-body-contrast p-5">\n            <form [formGroup]="form" (ngSubmit)="onSubmit()">\n              <div class="form-group row">\n                <label class="col-12 col-sm-3 col-form-label text-sm-right" for="password">New password</label>\n                <div class="col-12 col-sm-8 col-lg-6">\n                  <input valtimoFieldAutoFocus type="password" id="password" minlength="4" maxlength="50" formControlName="password" class="form-control" placeholder="Your new password"\n                         [ngClass]="{\'is-valid\': formControls.password.touched && formControls.password.valid\n                         , \'is-invalid\': formControls.password.touched && formControls.password.errors}" required/>\n                  <div *ngIf="formControls.password.touched && formControls.password.errors" class="invalid-feedback">\n                    <div *ngIf="formControls.password.errors.required">Your password is required</div>\n                    <div *ngIf="formControls.password.errors.pattern">It expects at least 1 lowercase letter, 1 uppercase letter, 1 digit and 1 special characters. The length should be greater than 4 characters. The sequence of the characters is not important.</div>\n                  </div>\n                </div>\n              </div>\n\n              <div class="form-group row">\n                <label class="col-12 col-sm-3 col-form-label text-sm-right" for="confirmPassword">New password confirmation</label>\n                <div class="col-12 col-sm-8 col-lg-6">\n                  <input type="password" id="confirmPassword" minlength="4" maxlength="50" formControlName="confirmPassword" class="form-control" placeholder="Your new password confirmation"\n                         [ngClass]="{\'is-valid\': formControls.confirmPassword.touched && formControls.confirmPassword.valid\n                         , \'is-invalid\': formControls.confirmPassword.touched && formControls.confirmPassword.errors}" required/>\n                  <div *ngIf="formControls.confirmPassword.touched && formControls.confirmPassword.errors" class="invalid-feedback">\n                    <div *ngIf="formControls.confirmPassword.errors.required">Your new password confirmation is required</div>\n                    <div *ngIf="formControls.confirmPassword.errors.minlength">Your new password confirmation is required to be at least 4 characters</div>\n                    <div *ngIf="formControls.confirmPassword.errors.mustMatch">Your password and confirmation password must match</div>\n                  </div>\n                </div>\n              </div>\n\n              <div class="row pt-3 mt-1">\n                <div class="col-12">\n                  <div class="text-right">\n                    <button class="btn btn-space btn-secondary" type="button" (click)="reset()">Reset</button>\n                    <button class="btn btn-space btn-primary" type="submit" [disabled]="form.invalid">Submit</button>\n                  </div>\n                </div>\n              </div>\n            </form>\n          </div>\n        </div>\n      </valtimo-widget>\n    </div>\n  </div>\n</div>\n',styles:[""]}]}],u.ctorParameters=function(){return[{type:e.FormBuilder},{type:t.AlertService}]};var f={title:"Profile",roles:[l.ROLE_USER]},p={title:"Password",roles:[l.ROLE_USER]},v=[{path:"profile",component:c,canActivate:[a.AuthGuardService],data:f},{path:"password",component:u,canActivate:[a.AuthGuardService],data:p}],g=function(){};g.decorators=[{type:r.NgModule,args:[{declarations:[],imports:[i.CommonModule,s.RouterModule.forChild(v)],exports:[s.RouterModule]}]}];var h=function(){};h.decorators=[{type:r.NgModule,args:[{declarations:[c,u],imports:[i.CommonModule,g,t.WidgetModule,t.ListModule,t.FieldAutoFocusModule,e.FormsModule,e.ReactiveFormsModule,t.UploaderModule,t.AlertModule],exports:[c,u],providers:[]}]}],o.AccountModule=h,o.PasswordComponent=u,o.ProfileComponent=c,o.accountInitializer=function(o,r){return function(){return new Promise((function(e,t){try{r.debug("Account initializer"),o.addLangs(["en","nl"]);var n=localStorage.getItem("langKey");null===n&&(n="nl",localStorage.setItem("langKey","nl")),r.debug("Using langKey",n),o.use(n),e()}catch(o){r.debug("Account initializer error",o),t(o)}}))}},o.ɵa=g,Object.defineProperty(o,"__esModule",{value:!0})}));
+!function(o,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("@angular/core"),require("@angular/forms"),require("@valtimo/components"),require("moment"),require("@ngx-translate/core"),require("@angular/router"),require("@angular/common"),require("@valtimo/security"),require("@valtimo/config"),require("@angular/common/http")):"function"==typeof define&&define.amd?define("@valtimo/account",["exports","@angular/core","@angular/forms","@valtimo/components","moment","@ngx-translate/core","@angular/router","@angular/common","@valtimo/security","@valtimo/config","@angular/common/http"],n):n(((o=o||self).valtimo=o.valtimo||{},o.valtimo.account={}),o.ng.core,o.ng.forms,o.components,o.moment,o.core$1,o.ng.router,o.ng.common,o.security,o.config,o.ng.common.http)}(this,(function(o,n,e,r,t,s,i,a,l,d,c){"use strict";var m=t;m.locale(localStorage.getItem("langKey"));var u=function(){function o(o,n,e){this.formBuilder=o,this.alertService=n,this.translate=e,this.resourceIds=[]}return o.prototype.ngOnInit=function(){this.reset()},o.prototype.ngOnDestroy=function(){location.reload()},Object.defineProperty(o.prototype,"formControls",{get:function(){return this.form.controls},enumerable:!1,configurable:!0}),o.prototype.initData=function(){},o.prototype.setValues=function(){this.profile&&(this.profile.humanize_dates={created_at:m(this.profile.created_at).fromNow(),updated_at:m(this.profile.updated_at).fromNow(),last_password_reset:m(this.profile.last_password_reset).fromNow()},this.form.controls.firstName.setValue(this.profile.user_metadata.firstname),this.form.controls.lastName.setValue(this.profile.user_metadata.lastname),this.form.controls.langKey.setValue(this.profile.user_metadata.langKey))},o.prototype.createFormGroup=function(){return this.formBuilder.group({firstName:new e.FormControl("",e.Validators.required),lastName:new e.FormControl("",e.Validators.required),langKey:new e.FormControl("",e.Validators.required)})},o.prototype.onFileUpload=function(o){this.resourceIds=o.map((function(o){return o.id}))},o.prototype.onSubmit=function(){this.form.value.email=this.profile.email},o.prototype.reset=function(){this.form=this.createFormGroup(),this.initData()},o}();u.decorators=[{type:n.Component,args:[{selector:"valtimo-profile",template:'\x3c!--\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  --\x3e\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:[""]}]}],u.ctorParameters=function(){return[{type:e.FormBuilder},{type:r.AlertService},{type:s.TranslateService}]};var f=t;f.locale(localStorage.getItem("langKey"));var p=function(){function o(o,n){this.formBuilder=o,this.alertService=n}return o.prototype.ngOnInit=function(){this.reset()},o.prototype.ngOnDestroy=function(){location.reload()},Object.defineProperty(o.prototype,"formControls",{get:function(){return this.form.controls},enumerable:!1,configurable:!0}),o.prototype.initData=function(){},o.prototype.setValues=function(){this.profile&&(this.profile.humanize_dates={created_at:f(this.profile.created_at).fromNow(),updated_at:f(this.profile.updated_at).fromNow(),last_password_reset:f(this.profile.last_password_reset).fromNow()})},o.prototype.createFormGroup=function(){return this.formBuilder.group({password:new e.FormControl("",[e.Validators.required,e.Validators.pattern("(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.*[$@$!%*?&]).{4,}"),e.Validators.maxLength(50)]),confirmPassword:new e.FormControl("",[e.Validators.required,e.Validators.minLength(4),e.Validators.maxLength(50)])},{validator:this.mustMatch("password","confirmPassword")})},o.prototype.mustMatch=function(o,n){return function(e){var r=e.controls[o],t=e.controls[n];t.errors&&!t.errors.mustMatch||(r.value!==t.value?t.setErrors({mustMatch:!0}):t.setErrors(null))}},o.prototype.onSubmit=function(){},o.prototype.reset=function(){this.form=this.createFormGroup(),this.initData()},o}();p.decorators=[{type:n.Component,args:[{selector:"valtimo-password",template:'\x3c!--\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  --\x3e\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:[""]}]}],p.ctorParameters=function(){return[{type:e.FormBuilder},{type:r.AlertService}]};var v={title:"Profile",roles:[d.ROLE_USER]},g={title:"Password",roles:[d.ROLE_USER]},h=[{path:"profile",component:u,canActivate:[l.AuthGuardService],data:v},{path:"password",component:p,canActivate:[l.AuthGuardService],data:g}],b=function(){};b.decorators=[{type:n.NgModule,args:[{declarations:[],imports:[a.CommonModule,i.RouterModule.forChild(h)],exports:[i.RouterModule]}]}];var w=d.HttpLoaderFactory,y=function(){};y.decorators=[{type:n.NgModule,args:[{declarations:[u,p],imports:[a.CommonModule,b,r.WidgetModule,r.ListModule,r.FieldAutoFocusModule,e.FormsModule,s.TranslateModule.forRoot({loader:{provide:s.TranslateLoader,useFactory:w,deps:[c.HttpClient]}}),e.ReactiveFormsModule,r.UploaderModule,r.AlertModule],exports:[u,p],providers:[]}]}],o.AccountModule=y,o.PasswordComponent=p,o.ProfileComponent=u,o.accountInitializer=function(o,n){return function(){return new Promise((function(e,r){try{n.debug("Account initializer"),o.addLangs(["en","nl","de"]);var t=localStorage.getItem("langKey");null===t&&(t="nl",localStorage.setItem("langKey","nl")),n.debug("Using langKey",t),o.use(t),e()}catch(o){n.debug("Account initializer error",o),r(o)}}))}},o.ɵ0=w,o.ɵa=b,Object.defineProperty(o,"__esModule",{value:!0})}));
 //# sourceMappingURL=valtimo-account.umd.min.js.map

package/bundles/valtimo-account.umd.min.js.map

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