@senior-agronegocio/angular-components 0.0.9884 → 0.0.9886

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

@@ -470,6 +470,7 @@ WebsocketModule = __decorate([
     })
 ], WebsocketModule);
 
+const INVOICE_CLOSING = "Fechamento de NF";
 const ptBR = {
     "agro.angular_components.table_empty_description": "Altere os filtros acima para gerar outros resultados de busca",
     "agro.angular_components.nothing_found": "Nenhum registro encontrado",
@@ -493,6 +494,7 @@ const ptBR = {
     "agro.angular_components.change_request_event_summary": "Alteração de \nPesagem",
     "agro.angular_components.ticket_maintenance_header": "Manutenção de ticket",
     "agro.angular_components.invoice_creating_event": "Emissão de NF",
+    "agro.angular_components.invoice_close_event": INVOICE_CLOSING,
     "agro.angular_components.balance_entry_control_event": "Entrada/saída balança",
     "agro.angular_components.event_origin_label": "Origem do evento",
     "agro.angular_components.event_details_header": "Detalhes do Evento",
@@ -710,11 +712,11 @@ const ptBR = {
     "agro.angular_components.ORIGINATION_CREATE_INVOICE": "Emissão de NF",
     "agro.angular_components.ORIGINATION_CREATE_EFFECTIVE_BALANCE": "Emissão de saldo efetivo",
     "agro.angular_components.PRODUCER_NET_VALUE_EFFECTIVE_BALANCE_CONFIRMATION": "Confirmação de saldo efetivo",
-    "agro.angular_components.CLOSE_INVOICE_FIXATION": "Fechamento de NF",
-    "agro.angular_components.INVOICE_CLOSE_INVOICE": "Fechamento de NF",
+    "agro.angular_components.CLOSE_INVOICE_FIXATION": INVOICE_CLOSING,
+    "agro.angular_components.INVOICE_CLOSE_INVOICE": INVOICE_CLOSING,
     "agro.angular_components.ORIGINATION_CREATE_EFFECTIVE_CONFIRMATION": "Confirmação efetiva",
     "agro.angular_components.ORIGINATION_CREATE_PROVISIONAL_BALANCE": "Saldo provisório",
-    "agro.angular_components.CLOSE_INVOICE_TRANSFER": "Fechamento de NF",
+    "agro.angular_components.CLOSE_INVOICE_TRANSFER": INVOICE_CLOSING,
     "agro.angular_components.REOPEN_INVOICE_TRANSFER": "Reabertura da NF",
     "agro.angular_components.TRANSFER_CREATE_FINANCIAL_TITLE": "Criação de título financeiro",
     "agro.angular_components.TRANSFER_CANCEL_FINANCIAL_TITLE": "Cancelamento de título financeiro",
@@ -814,6 +816,7 @@ const enUS = {
     "agro.angular_components.change_request_event_summary": "Weight Change",
     "agro.angular_components.ticket_maintenance_header": "Ticket Maintenance",
     "agro.angular_components.invoice_creating_event": "Invoice Issuance",
+    "agro.angular_components.invoice_close_event": "Invoice Closing",
     "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",
@@ -1135,6 +1138,7 @@ const esCO = {
     "agro.angular_components.change_request_event_summary": "Cambio de \nPesaje",
     "agro.angular_components.ticket_maintenance_header": "Mantenimiento de ticket",
     "agro.angular_components.invoice_creating_event": "Emisión de Factura",
+    "agro.angular_components.invoice_close_event": "Cierre de Factura",
     "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",
@@ -5304,38 +5308,6 @@ let ProducerInvoiceService = class ProducerInvoiceService extends AgroEntityServ
         this.messageService = messageService;
         this.translate = translate;
     }
-    getTotalLinkedInInvoices(invoiceId, fixationId) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const filter = `fixationItem.fixation.id eq '${fixationId}' ` + `and invoiceId in ('${invoiceId.join("','")}') `;
-            return new Promise((resolve, reject) => {
-                this.list({
-                    filterQuery: filter,
-                    size: AGRO_NUMBERS.ONE_HUNDRED,
-                }).subscribe({
-                    next: (data) => {
-                        const invoiceList = data.contents;
-                        const producerInvoice = new Map();
-                        if (invoiceList.length) {
-                            invoiceList.forEach((invoice) => {
-                                var _a;
-                                producerInvoice.set(invoice.invoiceId, ((_a = producerInvoice.get(invoice.invoiceId)) !== null && _a !== void 0 ? _a : 0) + invoice.linkedValue);
-                            });
-                        }
-                        resolve(Array.from(producerInvoice.entries()).map(([key, value]) => {
-                            return {
-                                invoiceId: key,
-                                totalLinked: value,
-                            };
-                        }));
-                    },
-                    error: (err) => reject(new Error(typeof err === 'string' ? err : JSON.stringify(err))),
-                });
-            });
-        });
-    }
-    deleteAllProducerInvoice(fixationId) {
-        return this.http.post(`${this.actionsUrl}/deleteAllProducerInvoice`, { fixationId }).pipe(this.defaultCatch());
-    }
 };
 ProducerInvoiceService.ctorParameters = () => [
     { type: HttpClient },
@@ -5511,13 +5483,6 @@ var EventOperation;
     EventOperation["ORIGINATION_CREATE_STOCK_MOVEMENT"] = "ORIGINATION_CREATE_STOCK_MOVEMENT";
 })(EventOperation || (EventOperation = {}));
 
