@indigina/ui-kit 1.1.613 → 1.1.614

package/fesm2022/indigina-ui-kit.mjs

@@ -10866,7 +10866,6 @@ class KitUsersSettingsDetailsFormComponent {
                 Validators.email,
             ]),
             [KitUsersSettingsDetailsField.PASSWORD]: this.formBuilder.nonNullable.control('', [
-                Validators.required,
                 Validators.maxLength(70),
             ]),
             [KitUsersSettingsDetailsField.MFA]: this.formBuilder.nonNullable.control(false),
@@ -10875,6 +10874,7 @@ class KitUsersSettingsDetailsFormComponent {
         this.isSaving = signal(false, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "isSaving" }] : /* istanbul ignore next */ []));
         this.lastPatchedUserId = null;
+        this.initialFormValue = JSON.stringify(this.form.getRawValue());
         effect(() => {
             if (!this.isCreateMode()) {
                 const { data: userDetails, loading } = this.userDetails();
@@ -10897,6 +10897,9 @@ class KitUsersSettingsDetailsFormComponent {
     getFormErrorMessages(form, controlName) {
         return this.kitFormErrors.getErrors(form.controls[controlName]).join('. ');
     }
+    get hasUnsavedChanges() {
+        return JSON.stringify(this.form.getRawValue()) !== this.initialFormValue;
+    }
     submit() {
         this.isSaving.set(true);
         return this.isCreateMode()
@@ -10920,6 +10923,7 @@ class KitUsersSettingsDetailsFormComponent {
             ...userDetails,
             id,
         })).pipe(takeUntilDestroyed(this.destroyRef), map(() => this.userDetails().data), tap(updatedUser => {
+            this.initialFormValue = JSON.stringify(this.form.getRawValue());
             this.form.markAsPristine();
             if (updatedUser) {
                 this.updated.emit(updatedUser);
@@ -10945,6 +10949,7 @@ class KitUsersSettingsDetailsFormComponent {
             [KitUsersSettingsDetailsField.MFA]: userDetails.mfaEnabled,
             [KitUsersSettingsDetailsField.FORCE_PASSWORD]: false,
         }, { emitEvent: false });
+        this.initialFormValue = JSON.stringify(this.form.getRawValue());
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: KitUsersSettingsDetailsFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.1", type: KitUsersSettingsDetailsFormComponent, isStandalone: true, selector: "kit-users-settings-details-form", inputs: { isCreateMode: { classPropertyName: "isCreateMode", publicName: "isCreateMode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { updated: "updated" }, providers: [KitFormErrors], ngImport: i0, template: "<form class=\"kit-user-settings-details-form\"\n      [formGroup]=\"form\">\n  <kit-textbox [formControlName]=\"kitUsersSettingsDetailsField.USER_NAME\"\n               [label]=\"'kit.usersSettings.details.loginId' | translate\"\n               [readonly]=\"!isCreateMode()\"\n               [showStateIcon]=\"false\"\n               [state]=\"getTextboxState(form, kitUsersSettingsDetailsField.USER_NAME)\"\n               [messageText]=\"getFormErrorMessages(form, kitUsersSettingsDetailsField.USER_NAME) | translate\"></kit-textbox>\n  <kit-textbox [formControlName]=\"kitUsersSettingsDetailsField.FIRST_NAME\"\n               [label]=\"'kit.usersSettings.details.firstName' | translate\"\n               [showStateIcon]=\"false\"\n               [state]=\"getTextboxState(form, kitUsersSettingsDetailsField.FIRST_NAME)\"\n               [messageText]=\"getFormErrorMessages(form, kitUsersSettingsDetailsField.FIRST_NAME) | translate\"></kit-textbox>\n  <kit-textbox [formControlName]=\"kitUsersSettingsDetailsField.LAST_NAME\"\n               [label]=\"'kit.usersSettings.details.lastName' | translate\"\n               [showStateIcon]=\"false\"\n               [state]=\"getTextboxState(form, kitUsersSettingsDetailsField.LAST_NAME)\"\n               [messageText]=\"getFormErrorMessages(form, kitUsersSettingsDetailsField.LAST_NAME) | translate\"></kit-textbox>\n  <kit-textbox [formControlName]=\"kitUsersSettingsDetailsField.EMAIL\"\n               [label]=\"'kit.usersSettings.details.email' | translate\"\n               [showStateIcon]=\"false\"\n               [state]=\"getTextboxState(form, kitUsersSettingsDetailsField.EMAIL)\"\n               [messageText]=\"getFormErrorMessages(form, kitUsersSettingsDetailsField.EMAIL) | translate\"></kit-textbox>\n  @if (isCreateMode()) {\n    <kit-textbox type=\"password\"\n                 [formControlName]=\"kitUsersSettingsDetailsField.PASSWORD\"\n                 [label]=\"'kit.usersSettings.details.password' | translate\"\n                 [showStateIcon]=\"false\"\n                 [state]=\"getTextboxState(form, kitUsersSettingsDetailsField.PASSWORD)\"\n                 [messageText]=\"getFormErrorMessages(form, kitUsersSettingsDetailsField.PASSWORD) | translate\"></kit-textbox>\n  }\n  <div class=\"kit-user-settings-details-form-toggles\">\n    <kit-toggle class=\"kit-user-settings-details-form-toggle\"\n                [formControlName]=\"kitUsersSettingsDetailsField.MFA\"\n                [label]=\"'kit.usersSettings.details.mfa' | translate\"></kit-toggle>\n    @if (isCreateMode()) {\n      <kit-toggle class=\"kit-user-settings-details-form-toggle\"\n                  [formControlName]=\"kitUsersSettingsDetailsField.FORCE_PASSWORD\"\n                  [label]=\"'kit.usersSettings.details.forcePassword' | translate\"></kit-toggle>\n    }\n  </div>\n</form>\n", styles: [".kit-user-settings-details-form{display:flex;flex-direction:column;gap:10px;width:100%}.kit-user-settings-details-form-toggles{display:flex;width:100%;gap:20px}.kit-user-settings-details-form-toggle{width:100%}.kit-user-settings-details-form-toggle ::ng-deep .kit-toggle{display:flex;align-items:center;gap:15px;justify-content:space-between;width:100%}.kit-user-settings-details-form-toggle ::ng-deep .kit-form-label{margin:0}\n"], dependencies: [{ kind: "component", type: KitTextboxComponent, selector: "kit-textbox", inputs: ["placeholder", "label", "labelTooltip", "defaultValue", "messageIcon", "messageText", "messageTemplate", "disabled", "maxlength", "state", "size", "icon", "clearButton", "showStateIcon", "readonly", "customStateIcon", "type"], outputs: ["defaultValueChange", "disabledChange", "blured", "focused", "changed"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$8.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$8.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$8.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$8.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: KitToggleComponent, selector: "kit-toggle", inputs: ["label", "disabled", "readonly", "defaultChecked", "leftLabel", "rightLabel", "messageIcon", "messageText", "size"], outputs: ["disabledChange", "defaultCheckedChange", "changed"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
@@ -11291,6 +11296,7 @@ class KitUsersSettingsEntitlementsFormComponent {
         ...(ngDevMode ? [{ debugName: "partners" }] : /* istanbul ignore next */ []));
         this.roles = signal([], /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "roles" }] : /* istanbul ignore next */ []));
+        this.initialFormValue = JSON.stringify(this.form.getRawValue());
         this.creatingFormContext = toSignal(merge(this.form.controls[KitUsersSettingsEntitlementsField.IDENTITY_TYPE].valueChanges, this.form.controls[KitUsersSettingsEntitlementsField.PARTNERS].valueChanges).pipe(startWith(null), map(() => ({
             identityType: this.form.controls[KitUsersSettingsEntitlementsField.IDENTITY_TYPE].value,
             partnerId: this.form.controls[KitUsersSettingsEntitlementsField.PARTNERS].value,
@@ -11305,6 +11311,9 @@ class KitUsersSettingsEntitlementsFormComponent {
     getFormErrorMessages(form, controlName) {
         return this.kitFormErrors.getErrors(form.controls[controlName]).join('. ');
     }
+    get hasUnsavedChanges() {
+        return JSON.stringify(this.form.getRawValue()) !== this.initialFormValue;
+    }
     submit() {
         const userId = this.userId();
         if (!userId) {
@@ -11358,7 +11367,10 @@ class KitUsersSettingsEntitlementsFormComponent {
         return undefined;
     }
     dispatchAndMarkPristine(action) {
-        return this.store.dispatch(action).pipe(tap(() => this.form.markAsPristine()), map(() => true), catchError(() => {
+        return this.store.dispatch(action).pipe(tap(() => {
+            this.initialFormValue = JSON.stringify(this.form.getRawValue());
+            this.form.markAsPristine();
+        }), map(() => true), catchError(() => {
             this.form.setErrors({ serverError: true });
             return of(false);
         }), finalize(() => this.isSaving.set(false)));
@@ -11375,6 +11387,7 @@ class KitUsersSettingsEntitlementsFormComponent {
             });
             this.form.get(KitUsersSettingsEntitlementsField.IDENTITY_TYPE)?.disable();
             this.form.get(KitUsersSettingsEntitlementsField.PARTNERS)?.disable();
+            this.initialFormValue = JSON.stringify(this.form.getRawValue());
             this.form.markAsPristine();
         }
     }
@@ -11543,7 +11556,11 @@ class KitUsersSettingsEntitlementsComponent {
     }
     get isSaveBtnDisabled() {
         const formComponent = this.entitlementsForm();
-        return !formComponent || formComponent.form.pristine || formComponent.form.invalid || formComponent.isSaving();
+        return !formComponent ||
+            formComponent.form.pristine ||
+            !formComponent.hasUnsavedChanges ||
+            formComponent.form.invalid ||
+            formComponent.isSaving();
     }
     selectItem(item) {
         const collapsedList = this.collapsedList();
@@ -11752,7 +11769,11 @@ class KitUsersSettingsProfileComponent {
     get isFormDisabled() {
         if (this.currentTab() === KitUsersSettingsProfileTab.DETAILS) {
             const detailsForm = this.detailsForm();
-            return !detailsForm || detailsForm.form.pristine || detailsForm.form.invalid || detailsForm.isSaving();
+            return !detailsForm ||
+                detailsForm.form.pristine ||
+                !detailsForm.hasUnsavedChanges ||
+                detailsForm.form.invalid ||
+                detailsForm.isSaving();
         }
         const entitlementsForm = this.entitlementsForm();
         return !entitlementsForm || entitlementsForm.isSaveBtnDisabled;