ngx-render-material-forms 1.4.6 → 1.4.8

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

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 import { Injectable, Component, Input, ViewChild, ViewContainerRef, ViewChildren, EventEmitter, Output, forwardRef, Directive, Inject, Optional, NgModule } from '@angular/core';
 import * as i1$1 from '@angular/common/http';
-import { HttpHeaders, HttpClientModule } from '@angular/common/http';
+import { HttpClientModule } from '@angular/common/http';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i2 from '@angular/forms';
@@ -82,8 +82,6 @@ import SelectBoxesComponent from 'formiojs/components/selectboxes/SelectBoxes.js
 import SelectComponent from 'formiojs/components/select/Select.js';
 import { Subject } from 'rxjs';
 import { debounceTime, distinctUntilChanged, takeUntil } from 'rxjs/operators';
-import * as CryptoJS from 'crypto-js';
-import { isNullOrUndefined } from 'util';
 import * as i9 from 'ngx-mat-select-search';
 import { NgxMatSelectSearchModule } from 'ngx-mat-select-search';
 import WellComponent from 'formiojs/components/well/Well.js';
@@ -2558,8 +2556,8 @@ class MaterialSelectComponent extends MaterialComponent {
         // Variable to hold the reference to the current panel element
         this.currentPanelElement = null;
         this.openCounter = 1;
-        this.holy = CryptoJS.enc.Base64.parse('8F/2+T2NXqUBQERR12R4sw==');
-        this.grail = CryptoJS.enc.Base64.parse('yE0CgQbYzK5wqeoKTVzhOQ==');
+        // this.holy = CryptoJS.enc.Base64.parse('8F/2+T2NXqUBQERR12R4sw==');
+        // this.grail = CryptoJS.enc.Base64.parse('yE0CgQbYzK5wqeoKTVzhOQ==');
     }
     onInputChange(event) {
         if (this.instance.component.key.toLowerCase() === 'vendorproductid' && event.target.value === '') {
@@ -2571,28 +2569,29 @@ class MaterialSelectComponent extends MaterialComponent {
             this.onClearAll();
         }
     }
-    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, holy, grail) {
-        return CryptoJS.AES.encrypt(data.toString(), holy, {
-            blockSize: 128,
-            iv: grail,
-            mode: CryptoJS.mode.CBC,
-            padding: CryptoJS.pad.Pkcs7
-        });
-    }
+    // 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) {
         const panelElement = selectElem.panel.nativeElement;
         panelElement.addEventListener('scroll', this.onScroll.bind(this));
