ngx-render-material-forms 2.5.5 → 2.5.6

package/fesm2020/ngx-render-material-forms.js

@@ -2685,6 +2685,7 @@ class CommonService {
         }
     }
     loadProducts(pageNumber, pazeSize, search = '', onlyActive = true, description = false, levelOneId, levelTwoId, levelThreeId, levelFourId) {
+        this.paramsData = JSON.parse(localStorage.getItem('productPickerParams'));
         const baseApiUrl = this.getBaseApiUrl();
         const vendorId = this.getValueByKey(this.paramsData, 'vendorId');
         const programId = this.getValueByKey(this.paramsData, 'programId');
@@ -2695,6 +2696,7 @@ class CommonService {
         return this.http.get(apiUrl);
     }
     listSubCategory(category) {
+        this.paramsData = JSON.parse(localStorage.getItem('productPickerParams'));
         const vendorId = this.getValueByKey(this.paramsData, 'vendorId');
         const baseApiUrl = this.getBaseApiUrl();
         return this.http.get(`${baseApiUrl}/api/VendorFormBuilder/GetProductsSubCategory?vendorId=${vendorId}&categoryName=${category}`);
@@ -2716,26 +2718,31 @@ class CommonService {
         return queryString;
     }
     listProductCategory() {
+        this.paramsData = JSON.parse(localStorage.getItem('productPickerParams'));
         const vendorId = this.getValueByKey(this.paramsData, 'vendorId');
         const baseApiUrl = this.getBaseApiUrl();
         return this.http.get(`${baseApiUrl}/api/VendorFormBuilder/GetProductsCategory?vendorId=${vendorId}`);
     }
     productLevelOne() {
+        this.paramsData = JSON.parse(localStorage.getItem('productPickerParams'));
         const baseApiUrl = this.getBaseApiUrl();
         const vendorId = this.getValueByKey(this.paramsData, 'vendorId');
         return this.http.get(`${baseApiUrl}/api/VendorFormBuilder/GetProductLevelOne?vendorId=${vendorId}`);
     }
     productLevelTwo(levelOneId) {
+        this.paramsData = JSON.parse(localStorage.getItem('productPickerParams'));
         const baseApiUrl = this.getBaseApiUrl();
         const vendorId = this.getValueByKey(this.paramsData, 'vendorId');
         return this.http.get(`${baseApiUrl}/api/VendorFormBuilder/GetProductLevelTwo?levelOneId=${levelOneId}&vendorId=${vendorId}`);
     }
     productLevelThree(levelOneId, levelTwoId) {
+        this.paramsData = JSON.parse(localStorage.getItem('productPickerParams'));
         const baseApiUrl = this.getBaseApiUrl();
         const vendorId = this.getValueByKey(this.paramsData, 'vendorId');
         return this.http.get(`${baseApiUrl}/api/VendorFormBuilder/GetProductLevelThree?levelOneId=${levelOneId}&levelTwoId=${levelTwoId}&vendorId=${vendorId}`);
     }
     productLevelFour(levelOneId, levelTwoId, levelThreeId) {
+        this.paramsData = JSON.parse(localStorage.getItem('productPickerParams'));
         const baseApiUrl = this.getBaseApiUrl();
         const vendorId = this.getValueByKey(this.paramsData, 'vendorId');
         return this.http.get(`${baseApiUrl}/api/VendorFormBuilder/GetProductLevelFour?levelOneId=${levelOneId}&levelTwoId=${levelTwoId}&levelThreeId=${levelThreeId}&vendorId=${vendorId}`);
@@ -2769,12 +2776,8 @@ class CommonService {
     }
     /*Funtion to check if property is matched with given attributes in formBuilder or not */
     checkIsAttributeTrue(newProductPickerFlag, attributeName) {
-        // return newProductPickerFlag && Object.keys(newProductPickerFlag).some(key =>
-        //   key.toLocaleLowerCase() === attributeName.toLowerCase() &&
-        //   newProductPickerFlag[key].toLowerCase() === "true"
-        // );
-        return newProductPickerFlag && Object.keys(newProductPickerFlag).some(key => key.trim().toLowerCase() === attributeName.trim().toLowerCase() &&
-            String(newProductPickerFlag[key]).trim().toLowerCase() === "true");
+        return newProductPickerFlag && Object.keys(newProductPickerFlag).some(key => key.toLocaleLowerCase() === attributeName.toLowerCase() &&
+            newProductPickerFlag[key].toLowerCase() === "true");
     }
     getglobedata() {
         const hostMappings = {
@@ -2839,8 +2842,6 @@ class MaterialSelectComponent extends MaterialComponent {
         this.storeDependentItems = [];
         this.executionFlag = false;
         this.apiCounter = 0;
-        this.lastOptionsHash = '';
-        this.hasInitializedOptions = false;
     }
     onInputChange(event) {
         if (this.instance.component.key.toLowerCase() === 'vendorproductid' && event.target.value === '') {
@@ -3043,7 +3044,6 @@ class MaterialSelectComponent extends MaterialComponent {
         const vendorId = this.getValueByKey(paramsData, 'vendorId');
         const dealId = this.getValueByKey(paramsData, 'dealId');
         const isEdit = this.getValueByKey(paramsData, 'isEdit');
-        this.isEditFlag = isEdit;
         let finalParams;
         this.instance?.parent?.components?.length && this.instance.parent.components.forEach(items => {
             if (this.checkVendorRefItems(items)) {
@@ -3098,8 +3098,6 @@ class MaterialSelectComponent extends MaterialComponent {
                             // If the object doesn't exist, add it to the array
                             finalParams.push({ key: 'dataValue', value: value });
                         }
-                        this.secondDropdownItems = [];
-                        this.commonService.setDropdownItems(this.secondDropdownItems);
                         this.commonService.initializeApiPath(apiEndPoint, finalParams).subscribe(response => {
                             if (response && response.code === 200) {
                                 this.secondDropdownItems = response.data;
@@ -3134,87 +3132,21 @@ class MaterialSelectComponent extends MaterialComponent {
                     });
                 }
                 if (this.checkVendorRefItems(this.instance) && checkInvokeFromLibrary) {
-                    // this.storeDependentItems = [];
-                    // this.secondDropdownItems = this.commonService.getDropdownItems();
-                    // if (this.secondDropdownItems?.length) {
-                    //   this.secondDropdownItems.forEach((renderElement, index, array) => {
-                    //     this.storeDependentItems.push({ label: renderElement['text'], value: this.commonService.onlyNumbers(renderElement['value']) ? renderElement['value'] + ' ' : renderElement['value'] });
-                    //   });
-                    // }
-                    // if (!this.commonService.getDropDownFlag()) {
-                    //   this.storeDependentItems = this.instance.component.data.values;
-                    // }
-                    // this.filteredOptions = Promise.resolve(this.storeDependentItems);
-                    // this.selectOptions = Promise.resolve(this.storeDependentItems);
-                    // this.selectOptions.then(result => {
-                    //   this.filteredOptionsLength = result.length
-                    // });
-                    const incomingItems = this.commonService.getDropdownItems();
-                    const seen = new Set();
-                    const newOptions = [];
-                    if (incomingItems?.length) {
-                        incomingItems.forEach(item => {
-                            const rawValue = this.commonService.onlyNumbers(item['value']) ? item['value'] + ' ' : item['value'];
-                            const label = item['text']?.trim();
-                            if (label && rawValue) {
-                                const key = `${label}-${rawValue}`;
-                                if (!seen.has(key)) {
-                                    seen.add(key);
-                                    newOptions.push({ label, value: rawValue });
-                                }
-                            }
+                    this.storeDependentItems = [];
+                    this.secondDropdownItems = this.commonService.getDropdownItems();
+                    if (this.secondDropdownItems?.length) {
+                        this.secondDropdownItems.forEach((renderElement, index, array) => {
+                            this.storeDependentItems.push({ label: renderElement['text'], value: this.commonService.onlyNumbers(renderElement['value']) ? renderElement['value'] + ' ' : renderElement['value'] });
                         });
                     }
-                    // compare hashes to avoid unnecessary reassignments
-                    const newHash = JSON.stringify(newOptions);
-                    //start
-                    this.storeDependentItems = newOptions;
                     if (!this.commonService.getDropDownFlag()) {
                         this.storeDependentItems = this.instance.component.data.values;
                     }
-                    const selectedIndex = this.storeDependentItems.findIndex(item => this.compareObjects(item.value, this.control.value));
-                    //end
-                    if (selectedIndex < 0 && !this.isValidData(this.storeDependentItems)) {
-                        this.instance.component.data.values = [];
-                    }
-                    if (newHash !== this.lastOptionsHash) {
-                        this.lastOptionsHash = newHash;
-                        this.storeDependentItems = newOptions;
-                        if (!this.commonService.getDropDownFlag()) {
-                            this.storeDependentItems = this.instance.component.data.values;
-                        }
-                        const selectedIndex = this.storeDependentItems.findIndex(item => this.compareObjects(item.value, this.control.value));
-                        if (selectedIndex < 0) {
-                            this.filteredOptions = Promise.resolve(this.storeDependentItems);
-                            this.selectOptions = Promise.resolve(this.storeDependentItems);
-                            this.selectOptions.then(result => {
-                                this.filteredOptionsLength = result.length;
-                            });
-                        }
-                        setTimeout(() => {
-                            const panel = this.selectElem?.panel?.nativeElement;
-                            if (panel && this.storeDependentItems?.length) {
-                                const matOptions = panel.querySelectorAll('.mat-option');
-                                const selected = panel.querySelector('.mat-option.mat-selected');
-                                if (selected && !selected.classList.contains('mat-active')) {
-                                    matOptions.forEach(option => option.classList.remove('mat-active'));
-                                }
-                                const selectedIndex = this.storeDependentItems.findIndex(item => this.compareObjects(item.value, this.control.value));
-                                const optionHeight = 48;
-                                const visibleTop = panel.scrollTop;
-                                const visibleBottom = visibleTop + panel.offsetHeight;
-                                const itemTop = selectedIndex * optionHeight;
-                                const itemBottom = itemTop + optionHeight;
-                                const shouldScroll = selectedIndex >= 0 && (itemTop < visibleTop || itemBottom > visibleBottom);
-                                if (selectedIndex >= 0) {
-                                    panel.scrollTo({
-                                        top: itemTop,
-                                        behavior: 'smooth'
-                                    });
-                                }
-                            }
-                        }, 150);
-                    }
+                    this.filteredOptions = Promise.resolve(this.storeDependentItems);
+                    this.selectOptions = Promise.resolve(this.storeDependentItems);
+                    this.selectOptions.then(result => {
+                        this.filteredOptionsLength = result.length;
+                    });
                 }
             }
         });
@@ -3298,7 +3230,6 @@ class MaterialSelectComponent extends MaterialComponent {
         const dataUrl = instance.component['data']?.url;
         const isSelectValuesValid = selectValues != null && selectValues !== '' && selectValues !== undefined;
         const isDataUrlInvalid = dataUrl == null || dataUrl === '' || dataUrl === undefined;
-        instance.component.defaultValue = "";
         return isSelectValuesValid && isDataUrlInvalid;
     }
     getVendorRefList(instance) {
@@ -3315,9 +3246,6 @@ class MaterialSelectComponent extends MaterialComponent {
             return false;
         }
     }
-    isValidData(data) {
-        return !data.some(item => !item.label?.trim() || !item.value?.trim());
-    }
     getErrorMessage() {
         if (this.instance.error && this.instance.error.messages) {
             const { messages } = this.instance.error;