ngx-render-material-forms 1.8.2 → 1.8.4

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

@@ -2817,10 +2817,6 @@ class MaterialSelectComponent extends MaterialComponent {
         this.storeDependentItems = [];
         this.executionFlag = false;
         this.apiCounter = 0;
-        // this.holy = CryptoJS.enc.Base64.parse('8F/2+T2NXqUBQERR12R4sw==');
-        // this.grail = CryptoJS.enc.Base64.parse('yE0CgQbYzK5wqeoKTVzhOQ==');
-        //this.holy = CryptoJS.enc.Base64.parse(this.commonService.getcombodeal());
-        //this.grail = CryptoJS.enc.Base64.parse(this.commonService.getglobedata());
     }
     onInputChange(event) {
         if (this.instance.component.key.toLowerCase() === 'vendorproductid' && event.target.value === '') {
@@ -2833,29 +2829,6 @@ class MaterialSelectComponent extends MaterialComponent {
             this.searchItem = "";
         }
     }
-    // scrumble(msg) {
-    //   if (!isNullOrUndefined(msg)) {
-    //     var conceal = this.getcampaign(msg, this.holy, this.grail);
-    //     var sha256 = CryptoJS.HmacSHA256(CryptoJS.enc.Base64.stringify(this.grail) + conceal.toString(), CryptoJS.enc.Base64.stringify(this.holy));
-    //     var hashInBase64 = CryptoJS.enc.Base64.stringify(sha256);
-    //     let keyValue = {
-    //       "value": conceal.toString(),
-    //       "mac": hashInBase64
-    //     };
-    //     var result = JSON.stringify(keyValue);
-    //     var jumbled = CryptoJS.enc.Utf8.parse(result);
-    //     return CryptoJS.enc.Base64.stringify(jumbled);
-    //   }
-    // }
-    // getcampaign(data: any, holy: any, grail: any) {
-    //   return CryptoJS.AES.encrypt(data.toString(), holy,
-    //     {
-    //       blockSize: 128,
-    //       iv: grail,
-    //       mode: CryptoJS.mode.CBC,
-    //       padding: CryptoJS.pad.Pkcs7
-    //     });
-    // }
     registerPanelScrollEvent(selectElem) {
         if (selectElem && selectElem?.panel) {
             // const panelElement = selectElem.panel.nativeElement;
@@ -2905,7 +2878,7 @@ class MaterialSelectComponent extends MaterialComponent {
         const includeDescription = this.getValueByKey(paramsData, 'includeDescription');
         const vendorId = this.getValueByKey(paramsData, 'vendorId');
         const onlyActive = this.getValueByKey(paramsData, 'onlyActive');
-        const includeCountry = this.getValueByKey(paramsData, 'includeCountry');
+        const includeCountry = this.getValueByKey(paramsData, 'filterProductBasedOnCustomerCountry');
         var currentUser = JSON.parse(localStorage.getItem('currentUser'));
         let headers;
         if (currentUser && currentUser.Tokens && currentUser.Tokens.AccessToken) {
@@ -2945,8 +2918,8 @@ class MaterialSelectComponent extends MaterialComponent {
         const baseApiUrl = baseUrlMapping[hostname] || null;
         let url = `${baseApiUrl}/api/VendorFormBuilder/GetVendorProducts?vendorId=${envendorId}&pageNumber=${enpageNumber}&pageSize=${enpageSize}&search=${ensearchQuery}&onlyActive=${enactive}&includeDescription=${endescription}`;
         // Only add includeCountryId if it has a valid value
-        if (encodeIncludeCountry !== null && encodeIncludeCountry !== undefined) {
-            url += `&includeCountry=${encodeIncludeCountry}`;
+        if (encodeIncludeCountry !== null && encodeIncludeCountry !== undefined && this.isFilterProductBasedOnCustomerCountryValid(this.instance.component.data)) {
+            url += `&filterProductBasedOnCustomerCountry=${encodeIncludeCountry}`;
         }
         this.http.get(url, { headers }).subscribe(response => {
             if (response && response.code === 200) {
@@ -3204,6 +3177,19 @@ class MaterialSelectComponent extends MaterialComponent {
     compareObjects(o1, o2) {
         return _.isEqual(o1, o2);
     }
+    isFilterProductBasedOnCustomerCountryValid(data) {
+        if (data && data.headers && Array.isArray(data.headers)) {
+            const header = data.headers.find(h => h.key === 'filterProductBasedOnCustomerCountry');
+            if (header &&
+                header.value !== null &&
+                header.value !== undefined &&
+                header.value.trim() !== "" &&
+                header.value.trim().toLowerCase() === "true") {
+                return true;
+            }
+        }
+        return false;
+    }
 }
 MaterialSelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: MaterialSelectComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1$2.HttpClient }, { token: CommonService }], target: i0.ɵɵFactoryTarget.Component });
 MaterialSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: MaterialSelectComponent, selector: "mat-formio-select", viewQueries: [{ propertyName: "multiSelect", first: true, predicate: ["multiSelect"], descendants: true, static: true }, { propertyName: "selectElem", first: true, predicate: ["productSelect"], descendants: true }], usesInheritance: true, ngImport: i0, template: `
@@ -3844,13 +3830,9 @@ class AddOnProductsComponent {
             quantityControl.setErrors({ 'min': true });
         }
         // If the value is not an integer, set 'pattern' error
-        else if (!Number.isInteger(Number(value))) {
+        else if (!/^\d+$/.test(value)) {
             quantityControl.setErrors({ 'pattern': true });
         }
-        // Otherwise, set the valid value
-        else {
-            quantityControl.setValue(Number(value));
-        }
     }
 }
 AddOnProductsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: AddOnProductsComponent, deps: [{ token: i1$1.MatDialogRef }, { token: MAT_DIALOG_DATA }, { token: i2.FormBuilder }, { token: i1$1.MatDialog }, { token: CommonService }], target: i0.ɵɵFactoryTarget.Component });
@@ -3900,14 +3882,12 @@ class MaterialDataGridComponent extends MaterialNestedComponent {
         this.dropdownL2Label = '';
         this.dropdownL3Label = '';
         this.dropdownL4Label = '';
+        this.isCustomerCountryFiltered = false;
+        this.emptyArray = false;
     }
     getColumnLabel(column) {
         return column.label || column.key;
     }
-    checkIsAttributeTrue(newProductPickerFlag, attributeName) {
-        return newProductPickerFlag && Object.keys(newProductPickerFlag).some(key => key.toLocaleLowerCase() === attributeName.toLowerCase() &&
-            newProductPickerFlag[key].toLowerCase() === "true");
-    }
     getLabelName(newProductPickerFlag, attributeName) {
         if (newProductPickerFlag && Object.keys(newProductPickerFlag).some(key => key.toLocaleLowerCase() === attributeName.toLowerCase())) {
             // Find the key that matches attributeName case-insensitively
@@ -3922,17 +3902,18 @@ class MaterialDataGridComponent extends MaterialNestedComponent {
     setInstance(instance) {
         //const newProductPickerFlag = instance?.component?.attributes;
         const checkAttribute = instance?.component?.attributes;
-        this.showNewProductPicker = this.checkIsAttributeTrue(checkAttribute, "newproductpicker");
-        this.showCategory = this.checkIsAttributeTrue(checkAttribute, "showCategory");
-        this.showSubcategory = this.checkIsAttributeTrue(checkAttribute, "showSubcategory");
-        this.showPrice = this.checkIsAttributeTrue(checkAttribute, "showPrice");
-        this.showQuantity = this.checkIsAttributeTrue(checkAttribute, "showQuantity");
-        this.showSkuNumber = this.checkIsAttributeTrue(checkAttribute, "showSkuNumber");
-        this.showDialogQuantity = this.checkIsAttributeTrue(checkAttribute, "showDialogQuantity");
-        this.showDialogPrice = this.checkIsAttributeTrue(checkAttribute, "showDialogPrice");
-        this.showDialogCategory = this.checkIsAttributeTrue(checkAttribute, "showDialogCategory");
-        this.showDialogSkuNumber = this.checkIsAttributeTrue(checkAttribute, "showDialogSkuNumber");
-        this.showDialogSubCategory = this.checkIsAttributeTrue(checkAttribute, "showDialogSubCategory");
+        this.showNewProductPicker = this.commonService.checkIsAttributeTrue(checkAttribute, "newproductpicker");
+        this.showCategory = this.commonService.checkIsAttributeTrue(checkAttribute, "showCategory");
+        this.showSubcategory = this.commonService.checkIsAttributeTrue(checkAttribute, "showSubcategory");
+        this.showPrice = this.commonService.checkIsAttributeTrue(checkAttribute, "showPrice");
+        this.showQuantity = this.commonService.checkIsAttributeTrue(checkAttribute, "showQuantity");
+        this.showSkuNumber = this.commonService.checkIsAttributeTrue(checkAttribute, "showSkuNumber");
+        this.showDialogQuantity = this.commonService.checkIsAttributeTrue(checkAttribute, "showDialogQuantity");
+        this.showDialogPrice = this.commonService.checkIsAttributeTrue(checkAttribute, "showDialogPrice");
+        this.showDialogCategory = this.commonService.checkIsAttributeTrue(checkAttribute, "showDialogCategory");
+        this.showDialogSkuNumber = this.commonService.checkIsAttributeTrue(checkAttribute, "showDialogSkuNumber");
+        this.showDialogSubCategory = this.commonService.checkIsAttributeTrue(checkAttribute, "showDialogSubCategory");
+        this.isCustomerCountryFiltered = this.commonService.checkIsAttributeTrue(checkAttribute, "filterProductBasedOnCustomerCountry");
         const l1 = this.getLabelName(checkAttribute, "dropdownL1");
         const l2 = this.getLabelName(checkAttribute, "dropdownL2");
         const l3 = this.getLabelName(checkAttribute, "dropdownL3");
@@ -3955,6 +3936,8 @@ class MaterialDataGridComponent extends MaterialNestedComponent {
         }
         this.checkSubmissionStatus = this.commonService.checkIsAttributeTrue(checkAttribute, 'isProductOptional');
         this.hasValueAndEditMode = (checkAttribute?.hasValue === 'yes') && (checkAttribute?.editMode === 'true');
+        const retrievedObject = JSON.parse(localStorage.getItem('storageObject'));
+        this.emptyArray = retrievedObject?.dataSource?.length < 1 ? true : false;
         super.setInstance(instance);
         if (this.showNewProductPicker && !this.hasInitialized) {
             if (!this.showCategory) {
@@ -4149,7 +4132,7 @@ MaterialDataGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.
                   fxFill
                   cdkDropList
                   [cdkDropListData]="dataSource"
-                  (cdkDropListDropped)="dropTable($event)">
+                  (cdkDropListDropped)="dropTable($event)" *ngIf="!isCustomerCountryFiltered || !emptyArray; else noDataMessage">
                   
             
             <ng-container *ngFor="let column of formColumns" [matColumnDef]="column">
@@ -4184,6 +4167,15 @@ MaterialDataGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.
           </div>
 </ng-container>
 
+<!-- Default Message -->
+<ng-template #noDataMessage>
+  <div class="no-data-message" *ngIf="isCustomerCountryFiltered && emptyArray">
+    <span>
+      No Product found with selected Customer country.
+    </span>
+  </div>
+</ng-template>
+
     <table mat-table [dataSource]="dataSourceNew" class="mat-table" *ngIf="dataSourceNew.length > 0 && showNewProductPicker; else noData" >
     <!-- Product Name Column -->
     <ng-container matColumnDef="productName">
@@ -4226,7 +4218,12 @@ MaterialDataGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.
   </table>
   <ng-template #noData>
   <div class="no-data-message" *ngIf="showNewProductPicker">
+   <ng-container *ngIf="showNewProductPicker && !isCustomerCountryFiltered">
       No products found. Please add some products.
+    </ng-container>
+     <ng-container *ngIf="showNewProductPicker && isCustomerCountryFiltered">
+      No Product found with selected Customeer country.
+    </ng-container>
     </div>
   </ng-template>
 
@@ -4277,7 +4274,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImpor
                   fxFill
                   cdkDropList
                   [cdkDropListData]="dataSource"
-                  (cdkDropListDropped)="dropTable($event)">
+                  (cdkDropListDropped)="dropTable($event)" *ngIf="!isCustomerCountryFiltered || !emptyArray; else noDataMessage">
                   
             
             <ng-container *ngFor="let column of formColumns" [matColumnDef]="column">
@@ -4312,6 +4309,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImpor
           </div>
 </ng-container>
 
+<!-- Default Message -->
+<ng-template #noDataMessage>
+  <div class="no-data-message" *ngIf="isCustomerCountryFiltered && emptyArray">
+    <span>
+      No Product found with selected Customer country.
+    </span>
+  </div>
+</ng-template>
+
     <table mat-table [dataSource]="dataSourceNew" class="mat-table" *ngIf="dataSourceNew.length > 0 && showNewProductPicker; else noData" >
     <!-- Product Name Column -->
     <ng-container matColumnDef="productName">
@@ -4354,7 +4360,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImpor
   </table>
   <ng-template #noData>
   <div class="no-data-message" *ngIf="showNewProductPicker">
+   <ng-container *ngIf="showNewProductPicker && !isCustomerCountryFiltered">
       No products found. Please add some products.
+    </ng-container>
+     <ng-container *ngIf="showNewProductPicker && isCustomerCountryFiltered">
+      No Product found with selected Customeer country.
+    </ng-container>
     </div>
   </ng-template>