@@ -2631,74 +2630,78 @@ class MaterialSelectComponent extends MaterialComponent {
         return item ? item.value : null;
     }
     loadData(pageNumber, pageSize, searchQuery) {
-        const paramsData = JSON.parse(localStorage.getItem('productPicker'));
-        const includeDescription = this.getValueByKey(paramsData, 'includeDescription');
-        const vendorId = this.getValueByKey(paramsData, 'vendorId');
-        const onlyActive = this.getValueByKey(paramsData, 'onlyActive');
-        var currentUser = JSON.parse(localStorage.getItem('currentUser'));
-        let headers;
-        if (currentUser && currentUser.Tokens && currentUser.Tokens.AccessToken) {
-            var accessToken = currentUser.Tokens.AccessToken;
-            headers = new HttpHeaders({
-                'Content-Type': 'application/json',
-                'Authorization': 'Bearer ' + accessToken
-            });
-        }
-        else {
-            console.error('User not authenticated or tokens missing.');
-        }
-        const envendorId = this.scrumble(vendorId);
-        const enpageNumber = this.scrumble(pageNumber);
-        const enpageSize = this.scrumble(pageSize);
-        const ensearchQuery = this.scrumble(searchQuery);
-        let enactive = this.scrumble(onlyActive);
-        //Check if enactive is undefined, null, or blank
-        if (enactive === undefined || enactive === null || enactive === '') {
-            enactive = this.scrumble(true); // Set default value to true
-        }
-        // Scrumble and handle the includeDescription parameter
-        let endescription = this.scrumble(includeDescription);
-        if (!endescription) {
-            endescription = this.scrumble(false); // Set to 'false' if undefined, null, or blank
-        }
-        const baseUrlMapping = {
-            'localhost': 'http://localhost:58504',
-            'lincoln.vartopia.com': 'https://lincoln-api.vartopia.com',
-            'stage.vartopia.com': 'https://stage-api.vartopia.com',
-            'my.vartopia.com': 'https://reagan-api.vartopia.com',
-            'jackson.vartopia.com': 'https://jackson-api.vartopia.com'
-        };
-        // Get the current hostname
-        const hostname = window.location.hostname;
-        const baseApiUrl = baseUrlMapping[hostname] || null;
-        this.http.get(`${baseApiUrl}/api/VendorFormBuilder/GetVendorProducts?vendorId=${envendorId}&pageNumber=${enpageNumber}&pageSize=${enpageSize}&search=${ensearchQuery}&onlyActive=${enactive}&includeDescription=${endescription}`, { headers }).subscribe(response => {
-            if (response && response.code === 200) {
-                if (this.instance.component.key.toLowerCase() === 'vendorproductid') {
-                    this.totalPages = response?.data?.totalPages;
-                    const data = response.data.dataSource;
-                    this.filteredOptionsLength = data.length;
-                    if (this.productList.length > 0) {
-                        data.map(item => {
-                            return item;
-                        }).forEach(i => this.productList.push(i));
-                    }
-                    else {
-                        this.productList = data;
-                    }
-                    // Update filteredOptions with transformedData
-                    var allProductList = this.transformResponseData(this.productList);
-                    this.filteredOptions = Promise.resolve(allProductList);
-                    this.searching = false;
-                    this.productsloadingFlag = true;
-                    setTimeout(() => {
-                        const ele = this.selectElem.panel.nativeElement;
-                        const trackHeight = ele.scrollHeight - ele.offsetHeight;
-                        const middlePosition = trackHeight / 2 - 50;
-                        ele.scrollTo({ top: middlePosition, behavior: 'auto' });
-                    }, 250);
-                }
-            }
-        });
+        // const paramsData = JSON.parse(localStorage.getItem('productPickerParams'));
+        // const includeDescription = this.getValueByKey(paramsData, 'includeDescription');
+        // const vendorId = this.getValueByKey(paramsData, 'vendorId');
+        // const onlyActive = this.getValueByKey(paramsData, 'onlyActive');
+        // var currentUser = JSON.parse(localStorage.getItem('currentUser'));
+        // let headers;
+        // if (currentUser && currentUser.Tokens && currentUser.Tokens.AccessToken) {
+        //   var accessToken = currentUser.Tokens.AccessToken;
+        //   headers = new HttpHeaders({
+        //     'Content-Type': 'application/json',
+        //     'Authorization': 'Bearer ' + accessToken
+        //   });
+        // } else {
+        //   console.error('User not authenticated or tokens missing.');
+        // }
+        // const envendorId = this.scrumble(vendorId)
+        // const enpageNumber = this.scrumble(pageNumber)
+        // const enpageSize = this.scrumble(pageSize);
+        // const ensearchQuery = this.scrumble(searchQuery);
+        // let enactive = this.scrumble(onlyActive);
+        // //Check if enactive is undefined, null, or blank
+        // if (enactive === undefined || enactive === null || enactive === '') {
+        //   enactive = this.scrumble(true); // Set default value to true
+        // }
+        // // Scrumble and handle the includeDescription parameter
+        // let endescription = this.scrumble(includeDescription);
+        // if (!endescription) {
+        //   endescription = this.scrumble(false);  // Set to 'false' if undefined, null, or blank
+        // }
+        // const baseUrlMapping = {
+        //   'localhost': 'http://localhost:58504',
+        //   'lincoln.vartopia.com': 'https://lincoln-api.vartopia.com',
+        //   'stage.vartopia.com': 'https://stage-api.vartopia.com',
+        //   'my.vartopia.com': 'https://reagan-api.vartopia.com',
+        //   'jackson.vartopia.com': 'https://jackson-api.vartopia.com'
+        // };
+        // // Get the current hostname
+        // const hostname = window.location.hostname;
+        // const baseApiUrl = baseUrlMapping[hostname] || null;
+        // interface VendorProductsResponse {
+        //   code: number;
+        //   data: any;
+        //   message: string;
+        //   statusCode: number;
+        // }
+        // this.http.get<VendorProductsResponse>(`${baseApiUrl}/api/VendorFormBuilder/GetVendorProducts?vendorId=${envendorId}&pageNumber=${enpageNumber}&pageSize=${enpageSize}&search=${ensearchQuery}&onlyActive=${enactive}&includeDescription=${endescription}`, { headers }).subscribe(response => {
+        //   if (response && response.code === 200) {
+        //     if (this.instance.component.key.toLowerCase() === 'vendorproductid') {
+        //       this.totalPages = response?.data?.totalPages;
+        //       const data = response.data.dataSource;
+        //       this.filteredOptionsLength = data.length;
+        //       if (this.productList.length > 0) {
+        //         data.map(item => {
+        //           return item
+        //         }).forEach(i => this.productList.push(i))
+        //       } else {
+        //         this.productList = data;
+        //       }
+        //       // Update filteredOptions with transformedData
+        //       var allProductList = this.transformResponseData(this.productList);
+        //       this.filteredOptions = Promise.resolve(allProductList);
+        //       this.searching = false;
+        //       this.productsloadingFlag = true;
+        //       setTimeout(() => {
+        //         const ele = this.selectElem.panel.nativeElement;
+        //         const trackHeight = ele.scrollHeight - ele.offsetHeight
+        //         const middlePosition = trackHeight / 2 - 50;
+        //         ele.scrollTo({ top: middlePosition, behavior: 'auto' });
+        //       }, 250);
+        //     }
+        //   }
+        // });
     }
     // Utility function to transform response data
     transformResponseData(data) {
@@ -2809,6 +2812,32 @@ class MaterialSelectComponent extends MaterialComponent {
         });
         this.filteredOptions = this.selectOptions;
     }
