@abp/ng.account 6.0.0 → 7.0.0-rc.1

package/fesm2015/abp-ng.account.mjs

@@ -1,7 +1,7 @@
 import * as i3$2 from '@abp/ng.core';
 import { InternalStore, ConfigStateService, RouterOutletComponent, ReplaceableRouteContainerComponent, AuthGuard, LazyModuleFactory, CoreModule } from '@abp/ng.core';
 import * as i2$1 from '@abp/ng.theme.shared';
-import { getPasswordValidators, fadeIn, ThemeSharedModule } from '@abp/ng.theme.shared';
+import { getPasswordValidators, Confirmation, fadeIn, ThemeSharedModule } from '@abp/ng.theme.shared';
 import * as i0 from '@angular/core';
 import { Component, InjectionToken, Injectable, Inject, NgModule } from '@angular/core';
 import { NgbDropdownModule } from '@ng-bootstrap/ng-bootstrap';
@@ -11,13 +11,13 @@ import * as i3$1 from '@angular/router';
 import { ActivatedRoute, RouterModule } from '@angular/router';
 import * as i1 from '@angular/forms';
 import { Validators, UntypedFormControl } from '@angular/forms';
-import { finalize, catchError, switchMap, map, tap, mapTo } from 'rxjs/operators';
+import { finalize, catchError, filter, switchMap, map, tap, mapTo } from 'rxjs/operators';
 import * as i2 from '@abp/ng.account.core/proxy';
 import * as i3 from '@angular/common';
 import { throwError } from 'rxjs';
 import { trigger, transition, useAnimation } from '@angular/animations';
-import * as i8 from '@abp/ng.theme.shared/extensions';
-import { FormPropData, generateFormFromProps, EXTENSIONS_IDENTIFIER, EXTENSIONS_FORM_PROP, EXTENSIBLE_FORM_VIEW_PROVIDER, FormProp, ExtensionsService, getObjectExtensionEntitiesFromStore, mapEntitiesToContributors, mergeWithDefaultProps, UiExtensionsModule } from '@abp/ng.theme.shared/extensions';
+import * as i4 from '@abp/ng.theme.shared/extensions';
+import { EXTENSIONS_FORM_PROP, EXTENSIBLE_FORM_VIEW_PROVIDER, FormProp, FormPropData, generateFormFromProps, EXTENSIONS_IDENTIFIER, ExtensionsService, getObjectExtensionEntitiesFromStore, mapEntitiesToContributors, mergeWithDefaultProps, UiExtensionsModule } from '@abp/ng.theme.shared/extensions';
 
 class ForgotPasswordComponent {
     constructor(fb, accountService) {
@@ -204,13 +204,111 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
             args: [{ selector: 'abp-change-password-form', exportAs: 'abpChangePasswordForm', template: "<form [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\" [mapErrorsFn]=\"mapErrorsFn\" validateOnSubmit>\r\n  <div *ngIf=\"!hideCurrentPassword\" class=\"mb-3 form-group\">\r\n    <label for=\"current-password\" class=\"form-label\">{{\r\n      'AbpIdentity::DisplayName:CurrentPassword' | abpLocalization\r\n    }}</label\r\n    ><span> * </span\r\n    ><input\r\n      type=\"password\"\r\n      id=\"current-password\"\r\n      class=\"form-control\"\r\n      formControlName=\"password\"\r\n      autofocus\r\n      autocomplete=\"current-password\"\r\n    />\r\n  </div>\r\n  <div class=\"mb-3 form-group\">\r\n    <label for=\"new-password\" class=\"form-label\">{{\r\n      'AbpIdentity::DisplayName:NewPassword' | abpLocalization\r\n    }}</label\r\n    ><span> * </span\r\n    ><input\r\n      type=\"password\"\r\n      id=\"new-password\"\r\n      class=\"form-control\"\r\n      formControlName=\"newPassword\"\r\n      autocomplete=\"new-password\"\r\n    />\r\n  </div>\r\n  <div class=\"mb-3 form-group\">\r\n    <label for=\"confirm-new-password\" class=\"form-label\">{{\r\n      'AbpIdentity::DisplayName:NewPasswordConfirm' | abpLocalization\r\n    }}</label\r\n    ><span> * </span\r\n    ><input\r\n      type=\"password\"\r\n      id=\"confirm-new-password\"\r\n      class=\"form-control\"\r\n      formControlName=\"repeatNewPassword\"\r\n      autocomplete=\"new-password\"\r\n    />\r\n  </div>\r\n  <abp-button\r\n    iconClass=\"fa fa-check\"\r\n    buttonClass=\"btn btn-primary color-white\"\r\n    buttonType=\"submit\"\r\n    [loading]=\"inProgress\"\r\n    [disabled]=\"form?.invalid\"\r\n    >{{ 'AbpIdentity::Save' | abpLocalization }}</abp-button\r\n  >\r\n</form>\r\n" }]
         }], ctorParameters: function () { return [{ type: i1.UntypedFormBuilder }, { type: i0.Injector }, { type: i2$1.ToasterService }, { type: i2.ProfileService }, { type: ManageProfileStateService }]; } });
 
