@senior-agronegocio/angular-components 0.0.64 → 0.0.66

package/bundles/senior-agronegocio-angular-components.umd.js

@@ -3521,7 +3521,7 @@
         "agro.angular_components.error_invalid": "Valor inválido",
         "agro.angular_components.error_max_length": "O valor máximo de caracteres é {0}",
         "agro.angular_components.error_max_value": "O valor máximo é {0}",
-        "agro.angular_components.error_min_length": "O valor mínimo de caracteres é {0}",
+        "agro.angular_components.error_min_length": "O valor mínimo de caracteres é {valor}",
         "agro.angular_components.error_min_value": "O valor mínimo é {0}",
         "agro.angular_components.error_not_found_description": "O recurso solicitado não foi encontrado",
         "agro.angular_components.error_not_found_title": "Não encontrado",
@@ -3645,8 +3645,8 @@
         "agro.angular_components.CHANGE_REQUEST": "Solicitação de alteração",
         "agro.angular_components.CHANGE_RESPONSE": "Resposta da solicitação de alteração",
         "agro.angular_components.PROCESS_FIXATION": "Processa a fixação",
-        "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_CREATE_INCOMING_INVOICE": "Emissão NF de entrada",
+        "agro.angular_components.TRANSFER_CREATE_OUTGOING_INVOICE": "Emissão NF de saída",
         "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",
@@ -3672,7 +3672,13 @@
         "agro.angular_components.invoice_type_OUTGOING": "Saída",
         "agro.angular_components.invoice_type_RETURN": "Devolução",
         "agro.angular_components.invoice_type_SERVICE": "Serviço",
-        "agro.angular_components.invoice_type_SYMBOLIC_RETURN": "Devolução simbólica"
+        "agro.angular_components.invoice_type_SYMBOLIC_RETURN": "Devolução simbólica",
+        "agro.angular_components.cancel_reason": "Motivo do cancelamento",
+        "agro.angular_components.TRANSFER_CANCEL_INCOMING_INVOICE": "Cancelamento de NF de entrada",
+        "agro.angular_components.TRANSFER_CANCEL_OUTGOING_INVOICE": "Cancelamento de NF de saída ",
+        "agro.angular_components.TRANSFER_REVERSE_PRODUCER_BALANCE": "Estorno dos saldos de produtores",
+        "agro.angular_components.TRANSFER_CONCLUDE_CANCEL": "Conclusão do cancelamento",
+        "agro.angular_components.transfer_cancellation_event": "Cancelamento de transferência"
     };
 
     var enUS = {
@@ -3751,7 +3757,7 @@
         "agro.angular_components.error_invalid": "Invalid value",
         "agro.angular_components.error_max_length": "The maximum number of characters is {0}",
         "agro.angular_components.error_max_value": "The maximum value is {0}",
-        "agro.angular_components.error_min_length": "The minimum number of characters is {0}",
+        "agro.angular_components.error_min_length": "The minimum number of characters is {valor}",
         "agro.angular_components.error_min_value": "The minimum value is {0}",
         "agro.angular_components.error_not_found_description": "The requested resource was not found",
         "agro.angular_components.error_not_found_title": "Not found",
@@ -3902,7 +3908,9 @@
         "agro.angular_components.invoice_type_OUTGOING": "Outgoing",
         "agro.angular_components.invoice_type_RETURN": "Return",
         "agro.angular_components.invoice_type_SERVICE": "Service",
-        "agro.angular_components.invoice_type_SYMBOLIC_RETURN": "Symbolic return"
+        "agro.angular_components.invoice_type_SYMBOLIC_RETURN": "Symbolic return",
+        "agro.angular_components.cancel_reason": "Cancellation reason",
+        "agro.angular_components.transfer_cancellation_event": "Transfer cancellation"
     };
 
     var esCO = {
@@ -3981,7 +3989,7 @@
         "agro.angular_components.error_invalid": "Valor inválido",
         "agro.angular_components.error_max_length": "El valor máximo de caracteres es {0}",
         "agro.angular_components.error_max_value": "El valor máximo es {0}",
-        "agro.angular_components.error_min_length": "El valor mínimo de caracteres es {0}",
+        "agro.angular_components.error_min_length": "El valor mínimo de caracteres es {valor}",
         "agro.angular_components.error_min_value": "El valor mínimo es {0}",
         "agro.angular_components.error_not_found_description": "El recurso solicitado no fue encontrado",
         "agro.angular_components.error_not_found_title": "No encontrado",
@@ -4132,7 +4140,9 @@
         "agro.angular_components.invoice_type_OUTGOING": "Salida",
         "agro.angular_components.invoice_type_RETURN": "Devolución",
         "agro.angular_components.invoice_type_SERVICE": "Servicio",
-        "agro.angular_components.invoice_type_SYMBOLIC_RETURN": "Devolución simbólica"
+        "agro.angular_components.invoice_type_SYMBOLIC_RETURN": "Devolución simbólica",
+        "agro.angular_components.cancel_reason": "Motivo de la cancelación",
+        "agro.angular_components.transfer_cancellation_event": "Cancelación de transferencia"
     };
 
     var LibTranslationService = /** @class */ (function () {
@@ -4186,15 +4196,132 @@
         return LibTranslationService;
     }());
 
