ngx-wapp-components 3.2.11-alpha.9 → 3.2.11

package/src/lib/misc/w-filter-panel/w-filter-panel.component.ts

@@ -1,949 +0,0 @@
-import { Component, EventEmitter, Input, OnInit, Output, ViewChild } from '@angular/core';
-import { FormBuilder, FormControl } from '@angular/forms';
-import { NotificationsEventEnum, OperatorEnum, PeriodSelectEnum, QBDataTypeEnum } from '../../shared/models/enums.model';
-import { QbPanelFilter } from '../../shared/models/filter-panel/qb-panel-filter.model';
-import { Entity, EntityMap, Field, FieldMap, QueryBuilderConfig, Rule, RuleSet } from '../../shared/models/filter-panel/field.model';
-import { FilterPanelTranslations } from '../../shared/models/filter-panel/filter-panel-translations.model';
-import { QueryResultType, QueryResults } from '../../shared/models/filter-panel/query-results.model';
-import { FilterField } from '../../shared/models/filter-panel/filter-field.models';
-import { QbFilterEntity } from '../../shared/models/filter-panel/qb-filter-entity.model';
-import { ApiService } from '../../shared/service/api/api.service';
-import { StoredFilterPanelQuery } from '../../shared/models/stored-filter-panel-query.model';
-import { SessionStorageService } from '../../shared/services/session-storage.service';
-import { NullableSelectOption } from '../../shared/models/filter-panel/nullable-select-option.model';
-import { BooleanSelectOption } from '../../shared/models/filter-panel/boolean-select-option.model';
-import { TranslatedSelectOption } from '../../shared/models/filter-panel/translated-select-optinon.model';
-import { WPeriodSelectFieldComponent } from '../../shared/components/w-period-select-field/w-period-select-field.component';
-import { QueryBuilderComponent } from './query-builder/query-builder.component';
-import { LocalStorageService } from '../../shared/services/local-storage.service';
-
-const ticketsPeriodSelectType: string = 'ticketsPeriodSelectType';
-
-@Component({
-    selector: 'w-filter-panel',
-    templateUrl: './w-filter-panel.component.html',
-    styleUrls: ['./w-filter-panel.component.scss'],
-    standalone: false
-})
-export class WFilterPanelComponent implements OnInit {
-  public queryCtrl!: FormControl;
-  public advancedQueryCtrl!: FormControl;
-  public groupedQueryCtrl!: FormControl;
-  public persistValueOnFieldChange: boolean = false;
-  
-  queryConfigReady: boolean = false;
-  isAdvancedSearch: boolean = false;
-  qbDataTypeEnum = QBDataTypeEnum;
-  qbDataEnums = Object.values(QBDataTypeEnum);
-  basicQueryConfig!: any;
-  advancedQueryConfig!: any;
-  basicQuery: any = {
-    condition: 'and',
-    rules: []
-  };
-  groupedQuery: any = {
-    condition: 'and',
-    rules: []
-  };
-  advancedQuery: any = {
-    condition: 'and',
-    rules: []
-  };
-  filterPanelObject!: QbPanelFilter;
-  entityConfigGrouped: QueryBuilderConfig = { fields: {} };
-  entities: any[] = [];
-  defaultValues: any[] = [];
-  defaultOperators: any[] = [];
-  storedQuery!: StoredFilterPanelQuery;
-  parentRoute!: string;
-  notificationEventField: string = 'notificationevent';
-  periodSelectField: string = 'periodSelect';
-  notificationEventRulesToAdd:any[] = []; 
-  periodSelectRulesToAdd:any[] = []; 
-  lastFromPeriodSelectDateValue!: string;
-  lastToPeriodSelectDateValue!: string;
-  periodSelectEnum: typeof PeriodSelectEnum = PeriodSelectEnum;
-
-  @Input('apiUrl') authorizationApiUrl!: string;
-  @Input('commonDataApiUrl') commonDataApiUrl!: string;
-  @Input('notificationApiUrl') notificationApiUrl!: string;
-  @Input('segmentationApiUrl') segmentationApiUrl!: string;
-  @Input('productApiUrl') productApiUrl!: string;
-  @Input('token') token!: string;
-  @Input('commonDataToken') commonDataToken!: string;
-  @Input('segmentationToken') segmentationToken!: string;
-  @Input('filterId') filterId!: string;
-  @Input('dataIsLoadingSearchButton') dataIsLoadingSearchButton: boolean = false;
-  @Input('tenantId') tenantId!: string;
-  @Input('applicationId') applicationId!: string;
-  @Input('fieldsToKeepLocalDate') fieldsToKeepLocalDate: string[] = [];
-  @Input('fieldsForNotificationEvent') fieldsForNotificationEvent: string[] = [];
-  @Input('notificationEventEntity') notificationEventEntity!: string;
-
-  @Input('translationsObject') translationsObject: FilterPanelTranslations = {
-    basicSearchTabLabel: 'Basic search',
-    advancedSearchTabLabel: 'Advanced search',
-    groupedFilterTitle: 'Grouped filter',
-    advancedSearch: {
-      andButtonLabel: 'And',
-      orButtonLabel: 'Or',
-      addRuleButtonLabel: 'Add filter',
-      addRuleSetButtonLabel: 'Add filter set',
-      removeRuleSetButtonLabel: 'Remove rule set'
-    },
-    noRulesLabel: 'Add filter or filter set to start',
-    searchButtonLabel: 'Clear',
-    clearButtonLabel: 'Clear',
-    fieldsPlaceholders: {
-      boolean: {
-          true: 'True',
-          false: 'False'
-      },
-      decimal: 'Insert decimal number',
-      list: 'Select an option',
-      number: 'Insert a number',
-      text: 'Insert text',
-      datetime: 'Select a date',
-      from: 'From',
-      to: 'To'
-    },
-    firstDayOfWeek: 0,
-    operators: {
-      contains:'contains'
-    },
-    fields: {
-      IdleDeadline: 'Id',
-      name: 'Name',
-      code: 'Code',
-      delete: 'Deleted',
-      country: 'Country'
-    },
-    nullableSelectOptions: {
-      customeroperation: {
-        isNullOption: 'No customers',
-        isNotNullOption: 'Customers'
-      }
-    },
-    booleanSelectOptions: {
-      voidedoperation: {
-        isNullOption: 'No voided',
-        isNotNullOption: 'Voided'
-      }
-    },
-    translatedSelectOptions: {
-      welcome: "Bienvenida",
-      segmented: "Segmentos de cliente",
-      lottery: "Sorteo",
-      conditionalOnPurchase: "Compra",
-      manual : "Manual"
-    }
-  };
-
-  @Input('translationsEspecificFieldOptions') translationsEspecificFieldOptions!: {field: string, options: any}[];
-  
-  @Output('searchClicked') searchClicked = new EventEmitter<QueryResults>();
-  @Output('clearClicked') clearClicked = new EventEmitter<boolean>();
-  @Output('lastQuery') lastQuery = new EventEmitter<QueryResults>();
-  @Output('hasDefaultValues') hasDefaultValues = new EventEmitter<boolean>();
-  
-  stateOptions: any[] = [{ label: this.translationsObject.advancedSearch.andButtonLabel, value: 'and' }, { label: this.translationsObject.advancedSearch.orButtonLabel, value: 'or' }];
-  
-  @ViewChild('advancedQueryBuilder', { static: false }) queryBuilder!: QueryBuilderComponent;
-  @ViewChild('basicQueryBuilderObject') basicQueryBuilderObject!: QueryBuilderComponent;
-  @ViewChild('periodSelect') periodSelectComponent!: WPeriodSelectFieldComponent;
-  
-  constructor(
-    private formBuilder: FormBuilder, 
-    private apiService: ApiService,
-    private sessionStorage: SessionStorageService,
-    private localStorage: LocalStorageService
-  ) { }
-
-  ngOnInit() {
-    this.isAdvancedSearch = this.sessionStorage.getLastFilterPanelQuery(this.tenantId, this.filterId)?.advancedQueryValue ? true : false;
-    if((this.storedQuery?.advancedQueryValue && this.storedQuery?.advancedQueryValue.rules.length == 0) ||  (this.storedQuery?.basicQueryValue && this.storedQuery?.basicQueryValue.rules.length == 0)) {
-      //Do nothing
-    } else {
-      this.storedQuery= this.sessionStorage.getLastFilterPanelQuery(this.tenantId, this.filterId)
-    }
-    this.getQueryBuilderFilterPanel();
-  }
-
-  initQueryBuilderControls() {
-    this.queryCtrl = this.formBuilder.control(this.basicQuery);
-    this.advancedQueryCtrl = this.formBuilder.control(this.advancedQuery);
-    if(this.filterPanelObject.allowGrouped) {
-      this.groupedQueryCtrl = this.formBuilder.control(this.groupedQuery);
-    }
-    
-    if((this.storedQuery?.advancedQueryValue && this.storedQuery?.advancedQueryValue.rules.length == 0) ||  (this.storedQuery?.basicQueryValue && this.storedQuery?.basicQueryValue.rules.length == 0)) {
-      //Do nothing
-    } else {
-      let lastQuery: QueryResults = {
-        type: this.getQueryType(),
-        basic: this.storedQuery?.basicQueryValue ? Object.assign({}, this.storedQuery?.basicQueryValue) : null,
-        advanced: this.storedQuery?.advancedQueryValue ? Object.assign({}, this.storedQuery?.advancedQueryValue) : null,
-        grouped: this.isAdvancedSearch && this.filterPanelObject.allowGrouped && this.groupedQueryCtrl ? Object.assign({}, this.groupedQueryCtrl?.value) : null
-      }
-
-        this.setNoFiltersQueryType(lastQuery)
-        .then((res) => {
-          lastQuery = this.deleteFieldsWithoutValue(lastQuery);
-          lastQuery = this.handleEmptyFieldsQuery(lastQuery);
-          this.lastQuery.emit(lastQuery);
-        }).then(() => {
-          this.inverseNullableFilterOperationHandle(this.advancedQueryCtrl.value);
-        })
-        .then(() => {
-          this.onSearchClicked();
-        });
-    }
-  }
-
-  nullableSelectPlaceholder(rule: Rule, options: NullableSelectOption[]) {
-    if(rule.operator == 'is' && rule.value == 'null') {
-      rule.value = 0;
-      return this.translationsObject.nullableSelectOptions![options[0].name].isNullOption;
-    }
-    if(rule.operator == 'is not' && rule.value == 'null') {
-      rule.value = 1;
-      return this.translationsObject.nullableSelectOptions![options[0].name].isNotNullOption;
-    }
-    return this.translationsObject.fieldsPlaceholders.list;
-  }
-  
-  setEmtpyArraysToNull(query: any) {
-    if ("rules" in query) {
-      query.rules.forEach((rule: RuleSet | Rule) => {
-        this.setEmtpyArraysToNull(rule);
-      });
-    } else {
-      if (query.value instanceof Array && query.value.length == 0) {
-        query.value = null;
-      }
-    }
-  }
-
-  updateSearchType() {
-    this.isAdvancedSearch = !this.isAdvancedSearch;
-    if(this.isAdvancedSearch) {
-      setTimeout(() => {
-        this.updateNullableElements(this.queryBuilder.config.fields)
-      }, 3000);
-    }
-  }
-
-  updateNullableElements(elements: { [key: string]: any }): void {
-    for (const key in elements) {
-        if (elements.hasOwnProperty(key)) {
-            const element = elements[key];
-            if (element.operators.includes('nullable') && element.defaultValue == null) {
-                element.defaultValue = 0;
-            }
-        }
-    }
-  }
-
-  onSearchClicked() {
-    let queries: QueryResults = {
-      type: this.getQueryType(),
-      basic: this.isAdvancedSearch ? null : Object.assign({}, this.queryCtrl.value),
-      advanced: this.isAdvancedSearch ? Object.assign({}, this.advancedQueryCtrl.value) : null,
-      grouped: this.isAdvancedSearch && this.filterPanelObject.allowGrouped ? Object.assign({}, this.groupedQueryCtrl.value) : null,
-      options: {
-        periodSelectType: this.periodSelectComponent ? this.periodSelectComponent.periodCategorySelected : null,
-      }
-    }
-    
-    this.setEntity(queries);
-
-    queries = this.initializeOperators(queries);
-
-    this.setNoFiltersQueryType(queries).then((resQueries:any) => {
-      if(resQueries.type != 0){
-        this.nullableFilterOperationHandle(queries.basic ? queries.basic : queries.advanced);
-        this.setPeriodSelectValue(queries.basic ? queries.basic : queries.advanced);
-      }
-    }).then((resQueries:any) => {
-      let storedQuery: StoredFilterPanelQuery = {
-        id: this.filterId,
-        basicQueryValue: queries.basic,
-        advancedQueryValue: queries.advanced,
-        groupedQueryValue: queries.grouped
-      }
-      this.setEmtpyArraysToNull(queries.basic ? queries.basic : queries.advanced);
-      
-      if(storedQuery.advancedQueryValue && storedQuery.advancedQueryValue.rules == 0) {
-        //Do nothing
-      } else {
-        this.sessionStorage.setLastFilterPanelQuery(this.tenantId, storedQuery);
-      }
-      this.keepLocalDateFilterOperationHandle(queries.basic ? queries.basic : queries.advanced);
-    }).then((resQueries: any) => {
-      queries = this.deleteFieldsWithoutValue(queries);
-      queries = this.handleEmptyFieldsQuery(queries);
-
-      if(queries.advanced){
-        queries.advanced = this.modifyTreeListValueParentToNull(queries.advanced);
-      }else{
-        queries.basic = this.modifyTreeListValueParentToNull(queries.basic);
-      }
-      
-      this.searchClicked.emit(queries);
-    }).then(() => {
-      this.inverseNullableFilterOperationHandle(this.advancedQueryCtrl.value);
-    })
-    .catch((error) => {
-      console.error("Error en la promesa:", error);
-    });
-  }
-
-  setNoFiltersQueryType(queries:any) {
-    return new Promise((resolve, reject) => {
-      queries = this.handleEmptyFieldsQuery(queries);
-        resolve(queries);
-    });
-  }
-
-  onClearClicked() {
-    this.resetBasicQueryValues();
-    this.clearPeriodSelectComponent();
-    this.advancedQuery.rules = [];
-    this.groupedQuery.rules = [];
-    this.sessionStorage.removeLastFilterPanelQuery(this.tenantId, this.filterId);
-    this.clearClicked.emit(true);
-  }
-
-  clearPeriodSelectComponent() {
-    if(this.periodSelectComponent) {
-      this.periodSelectComponent.onClearCategory();
-    }
-  }
-
-  handleEmptyFieldsQuery(queries: QueryResults): QueryResults {
-    if(queries.advanced != null && queries.advanced?.rules.length == 0) {
-      queries.type = 0
-    }
-    if(queries.basic != null && queries.basic?.rules.length == 0) {
-      queries.type = 0
-    }
-    if(queries.grouped != null && queries.grouped?.rules.length == 0) {
-      queries.type = 0
-    }
-    return queries;
-  }
-
-  nullableFilterOperationHandle(query: any) {
-    if ("rules" in query) {
-      query.rules.forEach((rule: RuleSet | Rule) => {
-        this.nullableFilterOperationHandle(rule);
-      });
-    } else {
-      if (query.operator === OperatorEnum.Nullable || ((query.operator == 'is' || query.operator == 'is not') && (query.value == 1 || query.value == 0))) {
-        if(query.value == 1) {
-          query.operator = 'is not';
-        }
-        if(query.value == 0) {
-          query.operator = 'is';
-        }
-        query.value = 'null';
-      }
-    }
-  }
-
-  setPeriodSelectValue(query: any) {
-    if ("rules" in query) {
-      query.rules.forEach((rule: RuleSet | Rule) => {
-        this.setPeriodSelectValue(rule);
-      });
-    } else {
-      if(query.field === 'periodSelect' && query.value.periodType === PeriodSelectEnum.Last24Hours) {
-        query.value.toDate = new Date();
-        query.value.fromDate = new Date(new Date().getTime() - 24 * 60 * 60 * 1000);
-      }
-      if(query.field === 'periodSelect' && query.value.periodType === PeriodSelectEnum.Last3Months) {
-        query.value.toDate = new Date();
-        query.value.fromDate = new Date(new Date().setMonth(new Date().getMonth() - 3));
-      }
-    }
-  }
-
-  inverseNullableFilterOperationHandle(query: any) {
-    if ("rules" in query) {
-      query.rules.forEach((rule: RuleSet | Rule) => {
-        this.inverseNullableFilterOperationHandle(rule);
-      });
-    } else {
-      if ((query.operator == 'is not' || query.operator == 'is') && query.value == 'null') {
-        if(query.operator == 'is not') {
-          query.value = 1;
-        }
-        if(query.operator == 'is') {
-          query.value = 0;
-        }
-      }
-    }
-  }
-
-  keepLocalDateFilterOperationHandle(query: any){
-    if(this.fieldsToKeepLocalDate.length > 0){
-      if("rules" in query){
-        query.rules.forEach((rule: RuleSet | Rule) => {
-          this.keepLocalDateFilterOperationHandle(rule);
-        });
-      }else{
-        if (this.fieldsToKeepLocalDate.includes(query.field) && query.value) {
-          const dateValue = new Date(query.value);
-          const toUTCDate = new Date(Date.UTC(dateValue.getFullYear(), dateValue.getMonth(), dateValue.getDate(), dateValue.getHours(), dateValue.getMinutes(), dateValue.getSeconds(), dateValue.getMilliseconds()));
-          query.value = toUTCDate;
-        } else {
-          if(query.field == 'periodSelect' && query.value) {
-            if(this.lastFromPeriodSelectDateValue != query.value.fromDate) {
-              const fromDateValue = new Date(query.value.fromDate);
-              const toUTCFromDate = new Date(Date.UTC(fromDateValue.getFullYear(), fromDateValue.getMonth(), fromDateValue.getDate(), fromDateValue.getHours(), fromDateValue.getMinutes(), fromDateValue.getSeconds(), fromDateValue.getMilliseconds()));
-              query.value.fromDate = toUTCFromDate;
-              this.lastFromPeriodSelectDateValue = query.value.fromDate;
-            }
-
-            if(this.lastToPeriodSelectDateValue != query.value.toDate) {
-              const toDateValue = new Date(query.value.toDate);
-              const toUTCToDate = new Date(Date.UTC(toDateValue.getFullYear(), toDateValue.getMonth(), toDateValue.getDate(), toDateValue.getHours(), toDateValue.getMinutes(), toDateValue.getSeconds(), toDateValue.getMilliseconds()));
-              query.value.toDate = toUTCToDate;
-              this.lastToPeriodSelectDateValue = query.value.toDate;
-            }
-          }
-        }
-        
-      }
-    }
-  }
-
-  
-modifyTreeListValueParentToNull(query: any): any {
-  const clonedQuery = JSON.parse(JSON.stringify(query));
-
-  if ("rules" in clonedQuery) {
-    clonedQuery.rules = clonedQuery.rules.map((rule: RuleSet | Rule) =>
-      this.modifyTreeListValueParentToNull(rule)
-    );
-    return clonedQuery;
-  } else {
-    if ((clonedQuery.field === 'section' || clonedQuery.field === 'category') && clonedQuery.operator === '=') {
-      clonedQuery.extra = clonedQuery.value;
-      clonedQuery.value = clonedQuery.value.ids;
-      clonedQuery.operator = 'in';
-    }
-    return clonedQuery;
-  }
-}
-
-
-  modifyNotificationEventValue(query: any){
-    if(this.fieldsForNotificationEvent.length > 0 && this.notificationEventEntity && query){
-      if ("rules" in query) {
-        query.rules.forEach((rule: RuleSet | Rule) => {
-          this.modifyNotificationEventValue(rule);
-        });
-
-        if(this.notificationEventRulesToAdd.length > 0){
-          query.rules.push(...this.notificationEventRulesToAdd)
-          query.rules = query.rules.filter((obj:any) => obj.field !== this.notificationEventField);
-          this.notificationEventRulesToAdd = [];
-        }
-      }else{
-        if (query.value && query.field == this.notificationEventField && query.entity == this.notificationEventEntity) {
-          query.extra = query.value; 
-          let rules = [];
-
-          if(query.extra.property == NotificationsEventEnum.EventGroup){
-            rules = [
-              {
-                field: this.fieldsForNotificationEvent[NotificationsEventEnum.EventGroup - 1],
-                operator: "=", 
-                value: query.extra.data, 
-                entity: this.notificationEventEntity
-              }
-            ]; 
-          }else{
-            rules = [
-              {
-                field: this.fieldsForNotificationEvent[NotificationsEventEnum.EventGroup - 1],
-                operator: "=", 
-                value: query.extra.eventCategoryId, 
-                entity: this.notificationEventEntity
-              }, 
-              {
-                field: this.fieldsForNotificationEvent[NotificationsEventEnum.Event - 1],
-                operator: "=", 
-                value: query.extra.data, 
-                entity: this.notificationEventEntity
-              }
-            ]; 
-          }
-          this.notificationEventRulesToAdd.push(...rules); 
-        }
-      }
-      return query;
-    }
-  }
-
-  modifyPeriodSelectValue(query: any) {
-    let periodSelect = query.rules.filter((rule: Rule) => rule.field == this.periodSelectField);
-    if(periodSelect.length > 0 && periodSelect[0].value) {
-        let rules = [];
-        if(periodSelect[0].value.fromDate) {
-          rules.push(
-            {
-              field: "fromdevicedate",
-              operator: ">=", 
-              value: periodSelect[0].value.fromDate, 
-              entity: "operation",
-            }
-          )
-        }
-        if(periodSelect[0].value.toDate) {
-          rules.push({
-              field: "todevicedate",
-              operator: "<=", 
-              value: periodSelect[0].value.toDate, 
-              entity: "operation",
-            }
-          );
-        }
-        this.removeRulesRecursively(query, ['periodSelect']);
-        query.rules.push(...rules); 
-      return query;
-    }
-  }
-
-  removeRulesRecursively(query: any, fieldsToRemove: string[]) {
-    if (!query || !query.rules) return;
- 
-    query.rules = query.rules.filter((rule: any) => {
-      if (rule.rules) {
-        this.removeRulesRecursively(rule, fieldsToRemove);
-        return rule.rules.length > 0;
-      }
-      return fieldsToRemove.includes(rule.field) ? false : true;
-    });
-  }
-  
-  getQueryType(): QueryResultType {
-    if(!this.isAdvancedSearch) {
-      return QueryResultType.Basic;
-    } else {
-      if(this.isAdvancedSearch && this.groupedQueryCtrl?.value) {
-        return QueryResultType.Grouped
-      } else {
-        return QueryResultType.Advanced;
-      }
-    }
-  }
-
-  setEntity(queries: QueryResults) {
-    if(this.getQueryType() == QueryResultType.Basic) {
-      queries.basic!.rules = queries.basic!.rules.map((r:any) => {
-        return {
-          field: r.field,
-          operator: r.operator,
-          value: r.value,
-          entity: this.entities.find(e => e.fieldJsonName == r.field).entity
-        }
-      })
-    }
-  }
-
-  getQueryBuilderFilterPanel() {
-    this.apiService.getFilterPanel(this.authorizationApiUrl, this.token, this.commonDataApiUrl, this.commonDataToken, this.tenantId, this.applicationId, this.filterId)
-      .subscribe((qbPanelFilter: QbPanelFilter) => {
-        this.filterPanelObject = qbPanelFilter;
-        let basicFilterIds: number[] = qbPanelFilter.qbpanelToFields.filter(panelToField => panelToField.basic).map(panelToField => panelToField.qbfilterFieldId);
-        let advancedFilterIds: number[] = qbPanelFilter.qbpanelToFields.filter(panelToField => !panelToField.basic).map(panelToField => panelToField.qbfilterFieldId);
-        this.defaultValues = qbPanelFilter.qbpanelToFields.map(panelToField => {
-          return {
-            qbfilterFieldId: panelToField.qbfilterFieldId, 
-            basic: panelToField.basic, 
-            defaultValue: this.defaultValueAdapter(panelToField.defaultValue)
-          }
-        })
-        this.hasDefaultValues.emit(this.defaultValues.some((v) => v.defaultValue != null));
-        this.defaultOperators = qbPanelFilter.qbpanelToFields.map(panelToField => {
-          return {
-            qbfilterFieldId: panelToField.qbfilterFieldId,
-            qbdefaultOperator: panelToField.qbdefaultOperator
-          }
-        })
-        let filterEntity: QbFilterEntity[] = qbPanelFilter.qbpanelToFields.map(panelToField => {
-          return {
-            id: panelToField.qbfilterField.qbfilterEntity.id, 
-            basic: panelToField.basic,
-            name: panelToField.qbfilterField.qbfilterEntity.name, 
-            jsonName: panelToField.qbfilterField.qbfilterEntity.jsonName, 
-            fields: []
-          }
-        });
-
-        let filterFields: FilterField[] = qbPanelFilter.qbpanelToFields.map(p => p.qbfilterField);
-        filterEntity.forEach((entity: QbFilterEntity, index: number) => {
-           let fields = filterFields.filter(e => e.qbfilterEntity.id == entity.id);
-           filterEntity[index].fields = fields ;
-        })
-        
-        this.basicQueryConfig = this.initQueryBuilder(filterEntity, true);
-        this.basicQueryConfig = this.filterFieldsById(this.basicQueryConfig, basicFilterIds);
-        this.basicQueryConfig.fields = this.translateFields(this.basicQueryConfig.fields);
-        this.advancedQueryConfig = this.initQueryBuilder(filterEntity, false);
-        this.advancedQueryConfig = this.filterFieldsById(this.advancedQueryConfig, advancedFilterIds);
-        this.advancedQueryConfig.fields = this.translateFields(this.advancedQueryConfig.fields);
-        let rules = Object.keys(this.basicQueryConfig.fields)
-          .filter(fieldKey => { 
-            if(
-              (this.filterId == 'tickets' || this.filterId == 'last-3-months-tickets') &&
-              Object.keys(this.basicQueryConfig.fields).includes('periodSelect')
-            ) {
-              return  fieldKey !== 'todevicedate' && fieldKey !== 'fromdevicedate'
-            }
-            return true;
-          })
-          .map(fieldKey => { 
-            let defaultOperator = this.defaultOperators.find(operator => operator.qbfilterFieldId == this.basicQueryConfig.fields[fieldKey].id && operator.qbdefaultOperator != null);
-            return {
-              field: fieldKey, 
-              value: this.basicQueryConfig.fields[fieldKey].defaultValue!,
-              operator: defaultOperator ? defaultOperator.qbdefaultOperator.symbol : null
-            }
-          });
-          if(this.storedQuery && this.storedQuery?.id == this.filterId && this.storedQuery?.basicQueryValue && this.storedQuery?.basicQueryValue.rules.length != 0) {
-            this.basicQuery = this.storedQuery.basicQueryValue;
-          } else {
-            this.basicQuery = {
-              condition: 'and',
-              rules: rules
-            };
-          }
-          if(this.storedQuery && this.storedQuery?.id == this.filterId && this.storedQuery?.advancedQueryValue && this.storedQuery?.advancedQueryValue.rules.length != 0) {
-            this.advancedQuery = this.storedQuery.advancedQueryValue;
-          } else {
-            this.advancedQuery = {
-              condition: 'and',
-              rules: []
-            };
-          }
-
-        this.queryConfigReady = true;
-        this.initQueryBuilderControls();
-      })
-  }
-
-  defaultValueAdapter(value: any) {
-    if(value == 'QBFilterOptionsEnumNull') {
-      return 0;
-    }
-
-    if(value == 'QBFilterOptionsEnumNotNull') {
-      return 1;
-    }
-    
-    if(value == '0') {
-      return 0;
-    }
-
-    if(value == '1') {
-      return 1;
-    }
-    if(value == 'FromDateTimeNow') {
-      return new Date(new Date(new Date().getFullYear(), new Date().getMonth(), new Date().getDate(), 0,0,0));
-    }
-    if(value == 'ToDateTimeNow') {
-      return new Date(new Date(new Date().getFullYear(), new Date().getMonth(), new Date().getDate(), 23,59,59));
-    }
-    if(value == 'PeriodSelectLast24Hours') {
-      const now = new Date();
-      let tenantId = this.localStorage.getTenant().tenantId;
-      let ticketsPeriodSelectTypeValue = this.sessionStorage.getTenantPeriodSelectType(tenantId, ticketsPeriodSelectType);
-      if(!ticketsPeriodSelectTypeValue) {
-        this.sessionStorage.setTenantPeriodSelectType(tenantId, ticketsPeriodSelectType, PeriodSelectEnum.Last24Hours);
-      }
-      return {
-        periodType: PeriodSelectEnum.Last24Hours,
-        fromDate: new Date(now.getTime() - 24 * 60 * 60 * 1000),
-        toDate: now
-      }
-    }
-    if(value == 'PeriodSelectLast3Months') {
-      const now = new Date();
-      let tenantId = this.localStorage.getTenant().tenantId;
-      let ticketsPeriodSelectTypeValue = this.sessionStorage.getTenantPeriodSelectType(tenantId, ticketsPeriodSelectType);
-      if(!ticketsPeriodSelectTypeValue) {
-        this.sessionStorage.setTenantPeriodSelectType(tenantId, ticketsPeriodSelectType, PeriodSelectEnum.Last3Months);
-      }
-      return {
-        periodType: PeriodSelectEnum.Last3Months,
-        fromDate: new Date(now.setMonth(new Date().getMonth() - 3)),
-        toDate: now
-      }
-    }
-    return value;
-  }
-
-  initQueryBuilder(filterEntities: QbFilterEntity[], isBasic: boolean) {
-    let entityConfigAux: QueryBuilderConfig = { fields: {} };
-    let entitiesArray: EntityMap[] = [];
-    
-    filterEntities.map((e, index) => {
-      let entity: Entity = { name: e.jsonName };
-      return entitiesArray[index] = { [e.jsonName]: entity };
-    });
-
-    let entitiesMap: EntityMap = {};
-
-    for (const entity of entitiesArray) {
-      const keys = Object.keys(entity);
-
-      keys.forEach(key => {
-        if(this.translationsObject.entities) {
-          let entitiesTranslationsKeys = Object.keys(this.translationsObject.entities);
-          let translation = entitiesTranslationsKeys.find(translationKey => translationKey == key);
-          if(translation) {
-            entitiesMap[key] = { name: this.translationsObject.entities[key] }
-          } else {
-            entitiesMap[key] = entity[key]
-          }
-        } else {
-          entitiesMap[key] = entity[key]
-        }
-      });
-
-      entityConfigAux.entities = entitiesMap;
-    }
-
-    let fields: FieldMap[] = [];
-    filterEntities.forEach((filterEntity) => {
-      return filterEntity.fields.filter((filterField: FilterField) => {
-        let index: number = fields.length ?? 0;
-        let operatorsFlatArray = filterField.operators.map((o:any) => o.symbol);
-        let defaultOperator = this.defaultOperators.find(operator => operator.qbfilterFieldId == filterField.id);
-        let field: Field = {
-          id: filterField.id,
-          name: filterField.name,
-          operators: defaultOperator.qbdefaultOperator?.symbol ? this.moveElementToFirstPlace(operatorsFlatArray, defaultOperator.qbdefaultOperator?.symbol) : operatorsFlatArray,
-          type: this.getDataType(filterField.dataType),
-          defaultValue: this.formatDefaultValue(this.defaultValues.find(value => value.qbfilterFieldId == filterField.id && value.basic == isBasic)?.defaultValue, filterField.dataType),
-          defaultOperator: defaultOperator.qbdefaultOperator?.symbol,
-          entity: filterEntity.jsonName,
-          options: filterField.listOfValues, 
-          translationsOptions: this.translationsEspecificFieldOptions ? this.translationsEspecificFieldOptions.find(t => t.field == filterField.jsonName)?.options : null, 
-          validator: (rule: Rule, parent: RuleSet): any | null => {
-            if (rule.operator !== "is null" && rule.operator !== "is not null") {
-              if (rule.value === undefined || rule.value === null || rule.value === '' || rule.value.length == 0) {
-                return { required: 'empty field' };
-              }
-            }
-            return null;
-          }
-        }
-        this.entities.push({fieldJsonName: filterField.jsonName, entity: field.entity});
-        fields[index] = { [filterField.jsonName]: field };
-      });
-    });
-
-    let fieldsMap: FieldMap = {};
-
-    for (const field of fields) {
-      const keys = Object.keys(field);
-      keys.forEach(key => {
-        fieldsMap[key] = field[key];
-      });
-
-      entityConfigAux.fields = fieldsMap;
-    }
-    return entityConfigAux;
-  }
-
-  filterFieldsById(fieldsObj: any, idArray: number[]): any {
-    const filteredFields: any = {};
-    
-    for (const key in fieldsObj.fields) {
-      const field = fieldsObj.fields[key];
-      if (idArray.includes(field.id)) {
-        filteredFields[key] = field;
-      }
-    }
-    
-    return {
-      ...fieldsObj,
-      fields: filteredFields,
-    };
-  }
-
-  translateFields(fields: FieldMap) {
-    for (const key in fields) {
-      if (fields.hasOwnProperty(key)) {
-        fields[key].field = key;
-        fields[key].name = this.translationsObject.fields[key];
-        if(this.translationsObject.extraCompositeFieldName! && this.translationsObject?.extraCompositeFieldName![key]){
-          fields[key].extraName = this.translationsObject.extraCompositeFieldName[key];
-        }
-      }
-    }
-    return fields;
-  }
-
-  moveElementToFirstPlace(array: any[], elementToFirstPlace: string) {
-    const index = array.indexOf(elementToFirstPlace);
-    if (index !== -1) {
-      array.splice(index, 1);
-      array.unshift(elementToFirstPlace); 
-    }
-    return array;
-  }
-
-  formatDefaultValue(value: any, type: QBDataTypeEnum) {
-    if(value) {
-      if(type == QBDataTypeEnum.Boolean) {
-        return value.toLowerCase() === 'true';
-      }
-      if(type == this.qbDataTypeEnum.Number || type == this.qbDataTypeEnum.Decimal || type == this.qbDataTypeEnum.List){
-        return Number(value);
-      }
-      if(type == this.qbDataTypeEnum.NullableSelect) {
-        return 1;
-      }
-      if(type == this.qbDataTypeEnum.BooleanSelect) {
-        return 1;
-      }
-      if(type == this.qbDataTypeEnum.Multiselect && typeof value === 'string') {
-        return this.parseStringToNumberArray(value);
-      }
-      if(type == this.qbDataTypeEnum.TranslatedSelect) {
-        return Number(value);
-      }
-    } 
-    return value;
-  }
-
-  parseStringToNumberArray(input: string): number[] {
-    return input
-      .split(',')
-      .map(num => Number(num.trim()))
-      .filter(num => !isNaN(num));
-  }
-
-  getDataType(id: number) {
-    return this.qbDataEnums.find(value => value === id)?.toString() ?? "";
-  }
-
-  deleteFieldsWithoutValue(json: any) {
-    if (json.basic && json.basic.rules) {
-      json.basic.rules = json.basic.rules.filter((rule: any) => rule.value != null);
-      json.basic.rules = json.basic.rules.filter((rule: any) => rule.value != undefined);
-      json.basic.rules = json.basic.rules.filter((rule: any) => rule.value !== "");
-      json.basic.rules = json.basic.rules.filter((rule: any) => { return !(rule.operator === "nullable" && rule.value === "null"); });
-    }
-    if(json.advanced && json.advanced.rules?.length != 0) {
-      json.advanced.rules = json.advanced.rules.filter((rule: any) => rule.rules?.length != 0);
-      json.advanced.rules = json.advanced.rules.filter((rule: any) => rule.value != null);
-      json.advanced.rules = json.advanced.rules.filter((rule: any) => rule.value != undefined);
-      json.advanced.rules = json.advanced.rules.filter((rule: any) => rule.value !== "");
-      json.advanced.rules = json.advanced.rules.filter((rule: any) => { return !(rule.operator === "nullable" && rule.value === "null"); });
-    }
-    if(json.grouped && json.grouped?.rules.length != 0) {
-      json.grouped.rules = json.grouped.rules.filter((rule: any) => rule.rules?.length != 0);
-    }
-    if(json.grouped && json.grouped?.rules.length == 0) {
-      json.grouped = null;
-    }
-    return json;
-  }
-  
-  initializeOperators(json: any) {
-    if (json.basic && json.basic.rules) {
-      json.basic.rules.forEach((rule:any) => {
-        if(!rule.operator) {
-          rule.operator = "=";
-        }
-      });
-    }
-    return json;
-  }
-
-  resetBasicQueryValues() {
-    this.basicQuery.rules.forEach((rule: Rule) => {
-      if(rule.value || rule.value == 0){
-        rule.value = null
-      }
-    });
-  }
-
-  getQueryFieldName(fieldName: string, fields: FieldMap) {
-    const fieldEntry = Object.keys(fields).find(key => fields[key].field === fieldName);
-
-    return fieldEntry && fields[fieldEntry].name ? fields[fieldEntry].name : fieldName;
-  }
-
-  getNullableSelectOptions(options: NullableSelectOption[]) {
-    return options.map((option: NullableSelectOption) => {
-      return {
-        name: option.value === 1 ? 
-          this.translationsObject.nullableSelectOptions![option.name].isNotNullOption :
-          this.translationsObject.nullableSelectOptions![option.name].isNullOption,
-        value: option.value,
-      }
-    })
-  }
-  
-  getBooleanSelectOptions(options: BooleanSelectOption[]) {
-    return options.map((option: BooleanSelectOption) => {
-      return {
-        name: option.value === 1 ? 
-          this.translationsObject.booleanSelectOptions![option.name].isNotNullOption :
-          this.translationsObject.booleanSelectOptions![option.name].isNullOption,
-        value: option.value,
-      }
-    })
-  }
-
-  getTranslatedSelectOptions(options: TranslatedSelectOption[]) {
-    return options.map((option: TranslatedSelectOption) => {
-      return {
-        name: this.translationsObject.translatedSelectOptions![option.name.charAt(0).toLowerCase() + option.name.slice(1)] ?? option.name, 
-        value: option.value
-      }
-    })
-  }
-
-  fieldIsBoolean(fieldName: string, fields: FieldMap) {
-    const fieldEntry = Object.keys(fields).find(key => fields[key].field === fieldName);
-
-    return fields[fieldEntry!].type == QBDataTypeEnum.Boolean.toString() ? true : false;
-  }
-
-  isMultiselect(rule: Rule) {
-    if(rule.operator == 'in' || rule.operator == 'not in' || rule.operator == 'is null' || rule.operator == 'is not null') {
-      if(rule.value) {
-        if(!Array.isArray(rule.value)) {
-          rule.value = null;
-        }
-      }
-      return true;
-    } else {
-      if(rule.value) {
-        if(Array.isArray(rule.value))
-        rule.value = null;
-      }
-      return false;
-    }
-  }
-
-  isToKeepLocalDate(field: string){
-    return this.fieldsToKeepLocalDate.length == 0 ? false : this.fieldsToKeepLocalDate.includes(field)
-  }
-
-  disableFilterButton() {
-    if(this.filterId == 'tickets' || this.filterId == 'last-3-months-tickets') {
-      return this.periodSelectComponent ? !this.periodSelectComponent.isValid() : false;
-    } else {
-      return false;
-    }
-  }
-}