@senior-agronegocio/angular-components 0.0.58 → 0.0.60

package/fesm2015/senior-agronegocio-angular-components.js

@@ -1,6 +1,6 @@
 import moment from 'moment';
 import { __awaiter, __decorate } from 'tslib';
-import { Subject, BehaviorSubject, of, throwError, forkJoin } from 'rxjs';
+import { Subject, BehaviorSubject, of, throwError } from 'rxjs';
 import sockjsClient from 'sockjs-client';
 import { ɵɵdefineInjectable, Injectable, ɵɵinject, NgModule, Input, Component, LOCALE_ID, EventEmitter, Output, Pipe, InjectionToken } from '@angular/core';
 import { filter, take, finalize, switchMap, map, catchError, takeUntil } from 'rxjs/operators';
@@ -10,7 +10,7 @@ import { CommonModule, registerLocaleData } from '@angular/common';
 import { Validators, FormBuilder, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { ButtonPriority, BadgeColors, FormField, FieldType, StepState as StepState$1, ButtonModule, CustomFieldsModule, ControlErrorsModule, EmptyStateModule, DynamicFormModule, TokenListModule, SidebarModule, LoadingStateModule, NumberInputModule, TableModule as TableModule$1, ObjectCardModule, LocaleModule, BadgeModule } from '@seniorsistemas/angular-components';
 import localePt from '@angular/common/locales/pt';
-import { MessageService as MessageService$1, DialogModule, FieldsetModule } from 'primeng';
+import { MessageService as MessageService$1, ConfirmationService, DialogModule, FieldsetModule } from 'primeng';
 import { user } from '@seniorsistemas/senior-platform-data';
 import { HttpParams, HttpClient } from '@angular/common/http';
 import { MessageService, SharedModule as SharedModule$1 } from 'primeng/api';
@@ -34,6 +34,149 @@ var DateComparisonType;
     DateComparisonType["lessThan"] = "lessThan";
 })(DateComparisonType || (DateComparisonType = {}));
 
+const AGRO_REGEX = {
+    /**
+     * Validação de E-mail
+     */
+    isEmail: /^[^\s@]+@[^\s@]+\.[^\s@]+$/,
+    /**
+     * Validação de Números Inteiros Positivos
+     */
+    positiveInteger: /^[1-9]\d*$/,
+    /**
+     * Validação de Números Decimais Positivos
+     */
+    positiveDecimal: /^\d*\.?\d+$/,
+    /**
+     * Validação de string que consiste apenas em espaços em branco ou está vazia.
+     */
+    onlyBlankSpaces: /^\s*$/,
+    /**
+     * Validação de CEP (Código Postal)
+     */
+    zipCode: /^\d{8}$|^\d{5}-\d{3}$/,
+    /**
+     * Validação de String (qualquer caractere)
+     */
+    isString: /^[\s\S]*$/,
+    /**
+     * Validação de UUID
+     */
+    isUUID: /^[0-9a-fA-F]{8}-[0-9a-fA-F]{4}-[1-5][0-9a-fA-F]{3}-[89abAB][0-9a-fA-F]{3}-[0-9a-fA-F]{12}$/,
+    /**
+     * Validação de Número
+     */
+    isNumber: /^-?\d+$/,
+    /**
+     * Validação de Número Decimal
+     */
+    isDecimal: /^\d*\.?\d+$/,
+    /**
+     * Validação de Placa de Veículo
+     */
+    isLicensePlate: /^[A-Za-z0-9]{1,7}-?[A-Za-z0-9]{1,7}$/,
+    /**
+     * Validação de Número de Telefone
+     */
+    isPhoneNumber: /^\+?\d{1,4}-?\d{6,11}$/,
+    /**
+     * Validação de Data (Formato YYYY-MM-DD)
+     */
+    isDate: /^\d{4}-\d{2}-\d{2}$/,
+    /**
+     * Validação de Hora (Formato HH:mm)
+     */
+    isTime: /^(0\d|1\d|2[0-3]):[0-5]\d$/,
+    /**
+     * Validação de Data e Hora (Formato YYYY-MM-DD HH:mm)
+     */
+    isDateTime: /^\d{4}-\d{2}-\d{2} (0\d|1\d|2[0-3]):[0-5]\d$/,
+    /**
+     * Validação de URL
+     */
+    isURL: /^(http|https):\/\/([\w-]+\.)+[\w-]+(\/[\w- ./?%&=]*)?$/,
+    /**
+     * Validação de Número Hexadecimal
+     */
+    isHexNumber: /^[0-9a-fA-F]+$/,
+    /**
+     * Validação de Base64
+     */
+    isBase64: /^[a-zA-Z0-9+/]+={0,2}$/,
+    /**
+     * Validação de Nome de Usuário (3 a 20 caracteres alfanuméricos)
+     */
+    isUsername: /^\w{3,20}$/,
+    /**
+     * Validação de Alfanumérico
+     */
+    isAlphanumeric: /^[a-zA-Z0-9]+$/,
+    /**
+     * Validação de Slug (letras minúsculas, números e traços)
+     */
+    isSlug: /^[a-z0-9-]+$/,
+    /**
+     * Validação de Número de Cartão de Crédito
+     */
+    isCreditCard: /^\d{4}-\d{4}-\d{4}-\d{4}$/,
+    /**
+     * Validação de Número Hexadecimal
+     */
+    isHexadecimal: /^[0-9a-fA-F]+$/,
+    /**
+     * Validação de Moeda
+     */
+    isCurrency: /^\d+(\.\d{1,2})?$/,
+    /**
+     * Validação de Porcentagem
+     */
+    isPercentage: /^(100(\.0{1,2})?|[1-9]?\d(\.\d{1,2})?)$/,
+    /**
+     * Validação de Tag HTML Simples
+     */
+    isHTMLTag: /^<([a-z]+)([^<]+)*(?:>(.*)<\/\1>|\s+\/>)$/,
+    /**
+     * Validação de Nome de Usuário com Espaços (3 a 20 caracteres alfanuméricos e espaços)
+     */
+    isUsernameWithSpaces: /^[a-zA-Z0-9_ ]{3,20}$/,
+    /**
+     * Validação de Senha Forte (mínimo 8 caracteres, uma letra minúscula, uma letra maiúscula, um número e um caractere especial)
+     */
+    isStrongPassword: /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[@$!%*?&])[A-Za-z\d@$!%*?&]{8,}$/,
+    /**
+     * Validação de String Alfabética
+     */
+    isAlphabetic: /^[a-zA-Z]+$/,
+    /**
+     * Validação de Hora no Formato de 12 Horas
+     */
+    isTime12Hour: /^(0?[1-9]|1[0-2]):\d{2} (AM|PM)$/i,
+    /**
+     * Validação de Latitude
+     */
+    isLatitude: /^[-+]?([1-8]?\d(\.\d+)?|90(\.0+)?)$/,
+    /**
+     * Validação de Longitude
+     */
+    isLongitude: /^[-+]?(180(\.0+)?|((1[0-7]\d)|([1-9]?\d))(\.\d+)?)$/,
+    /**
+     * Validação de Endereço MAC
+     */
+    isMACAddress: /^([0-9A-Fa-f]{2}[:-]){5}([0-9A-Fa-f]{2})$/,
+    /**
+     * Validação de Data de Expiração de Cartão de Crédito
+     */
+    isCreditCardExpiration: /^(0[1-9]|1[0-2])\/\d{2}$/,
+    /**
+     * Validação de Número de Seguro Social (SSN)
+     */
+    isSSN: /^\d{3}-\d{2}-\d{4}$/,
+    /**
+     * Validação se todos os dígitos são iguais
+     */
+    isAllDigitsEqual: /^(.)\1+$/,
+};
+
 var NumberComparisonType;
 (function (NumberComparisonType) {
     NumberComparisonType["EQUALS"] = "EQUALS";
@@ -1055,6 +1198,7 @@ var AGRO_NUMBERS;
     AGRO_NUMBERS[AGRO_NUMBERS["TWO_HUNDRED_AND_TWENTY_ZERO"] = 220] = "TWO_HUNDRED_AND_TWENTY_ZERO";
     AGRO_NUMBERS[AGRO_NUMBERS["TWO_HUNDRED_AND_TWO"] = 202] = "TWO_HUNDRED_AND_TWO";
     AGRO_NUMBERS[AGRO_NUMBERS["ZERO"] = 0] = "ZERO";
+    AGRO_NUMBERS[AGRO_NUMBERS["FIVE_SECONDS"] = 5000] = "FIVE_SECONDS";
 })(AGRO_NUMBERS || (AGRO_NUMBERS = {}));
 
 var AgroStringMasks;
@@ -1378,56 +1522,281 @@ class AgroObjectUtils {
     }
 }
 