-    var FixationStatus;
-    (function (FixationStatus) {
-        FixationStatus["APPROVED"] = "APPROVED";
-        FixationStatus["CANCELED"] = "CANCELED";
-        FixationStatus["IN_ANALYSIS"] = "IN_ANALYSIS";
-        FixationStatus["FINISHED"] = "FINISHED";
-        FixationStatus["REJECTED"] = "REJECTED";
-        FixationStatus["IN_PROGRESS"] = "IN_PROGRESS";
-    })(FixationStatus || (FixationStatus = {}));
+    var NUMBERS;
+    (function (NUMBERS) {
+        NUMBERS[NUMBERS["ZERO"] = 0] = "ZERO";
+        NUMBERS[NUMBERS["TWELVE"] = 12] = "TWELVE";
+        NUMBERS[NUMBERS["FIFTEEN"] = 15] = "FIFTEEN";
+        NUMBERS[NUMBERS["HUNDRED"] = 100] = "HUNDRED";
+    })(NUMBERS || (NUMBERS = {}));
+
+    var CancelEventDialogComponent = /** @class */ (function () {
+        function CancelEventDialogComponent(formBuilder, config, ref, translate) {
+            this.formBuilder = formBuilder;
+            this.config = config;
+            this.ref = ref;
+            this.translate = translate;
+            this.loading = false;
+            this.reasonMinLength = NUMBERS.FIFTEEN;
+            this.ngUnsubscribe = new rxjs.Subject();
+            this.cpSize = {
+                sm: 12,
+                md: NUMBERS.TWELVE,
+                lg: NUMBERS.TWELVE,
+                xl: NUMBERS.TWELVE,
+            };
+            this.priority = angularComponents.ButtonPriority;
+        }
+        CancelEventDialogComponent.prototype.ngOnInit = function () {
+            this.setFormGroup();
+            this.setFormFields();
+            this.setDataConfigDialog();
+            this.setTranslations();
+        };
+        CancelEventDialogComponent.prototype.ngOnDestroy = function () {
+            this.ngUnsubscribe.next();
+            this.ngUnsubscribe.complete();
+        };
+        CancelEventDialogComponent.prototype.setFormGroup = function () {
+            this.formGroup = this.formBuilder.group({
+                reason: [{ value: null, disabled: false }, forms.Validators.compose([forms.Validators.required, forms.Validators.minLength(this.reasonMinLength)])],
+            });
+        };
+        CancelEventDialogComponent.prototype.setFormFields = function () {
+            this.formFields = [
+                new angularComponents.FormField({
+                    name: "reason",
+                    label: this.translate.instant("agro.angular_components.cancel_reason"),
+                    type: angularComponents.FieldType.String,
+                    multiple: false,
+                    required: function () { return true; },
+                    size: this.cpSize,
+                    maxLength: NUMBERS.HUNDRED,
+                }),
+            ];
+        };
+        CancelEventDialogComponent.prototype.setDataConfigDialog = function () {
+            var _a, _b, _c, _d;
+            this.cancelEventDialogConfig = (_b = (_a = this.config.data) === null || _a === void 0 ? void 0 : _a.cancelEventDialogConfig) !== null && _b !== void 0 ? _b : {};
+            this.reasonMinLength = (_d = (_c = this.cancelEventDialogConfig) === null || _c === void 0 ? void 0 : _c.reasonMinLength) !== null && _d !== void 0 ? _d : NUMBERS.FIFTEEN;
+        };
+        CancelEventDialogComponent.prototype.setTranslations = function () {
+            this.translations = {
+                required: this.translate.instant("agro.angular_components.error_required"),
+                min: this.translate.instant("agro.angular_components.error_min_value"),
+                max: this.translate.instant("agro.angular_components.error_max_value"),
+                minlength: this.translate.instant("agro.angular_components.error_min_length", { valor: this.reasonMinLength }),
+                maxlength: this.translate.instant("agro.angular_components.error_max_length_transfer_code"),
+                pattern: this.translate.instant("agro.angular_components.error_invalid"),
+                FormDateError_data1: this.translate.instant("agro.angular_components.initial_invalid_date"),
+                FormDateError_data2: this.translate.instant("agro.angular_components.end_invalid_date"),
+            };
+        };
+        CancelEventDialogComponent.prototype.handleConfirmClick = function () {
+            var _a, _b;
+            return __awaiter(this, void 0, void 0, function () {
+                var reason;
+                return __generator(this, function (_c) {
+                    switch (_c.label) {
+                        case 0:
+                            if (this.formGroup.invalid && ((_a = this.cancelEventDialogConfig) === null || _a === void 0 ? void 0 : _a.withReason)) {
+                                this.validateAllFormFields(this.formGroup);
+                                return [2 /*return*/];
+                            }
+                            reason = (_b = this.formGroup.get("reason")) === null || _b === void 0 ? void 0 : _b.value;
+                            this.loading = true;
+                            return [4 /*yield*/, this.cancelEventDialogConfig.cancelFunction(reason)];
+                        case 1:
+                            _c.sent();
+                            this.loading = false;
+                            this.ref.close(true);
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        CancelEventDialogComponent.prototype.validateAllFormFields = function (formGroup) {
+            var _this = this;
+            Object.keys(formGroup.controls).forEach(function (field) {
+                var control = formGroup.get(field);
+                if (control instanceof forms.FormControl) {
+                    control.markAsDirty({ onlySelf: true });
+                }
+                if (control instanceof forms.FormGroup) {
+                    _this.validateAllFormFields(control);
+                }
+            });
+        };
+        CancelEventDialogComponent.prototype.handleCancelClick = function () {
+            this.ref.close();
+        };
+        CancelEventDialogComponent.ctorParameters = function () { return [
+            { type: forms.FormBuilder },
+            { type: primeng.DynamicDialogConfig },
+            { type: primeng.DynamicDialogRef },
+            { type: LibTranslationService }
+        ]; };
+        __decorate([
+            core.Input()
+        ], CancelEventDialogComponent.prototype, "cancelEventDialogConfig", void 0);
+        CancelEventDialogComponent = __decorate([
+            core.Component({
+                selector: "s-cancel-event-dialog",
+                template: "<div class=\"content\" *sLoadingState=\"loading\">\r\n    <div class=\"top\">\r\n        <div *ngIf=\"cancelEventDialogConfig?.message\" class=\"message-container\">\r\n            <span>{{ cancelEventDialogConfig?.message }}</span>\r\n        </div>\r\n        <div class=\"form-container\" *ngIf=\"cancelEventDialogConfig?.withReason\">\r\n            <s-dynamic-form [fields]=\"formFields\" [form]=\"formGroup\" [errorMessages]=\"translations\">\r\n            </s-dynamic-form>\r\n        </div>\r\n    </div>\r\n    <div class=\"footer\">\r\n        <s-button [priority]=\"priority.Secondary\" label=\"{{ 'agro.angular_components.no' | libTranslate }}\"\r\n            (click)=\"handleCancelClick()\"></s-button>\r\n        <s-button [priority]=\"priority.Primary\" label=\"{{ 'agro.angular_components.yes' | libTranslate }}\" (click)=\"handleConfirmClick()\"></s-button>\r\n    </div>\r\n</div>\r\n",
+                styles: [".message-container{padding:.5rem}.footer{display:-ms-flexbox;display:flex;width:100%;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end;padding:.5rem}.content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;box-sizing:border-box}.content.loading{min-height:150px;display:-ms-flexbox;display:flex;width:100%}.content .top{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between}@media screen and (max-width:760px){.content{-ms-flex-pack:justify;justify-content:space-between}.content .top{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between}}"]
+            })
+        ], CancelEventDialogComponent);
+        return CancelEventDialogComponent;
+    }());
 
     var EventOperation;
     (function (EventOperation) {
@@ -4218,6 +4345,10 @@
         EventOperation["CANCEL_FINANCIAL_FIXATION"] = "CANCEL_FINANCIAL_FIXATION";
         EventOperation["CANCEL_PRODUCER_NET_VALUE_FIXATION"] = "CANCEL_PRODUCER_NET_VALUE_FIXATION";
         EventOperation["CANCEL_FIXATION"] = "CANCEL_FIXATION";
+        EventOperation["TRANSFER_CANCEL_INCOMING_INVOICE"] = "TRANSFER_CANCEL_INCOMING_INVOICE";
+        EventOperation["TRANSFER_CANCEL_OUTGOING_INVOICE"] = "TRANSFER_CANCEL_OUTGOING_INVOICE";
+        EventOperation["TRANSFER_REVERSE_PRODUCER_BALANCE"] = "TRANSFER_REVERSE_PRODUCER_BALANCE";
+        EventOperation["TRANSFER_CONCLUDE_CANCEL"] = "TRANSFER_CONCLUDE_CANCEL";
     })(EventOperation || (EventOperation = {}));
 
     var EventOrigin;
@@ -4230,6 +4361,7 @@
         EventOrigin["CREATE_INVOICE"] = "CREATE_INVOICE";
         EventOrigin["FIXATION"] = "FIXATION";
         EventOrigin["CANCEL_FIXATION"] = "CANCEL_FIXATION";
+        EventOrigin["TRANSFER_CANCELLATION"] = "TRANSFER_CANCELLATION";
     })(EventOrigin || (EventOrigin = {}));
 
     var EventStatus;
@@ -4251,6 +4383,7 @@
         { label: "agro.angular_components.invoice_creating_event", value: EventOrigin.INVOICE },
         { label: "agro.angular_components.ticket_maintenance_header", value: EventOrigin.TICKET },
         { label: "agro.angular_components.change_request_event_summary", value: EventOrigin.CHANGE_REQUEST },
+        { label: "agro.angular_components.transfer_cancellation_event", value: EventOrigin.TRANSFER_CANCELLATION }
     ];
     var eventItem = [
         { label: "agro.angular_components.ticket_event", value: EventOperation.TICKET },
@@ -4277,6 +4410,10 @@
         { 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 },
+        { label: "agro.angular_components." + EventOperation.TRANSFER_CANCEL_INCOMING_INVOICE, value: EventOperation.TRANSFER_CANCEL_INCOMING_INVOICE },
+        { label: "agro.angular_components." + EventOperation.TRANSFER_CANCEL_OUTGOING_INVOICE, value: EventOperation.TRANSFER_CANCEL_OUTGOING_INVOICE },
+        { label: "agro.angular_components." + EventOperation.TRANSFER_REVERSE_PRODUCER_BALANCE, value: EventOperation.TRANSFER_REVERSE_PRODUCER_BALANCE },
+        { label: "agro.angular_components." + EventOperation.TRANSFER_CONCLUDE_CANCEL, value: EventOperation.TRANSFER_CONCLUDE_CANCEL },
     ];
     var eventStatus = [
         { label: "agro.angular_components.panel_title_events_completed_successfully", value: EventStatus.SUCCESS },
@@ -4289,6 +4426,27 @@
         { path: "invoice", field: InputFields.AGRO_INVOICE_TYPE },
     ];
 
+    var InvoiceType;
+    (function (InvoiceType) {
+        InvoiceType["INCOMING"] = "INCOMING";
+        InvoiceType["OUTGOING"] = "OUTGOING";
+        InvoiceType["RETURN"] = "RETURN";
+        InvoiceType["COMPLEMENT"] = "COMPLEMENT";
+        InvoiceType["SYMBOLIC_RETURN"] = "SYMBOLIC_RETURN";
+        InvoiceType["ADJUSTMENT"] = "ADJUSTMENT";
+        InvoiceType["SERVICE"] = "SERVICE";
+    })(InvoiceType || (InvoiceType = {}));
+
+    var invoiceTypeTranslate = [
+        { value: InvoiceType.INCOMING, label: "agro.angular_components.invoice_type_" + InvoiceType.INCOMING },
+        { value: InvoiceType.COMPLEMENT, label: "agro.angular_components.invoice_type_" + InvoiceType.COMPLEMENT },
+        { value: InvoiceType.ADJUSTMENT, label: "agro.angular_components.invoice_type_" + InvoiceType.ADJUSTMENT },
+        { value: InvoiceType.OUTGOING, label: "agro.angular_components.invoice_type_" + InvoiceType.OUTGOING },
+        { value: InvoiceType.RETURN, label: "agro.angular_components.invoice_type_" + InvoiceType.RETURN },
+        { value: InvoiceType.SERVICE, label: "agro.angular_components.invoice_type_" + InvoiceType.SERVICE },
+        { value: InvoiceType.SYMBOLIC_RETURN, label: "agro.angular_components.invoice_type_" + InvoiceType.SYMBOLIC_RETURN },
+    ];
+
     var LookupErrorMessages = {
         required: 'agro.angular_components.error_required',
         min: 'agro.angular_components.error_min_value',
@@ -4300,13 +4458,6 @@
         FormDateError_data2: 'agro.angular_components.end_invalid_date'
     };
 
-    var OriginOperation;
-    (function (OriginOperation) {
-        OriginOperation["ENTRY_IN_DEPOSIT"] = "ENTRY_IN_DEPOSIT";
-        OriginOperation["IMMEDIATE_BUY_ENTRY"] = "IMMEDIATE_BUY_ENTRY";
-        OriginOperation["ENTRY_TO_BE_FIXED"] = "ENTRY_TO_BE_FIXED";
-    })(OriginOperation || (OriginOperation = {}));
-
     var EntityService = /** @class */ (function () {
         function EntityService(http, messageService, entityUrl, actionsUrl, queriesUrl, translate) {
             this.http = http;
@@ -4658,36 +4809,16 @@
         return PaginatorStorageService;
     }());
 
-    var InvoiceType;
-    (function (InvoiceType) {
-        InvoiceType["INCOMING"] = "INCOMING";
-        InvoiceType["OUTGOING"] = "OUTGOING";
-        InvoiceType["RETURN"] = "RETURN";
-        InvoiceType["COMPLEMENT"] = "COMPLEMENT";
-        InvoiceType["SYMBOLIC_RETURN"] = "SYMBOLIC_RETURN";
-        InvoiceType["ADJUSTMENT"] = "ADJUSTMENT";
-        InvoiceType["SERVICE"] = "SERVICE";
-    })(InvoiceType || (InvoiceType = {}));
-
-    var invoiceTypeTranslate = [
-        { value: InvoiceType.INCOMING, label: "agro.angular_components.invoice_type_" + InvoiceType.INCOMING },
-        { value: InvoiceType.COMPLEMENT, label: "agro.angular_components.invoice_type_" + InvoiceType.COMPLEMENT },
-        { value: InvoiceType.ADJUSTMENT, label: "agro.angular_components.invoice_type_" + InvoiceType.ADJUSTMENT },
-        { value: InvoiceType.OUTGOING, label: "agro.angular_components.invoice_type_" + InvoiceType.OUTGOING },
-        { value: InvoiceType.RETURN, label: "agro.angular_components.invoice_type_" + InvoiceType.RETURN },
-        { value: InvoiceType.SERVICE, label: "agro.angular_components.invoice_type_" + InvoiceType.SERVICE },
-        { value: InvoiceType.SYMBOLIC_RETURN, label: "agro.angular_components.invoice_type_" + InvoiceType.SYMBOLIC_RETURN },
-    ];
-
     var EventControlBoardComponent = /** @class */ (function () {
-        function EventControlBoardComponent(translate, formBuilder, websocketService, eventControlBoardService, paginatorStorageService, messageService, confirmationService) {
+        function EventControlBoardComponent(translate, formBuilder, websocketService, eventControlBoardService, paginatorStorageService, messageService, dialogService) {
             this.translate = translate;
             this.formBuilder = formBuilder;
             this.websocketService = websocketService;
             this.eventControlBoardService = eventControlBoardService;
             this.paginatorStorageService = paginatorStorageService;
             this.messageService = messageService;
-            this.confirmationService = confirmationService;
+            this.dialogService = dialogService;
+            this.processedEvent = new core.EventEmitter();
             this.steps = [];
             this.showSidebar = false;
             this.showReprocessButton = false;
@@ -4817,9 +4948,14 @@
                 primitive: "processedEvent",
             })
                 .pipe(operators.takeUntil(this.ngUnsubscribe))
-                .subscribe(function () {
+                .subscribe(function (message) {
+                var _a, _b;
+                var eventControl = (_a = message === null || message === void 0 ? void 0 : message.data) === null || _a === void 0 ? void 0 : _a.eventControlId;
                 var filterData = _this.filterFormGroup.getRawValue();
-                _this.updateGrid({ filterData: filterData });
+                if (!eventControl || ((_b = _this.gridData) === null || _b === void 0 ? void 0 : _b.some(function (item) { return item.id === eventControl; }))) {
+                    _this.updateGrid({ filterData: filterData });
+                    _this.processedEvent.emit(message);
+                }
             });
             this.websocketService
                 .onEvent({
@@ -5100,52 +5236,23 @@
             this.displayModal = true;
         };
         EventControlBoardComponent.prototype.openCancelModal = function () {
-            var _this = this;
-            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: function () {
-                    _this.gridLoading = true;
-                    _this.cancelFixation();
-                },
-                reject: function () {
-                    _this.gridLoading = false;
-                }
-            });
-        };
-        EventControlBoardComponent.prototype.cancelFixation = function () {
-            var _this = this;
-            var params = {
-                filterQuery: "id eq '" + this.gridData[exports.AGRO_NUMBERS.ZERO].externalId + "'",
-                displayFields: ['*', 'fixationItem']
-            };
-            this.eventControlBoardService.fixationService
-                .list(params)
-                .pipe(operators.takeUntil(this.ngUnsubscribe), operators.switchMap(function (result) {
-                var fixationEntity = result.contents[exports.AGRO_NUMBERS.ZERO];
-                if (fixationEntity.status !== FixationStatus.FINISHED) {
-                    _this.addMessage('warn', 'agro.angular_components.warn_cancel_fixation_message_title', 'agro.angular_components.warn_cancel_fixation_message_description');
-                    _this.gridLoading = false;
-                    return rxjs.EMPTY;
-                }
-                if (fixationEntity.fixationItem[0].originOperation === OriginOperation.IMMEDIATE_BUY_ENTRY) {
-                    _this.addMessage('warn', 'agro.angular_components.warn_cancel_fixation_message_title', 'agro.angular_components.warn_immediate_cancel_fixation_message_description');
-                    _this.gridLoading = false;
-                    return rxjs.EMPTY;
-                }
-                return _this.eventControlBoardService.fixationService.cancelFixation({
-                    fixationId: _this.gridData[exports.AGRO_NUMBERS.ZERO].externalId
+            var _a, _b, _c;
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_d) {
+                    switch (_d.label) {
+                        case 0: return [4 /*yield*/, ((_b = (_a = this.cancelEventDialogConfig).beforeOpen) === null || _b === void 0 ? void 0 : _b.call(_a))];
+                        case 1:
+                            _d.sent();
+                            this.dialogService.open(CancelEventDialogComponent, {
+                                header: (_c = this.cancelEventDialogConfig) === null || _c === void 0 ? void 0 : _c.header,
+                                contentStyle: { height: "100%" },
+                                closable: true,
+                                closeOnEscape: false,
+                                data: { cancelEventDialogConfig: this.cancelEventDialogConfig },
+                            });
+                            return [2 /*return*/];
+                    }
                 });
-            }), operators.catchError(function (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(function () {
-                _this.addMessage('info', 'agro.angular_components.cancel_fixation_message_title', 'agro.angular_components.cancel_fixation_message_description');
-                _this.gridLoading = false;
             });
         };
         EventControlBoardComponent.prototype.confirmModal = function () {
@@ -5166,7 +5273,7 @@
             { type: EventControlBoardService },
             { type: PaginatorStorageService },
             { type: primeng.MessageService },
-            { type: primeng.ConfirmationService }
+            { type: primeng.DialogService }
         ]; };
         __decorate([
             core.Input()
@@ -5195,10 +5302,16 @@
         __decorate([
             core.Input()
         ], EventControlBoardComponent.prototype, "showCancelButton", void 0);
+        __decorate([
+            core.Input()
+        ], EventControlBoardComponent.prototype, "cancelEventDialogConfig", void 0);
+        __decorate([
+            core.Output()
+        ], EventControlBoardComponent.prototype, "processedEvent", void 0);
         EventControlBoardComponent = __decorate([
             core.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                    <s-button\r\n                        *ngIf=\"standalone && showCancelButton\"\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                                            <span *ngSwitchCase=\"'CANCEL_FIXATION'\">\r\n                                                {{\r\n                                                    \"agro.angular_components.cancel_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                        <p *ngSwitchCase=\"'CANCEL_FIXATION'\">\r\n                            {{ \"agro.angular_components.cancel_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",
+                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 && showCancelButton\"\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                                            <span *ngSwitchCase=\"'CANCEL_FIXATION'\">\r\n                                                {{\r\n                                                    \"agro.angular_components.cancel_fixation_event\"\r\n                                                        | libTranslate\r\n                                                }}\r\n                                            </span>\r\n                                            <span *ngSwitchCase=\"'TRANSFER_CANCELLATION'\">\r\n                                                {{\r\n                                                    \"agro.angular_components.transfer_cancellation_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                        <p *ngSwitchCase=\"'CANCEL_FIXATION'\">\r\n                            {{ \"agro.angular_components.cancel_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",
                 providers: [
                     { provide: core.LOCALE_ID, useValue: 'pt-BR' }
                 ],
@@ -6072,6 +6185,27 @@
         return FixationModule;
     }());
 
+    var CancelEventDialogModule = /** @class */ (function () {
+        function CancelEventDialogModule() {
+        }
+        CancelEventDialogModule = __decorate([
+            core.NgModule({
+                imports: [
+                    common.CommonModule,
+                    forms.ReactiveFormsModule,
+                    tooltip.TooltipModule,
+                    angularComponents.ButtonModule,
+                    LibTranslationModule,
+                    angularComponents.DynamicFormModule,
+                    angularComponents.LoadingStateModule
+                ],
+                declarations: [CancelEventDialogComponent],
+                exports: [CancelEventDialogComponent],
+            })
+        ], CancelEventDialogModule);
+        return CancelEventDialogModule;
+    }());
+
     var EventControlBoardModule = /** @class */ (function () {
         function EventControlBoardModule() {
         }
@@ -6101,12 +6235,13 @@
                     TicketModule,
                     WebsocketModule,
                     LibTranslationModule,
-                    FixationModule
+                    FixationModule,
+                    CancelEventDialogModule,
                 ],
                 declarations: [EventControlBoardComponent],
                 exports: [EventControlBoardComponent],
                 providers: [E012famService, E205depService, PaginatorStorageService,
-                    EventControlService, EventControlBoardService, primeng.ConfirmationService],
+                    EventControlService, EventControlBoardService, primeng.DialogService],
             })
         ], EventControlBoardModule);
         return EventControlBoardModule;
@@ -6147,6 +6282,8 @@
     exports.AgroPlatformUtils = AgroPlatformUtils;
     exports.AgroStringUtils = AgroStringUtils;
     exports.AsyncLock = AsyncLock;
+    exports.CancelEventDialogComponent = CancelEventDialogComponent;
+    exports.CancelEventDialogModule = CancelEventDialogModule;
     exports.Colors = Colors;
     exports.E001TnsModule = E001TnsModule;
     exports.E001pesModule = E001pesModule;