@seniorsistemas/yms-integration 1.30.2 → 1.31.0

package/bundles/seniorsistemas-yms-integration.umd.js

@@ -3152,51 +3152,6 @@
         return FormWmsComponent;
     }(FormWmsDescritor));
 
-    var IntegrationService = /** @class */ (function () {
-        function IntegrationService(httpClient) {
-            this.httpClient = httpClient;
-        }
-        IntegrationService.prototype.getProcessTypeByScheduling = function (idSchedulingType) {
-            return this.httpClient.post('yms/integration/queries/getProcessTypeByScheduling', { idSchedulingType: idSchedulingType });
-        };
-        IntegrationService.ngInjectableDef = core.defineInjectable({ factory: function IntegrationService_Factory() { return new IntegrationService(core.inject(http.HttpClient)); }, token: IntegrationService, providedIn: "root" });
-        IntegrationService = __decorate([
-            core.Injectable({ providedIn: 'root' }),
-            __metadata("design:paramtypes", [http.HttpClient])
-        ], IntegrationService);
-        return IntegrationService;
-    }());
-    var ProcessType;
-    (function (ProcessType) {
-        ProcessType["RECEBIMENTO_CONTRATO"] = "RECEBIMENTO_CONTRATO";
-        ProcessType["RECEBIMENTO_ORDEM_COMPRA"] = "RECEBIMENTO_ORDEM_COMPRA";
-        ProcessType["EXPEDICAO"] = "EXPEDICAO";
-        ProcessType["DEVOLUCAO"] = "DEVOLUCAO";
-        ProcessType["PROCESSO_AVULSO"] = "PROCESSO_AVULSO";
-        ProcessType["RECEBIMENTO_WMS"] = "RECEBIMENTO_WMS";
-    })(ProcessType || (ProcessType = {}));
-
-    var DocumentService = /** @class */ (function (_super) {
-        __extends(DocumentService, _super);
-        function DocumentService(http, messageService) {
-            var _this = _super.call(this, http, messageService, 'yms_int/wms/entities/document', '') || this;
-            _this.http = http;
-            _this.messageService = messageService;
-            return _this;
-        }
-        DocumentService.prototype.findDocuments = function (input) {
-            return this.http.post('yms_int/wms/queries/findDocuments', input);
-        };
-        DocumentService.prototype.getSystemIntegration = function () {
-            return this.http.get('yms_int/wms/queries/getSystemIntegration');
-        };
-        DocumentService = __decorate([
-            core.Injectable(),
-            __metadata("design:paramtypes", [http.HttpClient, api.MessageService])
-        ], DocumentService);
-        return DocumentService;
-    }(EntityService));
-
     var EntityService$1 = /** @class */ (function () {
         function EntityService(http, messageService, entityUrl, actionsUrl) {
             this.http = http;
@@ -3319,6 +3274,51 @@
         return AgendaService;
     }(EntityService$2));
 
+    var DocumentService = /** @class */ (function (_super) {
+        __extends(DocumentService, _super);
+        function DocumentService(http, messageService) {
+            var _this = _super.call(this, http, messageService, 'yms_int/wms/entities/document', '') || this;
+            _this.http = http;
+            _this.messageService = messageService;
+            return _this;
+        }
+        DocumentService.prototype.findDocuments = function (input) {
+            return this.http.post('yms_int/wms/queries/findDocuments', input);
+        };
+        DocumentService.prototype.getSystemIntegration = function () {
+            return this.http.get('yms_int/wms/queries/getSystemIntegration');
+        };
+        DocumentService = __decorate([
+            core.Injectable(),
+            __metadata("design:paramtypes", [http.HttpClient, api.MessageService])
+        ], DocumentService);
+        return DocumentService;
+    }(EntityService));
+
+    var IntegrationService = /** @class */ (function () {
+        function IntegrationService(httpClient) {
+            this.httpClient = httpClient;
+        }
+        IntegrationService.prototype.getProcessTypeByScheduling = function (idSchedulingType) {
+            return this.httpClient.post('yms/integration/queries/getProcessTypeByScheduling', { idSchedulingType: idSchedulingType });
+        };
+        IntegrationService.ngInjectableDef = core.defineInjectable({ factory: function IntegrationService_Factory() { return new IntegrationService(core.inject(http.HttpClient)); }, token: IntegrationService, providedIn: "root" });
+        IntegrationService = __decorate([
+            core.Injectable({ providedIn: 'root' }),
+            __metadata("design:paramtypes", [http.HttpClient])
+        ], IntegrationService);
+        return IntegrationService;
+    }());
+    var ProcessType;
+    (function (ProcessType) {
+        ProcessType["RECEBIMENTO_CONTRATO"] = "RECEBIMENTO_CONTRATO";
+        ProcessType["RECEBIMENTO_ORDEM_COMPRA"] = "RECEBIMENTO_ORDEM_COMPRA";
+        ProcessType["EXPEDICAO"] = "EXPEDICAO";
+        ProcessType["DEVOLUCAO"] = "DEVOLUCAO";
+        ProcessType["PROCESSO_AVULSO"] = "PROCESSO_AVULSO";
+        ProcessType["RECEBIMENTO_WMS"] = "RECEBIMENTO_WMS";
+    })(ProcessType || (ProcessType = {}));
+
     var DocumentGridComponent = /** @class */ (function () {
         function DocumentGridComponent(translate, documentService, messageService, confirmationService, integrationService, agendaService) {
             this.translate = translate;
@@ -3336,7 +3336,7 @@
         DocumentGridComponent.prototype.ngOnInit = function () {
             this.verifyClienteExterno();
             this.getProcessTypeByScheduling();
-            this.listDocuments();
+            this.listDocuments(false);
         };
         DocumentGridComponent.prototype.ngAfterContentChecked = function () {
             this.gridColumns = this.getGridColumns();
@@ -3355,8 +3355,17 @@
                 .subscribe(function (result) { return _this.processType = result.processType; });
         };
         DocumentGridComponent.prototype.onChangeDocument = function (document) {
+            var duplicateDocument = this.gridData.find(function (gridData) { return gridData.key === document.key; });
+            if (duplicateDocument) {
+                this.message("error", "yms.int.wms_error_register_document_message_title", "yms.int.wms_error_register_document_message_description");
+                this.selection[0] = document;
+                this.visibleDocumentRegister = true;
+                return;
+            }
             this.gridData.push(document);
             this.disabled = false;
+            this.message("success", "yms.int.wms_saved_document_message_title", "yms.int.wms_success_message_description");
+            this.visibleDocumentRegister = false;
         };
         DocumentGridComponent.prototype.cantEditStatus = function () {
             var cantEditStatus = [
@@ -3417,9 +3426,10 @@
                         }
                         data.key = _this.updateKeyByWms(data);
                         _this.documentService.insert(data).subscribe(function () {
-                            _this.message("success", "saved_message_title", "saved_message_content");
+                            _this.message("success", "yms.int.wms_saved_document_message_title", "saved_message_content");
                         });
                         _this.disabled = true;
+                        _this.listDocuments(false);
                     }
                 });
             }
@@ -3451,8 +3461,7 @@
                             summary: _this.translate.instant("deleted_message_title"),
                             detail: _this.translate.instant("deleted_message_content"),
                         });