-class AgroCookieUtils {
-    static getCookie(name, parseURIValue = false) {
-        const cookieValue = document.cookie.split(';')
-            .map(cookie => cookie.trim())
-            .find(cookie => cookie.startsWith(name));
-        let result = cookieValue === null || cookieValue === void 0 ? void 0 : cookieValue.split('=')[1];
-        if (parseURIValue && result) {
-            result = decodeURIComponent(result);
-        }
-        return result;
-    }
-    static parseCookieToObject(cookieString, parseURIString = false) {
-        const cookieObject = {};
-        if (parseURIString) {
-            cookieString = decodeURIComponent(cookieString);
+class AgroFormValidator {
+    /**
+     * Validator para checar se o campo é um e-mail
+     *
+     * @example
+     * this.myForm = this.fb.group({
+     *     EMAIL_FIELD: ['', [Validators.required, AgroFormValidator.emailValidator]]
+     * });
+     * @param control
+     * @returns
+     */
+    static emailValidator(control) {
+        if (control.value && !AGRO_REGEX.isEmail.test(control.value)) {
+            control.setErrors({ emailValidator: true });
+            return { emailValidator: true };
         }
-        cookieString.split(';').forEach(cookie => {
-            const [key, value] = cookie.split('=').map(c => c.trim());
-            cookieObject[key] = value;
-        });
-        return cookieObject;
-    }
-    setCookie(name, value, days) {
-        const date = new Date();
-        date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
-        const expires = 'expires=' + date.toUTCString();
-        document.cookie = name + '=' + value + ';' + expires + ';path=/';
+        control.setErrors(null);
+        return null;
     }
-}
-
-class AgroDateUtils {
     /**
-     * Verifica se uma data é nula ou indefinida.
-     * @param date - A data a ser verificada.
-     * @returns True se a data for nula ou indefinida, false caso contrário.
+     * Aplique esse validador em um campo do tipo Date, para verificar se a data selecionada é maior ou menor que a data atual.
+     *
+     * Utilize o parâmetro comparisonType para definir se a data selecionada deve ser maior ou menor que a data atual.
+     * A validação será através do enum DateComparisonType.
+     *
+     * @example
+     * this.myForm = this.fb.group({
+     *     NOME_CAMPO: ['', [Validators.required, AgroFormValidator.compareDateWithToday(DateComparisonType.greatherThan)]]
+     * });
+     * @param comparisonType
+     * @returns
      */
-    static isNullOrUndefined(date) {
-        return date === null || date === undefined;
+    static compareDateWithToday(comparisonType) {
+        const compareDate = (control) => {
+            const methodName = 'dateComparisonToday';
+            const selectedDate = new Date(control.value);
+            const currentDate = new Date();
+            const conditions = {
+                [DateComparisonType.greatherThan]: selectedDate <= currentDate,
+                [DateComparisonType.lessThan]: selectedDate >= currentDate
+            };
+            if (conditions[comparisonType]) {
+                return { [methodName]: { value: control.value } };
+            }
+            return null;
+        };
+        return compareDate;
     }
     /**
-     * Verifica se uma data não é nula e não é indefinida.
-     * @param date - A data a ser verificada.
-     * @returns True se a data não for nula e não for indefinida, false caso contrário.
+     * Compara dois campos do tipo Date, verificando se o campo A é maior que o campo B. Se A for maior que B, então
+     * o campo A é invalidado. Caso contrário, o campo A é validado.
+     *
+     * Aplique esse campo no FormGroup, passando os nomes dos campos que deseja comparar.
+     * @example
+     * this.myForm = this.fb.group({
+            NOME_CAMPO_dateA: ['', Validators.required],
+            NOME_CAMPO_dateB: ['', Validators.required]
+        }, { validator: AgroFormValidator.dateComparisonValidator('NOME_CAMPO_dateA', 'NOME_CAMPO_dateB') });
+     * @param controlNameA
+     * @param controlNameB
+     * @returns
      */
-    static isNotNullOrUndefined(date) {
-        return !AgroDateUtils.isNullOrUndefined(date);
+    static compareDateWithOtherDateField(controlNameA, controlNameB) {
+        const compareDate = (control) => {
+            var _a, _b, _c, _d, _e;
+            const formGroup = control;
+            const dateA = (_a = formGroup.get(controlNameA)) === null || _a === void 0 ? void 0 : _a.value;
+            const dateB = (_b = formGroup.get(controlNameB)) === null || _b === void 0 ? void 0 : _b.value;
+            const methodName = 'compareDateWithOtherDateField';
+            if (dateA && dateB) {
+                const dateAObj = new Date(dateA);
+                const dateBObj = new Date(dateB);
+                if (dateAObj < dateBObj) {
+                    (_c = formGroup.get(controlNameA)) === null || _c === void 0 ? void 0 : _c.setErrors({ [methodName]: true });
+                    return { [methodName]: true };
+                }
+                else if ((_d = formGroup.get(controlNameA)) === null || _d === void 0 ? void 0 : _d.hasError(methodName)) {
+                    (_e = formGroup.get(controlNameA)) === null || _e === void 0 ? void 0 : _e.setErrors(null);
+                }
+            }
+            return null;
+        };
+        return compareDate;
     }
     /**
-     * Verifica se uma data é válida.
-     * @param date - A data a ser verificada.
+     * Validator para checar se o campo é um número de telefone de acordo com uma máscara informada.
+     *
+     * @example
+     * this.myForm = this.fb.group({
+     *     TELEFONE_FIELD: ['', [Validators.required, AgroFormValidator.phoneValidator('(99) 9999-9999')]]
+     * });
+     * @param mask
+     * @returns
+     */
+    static phoneValidator(mask) {
+        const phoneControlValidation = (control) => {
+            const methodName = 'phoneValidator';
+            const regex = new RegExp(`^${mask.replace(/9/g, '\\d').replace(/\(/g, '\\(').replace(/\)/g, '\\)').replace(/-/g, '\\-')}$`);
+            if (control.value && !regex.test(control.value)) {
+                control.setErrors({ [methodName]: true });
+                return { [methodName]: true };
+            }
+            control.setErrors(null);
+            return null;
+        };
+        return phoneControlValidation;
+    }
+    /**
+     * Validator para checar se um campo de números é maior ou menor que outro campo.
+     *
+     * Aplique esse validator no FormGroup, passando os nomes dos campos que deseja comparar.
+     * @example
+     * this.myForm = this.fb.group({
+     *     NUMERO_A: ['', Validators.required],
+     *     NUMERO_B: ['', Validators.required]
+     * }, { validator: AgroFormValidator.compareNumberFields('NUMERO_A', 'NUMERO_B', NumberComparisonType.EQUALS) });
+     *
+     * Neste caso, a verificação será se o NUMERO_A é igual ao NUMERB_B.
+     * @param controlNameA
+     * @param controlNameB
+     * @returns
+     */
+    static compareNumberFields(controlNameA, controlNameB, comparisonMethod) {
+        const compareNumber = (control) => {
+            var _a, _b, _c;
+            const formGroup = control;
+            const numberA = (_a = formGroup.get(controlNameA)) === null || _a === void 0 ? void 0 : _a.value;
+            const numberB = (_b = formGroup.get(controlNameB)) === null || _b === void 0 ? void 0 : _b.value;
+            const methodName = 'compareNumberFields';
+            if (numberA && numberB) {
+                const errorType = NumberComparisonType[comparisonMethod];
+                const errorCondition = {
+                    [NumberComparisonType.EQUALS]: numberA !== numberB,
+                    [NumberComparisonType.GREATER_THAN]: numberA <= numberB,
+                    [NumberComparisonType.LESS_THAN]: numberA >= numberB,
+                    [NumberComparisonType.GREATER_THAN_OR_EQUAL]: numberA < numberB,
+                    [NumberComparisonType.LESS_THAN_OR_EQUAL]: numberA > numberB,
+                    [NumberComparisonType.NOT_EQUALS]: numberA === numberB
+                };
+                if (errorCondition[comparisonMethod]) {
+                    const controlA = formGroup.get(controlNameA);
+                    if (controlA) {
+                        controlA.setErrors({ [methodName]: comparisonMethod });
+                    }
+                    return { [methodName]: errorType };
+                }
+                else if ((_c = formGroup.get(controlNameA)) === null || _c === void 0 ? void 0 : _c.hasError(methodName)) {
+                    const controlA = formGroup.get(controlNameA);
+                    if (controlA) {
+                        controlA.setErrors(null);
+                    }
+                }
+            }
+            return null;
+        };
+        return compareNumber;
+    }
+    /**
+     * Validator para checar se um valor está entre os demais valores de três formControls.
+     *
+     * Aplique esse validator no FormGroup, passando os nomes dos três formControls que deseja comparar.
+     * @example
+     * this.myForm = this.fb.group({
+     *     minorFormControl: ['', Validators.required],
+     *     targetFormControl: ['', Validators.required],
+     *     majorFormControl: ['', Validators.required]
+     * }, { validator: AgroFormValidator.checkValueBetween('minorFormControl', 'targetFormControl', 'majorFormControl') });
+     *
+     * Neste caso, a verificação será se o targetFormControl está entre o minorFormControl e o majorFormControl.
+     * @param minorFormControl
+     * @param targetFormControl
+     * @param majorFormControl
+     * @returns
+     */
+    static checkValueBetween(minorFormControl, targetFormControl, majorFormControl) {
+        const checkValue = (control) => {
+            var _a, _b, _c, _d;
+            const formGroup = control;
+            const valueA = (_a = formGroup.get(minorFormControl)) === null || _a === void 0 ? void 0 : _a.value;
+            const valueB = (_b = formGroup.get(targetFormControl)) === null || _b === void 0 ? void 0 : _b.value;
+            const valueC = (_c = formGroup.get(majorFormControl)) === null || _c === void 0 ? void 0 : _c.value;
+            const methodName = 'checkValueBetween';
+            if (valueA && valueB && valueC) {
+                if (valueB < valueA || valueB > valueC) {
+                    const targetControl = formGroup.get(targetFormControl);
+                    if (targetControl) {
+                        targetControl.setErrors({ [methodName]: true });
+                    }
+                    return { [methodName]: true };
+                }
+                else if ((_d = formGroup.get(targetFormControl)) === null || _d === void 0 ? void 0 : _d.hasError(methodName)) {
+                    const targetControl = formGroup.get(targetFormControl);
+                    if (targetControl) {
+                        targetControl.setErrors(null);
+                    }
+                }
+            }
+            return null;
+        };
+        return checkValue;
+    }
+    /**
+     * Validator para checar se o campo é um objeto e se possui uma propriedade específica.
+     *
+     * @example
+     * this.myForm = this.fb.group({
+     *     OBJETO_FIELD: ['', [Validators.required, AgroFormValidator.objectPropertyValidator('propriedade')]]
+     * });
+     * @param propertyName
+     * @returns
+     */
+    static objectPropertyValidator(propertyName) {
+        const objectProperty = (control) => {
+            const methodName = 'objectProperty';
+            if (AgroObjectUtils.isObject(control.value) && AgroObjectUtils.containsProperty(control.value, propertyName)) {
+                control.setErrors(null);
+                return null;
+            }
+            control.setErrors({ [methodName]: true });
+            return { [methodName]: true };
+        };
+        return objectProperty;
+    }
+}
+
+class AgroCookieUtils {
+    static getCookie(name, parseURIValue = false) {
+        const cookieValue = document.cookie.split(';')
+            .map(cookie => cookie.trim())
+            .find(cookie => cookie.startsWith(name));
+        let result = cookieValue === null || cookieValue === void 0 ? void 0 : cookieValue.split('=')[1];
+        if (parseURIValue && result) {
+            result = decodeURIComponent(result);
+        }
+        return result;
+    }
+    static parseCookieToObject(cookieString, parseURIString = false) {
+        const cookieObject = {};
+        if (parseURIString) {
+            cookieString = decodeURIComponent(cookieString);
+        }
+        cookieString.split(';').forEach(cookie => {
+            const [key, value] = cookie.split('=').map(c => c.trim());
+            cookieObject[key] = value;
+        });
+        return cookieObject;
+    }
+    setCookie(name, value, days) {
+        const date = new Date();
+        date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
+        const expires = 'expires=' + date.toUTCString();
+        document.cookie = name + '=' + value + ';' + expires + ';path=/';
+    }
+}
+
+class AgroDateUtils {
+    /**
+     * Verifica se uma data é nula ou indefinida.
+     * @param date - A data a ser verificada.
+     * @returns True se a data for nula ou indefinida, false caso contrário.
+     */
+    static isNullOrUndefined(date) {
+        return date === null || date === undefined;
+    }
+    /**
+     * Verifica se uma data não é nula e não é indefinida.
+     * @param date - A data a ser verificada.
+     * @returns True se a data não for nula e não for indefinida, false caso contrário.
+     */
+    static isNotNullOrUndefined(date) {
+        return !AgroDateUtils.isNullOrUndefined(date);
+    }
+    /**
+     * Verifica se uma data é válida.
+     * @param date - A data a ser verificada.
      * @returns True se a data for válida, false caso contrário.
      */
     static isValid(date) {
@@ -1508,172 +1877,21 @@ class AgroDateUtils {
      * Retorna a data formatada conforme o formato especificado.
      * @param date
      * @param format
-     * @returns
-     */
-    static formatDate(date, format = 'DD/MM/YYYY') {
-        const moment$1 = moment;
-        return moment$1(date).utc().format(format);
-    }
-    /**
-     * Retorna uma string com o número informado adicionando um 0 à esquerda, caso o número seja menor que 10.
-     * @param value
-     * @returns
-     */
-    static padZero(value) {
-        return value < AGRO_NUMBERS.TEN ? '0' + value : value.toString();
-    }
-}
-
-const AGRO_REGEX = {
-    /**
-     * Validação de E-mail
-     */
-    isEmail: /^[^\s@]+@[^\s@]+\.[^\s@]+$/,
-    /**
-     * Validação de Números Inteiros Positivos
-     */
-    positiveInteger: /^[1-9]\d*$/,
-    /**
-     * Validação de Números Decimais Positivos
-     */
-    positiveDecimal: /^\d*\.?\d+$/,
-    /**
-     * Validação de string que consiste apenas em espaços em branco ou está vazia.
-     */
-    onlyBlankSpaces: /^\s*$/,
-    /**
-     * Validação de CEP (Código Postal)
-     */
-    zipCode: /^\d{8}$|^\d{5}-\d{3}$/,
-    /**
-     * Validação de String (qualquer caractere)
-     */
-    isString: /^[\s\S]*$/,
-    /**
-     * Validação de UUID
-     */
-    isUUID: /^[0-9a-fA-F]{8}-[0-9a-fA-F]{4}-[1-5][0-9a-fA-F]{3}-[89abAB][0-9a-fA-F]{3}-[0-9a-fA-F]{12}$/,
-    /**
-     * Validação de Número
-     */
-    isNumber: /^-?\d+$/,
-    /**
-     * Validação de Número Decimal
-     */
-    isDecimal: /^\d*\.?\d+$/,
-    /**
-     * Validação de Placa de Veículo
-     */
-    isLicensePlate: /^[A-Za-z0-9]{1,7}-?[A-Za-z0-9]{1,7}$/,
-    /**
-     * Validação de Placa de veículo padrão mercosul
-     */
-    isMercosulLicensePlate: /^[A-Z]{3}\d[A-Z]\d{2}$/,
-    /**
-     * Validação de Placa de veículo padrão antigo AAA-1234
-     */
-    isOldLicensePlate: /^[A-Z]{3}-?\d{4}$/,
-    /**
-     * Validação de Número de Telefone
-     */
-    isPhoneNumber: /^\+?\d{1,4}-?\d{6,11}$/,
-    /**
-     * Validação de Data (Formato YYYY-MM-DD)
-     */
-    isDate: /^\d{4}-\d{2}-\d{2}$/,
-    /**
-     * Validação de Hora (Formato HH:mm)
-     */
-    isTime: /^(0\d|1\d|2[0-3]):[0-5]\d$/,
-    /**
-     * Validação de Data e Hora (Formato YYYY-MM-DD HH:mm)
-     */
-    isDateTime: /^\d{4}-\d{2}-\d{2} (0\d|1\d|2[0-3]):[0-5]\d$/,
-    /**
-     * Validação de URL
-     */
-    isURL: /^(http|https):\/\/([\w-]+\.)+[\w-]+(\/[\w- ./?%&=]*)?$/,
-    /**
-     * Validação de Número Hexadecimal
-     */
-    isHexNumber: /^[0-9a-fA-F]+$/,
-    /**
-     * Validação de Base64
-     */
-    isBase64: /^[a-zA-Z0-9+/]+={0,2}$/,
-    /**
-     * Validação de Nome de Usuário (3 a 20 caracteres alfanuméricos)
-     */
-    isUsername: /^\w{3,20}$/,
-    /**
-     * Validação de Alfanumérico
-     */
-    isAlphanumeric: /^[a-zA-Z0-9]+$/,
-    /**
-     * Validação de Slug (letras minúsculas, números e traços)
-     */
-    isSlug: /^[a-z0-9-]+$/,
-    /**
-     * Validação de Número de Cartão de Crédito
-     */
-    isCreditCard: /^\d{4}-\d{4}-\d{4}-\d{4}$/,
-    /**
-     * Validação de Número Hexadecimal
-     */
-    isHexadecimal: /^[0-9a-fA-F]+$/,
-    /**
-     * Validação de Moeda
-     */
-    isCurrency: /^\d+(\.\d{1,2})?$/,
-    /**
-     * Validação de Porcentagem
-     */
-    isPercentage: /^(100(\.0{1,2})?|[1-9]?\d(\.\d{1,2})?)$/,
-    /**
-     * Validação de Tag HTML Simples
-     */
-    isHTMLTag: /^<([a-z]+)([^<]+)*(?:>(.*)<\/\1>|\s+\/>)$/,
-    /**
-     * Validação de Nome de Usuário com Espaços (3 a 20 caracteres alfanuméricos e espaços)
-     */
-    isUsernameWithSpaces: /^[a-zA-Z0-9_ ]{3,20}$/,
-    /**
-     * Validação de Senha Forte (mínimo 8 caracteres, uma letra minúscula, uma letra maiúscula, um número e um caractere especial)
-     */
-    isStrongPassword: /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[@$!%*?&])[A-Za-z\d@$!%*?&]{8,}$/,
-    /**
-     * Validação de String Alfabética
-     */
-    isAlphabetic: /^[a-zA-Z]+$/,
-    /**
-     * Validação de Hora no Formato de 12 Horas
-     */
-    isTime12Hour: /^(0?[1-9]|1[0-2]):\d{2} (AM|PM)$/i,
-    /**
-     * Validação de Latitude
-     */
-    isLatitude: /^[-+]?([1-8]?\d(\.\d+)?|90(\.0+)?)$/,
-    /**
-     * Validação de Longitude
-     */
-    isLongitude: /^[-+]?(180(\.0+)?|((1[0-7]\d)|([1-9]?\d))(\.\d+)?)$/,
-    /**
-     * Validação de Endereço MAC
-     */
-    isMACAddress: /^([0-9A-Fa-f]{2}[:-]){5}([0-9A-Fa-f]{2})$/,
-    /**
-     * Validação de Data de Expiração de Cartão de Crédito
-     */
-    isCreditCardExpiration: /^(0[1-9]|1[0-2])\/\d{2}$/,
-    /**
-     * Validação de Número de Seguro Social (SSN)
+     * @returns
      */
-    isSSN: /^\d{3}-\d{2}-\d{4}$/,
+    static formatDate(date, format = 'DD/MM/YYYY') {
+        const moment$1 = moment;
+        return moment$1(date).utc().format(format);
+    }
     /**
-     * Validação se todos os dígitos são iguais
+     * Retorna uma string com o número informado adicionando um 0 à esquerda, caso o número seja menor que 10.
+     * @param value
+     * @returns
      */
-    isAllDigitsEqual: /^(.)\1+$/,
-};
+    static padZero(value) {
+        return value < AGRO_NUMBERS.TEN ? '0' + value : value.toString();
+    }
+}
 
 /**
  * Classe utilitária para operações de string.
@@ -1925,31 +2143,70 @@ class AgroStringUtils {
         return matches ? matches.length : AGRO_NUMBERS.ZERO;
     }
     static validateCPF(cpf) {
+        // Remover caracteres não numéricos
         cpf = cpf.replace(/\D/g, "");
-        if (cpf.length !== 11 || /^(\d)\1{10}$/.test(cpf)) {
+        // Verificar se o CPF tem 11 dígitos
+        if (cpf.length !== AGRO_NUMBERS.ELEVEN) {
             return false;
         }
-        const calcCheckDigit = (length) => {
-            let sum = 0;
-            for (let i = 0; i < length; i++) {
-                sum += Number(cpf[i]) * (length + 1 - i);
-            }
-            let remainder = sum % 11;
-            return remainder < 2 ? 0 : 11 - remainder;
-        };
-        return calcCheckDigit(9) === Number(cpf[9]) && calcCheckDigit(10) === Number(cpf[10]);
+        // Verificar se todos os dígitos são iguais (caso contrário, é um sinal de CPF inválido)
+        if (/^(\d)\1{10}$/.test(cpf)) {
+            return false;
+        }
+        // Calcular o primeiro dígito verificador
+        let sum = AGRO_NUMBERS.ZERO;
+        let remainder;
+        for (let i = AGRO_NUMBERS.ONE; i <= AGRO_NUMBERS.NINE; i++) {
+            sum += parseInt(cpf[i - AGRO_NUMBERS.ONE]) * (AGRO_NUMBERS.ELEVEN - i);
+        }
+        remainder = sum % AGRO_NUMBERS.ELEVEN;
+        if (remainder === AGRO_NUMBERS.TEN || remainder === AGRO_NUMBERS.ELEVEN) {
+            remainder = AGRO_NUMBERS.ZERO;
+        }
+        if (remainder !== parseInt(cpf[AGRO_NUMBERS.NINE])) {
+            return false;
+        }
+        // Calcular o segundo dígito verificador
+        sum = AGRO_NUMBERS.ZERO;
+        for (let i = AGRO_NUMBERS.ONE; i <= AGRO_NUMBERS.TEN; i++) {
+            sum += parseInt(cpf[i - AGRO_NUMBERS.ONE]) * (AGRO_NUMBERS.TWELVE - i);
+        }
+        remainder = sum % AGRO_NUMBERS.ELEVEN;
+        if (remainder === AGRO_NUMBERS.TEN || remainder === AGRO_NUMBERS.ELEVEN) {
+            remainder = AGRO_NUMBERS.ZERO;
+        }
+        if (remainder !== parseInt(cpf[AGRO_NUMBERS.TEN])) {
+            return false;
+        }
+        return true;
     }
     static validateCNPJ(cnpj) {
+        // Remove todos os caracteres não numéricos
         cnpj = cnpj.replace(/\D/g, "");
-        if (cnpj.length !== 14 || /^(\d)\1{13}$/.test(cnpj))
+        // Verifica se tem 14 dígitos
+        if (cnpj.length !== 14)
             return false;
-        const calcularDigito = (length) => {
-            const pesos = length === 12 ? [5, 4, 3, 2, 9, 8, 7, 6, 5, 4, 3, 2] : [6, 5, 4, 3, 2, 9, 8, 7, 6, 5, 4, 3, 2];
-            const soma = pesos.reduce((acc, peso, i) => acc + Number(cnpj[i]) * peso, 0);
-            const resto = soma % 11;
-            return resto < 2 ? 0 : 11 - resto;
-        };
-        return calcularDigito(12) === Number(cnpj[12]) && calcularDigito(13) === Number(cnpj[13]);
+        // Verifica se o CNPJ é uma sequência repetida (ex: 11111111111111, 22222222222222, etc.)
+        if (/^(\d)\1{13}$/.test(cnpj))
+            return false;
+        // Cálculo do primeiro dígito verificador
+        let soma = 0;
+        let pesos1 = [5, 4, 3, 2, 9, 8, 7, 6, 5, 4, 3, 2];
+        for (let i = 0; i < 12; i++) {
+            soma += parseInt(cnpj.charAt(i)) * pesos1[i];
+        }
+        let resto = soma % 11;
+        let digito1 = resto < 2 ? 0 : 11 - resto;
+        // Cálculo do segundo dígito verificador
+        soma = 0;
+        let pesos2 = [6, 5, 4, 3, 2, 9, 8, 7, 6, 5, 4, 3, 2];
+        for (let i = 0; i < 13; i++) {
+            soma += parseInt(cnpj.charAt(i)) * pesos2[i];
+        }
+        resto = soma % 11;
+        let digito2 = resto < 2 ? 0 : 11 - resto;
+        // Verifica se os dígitos verificadores são válidos
+        return parseInt(cnpj.charAt(12)) === digito1 && parseInt(cnpj.charAt(13)) === digito2;
     }
     /**
      * Método para aplicar uma máscara em uma string. Considere a máscara com valores 9 para aplicação
@@ -1998,25 +2255,6 @@ class AgroStringUtils {
     static isInvalid(str) {
         return !AgroStringUtils.isValid(str);
     }
-    /**
-     * Valida se uma string é um e-mail válido ou não
-     * Retorna um booleano para indicar se é um e-mail válido ou não
-     * @param email - A string a ser verificada
-     * @returns True se a string for um e-mail válido, false caso contrário
-     */
-    static isValidEmail(email) {
-        return AGRO_REGEX.isEmail.test(email);
-    }
-    /**
-     * Valida se uma string é uma placa de veículo BR válida ou não.
-     * Retorna um booleano para indicar se é uma placa válida ou não.
-     * @param plate - A string a ser verificada
-     */
-    static isValidLicensePlate(plate) {
-        const oldFormat = /^[A-Z]{3}-?\d{4}$/;
-        const mercosulFormat = /^[A-Z]{3}\d[A-Z]\d{2}$/;
-        return oldFormat.test(plate) || mercosulFormat.test(plate);
-    }
 }
 
 class AgroPlatformUtils {
@@ -2059,11 +2297,10 @@ class AgroPlatformUtils {
      */
     static getCurrentUserName() {
         var _a;
-        const cookie = AgroCookieUtils.getCookie('com.senior.token', true);
+        const cookie = AgroCookieUtils.getCookie('com.senior.token');
         if (cookie) {
-            let str = (_a = AgroObjectUtils.fromString(cookie)) === null || _a === void 0 ? void 0 : _a.fullName;
+            const str = (_a = AgroCookieUtils.parseCookieToObject(cookie)) === null || _a === void 0 ? void 0 : _a.fullName;
             if (str) {
-                str = str.replace(/\+/g, ' ');
                 return str;
             }
         }
@@ -2076,9 +2313,9 @@ class AgroPlatformUtils {
      */
     static getCurrentUserEmail() {
         var _a;
-        const cookie = AgroCookieUtils.getCookie('com.senior.token', true);
+        const cookie = AgroCookieUtils.getCookie('com.senior.token');
         if (cookie) {
-            const str = (_a = AgroObjectUtils.fromString(cookie)) === null || _a === void 0 ? void 0 : _a.email;
+            const str = (_a = AgroCookieUtils.parseCookieToObject(cookie)) === null || _a === void 0 ? void 0 : _a.email;
             if (str) {
                 return str;
             }
@@ -2381,277 +2618,43 @@ class AgroArrayUtils {
      * @param item Item a ser removido.
      */
     static removeItem(array, item) {
-        const index = array.indexOf(item);
-        if (index !== -1) {
-            array.splice(index, 1);
-        }
-    }
-    /**
-     * Remove um item de um array por índice.
-     * @param array Array de onde o item será removido.
-     * @param index Índice do item a ser removido.
-     */
-    static removeItemByIndex(array, index) {
-        array.splice(index, 1);
-    }
-    /**
-     * Remove todos os itens de um array.
-     * @param array Array de onde os itens serão removidos.
-     */
-    static removeAllItems(array) {
-        array.splice(0, array.length);
-    }
-    /**
-     * Verifica se um array é vazio.
-     * @param array Array a ser verificado.
-     */
-    static isEmpty(array) {
-        return AgroArrayUtils.isArray(array) && array.length === 0;
-    }
-    /**
-     * Localiza um item em um array de objetos de acordo com a propriedade e valor informados.
-     */
-    static findItemByProperty(array, property, value) {
-        for (const item of array) {
-            if (item[property] === value) {
-                return item;
-            }
-        }
-        return null;
-    }
-}
-
-class AgroFormValidator {
-    /**
-     * Validator para checar se o campo é um e-mail
-     *
-     * @example
-     * this.myForm = this.fb.group({
-     *     EMAIL_FIELD: ['', [Validators.required, AgroFormValidator.emailValidator]]
-     * });
-     * @param control
-     * @returns
-     */
-    static emailValidator(control) {
-        const email = control.value;
-        if (!email) {
-            return null;
-        }
-        return AgroStringUtils.isValidEmail(email) ? null : { emailValidator: true };
-    }
-    /**
-     * Aplique esse validador em um campo do tipo Date, para verificar se a data selecionada é maior ou menor que a data atual.
-     *
-     * Utilize o parâmetro comparisonType para definir se a data selecionada deve ser maior ou menor que a data atual.
-     * A validação será através do enum DateComparisonType.
-     *
-     * @example
-     * this.myForm = this.fb.group({
-     *     NOME_CAMPO: ['', [Validators.required, AgroFormValidator.compareDateWithToday(DateComparisonType.greatherThan)]]
-     * });
-     * @param comparisonType
-     * @returns
-     */
-    static compareDateWithToday(comparisonType) {
-        const compareDate = (control) => {
-            const methodName = 'dateComparisonToday';
-            const selectedDate = new Date(control.value);
-            const currentDate = new Date();
-            const conditions = {
-                [DateComparisonType.greatherThan]: selectedDate <= currentDate,
-                [DateComparisonType.lessThan]: selectedDate >= currentDate
-            };
-            if (conditions[comparisonType]) {
-                return { [methodName]: { value: control.value } };
-            }
-            return null;
-        };
-        return compareDate;
-    }
-    /**
-     * Compara dois campos do tipo Date, verificando se o campo A é maior que o campo B. Se A for maior que B, então
-     * o campo A é invalidado. Caso contrário, o campo A é validado.
-     *
-     * Aplique esse campo no FormGroup, passando os nomes dos campos que deseja comparar.
-     * @example
-     * this.myForm = this.fb.group({
-            NOME_CAMPO_dateA: ['', Validators.required],
-            NOME_CAMPO_dateB: ['', Validators.required]
-        }, { validator: AgroFormValidator.dateComparisonValidator('NOME_CAMPO_dateA', 'NOME_CAMPO_dateB') });
-     * @param controlNameA
-     * @param controlNameB
-     * @returns
-     */
-    static compareDateWithOtherDateField(controlNameA, controlNameB) {
-        const compareDate = (control) => {
-            var _a, _b, _c, _d, _e;
-            const formGroup = control;
-            const dateA = (_a = formGroup.get(controlNameA)) === null || _a === void 0 ? void 0 : _a.value;
-            const dateB = (_b = formGroup.get(controlNameB)) === null || _b === void 0 ? void 0 : _b.value;
-            const methodName = 'compareDateWithOtherDateField';
-            if (dateA && dateB) {
-                const dateAObj = new Date(dateA);
-                const dateBObj = new Date(dateB);
-                if (dateAObj < dateBObj) {
-                    (_c = formGroup.get(controlNameA)) === null || _c === void 0 ? void 0 : _c.setErrors({ [methodName]: true });
-                    return { [methodName]: true };
-                }
-                else if ((_d = formGroup.get(controlNameA)) === null || _d === void 0 ? void 0 : _d.hasError(methodName)) {
-                    (_e = formGroup.get(controlNameA)) === null || _e === void 0 ? void 0 : _e.setErrors(null);
-                }
-            }
-            return null;
-        };
-        return compareDate;
-    }
-    /**
-     * Validator para checar se um campo de números é maior ou menor que outro campo.
-     *
-     * Aplique esse validator no FormGroup, passando os nomes dos campos que deseja comparar.
-     * @example
-     * this.myForm = this.fb.group({
-     *     NUMERO_A: ['', Validators.required],
-     *     NUMERO_B: ['', Validators.required]
-     * }, { validator: AgroFormValidator.compareNumberFields('NUMERO_A', 'NUMERO_B', NumberComparisonType.EQUALS) });
-     *
-     * Neste caso, a verificação será se o NUMERO_A é igual ao NUMERB_B.
-     * @param controlNameA
-     * @param controlNameB
-     * @returns
-     */
-    static compareNumberFields(controlNameA, controlNameB, comparisonMethod) {
-        const compareNumber = (control) => {
-            var _a, _b, _c;
-            const formGroup = control;
-            const numberA = (_a = formGroup.get(controlNameA)) === null || _a === void 0 ? void 0 : _a.value;
-            const numberB = (_b = formGroup.get(controlNameB)) === null || _b === void 0 ? void 0 : _b.value;
-            const methodName = 'compareNumberFields';
-            if (numberA && numberB) {
-                const errorType = NumberComparisonType[comparisonMethod];
-                const errorCondition = {
-                    [NumberComparisonType.EQUALS]: numberA !== numberB,
-                    [NumberComparisonType.GREATER_THAN]: numberA <= numberB,
-                    [NumberComparisonType.LESS_THAN]: numberA >= numberB,
-                    [NumberComparisonType.GREATER_THAN_OR_EQUAL]: numberA < numberB,
-                    [NumberComparisonType.LESS_THAN_OR_EQUAL]: numberA > numberB,
-                    [NumberComparisonType.NOT_EQUALS]: numberA === numberB
-                };
-                if (errorCondition[comparisonMethod]) {
-                    const controlA = formGroup.get(controlNameA);
-                    if (controlA) {
-                        controlA.setErrors({ [methodName]: comparisonMethod });
-                    }
-                    return { [methodName]: errorType };
-                }
-                else if ((_c = formGroup.get(controlNameA)) === null || _c === void 0 ? void 0 : _c.hasError(methodName)) {
-                    const controlA = formGroup.get(controlNameA);
-                    if (controlA) {
-                        controlA.setErrors(null);
-                    }
-                }
-            }
-            return null;
-        };
-        return compareNumber;
-    }
-    /**
-     * Validator para checar se um valor está entre os demais valores de três formControls.
-     *
-     * Aplique esse validator no FormGroup, passando os nomes dos três formControls que deseja comparar.
-     * @example
-     * this.myForm = this.fb.group({
-     *     minorFormControl: ['', Validators.required],
-     *     targetFormControl: ['', Validators.required],
-     *     majorFormControl: ['', Validators.required]
-     * }, { validator: AgroFormValidator.checkValueBetween('minorFormControl', 'targetFormControl', 'majorFormControl') });
-     *
-     * Neste caso, a verificação será se o targetFormControl está entre o minorFormControl e o majorFormControl.
-     * @param minorFormControl
-     * @param targetFormControl
-     * @param majorFormControl
-     * @returns
-     */
-    static checkValueBetween(minorFormControl, targetFormControl, majorFormControl) {
-        const checkValue = (control) => {
-            var _a, _b, _c, _d;
-            const formGroup = control;
-            const valueA = (_a = formGroup.get(minorFormControl)) === null || _a === void 0 ? void 0 : _a.value;
-            const valueB = (_b = formGroup.get(targetFormControl)) === null || _b === void 0 ? void 0 : _b.value;
-            const valueC = (_c = formGroup.get(majorFormControl)) === null || _c === void 0 ? void 0 : _c.value;
-            const methodName = 'checkValueBetween';
-            if (valueA && valueB && valueC) {
-                if (valueB < valueA || valueB > valueC) {
-                    const targetControl = formGroup.get(targetFormControl);
-                    if (targetControl) {
-                        targetControl.setErrors({ [methodName]: true });
-                    }
-                    return { [methodName]: true };
-                }
-                else if ((_d = formGroup.get(targetFormControl)) === null || _d === void 0 ? void 0 : _d.hasError(methodName)) {
-                    const targetControl = formGroup.get(targetFormControl);
-                    if (targetControl) {
-                        targetControl.setErrors(null);
-                    }
-                }
-            }
-            return null;
-        };
-        return checkValue;
+        const index = array.indexOf(item);
+        if (index !== -1) {
+            array.splice(index, 1);
+        }
     }
     /**
-     * Validator para checar se o campo é um objeto e se possui uma propriedade específica.
-     *
-     * @example
-     * this.myForm = this.fb.group({
-     *     OBJETO_FIELD: ['', [Validators.required, AgroFormValidator.objectPropertyValidator('propriedade')]]
-     * });
-     * @param propertyName
-     * @returns
+     * Remove um item de um array por índice.
+     * @param array Array de onde o item será removido.
+     * @param index Índice do item a ser removido.
      */
-    static objectPropertyValidator(propertyName) {
-        const objectProperty = (control) => {
-            const methodName = 'objectProperty';
-            if (AgroObjectUtils.isObject(control.value) && AgroObjectUtils.containsProperty(control.value, propertyName)) {
-                control.setErrors(null);
-                return null;
-            }
-            control.setErrors({ [methodName]: true });
-            return { [methodName]: true };
-        };
-        return objectProperty;
+    static removeItemByIndex(array, index) {
+        array.splice(index, 1);
     }
     /**
-     * Verifica se a string informada é um CPF válido.
-     * Se a validação for false, retorna um objeto com a chave cpfValidator.
+     * Remove todos os itens de um array.
+     * @param array Array de onde os itens serão removidos.
      */
-    static CPFValidator(control) {
-        const cpf = control.value;
-        if (!cpf) {
-            return null;
-        }
-        return AgroStringUtils.validateCPF(cpf) ? null : { cpfValidator: true };
+    static removeAllItems(array) {
+        array.splice(0, array.length);
     }
     /**
-     * Verifica se a string informada é um CNPJ válido.
-     * Se a validação for false, retorna um objeto com a chave cnpjValidator.
+     * Verifica se um array é vazio.
+     * @param array Array a ser verificado.
      */
-    static CNPJValidator(control) {
-        const cnpj = control.value;
-        if (!cnpj) {
-            return null;
-        }
-        return AgroStringUtils.validateCNPJ(cnpj) ? null : { cnpjValidator: true };
+    static isEmpty(array) {
+        return AgroArrayUtils.isArray(array) && array.length === 0;
     }
     /**
-     * Verifica se a string informada é uma placa de veículo válido.
-     * Se a validação for false, retorna um objeto com a chave licensePlate.
+     * Localiza um item em um array de objetos de acordo com a propriedade e valor informados.
      */
-    static licensePlateValidator(control) {
-        const plate = control.value;
-        if (!plate) {
-            return null;
+    static findItemByProperty(array, property, value) {
+        for (const item of array) {
+            if (item[property] === value) {
+                return item;
+            }
         }
-        return AgroStringUtils.isValidLicensePlate(plate) ? null : { licensePlate: true };
+        return null;
     }
 }
 
@@ -3131,7 +3134,7 @@ const ptBR = {
     "agro.angular_components.ticket": "Ticket",
     "agro.angular_components.company": "Empresa",
     "agro.angular_components.label_branch": "Filial",
-    "agro.angular_components.event_sidebar_title": "Evento - {{event}}",
+    "agro.angular_components.event_sidebar_title": "Evento - {event}",
     "agro.angular_components.reprocessing_event_message_title": "Reprocessando Evento",
     "agro.angular_components.reprocessing_event_message_description": "O evento selecionado está sendo reprocessado.",
     "agro.angular_components.error_reprocessing_event_message_title": "Erro ao reprocessar evento",
@@ -3300,6 +3303,20 @@ const ptBR = {
     "agro.angular_components.TRANSFER_CREATE_INCOMING_INVOICE": "Criação da nota fiscal de entrada da transferencia",
     "agro.angular_components.TRANSFER_CREATE_OUTGOING_INVOICE": "Criação da nota fiscal de saida da transferencia",
     "agro.angular_components.TRANSFER_PRODUCER_BALANCE": "Transferência de saldo entre produtores",
+    "agro.angular_components.control_code": "Identificador",
+    "agro.angular_components.fixation_event": "Fixação",
+    "agro.angular_components.FINISH_FINANCIAL_FIXATION": "Baixa de títulos",
+    "agro.angular_components.FINISH_PRODUCER_NET_VALUE_FIXATION": "Atualização de saldos",
+    "agro.angular_components.CONCLUDE_FIXATION": "Conclusão da fixação",
+    "agro.angular_components.CANCEL_FINANCIAL_FIXATION": "Cancela baixa de títulos",
+    "agro.angular_components.CANCEL_PRODUCER_NET_VALUE_FIXATION": "Reverte atualização de saldos",
+    "agro.angular_components.CANCEL_FIXATION": "Cancela fixação",
+    "agro.angular_components.cancel_fixation_title": "Cancelar fixação",
+    "agro.angular_components.cancel_fixation_description": "Tem certeza que deseja cancelar a fixação?",
+    "agro.angular_components.error_cancel_fixation_message_title": "Erro ao cancelar fixação",
+    "agro.angular_components.error_cancel_fixation_message_description": "Houve um erro ao cancelar a fixação. Tente novamente mais tarde.",
+    "agro.angular_components.cancel_fixation_message_title": "Cancelamento de fixação",
+    "agro.angular_components.cancel_fixation_message_description": "O processo de cancelamento da fixação foi iniciado com sucesso."
 };
 
 const enUS = {
@@ -3328,7 +3345,7 @@ const enUS = {
     "agro.angular_components.balance_entry_control_event": "Balance Entry/Exit",
     "agro.angular_components.event_origin_label": "Event origin",
     "agro.angular_components.event_details_header": "Event Details",
-    "agro.angular_components.registers_found": "{{total}} record(s) found",
+    "agro.angular_components.registers_found": "{total} record(s) found",
     "agro.angular_components.change_request_event": "Weight Change",
     "agro.angular_components.status_label": "Status",
     "agro.angular_components.panel_title_events_completed_successfully": "Success",
@@ -3336,7 +3353,7 @@ const enUS = {
     "agro.angular_components.ticket": "Ticket",
     "agro.angular_components.company": "Company",
     "agro.angular_components.label_branch": "Branch",
-    "agro.angular_components.event_sidebar_title": "Event - {{event}}",
+    "agro.angular_components.event_sidebar_title": "Event - {event}",
     "agro.angular_components.reprocessing_event_message_title": "Reprocessing Event",
     "agro.angular_components.reprocessing_event_message_description": "The selected event is being reprocessed.",
     "agro.angular_components.error_reprocessing_event_message_title": "Error reprocessing event",
@@ -3505,6 +3522,20 @@ const enUS = {
     "agro.angular_components.TRANSFER_CREATE_INCOMING_INVOICE": "Creation of invoice transfer input",
     "agro.angular_components.TRANSFER_CREATE_OUTGOING_INVOICE": "Creation of the outgoing transfer invoice",
     "agro.angular_components.TRANSFER_PRODUCER_BALANCE": "Balance transfer between producers",
+    "agro.angular_components.control_code": "Identifier",
+    "agro.angular_components.fixation_event": "Fixation",
+    "agro.angular_components.FINISH_FINANCIAL_FIXATION": "Financial settlement",
+    "agro.angular_components.FINISH_PRODUCER_NET_VALUE_FIXATION": "Balance update",
+    "agro.angular_components.CONCLUDE_FIXATION": "Fixation conclusion",
+    "agro.angular_components.CANCEL_FINANCIAL_FIXATION": "Cancel financial fixation",
+    "agro.angular_components.CANCEL_PRODUCER_NET_VALUE_FIXATION": "Cancel producer net value fixation",
+    "agro.angular_components.CANCEL_FIXATION": "Cancel fixation",
+    "agro.angular_components.cancel_fixation_title": "Cancel fixation",
+    "agro.angular_components.cancel_fixation_description": "Are you sure you want to cancel the fixation?",
+    "agro.angular_components.error_cancel_fixation_message_title": "Error canceling fixation",
+    "agro.angular_components.error_cancel_fixation_message_description": "An error occurred while canceling the fixation. Please try again later.",
+    "agro.angular_components.cancel_fixation_message_title": "Fixation cancellation",
+    "agro.angular_components.cancel_fixation_message_description": "The fixation cancellation process has been successfully initiated."
 };
 
 const esCO = {
@@ -3533,7 +3564,7 @@ const esCO = {
     "agro.angular_components.balance_entry_control_event": "Entrada/salida balanza",
     "agro.angular_components.event_origin_label": "Origen del evento",
     "agro.angular_components.event_details_header": "Detalles del Evento",
-    "agro.angular_components.registers_found": "{{total}} registro(s) encontrado(s)",
+    "agro.angular_components.registers_found": "{total} registro(s) encontrado(s)",
     "agro.angular_components.change_request_event": "Cambio de Pesaje",
     "agro.angular_components.status_label": "Estado",
     "agro.angular_components.panel_title_events_completed_successfully": "Éxito",
@@ -3541,7 +3572,7 @@ const esCO = {
     "agro.angular_components.ticket": "Ticket",
     "agro.angular_components.company": "Empresa",
     "agro.angular_components.label_branch": "Sucursal",
-    "agro.angular_components.event_sidebar_title": "Evento - {{event}}",
+    "agro.angular_components.event_sidebar_title": "Evento - {event}",
     "agro.angular_components.reprocessing_event_message_title": "Reprocesando Evento",
     "agro.angular_components.reprocessing_event_message_description": "El evento seleccionado está siendo reprocesado.",
     "agro.angular_components.error_reprocessing_event_message_title": "Error al reprocesar evento",
@@ -3710,6 +3741,20 @@ const esCO = {
     "agro.angular_components.TRANSFER_CREATE_INCOMING_INVOICE": "Creación de la factura entrante de transferencia",
     "agro.angular_components.TRANSFER_CREATE_OUTGOING_INVOICE": "Creación de la factura de transferencia saliente",
     "agro.angular_components.TRANSFER_PRODUCER_BALANCE": "Transferir saldo entre productores",
+    "agro.angular_components.control_code": "Identificador",
+    "agro.angular_components.fixation_event": "Fijación",
+    "agro.angular_components.FINISH_FINANCIAL_FIXATION": "Liquidación financiera",
+    "agro.angular_components.FINISH_PRODUCER_NET_VALUE_FIXATION": "Actualización de saldos",
+    "agro.angular_components.CONCLUDE_FIXATION": "Conclusión de la fijación",
+    "agro.angular_components.CANCEL_FINANCIAL_FIXATION": "Cancelar fijación financiera",
+    "agro.angular_components.CANCEL_PRODUCER_NET_VALUE_FIXATION": "Cancelar fijación de valor neto del productor",
+    "agro.angular_components.CANCEL_FIXATION": "Cancelar fijación",
+    "agro.angular_components.cancel_fixation_title": "Cancelar fijación",
+    "agro.angular_components.cancel_fixation_description": "¿Está seguro de que desea cancelar la fijación?",
+    "agro.angular_components.error_cancel_fixation_message_title": "Error al cancelar la fijación",
+    "agro.angular_components.error_cancel_fixation_message_description": "Ocurrió un error al cancelar la fijación. Por favor, inténtelo de nuevo más tarde.",
+    "agro.angular_components.cancel_fixation_message_title": "Cancelación de fijación",
+    "agro.angular_components.cancel_fixation_message_description": "El proceso de cancelación de la fijación se ha iniciado con éxito."
 };
 
 let LibTranslationService = class LibTranslationService {
@@ -3827,6 +3872,12 @@ var EventOperation;
     EventOperation["TRANSFER_CREATE_INCOMING_INVOICE"] = "TRANSFER_CREATE_INCOMING_INVOICE";
     EventOperation["TRANSFER_CREATE_OUTGOING_INVOICE"] = "TRANSFER_CREATE_OUTGOING_INVOICE";
     EventOperation["TRANSFER_PRODUCER_BALANCE"] = "TRANSFER_PRODUCER_BALANCE";
+    EventOperation["FINISH_FINANCIAL_FIXATION"] = "FINISH_FINANCIAL_FIXATION";
+    EventOperation["FINISH_PRODUCER_NET_VALUE_FIXATION"] = "FINISH_PRODUCER_NET_VALUE_FIXATION";
+    EventOperation["CONCLUDE_FIXATION"] = "CONCLUDE_FIXATION";
+    EventOperation["CANCEL_FINANCIAL_FIXATION"] = "CANCEL_FINANCIAL_FIXATION";
+    EventOperation["CANCEL_PRODUCER_NET_VALUE_FIXATION"] = "CANCEL_PRODUCER_NET_VALUE_FIXATION";
+    EventOperation["CANCEL_FIXATION"] = "CANCEL_FIXATION";
 })(EventOperation || (EventOperation = {}));
 
 var EventOrigin;
@@ -3837,6 +3888,7 @@ var EventOrigin;
     EventOrigin["TRANSFER"] = "TRANSFER";
     EventOrigin["CHANGE_REQUEST"] = "CHANGE_REQUEST";
     EventOrigin["CREATE_INVOICE"] = "CREATE_INVOICE";
+    EventOrigin["FIXATION"] = "FIXATION";
 })(EventOrigin || (EventOrigin = {}));
 
 const eventOrigin = [
@@ -3854,7 +3906,7 @@ const eventItem = [
     { label: "agro.angular_components.effective_confirmation_event", value: EventOperation.EFFECTIVE_CONFIRMATION },
     { label: "agro.angular_components.change_request_event_summary", value: EventOperation.CHANGE_REQUEST },
     { label: "agro.angular_components.change_response_event", value: EventOperation.CHANGE_RESPONSE },
-    { label: "agro.angular_components.process_fixation_event", value: EventOperation.PROCESS_FIXATION },
+    { label: "agro.angular_components.fixation_event", value: EventOperation.PROCESS_FIXATION },
     { label: `agro.angular_components.${EventOperation.CANCEL_INVOICE}`, value: EventOperation.CANCEL_INVOICE },
     { label: `agro.angular_components.${EventOperation.REPROCESS_INVOICE}`, value: EventOperation.REPROCESS_INVOICE },
     { label: `agro.angular_components.${EventOperation.EFFECTIVE_CONFIRMATION}`, value: EventOperation.EFFECTIVE_CONFIRMATION },
@@ -3864,6 +3916,12 @@ const eventItem = [
     { label: `agro.angular_components.${EventOperation.TRANSFER_CREATE_INCOMING_INVOICE}`, value: EventOperation.TRANSFER_CREATE_INCOMING_INVOICE },
     { label: `agro.angular_components.${EventOperation.TRANSFER_CREATE_OUTGOING_INVOICE}`, value: EventOperation.TRANSFER_CREATE_OUTGOING_INVOICE },
     { label: `agro.angular_components.${EventOperation.TRANSFER_PRODUCER_BALANCE}`, value: EventOperation.TRANSFER_PRODUCER_BALANCE },
+    { label: `agro.angular_components.${EventOperation.FINISH_FINANCIAL_FIXATION}`, value: EventOperation.FINISH_FINANCIAL_FIXATION },
+    { label: `agro.angular_components.${EventOperation.FINISH_PRODUCER_NET_VALUE_FIXATION}`, value: EventOperation.FINISH_PRODUCER_NET_VALUE_FIXATION },
+    { label: `agro.angular_components.${EventOperation.CONCLUDE_FIXATION}`, value: EventOperation.CONCLUDE_FIXATION },
+    { label: `agro.angular_components.${EventOperation.CANCEL_FINANCIAL_FIXATION}`, value: EventOperation.CANCEL_FINANCIAL_FIXATION },
+    { label: `agro.angular_components.${EventOperation.CANCEL_PRODUCER_NET_VALUE_FIXATION}`, value: EventOperation.CANCEL_PRODUCER_NET_VALUE_FIXATION },
+    { label: `agro.angular_components.${EventOperation.CANCEL_FIXATION}`, value: EventOperation.CANCEL_FIXATION },
 ];
 const eventStatus = [
     { label: "agro.angular_components.panel_title_events_completed_successfully", value: EventStatus.SUCCESS },
@@ -4055,58 +4113,6 @@ ProducerInvoiceService = __decorate([
     Injectable()
 ], ProducerInvoiceService);
 
-let TicketService = class TicketService extends EntityService {
-    constructor(http, messageService, translate) {
-        super(http, messageService, `agro/origination/entities/ticket`, `agro/origination/actions`, `agro/origination/queries`, translate);
-        this.http = http;
-        this.messageService = messageService;
-        this.translate = translate;
-    }
-    getTicketSummaryByParent(parent) {
-        return this.http
-            .post(`${this.queriesUrl}/getTicketSummaryByParent/`, { parent })
-            .pipe(this.defaultCatch());
-    }
-    listMainteinerTickets(filter) {
-        return this.http
-            .post(`${this.queriesUrl}/listMainteinerTickets/`, filter)
-            .pipe(this.defaultCatch());
-    }
-    searchTotalWeightResultFromTickets(body) {
-        return this.http
-            .post(`${this.queriesUrl}/searchTotalWeightResultFromTickets/`, body)
-            .pipe(this.defaultCatch());
-    }
-    cancelTicket(body) {
-        return this.http
-            .post(`${this.actionsUrl}/cancelTicket/`, body);
-    }
-    mergeTickets(body) {
-        return this.http.post(`${this.actionsUrl}/mergeTickets/`, body).pipe(this.defaultCatch());
-    }
-    unMergeTickets(body) {
-        return this.http.post(`${this.actionsUrl}/unMergeTickets/`, body).pipe(this.defaultCatch());
-    }
-    checkGroupInvoicePermission(body) {
-        return this.http
-            .post(`${this.queriesUrl}/checkGroupInvoicePermission/`, body)
-            .pipe(this.defaultCatch());
-    }
-    getContractTickets(tickets) {
-        return this.http
-            .post(`${this.queriesUrl}/getContractTickets/`, { tickets })
-            .pipe(this.defaultCatch());
-    }
-};
-TicketService.ctorParameters = () => [
-    { type: HttpClient },
-    { type: MessageService },
-    { type: LibTranslationService }
-];
-TicketService = __decorate([
-    Injectable()
-], TicketService);
-
 let TransferService = class TransferService extends EntityService {
     constructor(http, messageService, translate) {
         super(http, messageService, `agro/transfer/entities/transfer`, `agro/transfer/actions`, `agro/transfer/queries`, translate);
@@ -4134,23 +4140,45 @@ TransferService = __decorate([
     Injectable()
 ], TransferService);
 
+let FixationService = class FixationService extends EntityService {
+    constructor(http, messageService, translate) {
+        super(http, messageService, `agro/fixation/entities/fixation`, `agro/fixation/actions`, `agro/fixation/queries`, translate);
+        this.http = http;
+        this.messageService = messageService;
+        this.translate = translate;
+    }
+    cancelFixation(body) {
+        return this.http
+            .post(`${this.actionsUrl}/cancelFixationEvent`, body)
+            .pipe(this.defaultCatch());
+    }
+};
+FixationService.ctorParameters = () => [
+    { type: HttpClient },
+    { type: MessageService },
+    { type: LibTranslationService }
+];
+FixationService = __decorate([
+    Injectable()
+], FixationService);
+
 let EventControlBoardService = class EventControlBoardService {
-    constructor(eventControlService, eventControlItemService, ticketService, transferService, producerInvoiceService) {
+    constructor(eventControlService, eventControlItemService, transferService, producerInvoiceService, fixationService) {
         this.eventControlService = eventControlService;
         this.eventControlItemService = eventControlItemService;
-        this.ticketService = ticketService;
         this.transferService = transferService;
         this.producerInvoiceService = producerInvoiceService;
+        this.fixationService = fixationService;
     }
 };
 EventControlBoardService.ctorParameters = () => [
     { type: EventControlService },
     { type: EventControlItemService },
-    { type: TicketService },
     { type: TransferService },
-    { type: ProducerInvoiceService }
+    { type: ProducerInvoiceService },
+    { type: FixationService }
 ];
-EventControlBoardService.ɵprov = ɵɵdefineInjectable({ factory: function EventControlBoardService_Factory() { return new EventControlBoardService(ɵɵinject(EventControlService), ɵɵinject(EventControlItemService), ɵɵinject(TicketService), ɵɵinject(TransferService), ɵɵinject(ProducerInvoiceService)); }, token: EventControlBoardService, providedIn: "root" });
+EventControlBoardService.ɵprov = ɵɵdefineInjectable({ factory: function EventControlBoardService_Factory() { return new EventControlBoardService(ɵɵinject(EventControlService), ɵɵinject(EventControlItemService), ɵɵinject(TransferService), ɵɵinject(ProducerInvoiceService), ɵɵinject(FixationService)); }, token: EventControlBoardService, providedIn: "root" });
 EventControlBoardService = __decorate([
     Injectable({
         providedIn: "root",
@@ -4158,13 +4186,14 @@ EventControlBoardService = __decorate([
 ], EventControlBoardService);
 
 let EventControlBoardComponent = class EventControlBoardComponent {
-    constructor(translate, formBuilder, websocketService, eventControlBoardService, paginatorStorageService, messageService) {
+    constructor(translate, formBuilder, websocketService, eventControlBoardService, paginatorStorageService, messageService, confirmationService) {
         this.translate = translate;
         this.formBuilder = formBuilder;
         this.websocketService = websocketService;
         this.eventControlBoardService = eventControlBoardService;
         this.paginatorStorageService = paginatorStorageService;
         this.messageService = messageService;
+        this.confirmationService = confirmationService;
         this.steps = [];
         this.showSidebar = false;
         this.showReprocessButton = false;
@@ -4183,7 +4212,6 @@ let EventControlBoardComponent = class EventControlBoardComponent {
     ngOnInit() {
         return __awaiter(this, void 0, void 0, function* () {
             this.gridColumns = this.setGridColumns();
-            this.socketConnection = this.websocketService.onConnect();
             this.callWebsocket();
         });
     }
@@ -4193,7 +4221,7 @@ let EventControlBoardComponent = class EventControlBoardComponent {
             this.setFormFields();
         }
         this.updateCompanyAndBranchFormFields(changes);
-        this.updateEventOriginAndTicketFormFields(changes);
+        this.updateEventOriginAndControlCodeFormFields(changes);
         this.updateEventStatusAndCreatedDateFormFields(changes);
         this.onSearch();
     }
@@ -4206,13 +4234,13 @@ let EventControlBoardComponent = class EventControlBoardComponent {
             (_c = this.filterFormGroup.get('e070fil')) === null || _c === void 0 ? void 0 : _c.setValue((_d = changes.e070fil.currentValue) !== null && _d !== void 0 ? _d : null);
         }
     }
-    updateEventOriginAndTicketFormFields(changes) {
+    updateEventOriginAndControlCodeFormFields(changes) {
         var _a, _b, _c, _d;
         if (changes.eventOrigin && changes.eventOrigin.currentValue !== changes.eventOrigin.previousValue) {
             (_a = this.filterFormGroup.get('eventOrigin')) === null || _a === void 0 ? void 0 : _a.setValue((_b = changes.eventOrigin.currentValue) !== null && _b !== void 0 ? _b : null);
         }
-        if (changes.ticket && changes.ticket.currentValue !== changes.ticket.previousValue) {
-            (_c = this.filterFormGroup.get('number')) === null || _c === void 0 ? void 0 : _c.setValue((_d = changes.ticket.currentValue) !== null && _d !== void 0 ? _d : null);
+        if (changes.controlCode && changes.controlCode.currentValue !== changes.controlCode.previousValue) {
+            (_c = this.filterFormGroup.get('controlCode')) === null || _c === void 0 ? void 0 : _c.setValue((_d = changes.controlCode.currentValue) !== null && _d !== void 0 ? _d : null);
         }
     }
     updateEventStatusAndCreatedDateFormFields(changes) {
@@ -4229,7 +4257,7 @@ let EventControlBoardComponent = class EventControlBoardComponent {
         this.filterFormGroup = this.formBuilder.group({
             e070emp: [{ value: (_a = this.e070emp) !== null && _a !== void 0 ? _a : null, disabled: false }, Validators.compose([])],
             e070fil: [{ value: (_b = this.e070fil) !== null && _b !== void 0 ? _b : null, disabled: false }, Validators.compose([])],
-            number: [{ value: (_c = this.ticket) !== null && _c !== void 0 ? _c : null, disabled: false }, Validators.compose([])],
+            controlCode: [{ value: (_c = this.controlCode) !== null && _c !== void 0 ? _c : null, disabled: false }, Validators.compose([])],
             externalId: [{ value: (_d = this.externalId) !== null && _d !== void 0 ? _d : null, disabled: false }, Validators.compose([])],
             eventOrigin: [{ value: (_e = this.eventOrigin) !== null && _e !== void 0 ? _e : null, disabled: false }, Validators.compose([])],
             status: [{ value: (_f = this.eventStatus) !== null && _f !== void 0 ? _f : null, disabled: false }, Validators.compose([])],
@@ -4247,7 +4275,7 @@ let EventControlBoardComponent = class EventControlBoardComponent {
                 type: FieldType.Chips,
             }),
             new FormField({
-                name: "number",
+                name: "controlCode",
                 type: FieldType.Chips,
             }),
             new FormField({
@@ -4273,14 +4301,13 @@ let EventControlBoardComponent = class EventControlBoardComponent {
             { field: 'e070emp', header: this.translate.instant("agro.angular_components.company") },
             { field: 'e070fil', header: this.translate.instant("agro.angular_components.label_branch") },
             { field: 'eventOrigin', header: this.translate.instant("agro.angular_components.event_origin_label") },
-            { field: 'number', header: this.translate.instant("agro.angular_components.ticket") },
+            { field: 'controlCode', header: this.translate.instant("agro.angular_components.control_code") },
         ];
     }
     ngOnDestroy() {
         this.ngUnsubscribe.next();
         this.ngUnsubscribe.complete();
         this.websocketService.disconnect();
-        this.socketConnection = false;
     }
     callWebsocket() {
         this.websocketService
@@ -4323,14 +4350,67 @@ let EventControlBoardComponent = class EventControlBoardComponent {
         const { page, size } = this.currentListParams;
         const nSort = this.getSortedFields();
         const filterQuery = this.getFilterQuery();
-        const displayFields = [""];
+        const displayFields = ["*", "eventControlItem"];
         this.eventControlBoardService.eventControlService
             .list({ sort: nSort, page, size, filterQuery, displayFields })
             .pipe(takeUntil(this.ngUnsubscribe), catchError((err) => {
             this.gridLoading = false;
             throw err;
         }))
-            .subscribe((list) => this.handleListResponse(list));
+            .subscribe((list) => {
+            this.gridData = list.contents;
+            this.gridTotalRecords = list.totalElements;
+            if (!this.gridData || this.gridData.length <= AGRO_NUMBERS.ZERO) {
+                this.gridLoading = false;
+                return;
+            }
+            this.processEventControlItems();
+        });
+    }
+    processEventControlItems() {
+        this.gridData.forEach(item => {
+            const sortedItems = item.eventControlItem.sort((a, b) => {
+                return a.sequence - b.sequence;
+            });
+            const steps = sortedItems.map((detail, index) => this.createStep(detail, item, index));
+            const activeIndex = this.calculateActiveIndex(sortedItems);
+            item.groups = [{ steps, activeIndex }];
+            item.activeIndex = activeIndex;
+        });
+        this.gridDataResolved = this.gridData;
+        this.gridLoading = false;
+    }
+    calculateActiveIndex(details) {
+        const lastActive = details.reduce((lastIndex, detail, currentIndex) => detail.status !== EventStatus.PENDING ? currentIndex : lastIndex, -1);
+        if (lastActive !== -1 && details[lastActive].status === EventStatus.SUCCESS) {
+            return lastActive + 1;
+        }
+        return lastActive;
+    }
+    createStep(detail, item, detailIndex) {
+        return {
+            item: detail,
+            controlCode: item.controlCode,
+            eventType: item.eventOrigin,
+            label: this.getEventLabel(detail),
+            disabled: detail.status === EventStatus.PENDING && detailIndex !== this.calculateActiveIndex(item.eventControlItem),
+            tooltip: this.getEventLabel(detail),
+            state: this.determineStepState(detail)
+        };
+    }
+    determineStepState(detail) {
+        if (detail.status === EventStatus.SUCCESS) {
+            return StepState$1.Success;
+        }
+        if (detail.status === EventStatus.FAILED) {
+            return StepState$1.Warning;
+        }
+        return StepState$1.Default;
+    }
+    getEventLabel(detail) {
+        var _a;
+        const eventLabel = (_a = this.eventItem.find(e => e.value === detail.eventOperation)) === null || _a === void 0 ? void 0 : _a.label;
+        return eventLabel ? this.translate.instant(eventLabel) : detail.eventOperation;
     }
     getSortedFields() {
         var _a;
@@ -4361,127 +4441,20 @@ let EventControlBoardComponent = class EventControlBoardComponent {
             .filter((filter) => filter !== null && filter !== '' && filter !== undefined)
             .join(' and ');
     }
-    handleListResponse(list) {
-        this.gridData = list.contents;
-        this.gridTotalRecords = list.totalElements;
-        if (!this.gridData || this.gridData.length <= AGRO_NUMBERS.ZERO) {
-            this.gridLoading = false;
-            return;
-        }
-        this.processDetailCalls();
-    }
-    processDetailCalls() {
-        const detailCalls$ = this.gridData.map((item) => this.eventControlBoardService.eventControlItemService.list({
-            filterQuery: `eventControl eq '${item.id}'`,
-            sort: [{ field: 'sequence', order: AGRO_NUMBERS.ONE }],
-            size: AGRO_NUMBERS.ONE_HUNDRED
-        })
-            .pipe(takeUntil(this.ngUnsubscribe), catchError((err) => {
-            this.gridLoading = false;
-            throw err;
-        }), switchMap(detailsResponse => {
-            return this.eventControlBoardService.ticketService.list({
-                filterQuery: `id eq '${item.externalId}' or balanceEntryControl.id eq '${item.externalId}'`,
-                displayFields: ['number']
-            })
-                .pipe(map((ticketResponse) => ({ detailsResponse, ticketResponse })), catchError((err) => {
-                this.gridLoading = false;
-                throw err;
-            }));
-        })));
-        forkJoin(detailCalls$).subscribe((responses) => {
-            this.processDetailsResponses(responses);
-        });
-    }
-    processDetailsResponses(detailsResponses) {
-        this.gridData.forEach((item, index) => {
-            var _a, _b;
-            const { detailsResponse, ticketResponse } = detailsResponses[index];
-            const tickets = (_a = ticketResponse === null || ticketResponse === void 0 ? void 0 : ticketResponse.contents) !== null && _a !== void 0 ? _a : [];
-            item.details = (_b = detailsResponse === null || detailsResponse === void 0 ? void 0 : detailsResponse.contents) !== null && _b !== void 0 ? _b : [];
-            item.tickets = tickets.map((ticket) => ticket.number).join(', ');
-            const groupedDetails = this.groupByEventGroup(item.details);
-            item.groups = Object.keys(groupedDetails).map(eventGroupId => {
-                const groupDetails = groupedDetails[eventGroupId];
-                const lastActiveIndex = groupDetails.map((detail) => detail.status !== EventStatus.PENDING).lastIndexOf(true);
-                let activeIndex = lastActiveIndex;
-                if (lastActiveIndex !== -1 && groupDetails[lastActiveIndex].status === EventStatus.SUCCESS) {
-                    activeIndex = lastActiveIndex + 1;
-                }
-                const steps = groupDetails.map((detail, detailIndex) => {
-                    return {
-                        item: detail,
-                        ticket: item.tickets,
-                        eventType: detail.eventControl.eventOrigin,
-                        label: this.getEventLabel(detail),
-                        disabled: detail.status === EventStatus.PENDING && detailIndex !== activeIndex,
-                        tooltip: this.getEventLabel(detail),
-                        state: this.determineStepState(detail),
-                    };
-                });
-                return {
-                    eventGroupId,
-                    steps,
-                    activeIndex
-                };
-            });
-            item.activeIndex = item.groups.length > 0 ? item.groups[0].activeIndex : -1;
-        });
-        this.gridDataResolved = this.gridData;
-        this.gridLoading = false;
-    }
-    groupByEventGroup(details) {
-        return details.reduce((acc, detail) => {
-            const eventGroupId = detail.eventGroup;
-            if (!acc[eventGroupId]) {
-                acc[eventGroupId] = [];
-            }
-            acc[eventGroupId].push(detail);
-            return acc;
-        }, {});
-    }
-    determineStepState(detail) {
-        let state;
-        if (detail.status === EventStatus.SUCCESS) {
-            state = StepState$1.Success;
-        }
-        else if (detail.status === EventStatus.FAILED) {
-            state = StepState$1.Warning;
-        }
-        else {
-            state = StepState$1.Default;
-        }
-        return state;
-    }
-    getEventLabel(detail) {
-        var _a;
-        const eventLabel = (_a = this.eventItem.find(e => e.value === detail.eventOperation)) === null || _a === void 0 ? void 0 : _a.label;
-        return eventLabel ? this.translate.instant(eventLabel) : detail.eventOperation;
-    }
     getFieldNameForSortRequest(name) {
         switch (name) {
             case 'e070emp':
                 return 'e070emp.nomEmp';
             case 'e070fil':
                 return 'e070fil.nomFil';
-            case 'number':
-                return 'createdDate';
             default:
                 return name;
         }
     }
     createFilterString(name, type, value, lookupFieldName = 'id') {
-        if (name === 'number') {
+        if (name === 'controlCode') {
             const filterParts = [];
-            value.forEach(item => {
-                filterParts.push(`externalId eq '${item.id}'`);
-                if (item.invoice) {
-                    filterParts.push(`externalId eq '${item.invoice.id}'`);
-                }
-                if (item.balanceEntryControl) {
-                    filterParts.push(`externalId eq '${item.balanceEntryControl.id}'`);
-                }
-            });
+            value.forEach((val) => filterParts.push(`controlCode eq '${val}'`));
             return `(${filterParts.join(' or ')})`;
         }
         return this.createFilterStringFromType(name, type, value, lookupFieldName);
@@ -4538,7 +4511,6 @@ let EventControlBoardComponent = class EventControlBoardComponent {
     }
     stepSelected(event) {
         this.selectedStep = event.step;
-        console.log(event);
         switch (this.selectedStep.eventType) {
             case EventOrigin.BALANCE_ENTRY_CONTROL:
             case EventOrigin.TICKET:
@@ -4557,8 +4529,8 @@ let EventControlBoardComponent = class EventControlBoardComponent {
                     this.sidebarLoading = false;
                 });
                 break;
+            case EventOrigin.FIXATION:
             case EventOrigin.CHANGE_REQUEST:
-                break;
             case EventOrigin.TRANSFER:
                 break;
         }
@@ -4578,16 +4550,44 @@ let EventControlBoardComponent = class EventControlBoardComponent {
             this.addMessage('error', 'agro.angular_components.error_reprocessing_event_message_title', 'agro.angular_components.error_reprocessing_event_message_description');
         });
     }
-    addMessage(severity, summary, detail) {
+    addMessage(severity, summary, detail, life = AGRO_NUMBERS.FIVE_SECONDS) {
         this.messageService.add({
             severity,
             summary: this.translate.instant(summary),
             detail: this.translate.instant(detail),
+            life
         });
     }
     openModal() {
         this.displayModal = true;
     }
+    openCancelModal() {
+        this.confirmationService.confirm({
+            header: this.translate.instant("agro.angular_components.cancel_fixation_title"),
+            message: this.translate.instant("agro.angular_components.cancel_fixation_description"),
+            acceptLabel: this.translate.instant("agro.angular_components.yes"),
+            rejectLabel: this.translate.instant("agro.angular_components.no"),
+            accept: () => {
+                this.gridLoading = true;
+                this.cancelFixation();
+            },
+            reject: () => {
+                this.gridLoading = false;
+            }
+        });
+    }
+    cancelFixation() {
+        this.eventControlBoardService.fixationService.cancelFixation({ fixationId: this.gridData[AGRO_NUMBERS.ZERO].externalId })
+            .pipe(takeUntil(this.ngUnsubscribe), catchError((err) => {
+            this.addMessage('error', 'agro.angular_components.error_cancel_fixation_message_title', 'agro.angular_components.error_cancel_fixation_message_description');
+            this.gridLoading = false;
+            throw err;
+        }))
+            .subscribe(() => {
+            this.addMessage('info', 'agro.angular_components.cancel_fixation_message_title', 'agro.angular_components.cancel_fixation_message_description');
+            this.gridLoading = false;
+        });
+    }
     confirmModal() {
         this.reprocessEvent();
         this.displayModal = false;
@@ -4606,7 +4606,8 @@ EventControlBoardComponent.ctorParameters = () => [
     { type: WebsocketService },
     { type: EventControlBoardService },
     { type: PaginatorStorageService },
-    { type: MessageService$1 }
+    { type: MessageService$1 },
+    { type: ConfirmationService }
 ];
 __decorate([
     Input()
@@ -4616,7 +4617,7 @@ __decorate([
 ], EventControlBoardComponent.prototype, "e070fil", void 0);
 __decorate([
     Input()
-], EventControlBoardComponent.prototype, "ticket", void 0);
+], EventControlBoardComponent.prototype, "controlCode", void 0);
 __decorate([
     Input()
 ], EventControlBoardComponent.prototype, "eventOrigin", void 0);
@@ -4635,11 +4636,11 @@ __decorate([
 EventControlBoardComponent = __decorate([
     Component({
         selector: 'event-control-board',
-        template: "<div class=\"ui-g\" *sLoadingState=\"gridLoading\">\r\n    <div class=\"ui-g-12\">\r\n        <p-panel>\r\n            <p-header>\r\n                {{ \"agro.angular_components.event_control_header\" | libTranslate }}\r\n            </p-header>\r\n            <div class=\"ui-g\">\r\n                <div class=\"ui-g-12\">\r\n                    <s-button\r\n                        id=\"refresh-button\"\r\n                        [priority]=\"ButtonPriority.Primary\"\r\n                        iconClass=\"fa fa-refresh\"\r\n                        [label]=\"'agro.angular_components.refresh' | libTranslate\"\r\n                        (click)=\"onSearch()\"\r\n                    >\r\n                    </s-button>\r\n                </div>\r\n            </div>\r\n            <div class=\"ui-g\">\r\n                <div class=\"ui-g-12 ui-md-12\" *ngIf=\"!gridData || gridData?.length === 0\">\r\n                    <s-empty-state\r\n                        iconClass=\"fa fa-exclamation-triangle\"\r\n                        title=\"{{ 'agro.angular_components.nothing_found' | libTranslate }}\"\r\n                        [showPrimaryAction]=\"false\"\r\n                        description=\"{{ 'agro.angular_components.table_empty_description' | libTranslate }}\"\r\n                    >\r\n                    </s-empty-state>\r\n                </div>\r\n                <ng-container *ngIf=\"gridData?.length > 0\">\r\n                    <p-table\r\n                        stylelass=\"custom-table\"\r\n                        #eventControlTable\r\n                        [value]=\"gridDataResolved\"\r\n                        [columns]=\"gridColumns\"\r\n                        dataKey=\"id\"\r\n                        [lazy]=\"true\"\r\n                        [scrollable]=\"true\"\r\n                        [resizableColumns]=\"true\"\r\n                        [paginator]=\"!standalone\"\r\n                        [totalRecords]=\"gridTotalRecords\"\r\n                        [rows]=\"10\"\r\n                        [responsive]=\"true\"\r\n                        (onLazyLoad)=\"onGridChange($event)\"\r\n                        [sortOrder]=\"getSortOrder()\"\r\n                        [first]=\"getRowIndex()\"\r\n                        [lazyLoadOnInit]=\"false\"\r\n                        sortMode=\"multiple\"\r\n                        [rows]=\"getPageSize()\"\r\n                        [rowsPerPageOptions]=\"[10, 20, 50, 100]\"\r\n                    >\r\n                        <ng-template pTemplate=\"header\" let-columns>\r\n                            <tr>\r\n                                <ng-container *ngIf=\"!standalone\">\r\n                                    <th\r\n                                        *ngFor=\"let col of columns\"\r\n                                        class=\"ui-lg-1 ui-md-1\"\r\n                                        [pSortableColumn]=\"col.field\"\r\n                                        scope=\"col\"\r\n                                    >\r\n                                        <div class=\"senior-header\">\r\n                                            <span class=\"senior-header-title\">{{\r\n                                                col.header\r\n                                            }}</span>\r\n                                            <p-sortIcon [field]=\"col.field\"></p-sortIcon>\r\n                                        </div>\r\n                                    </th>\r\n                                </ng-container>\r\n                                <th class=\"ui-lg-8 ui-md-7\" scope=\"col\">\r\n                                    {{ \"agro.angular_components.panel_title_events_events\" | libTranslate }}\r\n                                </th>\r\n                            </tr>\r\n                        </ng-template>\r\n                        <ng-template pTemplate=\"body\" let-rowData>\r\n                            <tr>\r\n                                <ng-container *ngIf=\"!standalone\">\r\n                                    <td class=\"ui-lg-1 ui-md-1\">\r\n                                        {{ rowData.e070emp?.nomEmp }}\r\n                                    </td>\r\n                                    <td class=\"ui-lg-1 ui-md-1\">\r\n                                        {{ rowData.e070fil?.nomFil }}\r\n                                    </td>\r\n                                    <td class=\"ui-lg-1 ui-md-1\">\r\n                                        <ng-container [ngSwitch]=\"rowData.eventOrigin\">\r\n                                            <span *ngSwitchCase=\"'BALANCE_ENTRY_CONTROL'\">\r\n                                                {{\r\n                                                    \"agro.angular_components.balance_entry_control_event\"\r\n                                                        | libTranslate\r\n                                                }}\r\n                                            </span>\r\n                                            <span *ngSwitchCase=\"'TICKET'\">\r\n                                                {{\r\n                                                    \"agro.angular_components.ticket_maintenance_header\"\r\n                                                        | libTranslate\r\n                                                }}\r\n                                            </span>\r\n                                            <span *ngSwitchCase=\"'TRANSFER'\">\r\n                                                {{\r\n                                                    \"agro.angular_components.transfer_origin_event\"\r\n                                                        | libTranslate\r\n                                                }}\r\n                                            </span>\r\n                                            <span *ngSwitchCase=\"'INVOICE'\">\r\n                                                {{\r\n                                                    \"agro.angular_components.invoice_creating_event\"\r\n                                                        | libTranslate\r\n                                                }}\r\n                                            </span>\r\n                                            <span *ngSwitchCase=\"'CHANGE_REQUEST'\">\r\n                                                {{\r\n                                                    \"agro.angular_components.change_request_event\"\r\n                                                        | libTranslate\r\n                                                }}\r\n                                            </span>\r\n                                        </ng-container>\r\n                                    </td>\r\n                                    <td class=\"ui-lg-1 ui ui-md-1\">\r\n                                        {{ rowData.tickets || \"\" }}\r\n                                    </td>\r\n                                </ng-container>\r\n                                <td class=\"ui-lg-8 ui-md-7\">\r\n                                    <ng-container *ngFor=\"let group of rowData.groups\">\r\n                                        <s-event-steps\r\n                                            [steps]=\"group.steps || []\"\r\n                                            [activeIndex]=\"group.activeIndex\"\r\n                                            (stepSelected)=\"stepSelected($event)\"\r\n                                        >\r\n                                        </s-event-steps>\r\n                                    </ng-container>\r\n                                </td>\r\n                            </tr>\r\n                        </ng-template>\r\n                        <ng-template\r\n                            *ngIf=\"!standalone\"\r\n                            pTemplate=\"paginatorright\"\r\n                            class=\"custom-table\"\r\n                        >\r\n                            <span>\r\n                                {{\r\n                                    \"agro.angular_components.registers_found\"\r\n                                        | libTranslate : { total: gridTotalRecords }\r\n                                }}\r\n                            </span>\r\n                        </ng-template>\r\n                    </p-table>\r\n                </ng-container>\r\n            </div>\r\n        </p-panel>\r\n    </div>\r\n</div>\r\n<s-sidebar [visible]=\"showSidebar\" (visibleChange)=\"closeSidebar()\" header=\"{{ 'agro.angular_components.event_details_header' | libTranslate }}\">\r\n    <div class=\"ui-fluid\">\r\n        <p-fieldset legend=\"{{ sidebarTitle }}\" [toggleable]=\"false\">\r\n            <div class=\"ui-g\">\r\n                <div class=\"ui-g-4\">\r\n                    <span\r\n                        ><strong>{{\r\n                            \"agro.angular_components.event_origin_label\" | libTranslate\r\n                        }}</strong></span\r\n                    >\r\n                    <ng-container [ngSwitch]=\"selectedStep?.item.eventControl.eventOrigin\">\r\n                        <p *ngSwitchCase=\"'BALANCE_ENTRY_CONTROL'\">\r\n                            {{ \"agro.angular_components.balance_entry_control_event\" | libTranslate }}\r\n                        </p>\r\n                        <p *ngSwitchCase=\"'TICKET'\">\r\n                            {{ \"agro.angular_components.ticket_maintenance_header\" | libTranslate }}\r\n                        </p>\r\n                        <p *ngSwitchCase=\"'TRANSFER'\">\r\n                            {{ \"agro.angular_components.transfer_origin_event\" | libTranslate }}\r\n                        </p>\r\n                        <p *ngSwitchCase=\"'INVOICE'\">\r\n                            {{ \"agro.angular_components.invoice_creating_event\" | libTranslate }}\r\n                        </p>\r\n                        <p *ngSwitchCase=\"'CHANGE_REQUEST'\">\r\n                            {{ \"agro.angular_components.change_request_event\" | libTranslate }}\r\n                        </p>\r\n                    </ng-container>\r\n                </div>\r\n                <div class=\"ui-g-4\" *ngIf=\"producerInvoice?.e001pes.nomPes\">\r\n                    <span\r\n                        ><strong>{{ \"agro.angular_components.supplier\" | libTranslate }}</strong></span\r\n                    >\r\n                    <p>{{ producerInvoice?.e001pes.nomPes }}</p>\r\n                </div>\r\n                <div class=\"ui-g-4\" *ngIf=\"producerInvoice?.ruralEstate.name\">\r\n                    <span\r\n                        ><strong>{{ \"agro.angular_components.rural_estate\" | libTranslate }}</strong></span\r\n                    >\r\n                    <p>{{ producerInvoice?.ruralEstate.name }}</p>\r\n                </div>\r\n                <div class=\"ui-g-4\" *ngIf=\"selectedStep?.ticket\">\r\n                    <span\r\n                        ><strong>{{ \"agro.angular_components.ticket\" | libTranslate }}</strong></span\r\n                    >\r\n                    <p>{{ selectedStep?.ticket }}</p>\r\n                </div>\r\n                <div class=\"ui-g-4\">\r\n                    <span\r\n                        ><strong>{{ \"agro.angular_components.status_label\" | libTranslate }}</strong></span\r\n                    >\r\n                    <ng-container [ngSwitch]=\"selectedStep?.item.status\">\r\n                        <p *ngSwitchCase=\"'SUCCESS'\">\r\n                            <s-badge\r\n                                [color]=\"BadgeColors.Green\"\r\n                                text=\"{{\r\n                                    'agro.angular_components.panel_title_events_completed_successfully'\r\n                                        | libTranslate\r\n                                }}\"\r\n                                [selectable]=\"false\"\r\n                            >\r\n                            </s-badge>\r\n                        </p>\r\n                        <p *ngSwitchCase=\"'PROCESSING'\">\r\n                            <s-badge\r\n                                [color]=\"BadgeColors.Orange\"\r\n                                text=\"{{ 'agro.angular_components.processing' | libTranslate }}\"\r\n                                [selectable]=\"false\"\r\n                            >\r\n                            </s-badge>\r\n                        </p>\r\n                        <p *ngSwitchCase=\"'FAILED'\">\r\n                            <s-badge\r\n                                [color]=\"BadgeColors.Red\"\r\n                                text=\"{{\r\n                                    'agro.angular_components.panel_title_events_ended_with_error'\r\n                                        | libTranslate\r\n                                }}\"\r\n                                [selectable]=\"false\"\r\n                            >\r\n                            </s-badge>\r\n                        </p>\r\n                        <p *ngSwitchCase=\"'PENDING'\">\r\n                            <s-badge\r\n                                [color]=\"BadgeColors.Gray\"\r\n                                text=\"{{ 'agro.angular_components.pending' | libTranslate }}\"\r\n                                [selectable]=\"false\"\r\n                            >\r\n                            </s-badge>\r\n                        </p>\r\n                    </ng-container>\r\n                </div>\r\n                <div class=\"ui-g-4\">\r\n                    <span\r\n                        ><strong>{{\r\n                            \"agro.angular_components.last_update_date\" | libTranslate\r\n                        }}</strong></span\r\n                    >\r\n                    <p>{{ selectedStep?.item.lastModifiedDate | date : \"dd/MM/yyyy HH:mm:ss\" }}</p>\r\n                </div>\r\n                <div class=\"ui-g-4\" *ngIf=\"selectedStep?.item.status === 'FAILED'\">\r\n                    <span\r\n                        ><strong>{{\r\n                            \"agro.angular_components.event_error_message\" | libTranslate\r\n                        }}</strong></span\r\n                    >\r\n                    <p>{{ selectedStep?.item.message || \"-\" }}</p>\r\n                </div>\r\n            </div>\r\n        </p-fieldset>\r\n    </div>\r\n    <s-footer>\r\n        <div class=\"ui-g\">\r\n            <div class=\"ui-g-12 width-fit\">\r\n                <s-button\r\n                    id=\"sidebar-close-button\"\r\n                    [priority]=\"ButtonPriority.Primary\"\r\n                    [label]=\"'agro.angular_components.events_close' | libTranslate\"\r\n                    [auxiliary]=\"false\"\r\n                    (click)=\"closeSidebar()\"\r\n                >\r\n                </s-button>\r\n                <s-button\r\n                    *ngIf=\"showReprocessButton\"\r\n                    id=\"sidebar-reprocess-button\"\r\n                    [priority]=\"ButtonPriority.Secondary\"\r\n                    iconClass=\"fa fa-refresh\"\r\n                    [label]=\"'agro.angular_components.reprocess_event' | libTranslate\"\r\n                    [auxiliary]=\"false\"\r\n                    (click)=\"openModal()\"\r\n                >\r\n                </s-button>\r\n            </div>\r\n        </div>\r\n    </s-footer>\r\n</s-sidebar>\r\n\r\n<p-dialog [header]=\"'agro.angular_components.event_modal_title' | libTranslate\" [(visible)]=\"displayModal\" [modal]=\"true\" class=\"dialog\">\r\n    <div class=\"event-modal-text\">{{ \"agro.angular_components.event_modal\" | libTranslate }}</div>\r\n    <p-footer>\r\n        <div class=\"ui-dialog-buttonpane ui-widget-content ui-helper-clearfix\">\r\n            <button\r\n                id=\"modal-yes\"\r\n                type=\"button\"\r\n                pButton\r\n                icon=\"fa fa-check\"\r\n                (click)=\"confirmModal()\"\r\n                label=\"{{ 'agro.angular_components.yes' | libTranslate }}\"\r\n                class=\"ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only\"\r\n            ></button>\r\n            <button\r\n                id=\"modal-no\"\r\n                type=\"button\"\r\n                pButton\r\n                icon=\"fa fa-close\"\r\n                (click)=\"cancelModal()\"\r\n                label=\"{{ 'agro.angular_components.no' | libTranslate }}\"\r\n                class=\"ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only\"\r\n            ></button>\r\n        </div>\r\n    </p-footer>\r\n</p-dialog>\r\n",
+        template: "<div class=\"ui-g\" *sLoadingState=\"gridLoading\">\r\n    <div class=\"ui-g-12\">\r\n        <p-panel>\r\n            <p-header>\r\n                {{ \"agro.angular_components.event_control_header\" | libTranslate }}\r\n            </p-header>\r\n            <div class=\"ui-g\">\r\n                <div class=\"ui-g-12\">\r\n                    <s-button\r\n                        id=\"refresh-button\"\r\n                        [priority]=\"ButtonPriority.Primary\"\r\n                        iconClass=\"fa fa-refresh\"\r\n                        [label]=\"'agro.angular_components.refresh' | libTranslate\"\r\n                        (click)=\"onSearch()\"\r\n                    >\r\n                    </s-button>\r\n                    <s-button\r\n                        *ngIf=\"standalone && eventOrigin === 'FIXATION'\"\r\n                        id=\"cancel-button-agro-events-lib\"\r\n                        iconClass=\"fa fa-times\"\r\n                        [label]=\"'agro.angular_components.cancel' | libTranslate\"\r\n                        (click)=\"openCancelModal()\"\r\n                    >\r\n                    </s-button>\r\n                </div>\r\n            </div>\r\n            <div class=\"ui-g\">\r\n                <div class=\"ui-g-12 ui-md-12\" *ngIf=\"!gridData || gridData?.length === 0\">\r\n                    <s-empty-state\r\n                        iconClass=\"fa fa-exclamation-triangle\"\r\n                        title=\"{{ 'agro.angular_components.nothing_found' | libTranslate }}\"\r\n                        [showPrimaryAction]=\"false\"\r\n                        description=\"{{ 'agro.angular_components.table_empty_description' | libTranslate }}\"\r\n                    >\r\n                    </s-empty-state>\r\n                </div>\r\n                <ng-container *ngIf=\"gridData?.length > 0\">\r\n                    <p-table\r\n                        stylelass=\"custom-table\"\r\n                        #eventControlTable\r\n                        [value]=\"gridDataResolved\"\r\n                        [columns]=\"gridColumns\"\r\n                        dataKey=\"id\"\r\n                        [lazy]=\"true\"\r\n                        [scrollable]=\"true\"\r\n                        [resizableColumns]=\"true\"\r\n                        [paginator]=\"!standalone\"\r\n                        [totalRecords]=\"gridTotalRecords\"\r\n                        [rows]=\"10\"\r\n                        [responsive]=\"true\"\r\n                        (onLazyLoad)=\"onGridChange($event)\"\r\n                        [sortOrder]=\"getSortOrder()\"\r\n                        [first]=\"getRowIndex()\"\r\n                        [lazyLoadOnInit]=\"false\"\r\n                        sortMode=\"multiple\"\r\n                        [rows]=\"getPageSize()\"\r\n                        [rowsPerPageOptions]=\"[10, 20, 50, 100]\"\r\n                    >\r\n                        <ng-template pTemplate=\"header\" let-columns>\r\n                            <tr>\r\n                                <ng-container *ngIf=\"!standalone\">\r\n                                    <th\r\n                                        *ngFor=\"let col of columns\"\r\n                                        class=\"ui-lg-1 ui-md-1\"\r\n                                        [pSortableColumn]=\"col.field\"\r\n                                        scope=\"col\"\r\n                                    >\r\n                                        <div class=\"senior-header\">\r\n                                            <span class=\"senior-header-title\">{{\r\n                                                col.header\r\n                                            }}</span>\r\n                                            <p-sortIcon [field]=\"col.field\"></p-sortIcon>\r\n                                        </div>\r\n                                    </th>\r\n                                </ng-container>\r\n                                <th class=\"ui-lg-8 ui-md-7\" scope=\"col\">\r\n                                    {{ \"agro.angular_components.panel_title_events_events\" | libTranslate }}\r\n                                </th>\r\n                            </tr>\r\n                        </ng-template>\r\n                        <ng-template pTemplate=\"body\" let-rowData>\r\n                            <tr>\r\n                                <ng-container *ngIf=\"!standalone\">\r\n                                    <td class=\"ui-lg-1 ui-md-1\">\r\n                                        {{ rowData.e070emp?.nomEmp }}\r\n                                    </td>\r\n                                    <td class=\"ui-lg-1 ui-md-1\">\r\n                                        {{ rowData.e070fil?.nomFil }}\r\n                                    </td>\r\n                                    <td class=\"ui-lg-1 ui-md-1\">\r\n                                        <ng-container [ngSwitch]=\"rowData.eventOrigin\">\r\n                                            <span *ngSwitchCase=\"'BALANCE_ENTRY_CONTROL'\">\r\n                                                {{\r\n                                                    \"agro.angular_components.balance_entry_control_event\"\r\n                                                        | libTranslate\r\n                                                }}\r\n                                            </span>\r\n                                            <span *ngSwitchCase=\"'TICKET'\">\r\n                                                {{\r\n                                                    \"agro.angular_components.ticket_maintenance_header\"\r\n                                                        | libTranslate\r\n                                                }}\r\n                                            </span>\r\n                                            <span *ngSwitchCase=\"'TRANSFER'\">\r\n                                                {{\r\n                                                    \"agro.angular_components.transfer_origin_event\"\r\n                                                        | libTranslate\r\n                                                }}\r\n                                            </span>\r\n                                            <span *ngSwitchCase=\"'INVOICE'\">\r\n                                                {{\r\n                                                    \"agro.angular_components.invoice_creating_event\"\r\n                                                        | libTranslate\r\n                                                }}\r\n                                            </span>\r\n                                            <span *ngSwitchCase=\"'CHANGE_REQUEST'\">\r\n                                                {{\r\n                                                    \"agro.angular_components.change_request_event\"\r\n                                                        | libTranslate\r\n                                                }}\r\n                                            </span>\r\n                                            <span *ngSwitchCase=\"'FIXATION'\">\r\n                                                {{\r\n                                                    \"agro.angular_components.fixation_event\"\r\n                                                        | libTranslate\r\n                                                }}\r\n                                            </span>\r\n                                        </ng-container>\r\n                                    </td>\r\n                                    <td class=\"ui-lg-1 ui ui-md-1\">\r\n                                        {{ rowData.controlCode || \"\" }}\r\n                                    </td>\r\n                                </ng-container>\r\n                                <td class=\"ui-lg-8 ui-md-7\">\r\n                                    <ng-container *ngFor=\"let group of rowData.groups\">\r\n                                        <s-event-steps\r\n                                            [steps]=\"group.steps || []\"\r\n                                            [activeIndex]=\"group.activeIndex\"\r\n                                            (stepSelected)=\"stepSelected($event)\"\r\n                                        >\r\n                                        </s-event-steps>\r\n                                    </ng-container>\r\n                                </td>\r\n                            </tr>\r\n                        </ng-template>\r\n                        <ng-template\r\n                            *ngIf=\"!standalone\"\r\n                            pTemplate=\"paginatorright\"\r\n                            class=\"custom-table\"\r\n                        >\r\n                            <span>\r\n                                {{\r\n                                    \"agro.angular_components.registers_found\"\r\n                                        | libTranslate : { total: gridTotalRecords }\r\n                                }}\r\n                            </span>\r\n                        </ng-template>\r\n                    </p-table>\r\n                </ng-container>\r\n            </div>\r\n        </p-panel>\r\n    </div>\r\n</div>\r\n<s-sidebar [visible]=\"showSidebar\" (visibleChange)=\"closeSidebar()\" header=\"{{ 'agro.angular_components.event_details_header' | libTranslate }}\">\r\n    <div class=\"ui-fluid\">\r\n        <p-fieldset [legend]=\"sidebarTitle\" [toggleable]=\"false\">\r\n            <div class=\"ui-g\">\r\n                <div class=\"ui-g-4\">\r\n                    <span\r\n                        ><strong>{{\r\n                            \"agro.angular_components.event_origin_label\" | libTranslate\r\n                        }}</strong></span\r\n                    >\r\n                    <ng-container [ngSwitch]=\"selectedStep?.eventType\">\r\n                        <p *ngSwitchCase=\"'BALANCE_ENTRY_CONTROL'\">\r\n                            {{ \"agro.angular_components.balance_entry_control_event\" | libTranslate }}\r\n                        </p>\r\n                        <p *ngSwitchCase=\"'TICKET'\">\r\n                            {{ \"agro.angular_components.ticket_maintenance_header\" | libTranslate }}\r\n                        </p>\r\n                        <p *ngSwitchCase=\"'TRANSFER'\">\r\n                            {{ \"agro.angular_components.transfer_origin_event\" | libTranslate }}\r\n                        </p>\r\n                        <p *ngSwitchCase=\"'INVOICE'\">\r\n                            {{ \"agro.angular_components.invoice_creating_event\" | libTranslate }}\r\n                        </p>\r\n                        <p *ngSwitchCase=\"'CHANGE_REQUEST'\">\r\n                            {{ \"agro.angular_components.change_request_event\" | libTranslate }}\r\n                        </p>\r\n                        <p *ngSwitchCase=\"'FIXATION'\">\r\n                            {{ \"agro.angular_components.fixation_event\" | libTranslate }}\r\n                        </p>\r\n                    </ng-container>\r\n                </div>\r\n                <div class=\"ui-g-4\" *ngIf=\"producerInvoice?.e001pes.nomPes\">\r\n                    <span\r\n                        ><strong>{{ \"agro.angular_components.supplier\" | libTranslate }}</strong></span\r\n                    >\r\n                    <p>{{ producerInvoice?.e001pes.nomPes }}</p>\r\n                </div>\r\n                <div class=\"ui-g-4\" *ngIf=\"producerInvoice?.ruralEstate.name\">\r\n                    <span\r\n                        ><strong>{{ \"agro.angular_components.rural_estate\" | libTranslate }}</strong></span\r\n                    >\r\n                    <p>{{ producerInvoice?.ruralEstate.name }}</p>\r\n                </div>\r\n                <div class=\"ui-g-4\" *ngIf=\"selectedStep?.controlCode\">\r\n                    <span\r\n                        ><strong>{{ \"agro.angular_components.control_code\" | libTranslate }}</strong></span\r\n                    >\r\n                    <p>{{ selectedStep?.controlCode }}</p>\r\n                </div>\r\n                <div class=\"ui-g-4\">\r\n                    <span\r\n                        ><strong>{{ \"agro.angular_components.status_label\" | libTranslate }}</strong></span\r\n                    >\r\n                    <ng-container [ngSwitch]=\"selectedStep?.item.status\">\r\n                        <p *ngSwitchCase=\"'SUCCESS'\">\r\n                            <s-badge\r\n                                [color]=\"BadgeColors.Green\"\r\n                                text=\"{{\r\n                                    'agro.angular_components.panel_title_events_completed_successfully'\r\n                                        | libTranslate\r\n                                }}\"\r\n                                [selectable]=\"false\"\r\n                            >\r\n                            </s-badge>\r\n                        </p>\r\n                        <p *ngSwitchCase=\"'PROCESSING'\">\r\n                            <s-badge\r\n                                [color]=\"BadgeColors.Orange\"\r\n                                text=\"{{ 'agro.angular_components.processing' | libTranslate }}\"\r\n                                [selectable]=\"false\"\r\n                            >\r\n                            </s-badge>\r\n                        </p>\r\n                        <p *ngSwitchCase=\"'FAILED'\">\r\n                            <s-badge\r\n                                [color]=\"BadgeColors.Red\"\r\n                                text=\"{{\r\n                                    'agro.angular_components.panel_title_events_ended_with_error'\r\n                                        | libTranslate\r\n                                }}\"\r\n                                [selectable]=\"false\"\r\n                            >\r\n                            </s-badge>\r\n                        </p>\r\n                        <p *ngSwitchCase=\"'PENDING'\">\r\n                            <s-badge\r\n                                [color]=\"BadgeColors.Gray\"\r\n                                text=\"{{ 'agro.angular_components.pending' | libTranslate }}\"\r\n                                [selectable]=\"false\"\r\n                            >\r\n                            </s-badge>\r\n                        </p>\r\n                    </ng-container>\r\n                </div>\r\n                <div class=\"ui-g-4\">\r\n                    <span\r\n                        ><strong>{{\r\n                            \"agro.angular_components.last_update_date\" | libTranslate\r\n                        }}</strong></span\r\n                    >\r\n                    <p>{{ selectedStep?.item.lastModifiedDate | date : \"dd/MM/yyyy HH:mm:ss\" }}</p>\r\n                </div>\r\n                <div class=\"ui-g-4\" *ngIf=\"selectedStep?.item.status === 'FAILED'\">\r\n                    <span\r\n                        ><strong>{{\r\n                            \"agro.angular_components.event_error_message\" | libTranslate\r\n                        }}</strong></span\r\n                    >\r\n                    <p>{{ selectedStep?.item.message || \"-\" }}</p>\r\n                </div>\r\n            </div>\r\n        </p-fieldset>\r\n    </div>\r\n    <s-footer>\r\n        <div class=\"ui-g\">\r\n            <div class=\"ui-g-12 width-fit\">\r\n                <s-button\r\n                    id=\"sidebar-close-button\"\r\n                    [priority]=\"ButtonPriority.Primary\"\r\n                    [label]=\"'agro.angular_components.events_close' | libTranslate\"\r\n                    [auxiliary]=\"false\"\r\n                    (click)=\"closeSidebar()\"\r\n                >\r\n                </s-button>\r\n                <s-button\r\n                    *ngIf=\"showReprocessButton\"\r\n                    id=\"sidebar-reprocess-button\"\r\n                    [priority]=\"ButtonPriority.Secondary\"\r\n                    iconClass=\"fa fa-refresh\"\r\n                    [label]=\"'agro.angular_components.reprocess_event' | libTranslate\"\r\n                    [auxiliary]=\"false\"\r\n                    (click)=\"openModal()\"\r\n                >\r\n                </s-button>\r\n            </div>\r\n        </div>\r\n    </s-footer>\r\n</s-sidebar>\r\n\r\n<p-dialog [header]=\"'agro.angular_components.event_modal_title' | libTranslate\" [(visible)]=\"displayModal\" [modal]=\"true\" class=\"dialog\">\r\n    <div class=\"event-modal-text\">{{ \"agro.angular_components.event_modal\" | libTranslate }}</div>\r\n    <p-footer>\r\n        <div class=\"ui-dialog-buttonpane ui-widget-content ui-helper-clearfix\">\r\n            <button\r\n                id=\"modal-yes\"\r\n                type=\"button\"\r\n                pButton\r\n                icon=\"fa fa-check\"\r\n                (click)=\"confirmModal()\"\r\n                label=\"{{ 'agro.angular_components.yes' | libTranslate }}\"\r\n                class=\"ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only\"\r\n            ></button>\r\n            <button\r\n                id=\"modal-no\"\r\n                type=\"button\"\r\n                pButton\r\n                icon=\"fa fa-close\"\r\n                (click)=\"cancelModal()\"\r\n                label=\"{{ 'agro.angular_components.no' | libTranslate }}\"\r\n                class=\"ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only\"\r\n            ></button>\r\n        </div>\r\n    </p-footer>\r\n</p-dialog>\r\n\r\n<p-confirmDialog\r\n    [acceptLabel]=\"'agro.angular_components.yes' | libTranslate\"\r\n    acceptIcon=\"\"\r\n    acceptButtonStyleClass=\"ui-button\"\r\n    [rejectLabel]=\"'agro.angular_components.no' | libTranslate\"\r\n    rejectIcon=\"\"\r\n    rejectButtonStyleClass=\"ui-button-secondary\">\r\n</p-confirmDialog>\r\n",
         providers: [
             { provide: LOCALE_ID, useValue: 'pt-BR' }
         ],
-        styles: [".frozen{border-left:2px solid #ddd}.dialog{width:\"600px\";height:\"300px\";z-index:100000}"]
+        styles: [".frozen{border-left:2px solid #ddd}.dialog{width:\"600px\";height:\"300px\";z-index:100000}:host ::ng-deep #cancel-button-agro-events-lib{background-color:#9c3a3a!important;border-color:#9c3a3a!important}:host ::ng-deep #cancel-button-agro-events-lib:hover{background-color:#642525!important}"]
     })
 ], EventControlBoardComponent);
 
@@ -5253,6 +5254,58 @@ RuralEstateModule = __decorate([
     })
 ], RuralEstateModule);
 
+let TicketService = class TicketService extends EntityService {
+    constructor(http, messageService, translate) {
+        super(http, messageService, `agro/origination/entities/ticket`, `agro/origination/actions`, `agro/origination/queries`, translate);
+        this.http = http;
+        this.messageService = messageService;
+        this.translate = translate;
+    }
+    getTicketSummaryByParent(parent) {
+        return this.http
+            .post(`${this.queriesUrl}/getTicketSummaryByParent/`, { parent })
+            .pipe(this.defaultCatch());
+    }
+    listMainteinerTickets(filter) {
+        return this.http
+            .post(`${this.queriesUrl}/listMainteinerTickets/`, filter)
+            .pipe(this.defaultCatch());
+    }
+    searchTotalWeightResultFromTickets(body) {
+        return this.http
+            .post(`${this.queriesUrl}/searchTotalWeightResultFromTickets/`, body)
+            .pipe(this.defaultCatch());
+    }
+    cancelTicket(body) {
+        return this.http
+            .post(`${this.actionsUrl}/cancelTicket/`, body);
+    }
+    mergeTickets(body) {
+        return this.http.post(`${this.actionsUrl}/mergeTickets/`, body).pipe(this.defaultCatch());
+    }
+    unMergeTickets(body) {
+        return this.http.post(`${this.actionsUrl}/unMergeTickets/`, body).pipe(this.defaultCatch());
+    }
+    checkGroupInvoicePermission(body) {
+        return this.http
+            .post(`${this.queriesUrl}/checkGroupInvoicePermission/`, body)
+            .pipe(this.defaultCatch());
+    }
+    getContractTickets(tickets) {
+        return this.http
+            .post(`${this.queriesUrl}/getContractTickets/`, { tickets })
+            .pipe(this.defaultCatch());
+    }
+};
+TicketService.ctorParameters = () => [
+    { type: HttpClient },
+    { type: MessageService },
+    { type: LibTranslationService }
+];
+TicketService = __decorate([
+    Injectable()
+], TicketService);
+
 let TicketModule = class TicketModule {
 };
 TicketModule = __decorate([
@@ -5331,6 +5384,25 @@ TransferModule = __decorate([
     })
 ], TransferModule);
 
+let FixationModule = class FixationModule {
+};
+FixationModule = __decorate([
+    NgModule({
+        imports: [
+            PermissionsModule.forChild([
+                {
+                    name: 'fixation',
+                    actions: ['Visualizar', 'Incluir', 'Editar', 'Excluir'],
+                    uri: `res://senior.com.br/agro/fixation/entities/fixation`,
+                },
+            ]),
+        ],
+        providers: [FixationService],
+        declarations: [],
+        exports: [],
+    })
+], FixationModule);
+
 let EventControlBoardModule = class EventControlBoardModule {
 };
 EventControlBoardModule = __decorate([
@@ -5358,11 +5430,13 @@ EventControlBoardModule = __decorate([
             RuralEstateModule,
             TicketModule,
             WebsocketModule,
-            LibTranslationModule
+            LibTranslationModule,
+            FixationModule
         ],
         declarations: [EventControlBoardComponent],
         exports: [EventControlBoardComponent],
-        providers: [E012famService, E205depService, PaginatorStorageService, EventControlService, EventControlBoardService],
+        providers: [E012famService, E205depService, PaginatorStorageService,
+            EventControlService, EventControlBoardService, ConfirmationService],
     })
 ], EventControlBoardModule);
 
@@ -5389,5 +5463,5 @@ AgroAngularComponentsModule = AgroAngularComponentsModule_1 = __decorate([
  * Generated bundle index. Do not edit.
  */
 
-export { AGRO_NUMBERS, AGRO_REGEX, AgroAngularComponentsModule, AgroArrayUtils, AgroCookieUtils, AgroDateUtils, AgroEntityStatus, AgroFormValidator, AgroNameUtils, AgroNumberUtils, AgroObjectUtils, AgroPlatformUtils, AgroStringMasks, AgroStringUtils, AsyncLock, Colors, DateComparisonType, E001TnsModule, E001pesModule, E070EmpModule, E070FilModule, E075DerModule, E205depService, EventControlBoardComponent, EventControlBoardModule, EventControlBoardService, EventControlItemModule, EventControlModule, EventStepsComponent, EventStepsModule, ExternalInvoiceModule, HostProjectConfigsInjectionToken, HttpCodes, InvoiceModule, LibTranslatePipe, LibTranslationModule, LibTranslationService, NumberComparisonType, OriginationModule, PaginatorStorageService, PrimitiveManager, ProducerInvoiceModule, RuralEstateModule, SharedModule, TicketModule, TransferModule, UserInformationService, WebsocketModule, WebsocketService, LibTranslationService as ɵa };
+export { AGRO_NUMBERS, AGRO_REGEX, AgroAngularComponentsModule, AgroArrayUtils, AgroCookieUtils, AgroDateUtils, AgroEntityStatus, AgroFormValidator, AgroNameUtils, AgroNumberUtils, AgroObjectUtils, AgroPlatformUtils, AgroStringMasks, AgroStringUtils, AsyncLock, Colors, DateComparisonType, E001TnsModule, E001pesModule, E070EmpModule, E070FilModule, E075DerModule, E205depService, EventControlBoardComponent, EventControlBoardModule, EventControlBoardService, EventControlItemModule, EventControlModule, EventStepsComponent, EventStepsModule, ExternalInvoiceModule, FixationModule, HostProjectConfigsInjectionToken, HttpCodes, InvoiceModule, LibTranslatePipe, LibTranslationModule, LibTranslationService, NumberComparisonType, OriginationModule, PaginatorStorageService, PrimitiveManager, ProducerInvoiceModule, RuralEstateModule, SharedModule, TicketModule, TransferModule, UserInformationService, WebsocketModule, WebsocketService, LibTranslationService as ɵa };
 //# sourceMappingURL=senior-agronegocio-angular-components.js.map