@indigina/ui-kit 1.1.613 → 1.1.615

package/fesm2022/indigina-ui-kit.mjs

@@ -9531,35 +9531,46 @@ const mapGlobalSearchResult = (store, requiredPermission, dataFetcher, categoryN
         })));
     }));
 };
-const findMatches = (obj, translatePrefix, excludedKeys = [], search, translateValueResolver) => {
-    const matches = [];
-    if (!search) {
+const findMatches = (obj, translatePrefix, searchableKeys, search, translateValueResolver) => {
+    if (!search || !searchableKeys.length || !obj || typeof obj !== 'object' || Array.isArray(obj)) {
         return [];
     }
-    const handleObject = (obj, path) => {
-        for (const [key, value,] of Object.entries(obj)) {
-            const currentPath = path ? `${path}.${key}` : key;
-            const isMatch = typeof value === 'string' &&
-                value.toLowerCase().includes(search.toLowerCase()) &&
-                !excludedKeys.includes(currentPath);
-            if (isMatch) {
-                matches.push({
-                    path: currentPath,
-                    key,
-                    value: translateValueResolver?.(key, value) ?? value,
-                    translateKey: `${translatePrefix}${currentPath}`,
-                });
-            }
-            traverse(value, currentPath);
-        }
+    const isStringArray = (value) => Array.isArray(value) && value.every(item => typeof item === 'string');
+    const isRecord = (value) => !!value && typeof value === 'object' && !Array.isArray(value);
+    const getPathKey = (path) => path.split('.').pop() || path;
+    const normalizedSearch = search.toLowerCase();
+    const getValueByPath = (value, path) => {
+        return path.split('.').reduce((current, segment) => isRecord(current) ? current[segment] : undefined, value);
     };
-    const traverse = (current, path) => {
-        if (current && typeof current === 'object' && !Array.isArray(current)) {
-            handleObject(current, path);
+    const getMatchValue = (value) => {
+        if (typeof value === 'string') {
+            return value.toLowerCase().includes(normalizedSearch)
+                ? { matchedValue: value, resolverValue: value }
+                : null;
+        }
+        if (isStringArray(value)) {
+            const matchedItems = value.filter(item => item.toLowerCase().includes(normalizedSearch));
+            if (!matchedItems.length) {
+                return null;
+            }
+            return { matchedValue: matchedItems.join(', '), resolverValue: matchedItems };
         }
+        return null;
     };
-    traverse(obj, '');
-    return matches;
+    return Array.from(new Set(searchableKeys)).reduce((matches, path) => {
+        const matchValue = getMatchValue(getValueByPath(obj, path));
+        if (!matchValue) {
+            return matches;
+        }
+        const key = getPathKey(path);
+        matches.push({
+            path,
+            key,
+            value: translateValueResolver?.(key, matchValue.resolverValue) ?? matchValue.matchedValue,
+            translateKey: `${translatePrefix}${path}`,
+        });
+        return matches;
+    }, []);
 };
 const changeFilterField = (filter, field) => ({
     ...filter,
@@ -10866,7 +10877,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 +10885,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 +10908,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 +10934,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 +10960,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 +11307,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 +11322,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 +11378,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 +11398,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 +11567,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 +11780,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;