-var InputFields;
-(function (InputFields) {
-    InputFields["AGRO_INVOICE_TYPE"] = "agroInvoiceType";
-    InputFields["INVOICE_TYPE"] = "invoiceType";
-    InputFields["INVOICE_NUMBER"] = "number";
-})(InputFields || (InputFields = {}));
-
 const eventItem = [
     { label: "agro.angular_components.ticket_event", value: EventOperation.TICKET },
     { label: "agro.angular_components.provisional_event", value: EventOperation.PROVISIONAL },
@@ -5539,11 +5504,6 @@ const eventItem = [
         label: `agro.angular_components.${EventOperation.INVOICE_CLOSE_INVOICE}`,
         value: EventOperation.INVOICE_CLOSE_INVOICE,
     },
-    {
-        label: `agro.angular_components.${EventOperation.INVOICE_CLOSE_INVOICE}`,
-        value: EventOperation.INVOICE_CLOSE_INVOICE,
-        subLabelField: InputFields.AGRO_INVOICE_TYPE,
-    },
     { label: `agro.angular_components.${EventOperation.REPROCESS_INVOICE}`, value: EventOperation.REPROCESS_INVOICE },
     { label: `agro.angular_components.${EventOperation.EFFECTIVE_CONFIRMATION}`, value: EventOperation.EFFECTIVE_CONFIRMATION },
     { label: `agro.angular_components.${EventOperation.CHANGE_REQUEST}`, value: EventOperation.CHANGE_REQUEST },
@@ -6105,7 +6065,7 @@ let EventControlBoardComponent = class EventControlBoardComponent {
         if (prescriptionOperations.includes(eventOperation)) {
             formattedSubtitle = this.translate.instant('agro.angular_components.new_prescription_page', { count: subTitle });
         }
-        return formattedSubtitle;
+        return formattedSubtitle !== null && formattedSubtitle !== void 0 ? formattedSubtitle : null;
     }
     onGridChange(event) {
         const size = event === null || event === void 0 ? void 0 : event.rows;
@@ -6166,54 +6126,57 @@ let EventControlBoardComponent = class EventControlBoardComponent {
     stepSelected(event) {
         this.selectedStep = event.step;
         this.applySidebarTitle("");
-        switch (this.selectedStep.eventType) {
-            case EventOrigin.BALANCE_ENTRY_CONTROL:
-            case EventOrigin.TICKET:
-            case EventOrigin.INVOICE:
-            case EventOrigin.CREATE_INVOICE:
-                this.sidebarLoading = true;
-                {
-                    const param = JSON.parse(this.selectedStep.item.input);
-                    const producerInvoiceId = this.getProducerInvoiceIdFromParams(param);
-                    let filterQuery = "";
-                    if (!producerInvoiceId) {
-                        const producerBalanceEntryControlId = this.getProducerBalanceEntryControlIdFromParams(param);
-                        if (!producerBalanceEntryControlId) {
-                            this.sidebarLoading = false;
-                            return;
-                        }
-                        filterQuery = `producerBalanceEntryControl.id eq '${producerBalanceEntryControlId}'`;
-                    }
-                    else {
-                        filterQuery = `id eq '${producerInvoiceId}'`;
-                    }
-                    this.producerInvoiceService
-                        .list({
-                        displayFields: ["*", "producerBalanceEntryControl.*", "producerBalanceEntryControl.producer.*"],
-                        filterQuery,
-                        page: 0,
-                        size: 1,
-                    })
-                        .pipe(takeUntil(this.ngUnsubscribe))
-                        .subscribe((result) => {
-                        this.producerInvoice = result === null || result === void 0 ? void 0 : result.contents[0];
-                        this.producerInvoice;
-                        this.sidebarLoading = false;
-                        this.applySidebarTitle(this.getProducerInvoiceNumberAndSerie());
-                    }, () => {
-                        this.sidebarLoading = false;
-                    });
-                }
-                break;
-            case EventOrigin.FIXATION:
-            case EventOrigin.CANCEL_FIXATION:
-            case EventOrigin.CHANGE_REQUEST:
-            case EventOrigin.TRANSFER:
-                break;
+        if (this.shouldLoadProducerInvoice(this.selectedStep.eventType)) {
+            this.loadSelectedStepProducerInvoice();
         }
         this.showReprocessButton = event.step.state === StepState$1.Warning;
         this.showSidebar = true;
     }
+    shouldLoadProducerInvoice(eventType) {
+        return [
+            EventOrigin.BALANCE_ENTRY_CONTROL,
+            EventOrigin.TICKET,
+            EventOrigin.INVOICE,
+            EventOrigin.CREATE_INVOICE,
+            EventOrigin.CLOSE_INVOICE,
+        ].includes(eventType);
+    }
+    loadSelectedStepProducerInvoice() {
+        this.sidebarLoading = true;
+        const param = JSON.parse(this.selectedStep.item.input);
+        const filterQuery = this.getProducerInvoiceFilterQuery(param);
+        if (!filterQuery) {
+            this.sidebarLoading = false;
+            return;
+        }
+        this.producerInvoiceService
+            .list({
+            displayFields: ["*", "producerBalanceEntryControl.*", "producerBalanceEntryControl.producer.*"],
+            filterQuery,
+            page: 0,
+            size: 1,
+        })
+            .pipe(takeUntil(this.ngUnsubscribe))
+            .subscribe((result) => {
+            this.producerInvoice = result === null || result === void 0 ? void 0 : result.contents[0];
+            this.producerInvoice;
+            this.sidebarLoading = false;
+            this.applySidebarTitle(this.getProducerInvoiceNumberAndSerie());
+        }, () => {
+            this.sidebarLoading = false;
+        });
+    }
+    getProducerInvoiceFilterQuery(param) {
+        const producerInvoiceId = this.getProducerInvoiceIdFromParams(param);
+        if (producerInvoiceId) {
+            return `id eq '${producerInvoiceId}'`;
+        }
+        const producerBalanceEntryControlId = this.getProducerBalanceEntryControlIdFromParams(param);
+        if (!producerBalanceEntryControlId) {
+            return null;
+        }
+        return `producerBalanceEntryControl.id eq '${producerBalanceEntryControlId}'`;
+    }
     applySidebarTitle(title) {
         this.sidebarTitle = this.translate.instant("agro.angular_components.event_sidebar_title", { eventNumber: title });
     }
@@ -7123,6 +7086,7 @@ let ModalInvoicePjBase = class ModalInvoicePjBase {
         this.gridLoading = true;
         this.dontHaveAnyInvoice = false;
         this.updateCurrentParams(event);
+        const numberSearchValue = searchValue ? AgroNumberUtils.getNearInteger(searchValue) : null;
         const filterBody = {
             filter: {
                 companyId,
@@ -7131,6 +7095,7 @@ let ModalInvoicePjBase = class ModalInvoicePjBase {
                 ruralEstateIds: [ruralEstateId],
                 multiProducts: false,
                 productId: this.options.productId,
+                number: numberSearchValue,
             },
             pageRequest: {
                 offset: this.currentParams.page,
@@ -7142,16 +7107,19 @@ let ModalInvoicePjBase = class ModalInvoicePjBase {
             },
         };
         if (searchValue) {
-            searchValue = AgroNumberUtils.getNearInteger(searchValue).toString();
+            searchValue = numberSearchValue.toString();
         }
         this.invoiceService
             .invoiceLookupFilter(filterBody)
-            .pipe(takeUntil(this.ngUnsubscribe), finalize(() => {
+            .pipe(takeUntil(this.ngUnsubscribe), switchMap((result) => __awaiter(this, void 0, void 0, function* () {
+            yield this.adaptResult(result);
+            return result;
+        })), finalize(() => {
             this.gridLoading = false;
         }))
             .subscribe((result) => {
             var _a;
-            this.gridData = ((_a = result === null || result === void 0 ? void 0 : result.result) === null || _a === void 0 ? void 0 : _a.invoices) || [];
+            this.gridData = (((_a = result === null || result === void 0 ? void 0 : result.result) === null || _a === void 0 ? void 0 : _a.invoices) || []).map((invoice) => (Object.assign(Object.assign({}, invoice), { _uniqueId: invoice.externalInvoiceId || invoice.invoiceId })));
             if (this.gridData.length === 0 && !searchValue) {
                 this.dontHaveAnyInvoice = true;
             }
@@ -7273,7 +7241,7 @@ __decorate([
 ModalInvoicePjForOriginationComponent = __decorate([
     Component({
         selector: 's-modal-invoice-pj-for-origination',
-        template: "<p-dialog\r\n    header=\"{{ 'agro.angular_components.panel_title_external_invoice_add_external_invoice' | libTranslate }}\"\r\n    [(visible)]=\"visible\"\r\n    [modal]=\"true\"\r\n    class=\"add-invoice-modal\"\r\n    [closeOnEscape]=\"false\"\r\n    (onHide)=\"cancelPooling()\"\r\n    [dismissableMask]=\"false\"\r\n>\r\n    <ng-container *ngIf=\"!dontHaveAnyInvoice\">\r\n        <div class=\"ui-g\">\r\n            <label for=\"invoiceSearchInput\">{{ 'agro.angular_components.number' | libTranslate }}</label>\r\n            <input\r\n                type=\"text\"\r\n                id=\"invoiceSearchInput\"\r\n                pInputText\r\n                [formControl]=\"searchValue\"\r\n                [placeholder]=\"'' | libTranslate\"\r\n                [required]=\"false\"\r\n            />\r\n            <div class=\"ui-g-12\">\r\n                <p-table\r\n                    [(selection)]=\"selected\"\r\n                    [value]=\"gridData\"\r\n                    [columns]=\"gridColumns\"\r\n                    [scrollable]=\"true\"\r\n                    dataKey=\"externalInvoiceId\"\r\n                    [rows]=\"10\"\r\n                    [paginator]=\"true\"\r\n                    [lazyLoadOnInit]=\"false\"\r\n                    [totalRecords]=\"gridTotalRecords\"\r\n                    [lazy]=\"true\"\r\n                    (onLazyLoad)=\"updateGridData($event)\"\r\n                    [resizableColumns]=\"true\"\r\n                    *sLoadingState=\"gridLoading\"\r\n                    sortMode=\"multiple\"\r\n                    [selectionMode]=\"'multiple'\"\r\n                >\r\n                    <ng-template pTemplate=\"header\" let-columns>\r\n                        <tr>\r\n                            <th class=\"checkbox\" scope=\"col\">\r\n                                <p-tableHeaderCheckbox></p-tableHeaderCheckbox>\r\n                            </th>\r\n                            <ng-container *ngFor=\"let col of columns\">\r\n                                <th\r\n                                    *ngIf=\"col.sortable === undefined || col.sortable\"\r\n                                    [pSortableColumn]=\"col.field\"\r\n                                    scope=\"col\"\r\n                                >\r\n                                    {{ col.header }}\r\n                                    <p-sortIcon [field]=\"col.field\"></p-sortIcon>\r\n                                </th>\r\n                                <th *ngIf=\"col.sortable === false || col.sortable === null\" scope=\"col\">\r\n                                    {{ col.header }}\r\n                                </th>\r\n                            </ng-container>\r\n                        </tr>\r\n                    </ng-template>\r\n\r\n                    <ng-template pTemplate=\"body\" let-rowData let-columns=\"columns\" let-rowIndex=\"rowIndex\">\r\n                        <tr>\r\n                            <td class=\"checkbox\" tabindex=\"0\">\r\n                                <p-tableCheckbox [value]=\"rowData\"></p-tableCheckbox>\r\n                            </td>\r\n                            <td\r\n                                [pSelectableRow]=\"rowData\"\r\n                                [pSelectableRowIndex]=\"rowIndex\"\r\n                                *ngFor=\"let col of columns\"\r\n                                class=\"column\"\r\n                                tabindex=\"0\"\r\n                            >\r\n                                <ng-container>\r\n                                    {{ gridFieldValuesMap[col.field] ? gridFieldValuesMap[col.field](rowData) :\r\n                                    rowData[col.field] }}\r\n                                </ng-container>\r\n                            </td>\r\n                        </tr>\r\n                    </ng-template>\r\n\r\n                    <ng-template pTemplate=\"paginatorright\">\r\n                        <span>{{ gridTotalRecords }} registros encontrados</span>\r\n                    </ng-template>\r\n                </p-table>\r\n            </div>\r\n        </div>\r\n    </ng-container>\r\n\r\n    <ng-container *ngIf=\"dontHaveAnyInvoice\">\r\n        <s-empty-state\r\n            iconClass=\"fa fa-exclamation-triangle\"\r\n            title=\"{{ 'agro.angular_components.add_pj_invoice_modal_no_invoices_found' | libTranslate }}\"\r\n            primaryActionLabel=\"{{ 'agro.angular_components.error_server_try_again' | libTranslate }}\"\r\n            (primaryAction)=\"tryToSearchAgain()\"\r\n            description=\"{{ 'agro.angular_components.no_register_found_for_external_invoices_summary' | libTranslate }}\"\r\n        >\r\n        </s-empty-state>\r\n    </ng-container>\r\n\r\n    <p-footer class=\"footer\" *ngIf=\"!dontHaveAnyInvoice\">\r\n        <s-button\r\n            [priority]=\"buttonPriority.Primary\"\r\n            label=\"{{ 'agro.angular_components.panel_title_external_invoice_add_external_invoice' | libTranslate }}\"\r\n            [disabled]=\"!selected?.length\"\r\n            (click)=\"add()\"\r\n            (keydown.enter)=\"add()\"\r\n        ></s-button>\r\n        <s-button\r\n            [priority]=\"buttonPriority.Link\"\r\n            label=\"{{ 'agro.angular_components.cancel' | libTranslate }}\"\r\n            (click)=\"cancel()\"\r\n            (keydown.enter)=\"cancel()\"\r\n        ></s-button>\r\n    </p-footer>\r\n</p-dialog>\r\n",
+        template: "<p-dialog\r\n    header=\"{{ 'agro.angular_components.panel_title_external_invoice_add_external_invoice' | libTranslate }}\"\r\n    [(visible)]=\"visible\"\r\n    [modal]=\"true\"\r\n    class=\"add-invoice-modal\"\r\n    [closeOnEscape]=\"false\"\r\n    (onHide)=\"cancelPooling()\"\r\n    [dismissableMask]=\"false\"\r\n>\r\n    <ng-container *ngIf=\"!dontHaveAnyInvoice\">\r\n        <div class=\"ui-g\">\r\n            <label for=\"invoiceSearchInput\">{{ 'agro.angular_components.number' | libTranslate }}</label>\r\n            <input\r\n                type=\"text\"\r\n                id=\"invoiceSearchInput\"\r\n                pInputText\r\n                [formControl]=\"searchValue\"\r\n                [placeholder]=\"'' | libTranslate\"\r\n                [required]=\"false\"\r\n            />\r\n            <div class=\"ui-g-12\">\r\n                <p-table\r\n                    [(selection)]=\"selected\"\r\n                    [value]=\"gridData\"\r\n                    [columns]=\"gridColumns\"\r\n                    [scrollable]=\"true\"\r\n                    dataKey=\"_uniqueId\"\r\n                    [rows]=\"10\"\r\n                    [paginator]=\"true\"\r\n                    [lazyLoadOnInit]=\"false\"\r\n                    [totalRecords]=\"gridTotalRecords\"\r\n                    [lazy]=\"true\"\r\n                    (onLazyLoad)=\"updateGridData($event)\"\r\n                    [resizableColumns]=\"true\"\r\n                    *sLoadingState=\"gridLoading\"\r\n                    sortMode=\"multiple\"\r\n                    [selectionMode]=\"'multiple'\"\r\n                >\r\n                    <ng-template pTemplate=\"header\" let-columns>\r\n                        <tr>\r\n                            <th class=\"checkbox\" scope=\"col\">\r\n                                <p-tableHeaderCheckbox></p-tableHeaderCheckbox>\r\n                            </th>\r\n                            <ng-container *ngFor=\"let col of columns\">\r\n                                <th\r\n                                    *ngIf=\"col.sortable === undefined || col.sortable\"\r\n                                    [pSortableColumn]=\"col.field\"\r\n                                    scope=\"col\"\r\n                                >\r\n                                    {{ col.header }}\r\n                                    <p-sortIcon [field]=\"col.field\"></p-sortIcon>\r\n                                </th>\r\n                                <th *ngIf=\"col.sortable === false || col.sortable === null\" scope=\"col\">\r\n                                    {{ col.header }}\r\n                                </th>\r\n                            </ng-container>\r\n                        </tr>\r\n                    </ng-template>\r\n\r\n                    <ng-template pTemplate=\"body\" let-rowData let-columns=\"columns\" let-rowIndex=\"rowIndex\">\r\n                        <tr>\r\n                            <td class=\"checkbox\" tabindex=\"0\">\r\n                                <p-tableCheckbox [value]=\"rowData\"></p-tableCheckbox>\r\n                            </td>\r\n                            <td\r\n                                [pSelectableRow]=\"rowData\"\r\n                                [pSelectableRowIndex]=\"rowIndex\"\r\n                                *ngFor=\"let col of columns\"\r\n                                class=\"column\"\r\n                                tabindex=\"0\"\r\n                            >\r\n                                <ng-container>\r\n                                    {{ gridFieldValuesMap[col.field] ? gridFieldValuesMap[col.field](rowData) :\r\n                                    rowData[col.field] }}\r\n                                </ng-container>\r\n                            </td>\r\n                        </tr>\r\n                    </ng-template>\r\n\r\n                    <ng-template pTemplate=\"paginatorright\">\r\n                        <span>{{ gridTotalRecords }} registros encontrados</span>\r\n                    </ng-template>\r\n                </p-table>\r\n            </div>\r\n        </div>\r\n    </ng-container>\r\n\r\n    <ng-container *ngIf=\"dontHaveAnyInvoice\">\r\n        <s-empty-state\r\n            iconClass=\"fa fa-exclamation-triangle\"\r\n            title=\"{{ 'agro.angular_components.add_pj_invoice_modal_no_invoices_found' | libTranslate }}\"\r\n            primaryActionLabel=\"{{ 'agro.angular_components.error_server_try_again' | libTranslate }}\"\r\n            (primaryAction)=\"tryToSearchAgain()\"\r\n            description=\"{{ 'agro.angular_components.no_register_found_for_external_invoices_summary' | libTranslate }}\"\r\n        >\r\n        </s-empty-state>\r\n    </ng-container>\r\n\r\n    <p-footer class=\"footer\" *ngIf=\"!dontHaveAnyInvoice\">\r\n        <s-button\r\n            [priority]=\"buttonPriority.Primary\"\r\n            label=\"{{ 'agro.angular_components.panel_title_external_invoice_add_external_invoice' | libTranslate }}\"\r\n            [disabled]=\"!selected?.length\"\r\n            (click)=\"add()\"\r\n            (keydown.enter)=\"add()\"\r\n        ></s-button>\r\n        <s-button\r\n            [priority]=\"buttonPriority.Link\"\r\n            label=\"{{ 'agro.angular_components.cancel' | libTranslate }}\"\r\n            (click)=\"cancel()\"\r\n            (keydown.enter)=\"cancel()\"\r\n        ></s-button>\r\n    </p-footer>\r\n</p-dialog>\r\n",
         styles: [".footer{width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}.add-invoice-modal{width:480px;max-width:480px}.add-invoice-modal input[type=text]{width:100%}.add-invoice-modal .ui-dialog{width:480px!important}.add-invoice-modal .ui-dialog .ui-dialog-content{min-height:175px}td.checkbox,th.checkbox{width:50px}td.column,th.column{min-width:150px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}"]
     })
 ], ModalInvoicePjForOriginationComponent);
@@ -7334,7 +7302,7 @@ ModalInvoicePjForTransferComponent.ctorParameters = () => [
 ModalInvoicePjForTransferComponent = __decorate([
     Component({
         selector: 's-modal-invoice-pj-for-transfer',
-        template: "<p-dialog\r\n    header=\"{{ 'agro.angular_components.panel_title_external_invoice_add_external_invoice' | libTranslate }}\"\r\n    [(visible)]=\"visible\"\r\n    [modal]=\"true\"\r\n    class=\"add-invoice-modal\"\r\n    [closeOnEscape]=\"false\"\r\n    (onHide)=\"cancelPooling()\"\r\n    [dismissableMask]=\"false\"\r\n>\r\n    <ng-container *ngIf=\"!dontHaveAnyInvoice\">\r\n        <div class=\"ui-g\">\r\n            <label for=\"invoiceSearchInput\">{{ 'agro.angular_components.number' | libTranslate }}</label>\r\n            <input\r\n                type=\"text\"\r\n                id=\"invoiceSearchInput\"\r\n                pInputText\r\n                [formControl]=\"searchValue\"\r\n                [placeholder]=\"'' | libTranslate\"\r\n                [required]=\"false\"\r\n            />\r\n            <div class=\"ui-g-12\">\r\n                <p-table\r\n                    [(selection)]=\"selected\"\r\n                    [value]=\"gridData\"\r\n                    [columns]=\"gridColumns\"\r\n                    [scrollable]=\"true\"\r\n                    dataKey=\"externalInvoiceId\"\r\n                    [rows]=\"10\"\r\n                    [paginator]=\"true\"\r\n                    [lazyLoadOnInit]=\"false\"\r\n                    [totalRecords]=\"gridTotalRecords\"\r\n                    [lazy]=\"true\"\r\n                    (onLazyLoad)=\"updateGridData($event)\"\r\n                    [resizableColumns]=\"true\"\r\n                    *sLoadingState=\"gridLoading\"\r\n                    sortMode=\"multiple\"\r\n                    [selectionMode]=\"'multiple'\"\r\n                >\r\n                    <ng-template pTemplate=\"header\" let-columns>\r\n                        <tr>\r\n                            <th class=\"checkbox\" scope=\"col\">\r\n                                <p-tableHeaderCheckbox></p-tableHeaderCheckbox>\r\n                            </th>\r\n                            <ng-container *ngFor=\"let col of columns\">\r\n                                <th\r\n                                    *ngIf=\"col.sortable === undefined || col.sortable\"\r\n                                    [pSortableColumn]=\"col.field\"\r\n                                    scope=\"col\"\r\n                                >\r\n                                    {{ col.header }}\r\n                                    <p-sortIcon [field]=\"col.field\"></p-sortIcon>\r\n                                </th>\r\n                                <th *ngIf=\"col.sortable === false || col.sortable === null\" scope=\"col\">\r\n                                    {{ col.header }}\r\n                                </th>\r\n                            </ng-container>\r\n                        </tr>\r\n                    </ng-template>\r\n\r\n                    <ng-template pTemplate=\"body\" let-rowData let-columns=\"columns\" let-rowIndex=\"rowIndex\">\r\n                        <tr>\r\n                            <td class=\"checkbox\" tabindex=\"0\">\r\n                                <p-tableCheckbox [value]=\"rowData\"></p-tableCheckbox>\r\n                            </td>\r\n                            <td\r\n                                [pSelectableRow]=\"rowData\"\r\n                                [pSelectableRowIndex]=\"rowIndex\"\r\n                                *ngFor=\"let col of columns\"\r\n                                class=\"column\"\r\n                                tabindex=\"0\"\r\n                            >\r\n                                <ng-container>\r\n                                    {{ gridFieldValuesMap[col.field] ? gridFieldValuesMap[col.field](rowData) :\r\n                                    rowData[col.field] }}\r\n                                </ng-container>\r\n                            </td>\r\n                        </tr>\r\n                    </ng-template>\r\n\r\n                    <ng-template pTemplate=\"paginatorright\">\r\n                        <span>{{ gridTotalRecords }} registros encontrados</span>\r\n                    </ng-template>\r\n                </p-table>\r\n            </div>\r\n        </div>\r\n    </ng-container>\r\n\r\n    <ng-container *ngIf=\"dontHaveAnyInvoice\">\r\n        <s-empty-state\r\n            iconClass=\"fa fa-exclamation-triangle\"\r\n            title=\"{{ 'agro.angular_components.add_pj_invoice_modal_no_invoices_found' | libTranslate }}\"\r\n            primaryActionLabel=\"{{ 'agro.angular_components.error_server_try_again' | libTranslate }}\"\r\n            (primaryAction)=\"tryToSearchAgain()\"\r\n            description=\"{{ 'agro.angular_components.no_register_found_for_external_invoices_summary' | libTranslate }}\"\r\n        >\r\n        </s-empty-state>\r\n    </ng-container>\r\n\r\n    <p-footer class=\"footer\" *ngIf=\"!dontHaveAnyInvoice\">\r\n        <s-button\r\n            [priority]=\"buttonPriority.Primary\"\r\n            label=\"{{ 'agro.angular_components.panel_title_external_invoice_add_external_invoice' | libTranslate }}\"\r\n            [disabled]=\"!selected?.length\"\r\n            (click)=\"add()\"\r\n            (keydown.enter)=\"add()\"\r\n        ></s-button>\r\n        <s-button\r\n            [priority]=\"buttonPriority.Link\"\r\n            label=\"{{ 'agro.angular_components.cancel' | libTranslate }}\"\r\n            (click)=\"cancel()\"\r\n            (keydown.enter)=\"cancel()\"\r\n        ></s-button>\r\n    </p-footer>\r\n</p-dialog>\r\n",
+        template: "<p-dialog\r\n    header=\"{{ 'agro.angular_components.panel_title_external_invoice_add_external_invoice' | libTranslate }}\"\r\n    [(visible)]=\"visible\"\r\n    [modal]=\"true\"\r\n    class=\"add-invoice-modal\"\r\n    [closeOnEscape]=\"false\"\r\n    (onHide)=\"cancelPooling()\"\r\n    [dismissableMask]=\"false\"\r\n>\r\n    <ng-container *ngIf=\"!dontHaveAnyInvoice\">\r\n        <div class=\"ui-g\">\r\n            <label for=\"invoiceSearchInput\">{{ 'agro.angular_components.number' | libTranslate }}</label>\r\n            <input\r\n                type=\"text\"\r\n                id=\"invoiceSearchInput\"\r\n                pInputText\r\n                [formControl]=\"searchValue\"\r\n                [placeholder]=\"'' | libTranslate\"\r\n                [required]=\"false\"\r\n            />\r\n            <div class=\"ui-g-12\">\r\n                <p-table\r\n                    [(selection)]=\"selected\"\r\n                    [value]=\"gridData\"\r\n                    [columns]=\"gridColumns\"\r\n                    [scrollable]=\"true\"\r\n                    dataKey=\"_uniqueId\"\r\n                    [rows]=\"10\"\r\n                    [paginator]=\"true\"\r\n                    [lazyLoadOnInit]=\"false\"\r\n                    [totalRecords]=\"gridTotalRecords\"\r\n                    [lazy]=\"true\"\r\n                    (onLazyLoad)=\"updateGridData($event)\"\r\n                    [resizableColumns]=\"true\"\r\n                    *sLoadingState=\"gridLoading\"\r\n                    sortMode=\"multiple\"\r\n                    [selectionMode]=\"'multiple'\"\r\n                >\r\n                    <ng-template pTemplate=\"header\" let-columns>\r\n                        <tr>\r\n                            <th class=\"checkbox\" scope=\"col\">\r\n                                <p-tableHeaderCheckbox></p-tableHeaderCheckbox>\r\n                            </th>\r\n                            <ng-container *ngFor=\"let col of columns\">\r\n                                <th\r\n                                    *ngIf=\"col.sortable === undefined || col.sortable\"\r\n                                    [pSortableColumn]=\"col.field\"\r\n                                    scope=\"col\"\r\n                                >\r\n                                    {{ col.header }}\r\n                                    <p-sortIcon [field]=\"col.field\"></p-sortIcon>\r\n                                </th>\r\n                                <th *ngIf=\"col.sortable === false || col.sortable === null\" scope=\"col\">\r\n                                    {{ col.header }}\r\n                                </th>\r\n                            </ng-container>\r\n                        </tr>\r\n                    </ng-template>\r\n\r\n                    <ng-template pTemplate=\"body\" let-rowData let-columns=\"columns\" let-rowIndex=\"rowIndex\">\r\n                        <tr>\r\n                            <td class=\"checkbox\" tabindex=\"0\">\r\n                                <p-tableCheckbox [value]=\"rowData\"></p-tableCheckbox>\r\n                            </td>\r\n                            <td\r\n                                [pSelectableRow]=\"rowData\"\r\n                                [pSelectableRowIndex]=\"rowIndex\"\r\n                                *ngFor=\"let col of columns\"\r\n                                class=\"column\"\r\n                                tabindex=\"0\"\r\n                            >\r\n                                <ng-container>\r\n                                    {{ gridFieldValuesMap[col.field] ? gridFieldValuesMap[col.field](rowData) :\r\n                                    rowData[col.field] }}\r\n                                </ng-container>\r\n                            </td>\r\n                        </tr>\r\n                    </ng-template>\r\n\r\n                    <ng-template pTemplate=\"paginatorright\">\r\n                        <span>{{ gridTotalRecords }} registros encontrados</span>\r\n                    </ng-template>\r\n                </p-table>\r\n            </div>\r\n        </div>\r\n    </ng-container>\r\n\r\n    <ng-container *ngIf=\"dontHaveAnyInvoice\">\r\n        <s-empty-state\r\n            iconClass=\"fa fa-exclamation-triangle\"\r\n            title=\"{{ 'agro.angular_components.add_pj_invoice_modal_no_invoices_found' | libTranslate }}\"\r\n            primaryActionLabel=\"{{ 'agro.angular_components.error_server_try_again' | libTranslate }}\"\r\n            (primaryAction)=\"tryToSearchAgain()\"\r\n            description=\"{{ 'agro.angular_components.no_register_found_for_external_invoices_summary' | libTranslate }}\"\r\n        >\r\n        </s-empty-state>\r\n    </ng-container>\r\n\r\n    <p-footer class=\"footer\" *ngIf=\"!dontHaveAnyInvoice\">\r\n        <s-button\r\n            [priority]=\"buttonPriority.Primary\"\r\n            label=\"{{ 'agro.angular_components.panel_title_external_invoice_add_external_invoice' | libTranslate }}\"\r\n            [disabled]=\"!selected?.length\"\r\n            (click)=\"add()\"\r\n            (keydown.enter)=\"add()\"\r\n        ></s-button>\r\n        <s-button\r\n            [priority]=\"buttonPriority.Link\"\r\n            label=\"{{ 'agro.angular_components.cancel' | libTranslate }}\"\r\n            (click)=\"cancel()\"\r\n            (keydown.enter)=\"cancel()\"\r\n        ></s-button>\r\n    </p-footer>\r\n</p-dialog>\r\n",
         styles: [".footer{width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}.add-invoice-modal{width:480px;max-width:480px}.add-invoice-modal input[type=text]{width:100%}.add-invoice-modal .ui-dialog{width:480px!important}.add-invoice-modal .ui-dialog .ui-dialog-content{min-height:175px}td.checkbox,th.checkbox{width:50px}td.column,th.column{min-width:150px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}"]
     })
 ], ModalInvoicePjForTransferComponent);
@@ -7350,6 +7318,58 @@ ModalInvoicePjForTransferModule = __decorate([
     })
 ], ModalInvoicePjForTransferModule);
 
+let ProducerInvoiceService$1 = class ProducerInvoiceService extends AgroEntityService {
+    constructor(http, messageService, translate) {
+        super(http, messageService, `agro/fixation/entities/producerInvoice`, `agro/fixation/actions`, `agro/fixation/queries`, translate);
+        this.http = http;
+        this.messageService = messageService;
+        this.translate = translate;
+    }
+    getTotalLinkedInInvoices(invoiceId, fixationId) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const filter = `fixationItem.fixation.id eq '${fixationId}' ` + `and externalInvoiceId in ('${invoiceId.join("','")}') `;
+            return new Promise((resolve, reject) => {
+                this.list({
+                    filterQuery: filter,
+                    size: 100
+                }).subscribe({
+                    next: (data) => {
+                        const invoiceList = data.contents;
+                        const producerInvoice = new Map();
+                        if (invoiceList.length) {
+                            invoiceList.forEach((invoice) => {
+                                var _a;
+                                producerInvoice.set(invoice.invoiceId, ((_a = producerInvoice.get(invoice.invoiceId)) !== null && _a !== void 0 ? _a : 0) + invoice.linkedValue);
+                            });
+                        }
+                        resolve(Array.from(producerInvoice.entries()).map(([key, value]) => {
+                            return {
+                                invoiceId: key,
+                                totalLinked: value
+                            };
+                        }));
+                    },
+                    error: (err) => reject(err instanceof Error ? err : new Error(String(err)))
+                });
+            });
+        });
+    }
+    deleteAllProducerInvoice(fixationId) {
+        return this.http.post(`${this.actionsUrl}/deleteAllProducerInvoice`, { fixationId }).pipe(this.defaultCatch());
+    }
+};
+ProducerInvoiceService$1.ctorParameters = () => [
+    { type: HttpClient },
+    { type: MessageService },
+    { type: LibTranslationService }
+];
+ProducerInvoiceService$1.ɵprov = ɵɵdefineInjectable({ factory: function ProducerInvoiceService_Factory() { return new ProducerInvoiceService$1(ɵɵinject(HttpClient), ɵɵinject(MessageService), ɵɵinject(LibTranslationService)); }, token: ProducerInvoiceService$1, providedIn: "root" });
+ProducerInvoiceService$1 = __decorate([
+    Injectable({
+        providedIn: 'root'
+    })
+], ProducerInvoiceService$1);
+
 let ModalInvoicePjForFixationComponent = class ModalInvoicePjForFixationComponent extends ModalInvoicePjBase {
     constructor(translationService, invoiceService, localeService, kilogramPipe, currencyPipe, producerInvoiceService, messageService, datePipe) {
         super(translationService, invoiceService, localeService, kilogramPipe, messageService, datePipe);
@@ -7362,10 +7382,11 @@ let ModalInvoicePjForFixationComponent = class ModalInvoicePjForFixationComponen
         this.messageService = messageService;
         this.datePipe = datePipe;
         this.whenSelectInvoices = new EventEmitter();
+        registerLocaleData(localePt);
     }
     ngOnInit() {
         this.defineGridColumns();
-        this.gridFieldValuesMap = Object.assign(Object.assign({}, this.gridFieldValuesMap), { series: (row) => (row === null || row === void 0 ? void 0 : row.seriesLegal) || (row === null || row === void 0 ? void 0 : row.series) || row.series, totalValue: (row) => this.currencyPipe.transform((row === null || row === void 0 ? void 0 : row.netTotalValue) || 0, 'BRL') });
+        this.gridFieldValuesMap = Object.assign(Object.assign({}, this.gridFieldValuesMap), { series: (row) => (row === null || row === void 0 ? void 0 : row.seriesLegal) || (row === null || row === void 0 ? void 0 : row.series) || row.series, totalValue: (row) => this.currencyPipe.transform(this.getTotalValue(row) || 0, 'BRL', 'symbol', undefined, 'pt-BR'), linkedValue: (row) => this.currencyPipe.transform((row === null || row === void 0 ? void 0 : row.linkedValue) || 0, 'BRL', 'symbol', undefined, 'pt-BR') });
         super.ngOnInit();
     }
     defineGridColumns() {
@@ -7387,7 +7408,7 @@ let ModalInvoicePjForFixationComponent = class ModalInvoicePjForFixationComponen
     }
     beforeAdd(selectedInvoices) {
         if (selectedInvoices === null || selectedInvoices === void 0 ? void 0 : selectedInvoices.length) {
-            this.linkSelectedInvoicesInFixationItem();
+            this.linkSelectedInvoicesInFixationItem(selectedInvoices);
         }
         return of(EMPTY).toPromise();
     }
@@ -7402,14 +7423,14 @@ let ModalInvoicePjForFixationComponent = class ModalInvoicePjForFixationComponen
         }
         super.open();
     }
-    linkSelectedInvoicesInFixationItem() {
+    linkSelectedInvoicesInFixationItem(selectedInvoices) {
         return __awaiter(this, void 0, void 0, function* () {
-            if (!(yield this.isValidAndSetLinkedValueInInvoices())) {
+            if (!(yield this.isValidAndSetLinkedValueInInvoices(selectedInvoices))) {
                 this.gridLoading = false;
                 return;
             }
             const entities = []
-                .concat(...this.selected.map((invoice) => {
+                .concat(...selectedInvoices.map((invoice) => {
                 return this.options.fixationItems.map((fixationItem) => {
                     const requiredValue = (fixationItem.requiredValue || 0) - (fixationItem.totalValueInvoices || 0);
                     if (invoice.remainingValue <= 0 || requiredValue <= 0) {
@@ -7420,11 +7441,11 @@ let ModalInvoicePjForFixationComponent = class ModalInvoicePjForFixationComponen
                     const body = {
                         series: invoice === null || invoice === void 0 ? void 0 : invoice.series,
                         number: String(invoice === null || invoice === void 0 ? void 0 : invoice.number),
-                        invoiceId: invoice === null || invoice === void 0 ? void 0 : invoice.id,
+                        externalInvoiceId: invoice === null || invoice === void 0 ? void 0 : invoice.externalInvoiceId,
                         linkedValue: valueToBeLinked,
-                        totalValue: invoice === null || invoice === void 0 ? void 0 : invoice.totalValue,
+                        totalValue: this.getTotalValue(invoice),
                         issuanceDate: invoice === null || invoice === void 0 ? void 0 : invoice.issuanceDate,
-                        fixationItem,
+                        fixationItem: { id: fixationItem === null || fixationItem === void 0 ? void 0 : fixationItem.id },
                     };
                     fixationItem.totalValueInvoices = (fixationItem.totalValueInvoices || 0) + valueToBeLinked;
                     return body;
@@ -7448,13 +7469,19 @@ let ModalInvoicePjForFixationComponent = class ModalInvoicePjForFixationComponen
             });
         });
     }
-    isValidAndSetLinkedValueInInvoices() {
+    isValidAndSetLinkedValueInInvoices(selectedInvoices) {
         return __awaiter(this, void 0, void 0, function* () {
-            const valorLinked = yield this.producerInvoiceService.getTotalLinkedInInvoices(this.selected.map((invoice) => invoice.id), this.options.fixationId);
+            const valorLinked = yield this.producerInvoiceService.getTotalLinkedInInvoices(selectedInvoices.map((invoice) => invoice.externalInvoiceId), this.options.fixationId);
+            selectedInvoices.forEach((invoice) => {
+                if (!invoice.totalValue) {
+                    invoice.totalValue = this.getTotalValue(invoice);
+                }
+            });
             let isValid = true;
-            this.selected.forEach((invoice) => {
+            selectedInvoices.forEach((invoice) => {
                 var _a;
-                invoice.linkedValue = ((_a = valorLinked.find((linked) => linked.invoiceId === invoice.id)) === null || _a === void 0 ? void 0 : _a.totalLinked) || 0;
+                invoice.linkedValue =
+                    ((_a = valorLinked.find((linked) => linked.externalInvoiceId === invoice.externalInvoiceId)) === null || _a === void 0 ? void 0 : _a.totalLinked) || 0;
                 if (invoice.linkedValue >= invoice.totalValue) {
                     this.messageService.add({
                         severity: 'warn',
@@ -7469,24 +7496,25 @@ let ModalInvoicePjForFixationComponent = class ModalInvoicePjForFixationComponen
         });
     }
     adaptResult(result) {
+        var _a;
         return __awaiter(this, void 0, void 0, function* () {
-            return Promise.resolve(result);
+            return yield this.updateLinkedValueInGrid(((_a = result === null || result === void 0 ? void 0 : result.result) === null || _a === void 0 ? void 0 : _a.invoices) || []);
         });
     }
     cancel() {
         this.options.fixationItems = [];
         return super.cancel();
     }
-    updateLinkedValueInGrid(rows) {
+    updateLinkedValueInGrid(result) {
         return __awaiter(this, void 0, void 0, function* () {
-            const invoiceId = this.gridData.map((invoice) => invoice.id);
+            const externalInvoiceId = result.map((invoice) => invoice.externalInvoiceId);
             let filter = `fixationItem.fixation.id eq '${this.options.fixationId}'`;
-            if (invoiceId && invoiceId.length > 0) {
-                filter += `and invoiceId in ('${invoiceId.join("','")}') `;
+            if (externalInvoiceId && externalInvoiceId.length > 0) {
+                filter += `and externalInvoiceId in ('${externalInvoiceId.join("','")}') `;
             }
             const listParams = {
                 page: 0,
-                size: rows,
+                size: result.length,
                 filterQuery: filter,
             };
             yield this.producerInvoiceService
@@ -7495,14 +7523,23 @@ let ModalInvoicePjForFixationComponent = class ModalInvoicePjForFixationComponen
                 .toPromise()
                 .then((producerInvoices) => {
                 producerInvoices === null || producerInvoices === void 0 ? void 0 : producerInvoices.contents.forEach((invoice) => {
-                    const gridInvoice = this.gridData.find((item) => item.id === invoice.invoiceId);
-                    if (gridInvoice) {
-                        gridInvoice.linkedValue = invoice.linkedValue;
-                    }
+                    var _a;
+                    (_a = result
+                        .filter((item) => item.externalInvoiceId === invoice.externalInvoiceId)) === null || _a === void 0 ? void 0 : _a.forEach((linkedInvoice) => {
+                        linkedInvoice.linkedValue = invoice.linkedValue;
+                    });
                 });
             });
         });
     }
+    getTotalValue(row) {
+        const netTotalValue = row === null || row === void 0 ? void 0 : row.netTotalValue;
+        if (netTotalValue) {
+            return netTotalValue;
+        }
+        const items = (row === null || row === void 0 ? void 0 : row.items) || [];
+        return items.reduce((total, item) => total + (item.unitPrice || 0) * (item.quantity || 0), 0);
+    }
 };
 ModalInvoicePjForFixationComponent.ctorParameters = () => [
     { type: LibTranslationService },
@@ -7510,7 +7547,7 @@ ModalInvoicePjForFixationComponent.ctorParameters = () => [
     { type: LocaleService },
     { type: KilogramPipe },
     { type: CurrencyPipe },
-    { type: ProducerInvoiceService },
+    { type: ProducerInvoiceService$1 },
     { type: MessageService$1 },
     { type: DatePipe }
 ];
@@ -7523,7 +7560,7 @@ __decorate([
 ModalInvoicePjForFixationComponent = __decorate([
     Component({
         selector: 's-modal-invoice-pj-for-fixation',
-        template: "<p-dialog\r\n    header=\"{{ 'agro.angular_components.panel_title_external_invoice_add_external_invoice' | libTranslate }}\"\r\n    [(visible)]=\"visible\"\r\n    [modal]=\"true\"\r\n    class=\"add-invoice-modal\"\r\n    [closeOnEscape]=\"false\"\r\n    (onHide)=\"cancelPooling()\"\r\n    [dismissableMask]=\"false\"\r\n>\r\n    <ng-container *ngIf=\"!dontHaveAnyInvoice\">\r\n        <div class=\"ui-g\">\r\n            <label for=\"invoiceSearchInput\">{{ 'agro.angular_components.number' | libTranslate }}</label>\r\n            <input\r\n                type=\"text\"\r\n                id=\"invoiceSearchInput\"\r\n                pInputText\r\n                [formControl]=\"searchValue\"\r\n                [placeholder]=\"'' | libTranslate\"\r\n                [required]=\"false\"\r\n            />\r\n            <div class=\"ui-g-12\">\r\n                <p-table\r\n                    [(selection)]=\"selected\"\r\n                    [value]=\"gridData\"\r\n                    [columns]=\"gridColumns\"\r\n                    [scrollable]=\"true\"\r\n                    dataKey=\"externalInvoiceId\"\r\n                    [rows]=\"10\"\r\n                    [paginator]=\"true\"\r\n                    [lazyLoadOnInit]=\"false\"\r\n                    [totalRecords]=\"gridTotalRecords\"\r\n                    [lazy]=\"true\"\r\n                    (onLazyLoad)=\"updateGridData($event)\"\r\n                    [resizableColumns]=\"true\"\r\n                    *sLoadingState=\"gridLoading\"\r\n                    sortMode=\"multiple\"\r\n                    [selectionMode]=\"'multiple'\"\r\n                >\r\n                    <ng-template pTemplate=\"header\" let-columns>\r\n                        <tr>\r\n                            <th class=\"checkbox\" scope=\"col\">\r\n                                <p-tableHeaderCheckbox></p-tableHeaderCheckbox>\r\n                            </th>\r\n                            <ng-container *ngFor=\"let col of columns\">\r\n                                <th\r\n                                    *ngIf=\"col.sortable === undefined || col.sortable\"\r\n                                    [pSortableColumn]=\"col.field\"\r\n                                    scope=\"col\"\r\n                                >\r\n                                    {{ col.header }}\r\n                                    <p-sortIcon [field]=\"col.field\"></p-sortIcon>\r\n                                </th>\r\n                                <th *ngIf=\"col.sortable === false || col.sortable === null\" scope=\"col\">\r\n                                    {{ col.header }}\r\n                                </th>\r\n                            </ng-container>\r\n                        </tr>\r\n                    </ng-template>\r\n\r\n                    <ng-template pTemplate=\"body\" let-rowData let-columns=\"columns\" let-rowIndex=\"rowIndex\">\r\n                        <tr>\r\n                            <td class=\"checkbox\" tabindex=\"0\">\r\n                                <p-tableCheckbox [value]=\"rowData\"></p-tableCheckbox>\r\n                            </td>\r\n                            <td\r\n                                [pSelectableRow]=\"rowData\"\r\n                                [pSelectableRowIndex]=\"rowIndex\"\r\n                                *ngFor=\"let col of columns\"\r\n                                class=\"column\"\r\n                                tabindex=\"0\"\r\n                            >\r\n                                <ng-container>\r\n                                    {{ gridFieldValuesMap[col.field] ? gridFieldValuesMap[col.field](rowData) :\r\n                                    rowData[col.field] }}\r\n                                </ng-container>\r\n                            </td>\r\n                        </tr>\r\n                    </ng-template>\r\n\r\n                    <ng-template pTemplate=\"paginatorright\">\r\n                        <span>{{ gridTotalRecords }} registros encontrados</span>\r\n                    </ng-template>\r\n                </p-table>\r\n            </div>\r\n        </div>\r\n    </ng-container>\r\n\r\n    <ng-container *ngIf=\"dontHaveAnyInvoice\">\r\n        <s-empty-state\r\n            iconClass=\"fa fa-exclamation-triangle\"\r\n            title=\"{{ 'agro.angular_components.add_pj_invoice_modal_no_invoices_found' | libTranslate }}\"\r\n            primaryActionLabel=\"{{ 'agro.angular_components.error_server_try_again' | libTranslate }}\"\r\n            (primaryAction)=\"tryToSearchAgain()\"\r\n            description=\"{{ 'agro.angular_components.no_register_found_for_external_invoices_summary' | libTranslate }}\"\r\n        >\r\n        </s-empty-state>\r\n    </ng-container>\r\n\r\n    <p-footer class=\"footer\" *ngIf=\"!dontHaveAnyInvoice\">\r\n        <s-button\r\n            [priority]=\"buttonPriority.Primary\"\r\n            label=\"{{ 'agro.angular_components.panel_title_external_invoice_add_external_invoice' | libTranslate }}\"\r\n            [disabled]=\"!selected?.length\"\r\n            (click)=\"add()\"\r\n            (keydown.enter)=\"add()\"\r\n        ></s-button>\r\n        <s-button\r\n            [priority]=\"buttonPriority.Link\"\r\n            label=\"{{ 'agro.angular_components.cancel' | libTranslate }}\"\r\n            (click)=\"cancel()\"\r\n            (keydown.enter)=\"cancel()\"\r\n        ></s-button>\r\n    </p-footer>\r\n</p-dialog>\r\n",
+        template: "<p-dialog\r\n    header=\"{{ 'agro.angular_components.panel_title_external_invoice_add_external_invoice' | libTranslate }}\"\r\n    [(visible)]=\"visible\"\r\n    [modal]=\"true\"\r\n    class=\"add-invoice-modal\"\r\n    [closeOnEscape]=\"false\"\r\n    (onHide)=\"cancelPooling()\"\r\n    [dismissableMask]=\"false\"\r\n>\r\n    <ng-container *ngIf=\"!dontHaveAnyInvoice\">\r\n        <div class=\"ui-g\">\r\n            <label for=\"invoiceSearchInput\">{{ 'agro.angular_components.number' | libTranslate }}</label>\r\n            <input\r\n                type=\"text\"\r\n                id=\"invoiceSearchInput\"\r\n                pInputText\r\n                [formControl]=\"searchValue\"\r\n                [placeholder]=\"'' | libTranslate\"\r\n                [required]=\"false\"\r\n            />\r\n            <div class=\"ui-g-12\">\r\n                <p-table\r\n                    [(selection)]=\"selected\"\r\n                    [value]=\"gridData\"\r\n                    [columns]=\"gridColumns\"\r\n                    [scrollable]=\"true\"\r\n                    dataKey=\"_uniqueId\"\r\n                    [rows]=\"10\"\r\n                    [paginator]=\"true\"\r\n                    [lazyLoadOnInit]=\"false\"\r\n                    [totalRecords]=\"gridTotalRecords\"\r\n                    [lazy]=\"true\"\r\n                    (onLazyLoad)=\"updateGridData($event)\"\r\n                    [resizableColumns]=\"true\"\r\n                    *sLoadingState=\"gridLoading\"\r\n                    sortMode=\"multiple\"\r\n                    [selectionMode]=\"'multiple'\"\r\n                >\r\n                    <ng-template pTemplate=\"header\" let-columns>\r\n                        <tr>\r\n                            <th class=\"checkbox\" scope=\"col\">\r\n                                <p-tableHeaderCheckbox></p-tableHeaderCheckbox>\r\n                            </th>\r\n                            <ng-container *ngFor=\"let col of columns\">\r\n                                <th\r\n                                    *ngIf=\"col.sortable === undefined || col.sortable\"\r\n                                    [pSortableColumn]=\"col.field\"\r\n                                    scope=\"col\"\r\n                                >\r\n                                    {{ col.header }}\r\n                                    <p-sortIcon [field]=\"col.field\"></p-sortIcon>\r\n                                </th>\r\n                                <th *ngIf=\"col.sortable === false || col.sortable === null\" scope=\"col\">\r\n                                    {{ col.header }}\r\n                                </th>\r\n                            </ng-container>\r\n                        </tr>\r\n                    </ng-template>\r\n\r\n                    <ng-template pTemplate=\"body\" let-rowData let-columns=\"columns\" let-rowIndex=\"rowIndex\">\r\n                        <tr>\r\n                            <td class=\"checkbox\" tabindex=\"0\">\r\n                                <p-tableCheckbox [value]=\"rowData\"></p-tableCheckbox>\r\n                            </td>\r\n                            <td\r\n                                [pSelectableRow]=\"rowData\"\r\n                                [pSelectableRowIndex]=\"rowIndex\"\r\n                                *ngFor=\"let col of columns\"\r\n                                class=\"column\"\r\n                                tabindex=\"0\"\r\n                            >\r\n                                <ng-container>\r\n                                    {{ gridFieldValuesMap[col.field] ? gridFieldValuesMap[col.field](rowData) :\r\n                                    rowData[col.field] }}\r\n                                </ng-container>\r\n                            </td>\r\n                        </tr>\r\n                    </ng-template>\r\n\r\n                    <ng-template pTemplate=\"paginatorright\">\r\n                        <span>{{ gridTotalRecords }} registros encontrados</span>\r\n                    </ng-template>\r\n                </p-table>\r\n            </div>\r\n        </div>\r\n    </ng-container>\r\n\r\n    <ng-container *ngIf=\"dontHaveAnyInvoice\">\r\n        <s-empty-state\r\n            iconClass=\"fa fa-exclamation-triangle\"\r\n            title=\"{{ 'agro.angular_components.add_pj_invoice_modal_no_invoices_found' | libTranslate }}\"\r\n            primaryActionLabel=\"{{ 'agro.angular_components.error_server_try_again' | libTranslate }}\"\r\n            (primaryAction)=\"tryToSearchAgain()\"\r\n            description=\"{{ 'agro.angular_components.no_register_found_for_external_invoices_summary' | libTranslate }}\"\r\n        >\r\n        </s-empty-state>\r\n    </ng-container>\r\n\r\n    <p-footer class=\"footer\" *ngIf=\"!dontHaveAnyInvoice\">\r\n        <s-button\r\n            [priority]=\"buttonPriority.Primary\"\r\n            label=\"{{ 'agro.angular_components.panel_title_external_invoice_add_external_invoice' | libTranslate }}\"\r\n            [disabled]=\"!selected?.length\"\r\n            (click)=\"add()\"\r\n            (keydown.enter)=\"add()\"\r\n        ></s-button>\r\n        <s-button\r\n            [priority]=\"buttonPriority.Link\"\r\n            label=\"{{ 'agro.angular_components.cancel' | libTranslate }}\"\r\n            (click)=\"cancel()\"\r\n            (keydown.enter)=\"cancel()\"\r\n        ></s-button>\r\n    </p-footer>\r\n</p-dialog>\r\n",
         styles: [".footer{width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}.add-invoice-modal{width:480px;max-width:480px}.add-invoice-modal input[type=text]{width:100%}.add-invoice-modal .ui-dialog{width:480px!important}.add-invoice-modal .ui-dialog .ui-dialog-content{min-height:175px}td.checkbox,th.checkbox{width:50px}td.column,th.column{min-width:150px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}"]
     })
 ], ModalInvoicePjForFixationComponent);