-                        _this.gridData = [];
-                        _this.listDocuments();
+                        _this.listDocuments(true);
                     });
                 }
             });
@@ -3461,26 +3470,29 @@
             var _this = this;
             this.selection.forEach(function (value, index) {
                 if (!value.id) {
-                    _this.gridData.splice(index, 1);
+                    var indexGridData = _this.gridData.findIndex(function (document) { return document.key === value.key; });
+                    _this.gridData.splice(indexGridData, 1);
                     _this.selection.splice(index, 1);
                 }
             });
         };
-        DocumentGridComponent.prototype.listDocuments = function () {
+        DocumentGridComponent.prototype.listDocuments = function (isDelete) {
             var _this = this;
             this.documentService.list({
                 filterQuery: "schedulingId eq '" + this.agenda.id + "'"
             })
                 .subscribe(function (contents) {
-                _this.gridData = [];
+                var _a;
+                _this.gridData = isDelete ? _this.gridData.filter(function (item) { return !item.id; }) : [];
                 if (contents.totalElements > 0) {
-                    _this.gridData = contents.contents;
+                    (_a = _this.gridData).push.apply(_a, __spread(contents.contents));
                     _this.documentTotalRecords = contents.totalElements;
                 }
                 else {
                     _this.documentTotalRecords = _this.gridData.length;
                 }
-                _this.disabled = true;
+                var hasElementWithoutId = _this.gridData.some(function (item) { return !item.id; });
+                _this.disabled = !hasElementWithoutId;
                 _this.loading = false;
             });
         };
@@ -3575,7 +3587,7 @@
         DocumentGridComponent = __decorate([
             core.Component({
                 selector: 'document-grid',
-                template: "<div *ngIf=\"this.processType === 'RECEBIMENTO_WMS'; else processNotConfigured\">\n    <p-panel>\n        <p-header>\n            <div class=\"buttons\">\n                <div>\n                    <s-button\n                        label=\"{{'yms.int.wms_add_document' | translate}}\"\n                        priority=\"primary\"\n                        [model]=\"getActions()\"\n                        [auxiliary]=\"false\"\n                        [disabled]=\"!enableButtonIsClienteExterno\">\n                    </s-button>\n                    <s-button\n                        label=\"{{'yms.wms_view_button' | translate}}\"\n                        priority=\"secondary\"\n                        [auxiliary]=\"false\"\n                        [disabled]=\"!selection  || selection.length !== 1\"\n                        (onClick)=\"view()\">\n                    </s-button>\n                    <s-button\n                        label=\"{{'yms.wms_delete_button' | translate}}\"\n                        priority=\"secondary\"\n                        [disabled]=\"!selection || !selection.length || !enableButtonIsClienteExterno\"\n                        (click)=\"onDelete()\">\n                    </s-button>\n                </div>\n                <s-button\n                    id=\"refresh-button\"\n                    priority=\"default\"\n                    iconClass=\"fa fa-refresh\"\n                    (onClick)=\"listDocuments()\"\n                    >\n                </s-button>\n            </div>\n        </p-header>\n        <div class=\"ui-g\">\n            <div class=\"ui-g-12\" *ngIf=\"gridData && gridData.length; else emptyList\">\n                <p-table #documentTable [value]=\"gridData\"\n                [columns]=\"gridColumns\" dataKey=\"id\" [lazy]=\"true\" [scrollable]=\"true\" [resizableColumns]=\"true\"\n                sortMode=\"multiple\" [paginator]=\"true\" [totalRecords]=\"documentTotalRecords\" rows=\"10\"\n                [rowsPerPageOptions]=\"[10, 20, 50, 100]\" [(selection)]=\"selection\"\n                [loading]=\"loading\">\n                <ng-template pTemplate=\"colgroup\" let-columns>\n                    <colgroup>\n                        <col *ngFor=\"let col of columns\" [style.width]=\"col.width\"/>\n                    </colgroup>\n                </ng-template>\n                <ng-template pTemplate=\"header\" let-columns>\n                    <tr>\n                        <th id=\"checkbox\" class=\"table-checkbox\">\n                            <p-tableHeaderCheckbox></p-tableHeaderCheckbox>\n                        </th>\n                        <th id=\"col\" *ngFor=\"let col of columns\" [pSortableColumn]=\"col.field\" pResizableColumn>\n                            <div class=\"senior-header\">\n                                <span class=\"senior-header-title\">{{ col.header }}</span>\n                                <p-sortIcon [field]=\"col.field\"></p-sortIcon>\n                            </div>\n                        </th>\n                    </tr>\n                </ng-template>\n                <ng-template pTemplate=\"body\" let-rowData let-columns let-expanded=\"expanded\">\n                    <tr [pSelectableRow]=\"rowData\">\n                        <td class=\"table-checkbox\">\n                            <p-tableCheckbox [value]=\"rowData\"></p-tableCheckbox>\n                        </td>\n                        <td *ngFor=\"let column of getGridColumns()\" (click)=\"selection = [rowData]\">\n                            <span>{{ rowData[ column.field ] }}</span>\n                        </td>\n                    </tr>\n                </ng-template>\n                <ng-template pTemplate=\"paginatorright\">\n                    <span [translate]=\"'total_records'\" [translateParams]=\"{ value: documentTotalRecords }\"></span>\n                </ng-template>\n            </p-table>      \n            </div>\n        </div>\n        <register-document\n            [wmsSystem]=\"wmsSystem\"\n            [edit]=\"edit\"\n            [viewDocument]=\"selection\"\n            (document)=\"onChangeDocument($event)\"\n            [(visible)]=\"visibleDocumentRegister\"\n            [agenda]=\"agenda\">\n        </register-document>    \n        <insert-key [wmsSystem]=\"wmsSystem\" \n            (document)=\"onChangeDocument($event)\" [(visible)]=\"visibleInvoiceKey\"></insert-key>\n    </p-panel>\n</div>\n    <div class=\"button-save\">\n        <s-button \n            priority=\"primary\" [label]=\"'save' | translate\"\n            [disabled]=\"disabled || !this.gridData || !enableButtonIsClienteExterno\"\n            (click)=\"save()\">\n        </s-button>\n    </div>\n    <register-document\n        [wmsSystem]=\"wmsSystem\"\n        [edit]=\"edit\"\n        [viewDocument]=\"selection\"\n        (document)=\"onChangeDocument($event)\"\n        [(visible)]=\"visibleDocumentRegister\"\n        [agenda]=\"agenda\">\n    </register-document>    \n    <insert-key [wmsSystem]=\"wmsSystem\" \n        (document)=\"onChangeDocument($event)\" [(visible)]=\"visibleInvoiceKey\"></insert-key>\n\n<ng-template #emptyList>\n    <div class=\"center\">\n        <s-empty-state\n            iconClass=\"fa fa-exclamation-triangle\" [title]=\"'detail_empty_state_title' | translate\"\n            [description]=\"'detail_empty_state_description' | translate\">\n    </s-empty-state>\n    </div>\n</ng-template>\n\n<ng-template #processNotConfigured>\n    <div class=\"center\">\n        <s-empty-state\n            iconClass=\"fa fa-exclamation-triangle\"\n            [title]=\"'yms.int.wms_there_no_process_type_configured_for_this_type_scheduling' | translate\"\n        >\n    </s-empty-state>\n    </div>\n</ng-template>",
+                template: "<div *ngIf=\"this.processType === 'RECEBIMENTO_WMS'; else processNotConfigured\">\n    <p-panel>\n        <p-header>\n            <div class=\"buttons\">\n                <div>\n                    <s-button\n                        label=\"{{'yms.int.wms_add_document' | translate}}\"\n                        priority=\"primary\"\n                        [model]=\"getActions()\"\n                        [auxiliary]=\"false\"\n                        [disabled]=\"!enableButtonIsClienteExterno\">\n                    </s-button>\n                    <s-button\n                        label=\"{{'yms.wms_view_button' | translate}}\"\n                        priority=\"secondary\"\n                        [auxiliary]=\"false\"\n                        [disabled]=\"!selection  || selection.length !== 1\"\n                        (onClick)=\"view()\">\n                    </s-button>\n                    <s-button\n                        label=\"{{'yms.wms_delete_button' | translate}}\"\n                        priority=\"secondary\"\n                        [disabled]=\"!selection || !selection.length || !enableButtonIsClienteExterno\"\n                        (click)=\"onDelete()\">\n                    </s-button>\n                </div>\n                <s-button\n                    id=\"refresh-button\"\n                    priority=\"default\"\n                    iconClass=\"fa fa-refresh\"\n                    (onClick)=\"listDocuments(false)\"\n                    >\n                </s-button>\n            </div>\n        </p-header>\n        <div class=\"ui-g\">\n            <div class=\"ui-g-12\" *ngIf=\"gridData && gridData.length; else emptyList\">\n                <p-table #documentTable [value]=\"gridData\"\n                [columns]=\"gridColumns\" dataKey=\"key\" [lazy]=\"true\" [scrollable]=\"true\" [resizableColumns]=\"true\"\n                sortMode=\"multiple\" [paginator]=\"true\" [totalRecords]=\"documentTotalRecords\" rows=\"10\"\n                [rowsPerPageOptions]=\"[10, 20, 50, 100]\" [(selection)]=\"selection\"\n                [loading]=\"loading\">\n                <ng-template pTemplate=\"colgroup\" let-columns>\n                    <colgroup>\n                        <col *ngFor=\"let col of columns\" [style.width]=\"col.width\"/>\n                    </colgroup>\n                </ng-template>\n                <ng-template pTemplate=\"header\" let-columns>\n                    <tr>\n                        <th id=\"checkbox\" class=\"table-checkbox\">\n                            <p-tableHeaderCheckbox></p-tableHeaderCheckbox>\n                        </th>\n                        <th id=\"col\" *ngFor=\"let col of columns\" [pSortableColumn]=\"col.field\" pResizableColumn>\n                            <div class=\"senior-header\">\n                                <span class=\"senior-header-title\">{{ col.header }}</span>\n                                <p-sortIcon [field]=\"col.field\"></p-sortIcon>\n                            </div>\n                        </th>\n                    </tr>\n                </ng-template>\n                <ng-template pTemplate=\"body\" let-rowData let-columns let-expanded=\"expanded\">\n                    <tr [pSelectableRow]=\"rowData\">\n                        <td class=\"table-checkbox\">\n                            <p-tableCheckbox [value]=\"rowData\"></p-tableCheckbox>\n                        </td>\n                        <td *ngFor=\"let column of getGridColumns()\" (click)=\"selection = [rowData]\">\n                            <span>{{ rowData[ column.field ] }}</span>\n                        </td>\n                    </tr>\n                </ng-template>\n                <ng-template pTemplate=\"paginatorright\">\n                    <span [translate]=\"'total_records'\" [translateParams]=\"{ value: documentTotalRecords }\"></span>\n                </ng-template>\n            </p-table>      \n            </div>\n        </div>\n        <register-document\n            [wmsSystem]=\"wmsSystem\"\n            [edit]=\"edit\"\n            [viewDocument]=\"selection\"\n            (document)=\"onChangeDocument($event)\"\n            [(visible)]=\"visibleDocumentRegister\"\n            [agenda]=\"agenda\">\n        </register-document>    \n        <insert-key [wmsSystem]=\"wmsSystem\" \n            (document)=\"onChangeDocument($event)\" [(visible)]=\"visibleInvoiceKey\"></insert-key>\n    </p-panel>\n</div>\n    <div class=\"button-save\">\n        <s-button \n            priority=\"primary\" [label]=\"'save' | translate\"\n            [disabled]=\"disabled || !this.gridData || !enableButtonIsClienteExterno\"\n            (click)=\"save()\">\n        </s-button>\n    </div>\n    <register-document\n        [wmsSystem]=\"wmsSystem\"\n        [edit]=\"edit\"\n        [viewDocument]=\"selection\"\n        (document)=\"onChangeDocument($event)\"\n        [(visible)]=\"visibleDocumentRegister\"\n        [agenda]=\"agenda\">\n    </register-document>    \n    <insert-key [wmsSystem]=\"wmsSystem\" \n        (document)=\"onChangeDocument($event)\" [(visible)]=\"visibleInvoiceKey\"></insert-key>\n\n<ng-template #emptyList>\n    <div class=\"center\">\n        <s-empty-state\n            iconClass=\"fa fa-exclamation-triangle\" [title]=\"'detail_empty_state_title' | translate\"\n            [description]=\"'detail_empty_state_description' | translate\">\n    </s-empty-state>\n    </div>\n</ng-template>\n\n<ng-template #processNotConfigured>\n    <div class=\"center\">\n        <s-empty-state\n            iconClass=\"fa fa-exclamation-triangle\"\n            [title]=\"'yms.int.wms_there_no_process_type_configured_for_this_type_scheduling' | translate\"\n        >\n    </s-empty-state>\n    </div>\n</ng-template>",
                 styles: [".buttons{display:flex;justify-content:space-between}.center{flex-direction:column;text-align:center}.ui-g{display:block}.button-save{margin:5px 0}#refresh-button{color:#fff}.table-checkbox{width:50px}"]
             }),
             __metadata("design:paramtypes", [core$1.TranslateService,
@@ -3658,7 +3670,6 @@
         };
         RegisterDocumentComponent.prototype.close = function () {
             this.visibleChange.emit(false);
-            this.formGroup.reset();
         };
         RegisterDocumentComponent.prototype.setValuesFormGroup = function (document) {
             this.formGroup.get('key').setValue(document.key);
@@ -3697,24 +3708,16 @@
                 if (this.agenda.id !== undefined) {
                     value.schedulingId = this.agenda.id;
                 }
-                if (value.key === undefined) {
+                if (value.key === undefined || value.key === null) {
                     value.key = value.invoiceKey;
                     if (this.isWmsWis()) {
                         value.key = value.invoiceNumber + ":" + value.invoiceSerialNumber + ":" + value.partnerDocument;
                     }
                 }
+                this.formGroup.reset();
                 this.document.emit(Document.fromDto(value));
-                this.successMessage();
-                this.visibleChange.emit(false);
             }
         };
-        RegisterDocumentComponent.prototype.successMessage = function () {
-            this.messageService.add({
-                severity: "success",
-                summary: this.translateService.instant("yms.saved_message_title"),
-                detail: this.translateService.instant("yms.int.wms_success_message_description"),
-            });
-        };
         RegisterDocumentComponent.prototype.isWmsWis = function () {
             return this.wmsSystem === WmsSystem.WIS;
         };
@@ -3795,6 +3798,7 @@
             this.document = new core.EventEmitter();
             this.visible = new core.EventEmitter();
             this.visibleChange = new core.EventEmitter();
+            this.isLoading = false;
         }
         InsertKeyComponent.prototype.ngOnInit = function () {
             this.formGroup = this.formBuilder.group({
@@ -3812,11 +3816,11 @@
             return this.wmsSystem === WmsSystem.SENIOR_CONNECT;
         };
         InsertKeyComponent.prototype.add = function () {
-            this.visibleChange.emit(false);
             this.searchKey();
         };
         InsertKeyComponent.prototype.searchKey = function () {
             var _this = this;
+            this.isLoading = true;
             var key = {
                 documentKeys: [this.formGroup.get('key').value],
                 invoices: [{
@@ -3828,8 +3832,25 @@
                 size: 0,
                 offset: 0
             };
-            this.documentService.findDocuments(key).subscribe(function (content) {
-                if (content.totalElements < 1) {
+            this.documentService.findDocuments(key)
+                .pipe(operators.catchError(function (err) {
+                if (err.error && err.error.message.includes("404")) {
+                    _this.message("error", "yms.int.wms_error_search_document_message_header", "yms.int.wms_error_search_document_not_found_message_content");
+                }
+                else {
+                    _this.messageService.add({
+                        severity: "error",
+                        summary: _this.translate.instant("yms.int.wms_error_search_document_message_header"),
+                        detail: _this.translate.instant("yms.int.wms_error_unknown_search_document_message_content") + err.error.message,
+                    });
+                }
+                return rxjs.throwError(err);
+            }), operators.finalize(function () {
+                _this.isLoading = false;
+            }))
+                .subscribe(function (content) {
+                _this.visibleChange.emit(false);
+                if (!content || content.totalElements < 1) {
                     _this.message("warn", "yms.int.wms_insert_key_warning_message_header", "yms.int.wms_insert_key_warning_message_description");
                     return;
                 }
@@ -3848,6 +3869,9 @@
         InsertKeyComponent.prototype.cancel = function () {
             this.visibleChange.emit(false);
         };
+        InsertKeyComponent.prototype.onDialogShow = function () {
+            this.formGroup.reset();
+        };
         __decorate([
             core.Output(),
             __metadata("design:type", core.EventEmitter)
@@ -3867,7 +3891,7 @@
         InsertKeyComponent = __decorate([
             core.Component({
                 selector: "insert-key",
-                template: "<form [formGroup]=\"formGroup\">\n    <p-dialog [(visible)]=\"visible\" [modal]=\"true\" [draggable]=\"false\" (visibleChange)=\"cancel()\">\n        <p-header>{{'yms.int.wms_search_document' | translate}} {{ wmsSystem }}</p-header>\n        <div class=\"flex py-2 justify-content-center spacing-bottom\" \n            *ngIf=\"!isWmsSeniorConnect() && !isWmsWis()\">\n            <label for=\"key\">{{'yms.int.wms_insert_key_label' | translate}}</label>\n            <input id=\"key\" class=\"size-input\" pInputText type=\"text\" formControlName=\"key\">\n        </div>\n        <div class=\"flex py-2 justify-content-center spacing-bottom\" *ngIf=\"isWmsSeniorConnect()\">\n            <label for=\"purchaseOrder\">{{'yms.int.wms_purchaseOrder' | translate}} </label>\n            <input id=\"purchaseOrder\" class=\"size-input\" pInputText type=\"text\" formControlName=\"purchaseOrder\">\n        </div>\n        <div class=\"flex py-2 justify-content-center spacing-bottom\" *ngIf=\"isWmsWis()\">\n            <label for=\"invoiceNumber\">{{'yms.int.wms_invoice_number' | translate}}</label>\n            <input id=\"invoiceNumber\" class=\"size-input\" pInputText type=\"text\" formControlName=\"invoiceNumber\">\n        </div>\n        <div class=\"flex py-2 justify-content-center spacing-bottom\" *ngIf=\"isWmsWis()\">\n            <label for=\"invoiceSerie\">{{'yms.int.wms_invoice_serie' | translate}}</label>\n            <input id=\"invoiceSerie\" class=\"size-input\" pInputText type=\"text\" formControlName=\"invoiceSerie\">\n        </div>\n        <div class=\"flex py-2 justify-content-center spacing-bottom\" *ngIf=\"isWmsWis()\">\n            <label for=\"partnerDocument\">{{'yms.int.wms_partner_document' | translate}}</label>\n            <input id=\"partnerDocument\" class=\"size-input\" pInputText type=\"text\" formControlName=\"partnerDocument\">\n        </div>\n        <div class=\"separator\"></div>\n        <div class=\"spacing-top\">\n            <s-button pButton label=\"{{'yms.int.wms_search' | translate}}\" (click)=\"add()\"></s-button>\n            <s-button\n                type=\"button\"\n                class=\"ui-button-link\"\n                pButton label=\"{{'cancel' | translate}}\"\n                (click)=\"cancel()\">\n            </s-button>\n        </div>\n    </p-dialog>\n</form>",
+                template: "<form [formGroup]=\"formGroup\">\n    <p-dialog [(visible)]=\"visible\" [modal]=\"true\" \n            [draggable]=\"false\" (visibleChange)=\"cancel()\" (onShow)=\"onDialogShow()\">\n        <p-header>{{'yms.int.wms_search_document' | translate}} {{ wmsSystem }}</p-header>\n        <s-loading-state [loading]=\"isLoading\">\n            <div class=\"flex py-2 justify-content-center spacing-bottom\" \n                *ngIf=\"!isWmsSeniorConnect() && !isWmsWis()\">\n                <label for=\"key\">{{'yms.int.wms_insert_key_label' | translate}}</label>\n                <input id=\"key\" class=\"size-input\" pInputText type=\"text\" formControlName=\"key\">\n            </div>\n            <div class=\"flex py-2 justify-content-center spacing-bottom\" *ngIf=\"isWmsSeniorConnect()\">\n                <label for=\"purchaseOrder\">{{'yms.int.wms_purchaseOrder' | translate}} </label>\n                <input id=\"purchaseOrder\" class=\"size-input\" pInputText type=\"text\" formControlName=\"purchaseOrder\">\n            </div>\n            <div class=\"flex py-2 justify-content-center spacing-bottom\" *ngIf=\"isWmsWis()\">\n                <label for=\"invoiceNumber\">{{'yms.int.wms_invoice_number' | translate}}</label>\n                <input id=\"invoiceNumber\" class=\"size-input\" pInputText type=\"text\" formControlName=\"invoiceNumber\">\n            </div>\n            <div class=\"flex py-2 justify-content-center spacing-bottom\" *ngIf=\"isWmsWis()\">\n                <label for=\"invoiceSerie\">{{'yms.int.wms_invoice_serie' | translate}}</label>\n                <input id=\"invoiceSerie\" class=\"size-input\" pInputText type=\"text\" formControlName=\"invoiceSerie\">\n            </div>\n            <div class=\"flex py-2 justify-content-center spacing-bottom\" *ngIf=\"isWmsWis()\">\n                <label for=\"partnerDocument\">{{'yms.int.wms_partner_document' | translate}}</label>\n                <input id=\"partnerDocument\" class=\"size-input\" pInputText type=\"text\" formControlName=\"partnerDocument\">\n            </div>\n            <div class=\"separator\"></div>\n            <div class=\"spacing-top\">\n                <s-button pButton label=\"{{'yms.int.wms_search' | translate}}\" (click)=\"add()\"></s-button>\n                <s-button\n                    type=\"button\"\n                    class=\"ui-button-link\"\n                    pButton label=\"{{'cancel' | translate}}\"\n                    (click)=\"cancel()\">\n                </s-button>\n            </div>\n        </s-loading-state>\n    </p-dialog>\n\n</form>\n",
                 styles: [".spacing-top{margin-top:10px}.spacing-bottom{margin-bottom:10px}.separator{width:100%;margin:5px 0;height:1px;background-color:#ccc}.size-input{width:480px}"]
             }),
             __metadata("design:paramtypes", [forms.FormBuilder,
@@ -3889,7 +3913,8 @@
                     angularComponents.ButtonModule,
                     core$1.TranslateModule,
                     primeng.DialogModule,
-                    primeng.InputTextModule
+                    primeng.InputTextModule,
+                    angularComponents.LoadingStateModule
                 ],
                 exports: [InsertKeyComponent],
                 declarations: [InsertKeyComponent]