+    isError() {
+        if (this.instance.error) {
+            this.control.setErrors(this.instance.component.validate);
+            return true;
+        }
+        else {
+            return false;
+        }
+    }
+    getErrorMessage() {
+        if (this.instance.error && this.instance.error.messages) {
+            const { messages } = this.instance.error;
+            if (messages.length) {
+                for (const msg of messages) {
+                    if (msg.context) {
+                        if (this.instance && this.instance.parent && this.instance.parent._data) {
+                            if (this.instance.parent._data.submit) {
+                                this.control.markAllAsTouched();
+                            }
+                        }
+                        return this.instance.error ? this.instance.error.message : '';
+                    }
+                }
+            }
+        }
+    }
     compareObjects(o1, o2) {
         return _.isEqual(o1, o2);
     }
@@ -2851,7 +2880,7 @@ MaterialSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0"
         <span *ngIf="instance.component.suffix" matSuffix>
           {{ instance.component.suffix }}
         </span>
-        <mat-error *ngIf="instance.error">{{ instance.error.message }}</mat-error>
+          <mat-error *ngIf="isError()" >{{ getErrorMessage() }}</mat-error>
       </mat-form-field>
     </ng-template>
   `, isInline: true, styles: [".example-viewport{height:200px}.product-picker{overflow-x:hidden}.virtual-full-view{height:auto!important;white-space:normal!important;line-height:1.4!important;text-overflow:initial!important;min-height:48px!important;overflow:visible!important;overflow:initial!important;padding-top:10px!important;padding-bottom:10px!important}::ng-deep .product-picker .cdk-virtual-scroll-content-wrapper{width:100%!important}.virtual-full-view .mat-pseudo-checkbox{align-self:top!important}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.MatError, selector: "mat-error", inputs: ["id"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatPrefix, selector: "[matPrefix]" }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix]" }, { kind: "component", type: i4$3.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i5$1.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: i4$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i5.FlexFillDirective, selector: "[fxFill], [fxFlexFill]" }, { kind: "component", type: i9.MatSelectSearchComponent, selector: "ngx-mat-select-search", inputs: ["placeholderLabel", "type", "closeIcon", "closeSvgIcon", "noEntriesFoundLabel", "indexAndLengthScreenReaderText", "clearSearchInput", "searching", "disableInitialFocus", "enableClearOnEscapePressed", "preventHomeEndKeyPropagation", "disableScrollToActiveOnOptionsChanged", "ariaLabel", "showToggleAllCheckbox", "toggleAllCheckboxChecked", "toggleAllCheckboxIndeterminate", "toggleAllCheckboxTooltipMessage", "toogleAllCheckboxTooltipPosition", "hideClearSearchButton", "alwaysRestoreSelectedOptionsMulti"], outputs: ["toggleAll"] }, { kind: "directive", type: i9.MatSelectSearchClearDirective, selector: "[ngxMatSelectSearchClear]" }, { kind: "component", type: FormioFormFieldComponent, selector: "mat-formio-form-field", inputs: ["labelTemplate", "renderTopLabel", "showDescription", "renderElementOnly", "instance", "componentTemplate"] }, { kind: "component", type: LabelComponent, selector: "span[matFormioLabel]", inputs: ["instance"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] });
@@ -2894,7 +2923,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImpor
         <span *ngIf="instance.component.suffix" matSuffix>
           {{ instance.component.suffix }}
         </span>
-        <mat-error *ngIf="instance.error">{{ instance.error.message }}</mat-error>
+          <mat-error *ngIf="isError()" >{{ getErrorMessage() }}</mat-error>
       </mat-form-field>
     </ng-template>
   `, styles: [".example-viewport{height:200px}.product-picker{overflow-x:hidden}.virtual-full-view{height:auto!important;white-space:normal!important;line-height:1.4!important;text-overflow:initial!important;min-height:48px!important;overflow:visible!important;overflow:initial!important;padding-top:10px!important;padding-bottom:10px!important}::ng-deep .product-picker .cdk-virtual-scroll-content-wrapper{width:100%!important}.virtual-full-view .mat-pseudo-checkbox{align-self:top!important}\n"] }]