+const RE_LOGIN_CONFIRMATION_TOKEN = new InjectionToken('RE_LOGIN_CONFIRMATION_TOKEN');
+
+class PersonalSettingsHalfRowComponent {
+    constructor(propData) {
+        this.propData = propData;
+        this.displayName = propData.displayName;
+        this.name = propData.name;
+        this.id = propData.id;
+    }
+}
+PersonalSettingsHalfRowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: PersonalSettingsHalfRowComponent, deps: [{ token: EXTENSIONS_FORM_PROP }], target: i0.ɵɵFactoryTarget.Component });
+PersonalSettingsHalfRowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.1", type: PersonalSettingsHalfRowComponent, selector: "abp-personal-settings-half-row", ngImport: i0, template: ` <div class="w-50 d-inline">
+    <div class="mb-3">
+      <label [attr.for]="name" class="form-label">{{ displayName | abpLocalization }} </label>
+      <input
+        type="text"
+        [attr.id]="id"
+        class="form-control"
+        [attr.name]="name"
+        [formControlName]="name"
+      />
+    </div>
+  </div>`, isInline: true, dependencies: [{ kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i7.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "pipe", type: i3$2.LocalizationPipe, name: "abpLocalization" }], viewProviders: [EXTENSIBLE_FORM_VIEW_PROVIDER] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: PersonalSettingsHalfRowComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'abp-personal-settings-half-row', template: ` <div class="w-50 d-inline">
+    <div class="mb-3">
+      <label [attr.for]="name" class="form-label">{{ displayName | abpLocalization }} </label>
+      <input
+        type="text"
+        [attr.id]="id"
+        class="form-control"
+        [attr.name]="name"
+        [formControlName]="name"
+      />
+    </div>
+  </div>`, viewProviders: [EXTENSIBLE_FORM_VIEW_PROVIDER] }]
+        }], ctorParameters: function () {
+        return [{ type: i4.FormProp, decorators: [{
+                        type: Inject,
+                        args: [EXTENSIONS_FORM_PROP]
+                    }] }];
+    } });
+
+const { maxLength: maxLength$1, required: required$1, email: email$1 } = Validators;
+const DEFAULT_PERSONAL_SETTINGS_UPDATE_FORM_PROPS = FormProp.createMany([
+    {
+        type: "string" /* ePropType.String */,
+        name: 'userName',
+        displayName: 'AbpIdentity::DisplayName:UserName',
+        id: 'username',
+        validators: () => [required$1, maxLength$1(256)],
+    },
+    {
+        type: "string" /* ePropType.String */,
+        name: 'name',
+        displayName: 'AbpIdentity::DisplayName:Name',
+        id: 'name',
+        validators: () => [maxLength$1(64)],
+        template: PersonalSettingsHalfRowComponent,
+        className: 'd-inline-block w-50',
+    },
+    {
+        type: "string" /* ePropType.String */,
+        name: 'surname',
+        displayName: 'AbpIdentity::DisplayName:Surname',
+        id: 'surname',
+        validators: () => [maxLength$1(64)],
+        className: 'd-inline-block w-50 ps-4',
+        template: PersonalSettingsHalfRowComponent,
+    },
+    {
+        type: "string" /* ePropType.String */,
+        name: 'email',
+        displayName: 'AbpIdentity::DisplayName:Email',
+        id: 'email-address',
+        validators: () => [required$1, email$1, maxLength$1(256)],
+    },
+    {
+        type: "string" /* ePropType.String */,
+        name: 'phoneNumber',
+        displayName: 'AbpIdentity::DisplayName:PhoneNumber',
+        id: 'phone-number',
+        validators: () => [maxLength$1(16)],
+    },
+]);
+
+const DEFAULT_ACCOUNT_FORM_PROPS = {
+    ["Account.PersonalSettingsComponent" /* eAccountComponents.PersonalSettings */]: DEFAULT_PERSONAL_SETTINGS_UPDATE_FORM_PROPS,
+};
+const ACCOUNT_EDIT_FORM_PROP_CONTRIBUTORS = new InjectionToken('ACCOUNT_EDIT_FORM_PROP_CONTRIBUTORS');
+
 class PersonalSettingsComponent {
-    constructor(fb, toasterService, profileService, manageProfileState, injector) {
+    constructor(fb, toasterService, profileService, manageProfileState, authService, confirmationService, isPersonalSettingsChangedConfirmationActive, injector) {
         this.fb = fb;
         this.toasterService = toasterService;
         this.profileService = profileService;
         this.manageProfileState = manageProfileState;
+        this.authService = authService;
+        this.confirmationService = confirmationService;
+        this.isPersonalSettingsChangedConfirmationActive = isPersonalSettingsChangedConfirmationActive;
         this.injector = injector;
+        this.logoutConfirmation = () => {
+            this.authService.logout().subscribe();
+        };
     }
     buildForm() {
         this.selected = this.manageProfileState.getProfile();
@@ -226,6 +324,7 @@ class PersonalSettingsComponent {
     submit() {
         if (this.form.invalid)
             return;
+        const isLogOutConfirmMessageVisible = this.isLogoutConfirmMessageActive();
         this.inProgress = true;
         this.profileService
             .update(this.form.value)
@@ -233,16 +332,39 @@ class PersonalSettingsComponent {
             .subscribe(profile => {
             this.manageProfileState.setProfile(profile);
             this.toasterService.success('AbpAccount::PersonalSettingsSaved', 'Success', { life: 5000 });
+            if (isLogOutConfirmMessageVisible) {
+                this.showLogoutConfirmMessage();
+            }
         });
     }
+    isDataSame(oldValue, newValue) {
+        return Object.entries(oldValue).some(([key, value]) => {
+            if (key in newValue) {
+                return value !== newValue[key];
+            }
+            return false;
+        });
+    }
+    isLogoutConfirmMessageActive() {
+        if (!this.isPersonalSettingsChangedConfirmationActive) {
+            return false;
+        }
+        return this.isDataSame(this.profile, this.form.value);
+    }
+    showLogoutConfirmMessage() {
+        this.confirmationService
+            .info('AbpAccount::PersonalSettingsChangedConfirmationModalDescription', 'AbpAccount::PersonalSettingsChangedConfirmationModalTitle')
+            .pipe(filter(status => status === Confirmation.Status.confirm))
+            .subscribe(this.logoutConfirmation);
+    }
 }
-PersonalSettingsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: PersonalSettingsComponent, deps: [{ token: i1.UntypedFormBuilder }, { token: i2$1.ToasterService }, { token: i2.ProfileService }, { token: ManageProfileStateService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
+PersonalSettingsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: PersonalSettingsComponent, deps: [{ token: i1.UntypedFormBuilder }, { token: i2$1.ToasterService }, { token: i2.ProfileService }, { token: ManageProfileStateService }, { token: i3$2.AuthService }, { token: i2$1.ConfirmationService }, { token: RE_LOGIN_CONFIRMATION_TOKEN }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
 PersonalSettingsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.1", type: PersonalSettingsComponent, selector: "abp-personal-settings-form", providers: [
         {
             provide: EXTENSIONS_IDENTIFIER,
             useValue: "Account.PersonalSettingsComponent" /* eAccountComponents.PersonalSettings */,
         },
-    ], exportAs: ["abpPersonalSettingsForm"], ngImport: i0, template: "<form [formGroup]=\"form\"   *ngIf=\"form\"  (ngSubmit)=\"submit()\" validateOnSubmit>\r\n  <abp-extensible-form [selectedRecord]=\"selected\"></abp-extensible-form>\r\n\r\n  <abp-button\r\n    buttonType=\"submit\"\r\n    iconClass=\"fa fa-check\"\r\n    buttonClass=\"btn btn-primary color-white\"\r\n    [loading]=\"inProgress\"\r\n  >\r\n    {{ 'AbpIdentity::Save' | abpLocalization }}</abp-button\r\n  >\r\n</form>\r\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$2.FormSubmitDirective, selector: "form[ngSubmit][formGroup]", inputs: ["debounce", "notValidateOnSubmit", "markAsDirtyWhenSubmit"], outputs: ["ngSubmit"] }, { kind: "component", type: i2$1.ButtonComponent, selector: "abp-button", inputs: ["buttonId", "buttonClass", "buttonType", "formName", "iconClass", "loading", "disabled", "attributes"], outputs: ["click", "focus", "blur", "abpClick", "abpFocus", "abpBlur"] }, { kind: "directive", type: i7.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "component", type: i8.ExtensibleFormComponent, selector: "abp-extensible-form", inputs: ["selectedRecord"], exportAs: ["abpExtensibleForm"] }, { kind: "pipe", type: i3$2.LocalizationPipe, name: "abpLocalization" }] });
+    ], exportAs: ["abpPersonalSettingsForm"], ngImport: i0, template: "<form [formGroup]=\"form\"   *ngIf=\"form\"  (ngSubmit)=\"submit()\" validateOnSubmit>\r\n  <abp-extensible-form [selectedRecord]=\"selected\"></abp-extensible-form>\r\n\r\n  <abp-button\r\n    buttonType=\"submit\"\r\n    iconClass=\"fa fa-check\"\r\n    buttonClass=\"btn btn-primary color-white\"\r\n    [loading]=\"inProgress\"\r\n  >\r\n    {{ 'AbpIdentity::Save' | abpLocalization }}</abp-button\r\n  >\r\n</form>\r\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$2.FormSubmitDirective, selector: "form[ngSubmit][formGroup]", inputs: ["debounce", "notValidateOnSubmit", "markAsDirtyWhenSubmit"], outputs: ["ngSubmit"] }, { kind: "component", type: i2$1.ButtonComponent, selector: "abp-button", inputs: ["buttonId", "buttonClass", "buttonType", "formName", "iconClass", "loading", "disabled", "attributes"], outputs: ["click", "focus", "blur", "abpClick", "abpFocus", "abpBlur"] }, { kind: "directive", type: i7.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "component", type: i4.ExtensibleFormComponent, selector: "abp-extensible-form", inputs: ["selectedRecord"], exportAs: ["abpExtensibleForm"] }, { kind: "pipe", type: i3$2.LocalizationPipe, name: "abpLocalization" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: PersonalSettingsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'abp-personal-settings-form', exportAs: 'abpPersonalSettingsForm', providers: [
@@ -251,7 +373,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
                             useValue: "Account.PersonalSettingsComponent" /* eAccountComponents.PersonalSettings */,
                         },
                     ], template: "<form [formGroup]=\"form\"   *ngIf=\"form\"  (ngSubmit)=\"submit()\" validateOnSubmit>\r\n  <abp-extensible-form [selectedRecord]=\"selected\"></abp-extensible-form>\r\n\r\n  <abp-button\r\n    buttonType=\"submit\"\r\n    iconClass=\"fa fa-check\"\r\n    buttonClass=\"btn btn-primary color-white\"\r\n    [loading]=\"inProgress\"\r\n  >\r\n    {{ 'AbpIdentity::Save' | abpLocalization }}</abp-button\r\n  >\r\n</form>\r\n" }]
-        }], ctorParameters: function () { return [{ type: i1.UntypedFormBuilder }, { type: i2$1.ToasterService }, { type: i2.ProfileService }, { type: ManageProfileStateService }, { type: i0.Injector }]; } });
+        }], ctorParameters: function () {
+        return [{ type: i1.UntypedFormBuilder }, { type: i2$1.ToasterService }, { type: i2.ProfileService }, { type: ManageProfileStateService }, { type: i3$2.AuthService }, { type: i2$1.ConfirmationService }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [RE_LOGIN_CONFIRMATION_TOKEN]
+                    }] }, { type: i0.Injector }];
+    } });
 
 class ManageProfileComponent {
     constructor(profileService, manageProfileState) {
@@ -279,7 +406,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
             args: [{ selector: 'abp-manage-profile', animations: [trigger('fadeIn', [transition(':enter', useAnimation(fadeIn))])], template: "<div id=\"AbpContentToolbar\"></div>\r\n\r\n<div class=\"card border-0 shadow-sm min-h-400\" [abpLoading]=\"!(profile$ | async)?.userName\">\r\n  <div class=\"card-body\">\r\n    <div class=\"row\">\r\n      <div class=\"col-12 col-md-3\">\r\n        <ul class=\"nav flex-column nav-pills\" id=\"nav-tab\" role=\"tablist\">\r\n          <li\r\n            *ngIf=\"!hideChangePasswordTab && (profile$ | async)\"\r\n            class=\"nav-item\"\r\n            (click)=\"selectedTab = 0\"\r\n          >\r\n            <a\r\n              class=\"nav-link\"\r\n              [ngClass]=\"{ active: selectedTab === 0 }\"\r\n              role=\"tab\"\r\n              href=\"javascript:void(0)\"\r\n              >{{ 'AbpUi::ChangePassword' | abpLocalization }}</a\r\n            >\r\n          </li>\r\n          <li class=\"nav-item mb-2\" (click)=\"selectedTab = 1\">\r\n            <a\r\n              class=\"nav-link\"\r\n              [ngClass]=\"{ active: selectedTab === 1 }\"\r\n              role=\"tab\"\r\n              href=\"javascript:void(0)\"\r\n              >{{ 'AbpAccount::PersonalSettings' | abpLocalization }}</a\r\n            >\r\n          </li>\r\n        </ul>\r\n      </div>\r\n      <div *ngIf=\"profile$ | async\" class=\"col-12 col-md-9\">\r\n        <div class=\"tab-content\" *ngIf=\"selectedTab === 0\" [@fadeIn]>\r\n          <div class=\"tab-pane active\" role=\"tabpanel\">\r\n            <h4>\r\n              {{ 'AbpIdentity::ChangePassword' | abpLocalization }}\r\n              <hr />\r\n            </h4>\r\n            <abp-change-password-form\r\n              *abpReplaceableTemplate=\"{\r\n                componentKey: changePasswordKey\r\n              }\"\r\n            ></abp-change-password-form>\r\n          </div>\r\n        </div>\r\n        <div class=\"tab-content\" *ngIf=\"selectedTab === 1\" [@fadeIn]>\r\n          <div class=\"tab-pane active\" role=\"tabpanel\">\r\n            <h4>\r\n              {{ 'AbpIdentity::PersonalSettings' | abpLocalization }}\r\n              <hr />\r\n            </h4>\r\n            <abp-personal-settings-form\r\n              *abpReplaceableTemplate=\"{\r\n                componentKey: personalSettingsKey\r\n              }\"\r\n            ></abp-personal-settings-form>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".min-h-400{min-height:400px}\n"] }]
         }], ctorParameters: function () { return [{ type: i2.ProfileService }, { type: ManageProfileStateService }]; } });
 
-const { maxLength: maxLength$1, required: required$1, email: email$1 } = Validators;
+const { maxLength, required, email } = Validators;
 class RegisterComponent {
     constructor(fb, accountService, configState, toasterService, authService, injector) {
         this.fb = fb;
@@ -309,9 +436,9 @@ class RegisterComponent {
     }
     buildForm() {
         this.form = this.fb.group({
-            username: ['', [required$1, maxLength$1(255)]],
-            password: ['', [required$1, ...getPasswordValidators(this.injector)]],
-            email: ['', [required$1, email$1]],
+            username: ['', [required, maxLength(255)]],
+            password: ['', [required, ...getPasswordValidators(this.injector)]],
+            email: ['', [required, email]],
         });
     }
     onSubmit() {
@@ -417,96 +544,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
             type: Injectable
         }], ctorParameters: function () { return [{ type: i3$2.AuthService }]; } });
 
-class PersonalSettingsHalfRowComponent {
-    constructor(propData) {
-        this.propData = propData;
-        this.displayName = propData.displayName;
-        this.name = propData.name;
-        this.id = propData.id;
-    }
-}
-PersonalSettingsHalfRowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: PersonalSettingsHalfRowComponent, deps: [{ token: EXTENSIONS_FORM_PROP }], target: i0.ɵɵFactoryTarget.Component });
-PersonalSettingsHalfRowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.1", type: PersonalSettingsHalfRowComponent, selector: "abp-personal-settings-half-row", ngImport: i0, template: ` <div class="w-50 d-inline">
-    <div class="mb-3 form-group">
-      <label [attr.for]="name" class="form-label">{{ displayName | abpLocalization }} </label>
-      <input
-        type="text"
-        [attr.id]="id"
-        class="form-control"
-        [attr.name]="name"
-        [formControlName]="name"
-      />
-    </div>
-  </div>`, isInline: true, dependencies: [{ kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i7.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "pipe", type: i3$2.LocalizationPipe, name: "abpLocalization" }], viewProviders: [EXTENSIBLE_FORM_VIEW_PROVIDER] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: PersonalSettingsHalfRowComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'abp-personal-settings-half-row', template: ` <div class="w-50 d-inline">
-    <div class="mb-3 form-group">
-      <label [attr.for]="name" class="form-label">{{ displayName | abpLocalization }} </label>
-      <input
-        type="text"
-        [attr.id]="id"
-        class="form-control"
-        [attr.name]="name"
-        [formControlName]="name"
-      />
-    </div>
-  </div>`, viewProviders: [EXTENSIBLE_FORM_VIEW_PROVIDER] }]
-        }], ctorParameters: function () {
-        return [{ type: i8.FormProp, decorators: [{
-                        type: Inject,
-                        args: [EXTENSIONS_FORM_PROP]
-                    }] }];
-    } });
-
-const { maxLength, required, email } = Validators;
-const DEFAULT_PERSONAL_SETTINGS_UPDATE_FORM_PROPS = FormProp.createMany([
-    {
-        type: "string" /* ePropType.String */,
-        name: 'userName',
-        displayName: 'AbpIdentity::DisplayName:UserName',
-        id: 'username',
-        validators: () => [required, maxLength(256)],
-    },
-    {
-        type: "string" /* ePropType.String */,
-        name: 'name',
-        displayName: 'AbpIdentity::DisplayName:Name',
-        id: 'name',
-        validators: () => [maxLength(64)],
-        template: PersonalSettingsHalfRowComponent,
-        className: 'd-inline-block w-50',
-    },
-    {
-        type: "string" /* ePropType.String */,
-        name: 'surname',
-        displayName: 'AbpIdentity::DisplayName:Surname',
-        id: 'surname',
-        validators: () => [maxLength(64)],
-        className: 'd-inline-block w-50 ps-4',
-        template: PersonalSettingsHalfRowComponent,
-    },
-    {
-        type: "string" /* ePropType.String */,
-        name: 'email',
-        displayName: 'AbpIdentity::DisplayName:Email',
-        id: 'email-address',
-        validators: () => [required, email, maxLength(256)],
-    },
-    {
-        type: "string" /* ePropType.String */,
-        name: 'phoneNumber',
-        displayName: 'AbpIdentity::DisplayName:PhoneNumber',
-        id: 'phone-number',
-        validators: () => [maxLength(16)],
-    },
-]);
-
-const DEFAULT_ACCOUNT_FORM_PROPS = {
-    ["Account.PersonalSettingsComponent" /* eAccountComponents.PersonalSettings */]: DEFAULT_PERSONAL_SETTINGS_UPDATE_FORM_PROPS,
-};
-const ACCOUNT_EDIT_FORM_PROP_CONTRIBUTORS = new InjectionToken('ACCOUNT_EDIT_FORM_PROP_CONTRIBUTORS');
-
 class AccountExtensionsGuard {
     constructor(injector) {
         this.injector = injector;
@@ -622,6 +659,7 @@ const declarations = [
 ];
 class AccountModule {
     static forChild(options = {}) {
+        var _a;
         return {
             ngModule: AccountModule,
             providers: [
@@ -632,6 +670,10 @@ class AccountModule {
                     useFactory: accountConfigOptionsFactory,
                     deps: [ACCOUNT_CONFIG_OPTIONS],
                 },
+                {
+                    provide: RE_LOGIN_CONFIRMATION_TOKEN,
+                    useValue: (_a = options.isPersonalSettingsChangedConfirmationActive) !== null && _a !== void 0 ? _a : true,
+                },
                 {
                     provide: ACCOUNT_EDIT_FORM_PROP_CONTRIBUTORS,
                     useValue: options.editFormPropContributors,
@@ -691,5 +733,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ACCOUNT_CONFIG_OPTIONS, ACCOUNT_EDIT_FORM_PROP_CONTRIBUTORS, AccountExtensionsGuard, AccountModule, AuthenticationFlowGuard, ChangePasswordComponent, DEFAULT_ACCOUNT_FORM_PROPS, ForgotPasswordComponent, LoginComponent, ManageProfileComponent, ManageProfileStateService, PersonalSettingsComponent, PersonalSettingsHalfRowComponent, RegisterComponent, ResetPasswordComponent };
+export { ACCOUNT_CONFIG_OPTIONS, ACCOUNT_EDIT_FORM_PROP_CONTRIBUTORS, AccountExtensionsGuard, AccountModule, AuthenticationFlowGuard, ChangePasswordComponent, DEFAULT_ACCOUNT_FORM_PROPS, ForgotPasswordComponent, LoginComponent, ManageProfileComponent, ManageProfileStateService, PersonalSettingsComponent, PersonalSettingsHalfRowComponent, RE_LOGIN_CONFIRMATION_TOKEN, RegisterComponent, ResetPasswordComponent };
 //# sourceMappingURL=abp-ng.account.mjs.map