@seniorsistemas/yms-integration 1.30.2 → 1.31.0

package/fesm5/seniorsistemas-yms-integration.js

@@ -3093,51 +3093,6 @@ var FormWmsComponent = /** @class */ (function (_super) {
     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 = defineInjectable({ factory: function IntegrationService_Factory() { return new IntegrationService(inject(HttpClient)); }, token: IntegrationService, providedIn: "root" });
-    IntegrationService = __decorate([
-        Injectable({ providedIn: 'root' }),
-        __metadata("design:paramtypes", [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([
-        Injectable(),
-        __metadata("design:paramtypes", [HttpClient, MessageService])
-    ], DocumentService);
-    return DocumentService;
-}(EntityService));
-
 var EntityService$1 = /** @class */ (function () {
     function EntityService(http, messageService, entityUrl, actionsUrl) {
         this.http = http;
@@ -3260,6 +3215,51 @@ var AgendaService = /** @class */ (function (_super) {
     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([
+        Injectable(),
+        __metadata("design:paramtypes", [HttpClient, 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 = defineInjectable({ factory: function IntegrationService_Factory() { return new IntegrationService(inject(HttpClient)); }, token: IntegrationService, providedIn: "root" });
+    IntegrationService = __decorate([
+        Injectable({ providedIn: 'root' }),
+        __metadata("design:paramtypes", [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;
@@ -3277,7 +3277,7 @@ var DocumentGridComponent = /** @class */ (function () {
     DocumentGridComponent.prototype.ngOnInit = function () {
         this.verifyClienteExterno();
         this.getProcessTypeByScheduling();
-        this.listDocuments();
+        this.listDocuments(false);
     };
     DocumentGridComponent.prototype.ngAfterContentChecked = function () {
         this.gridColumns = this.getGridColumns();
@@ -3296,8 +3296,17 @@ var DocumentGridComponent = /** @class */ (function () {
             .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 = [
@@ -3358,9 +3367,10 @@ var DocumentGridComponent = /** @class */ (function () {
                     }
                     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);
                 }
             });
         }
@@ -3392,8 +3402,7 @@ var DocumentGridComponent = /** @class */ (function () {
                         summary: _this.translate.instant("deleted_message_title"),
                         detail: _this.translate.instant("deleted_message_content"),
                     });
-                    _this.gridData = [];
-                    _this.listDocuments();
+                    _this.listDocuments(true);
                 });
             }
         });
@@ -3402,26 +3411,29 @@ var DocumentGridComponent = /** @class */ (function () {
         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;
         });
     };
@@ -3516,7 +3528,7 @@ var DocumentGridComponent = /** @class */ (function () {
     DocumentGridComponent = __decorate([
         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", [TranslateService,
@@ -3599,7 +3611,6 @@ var RegisterDocumentComponent = /** @class */ (function () {
     };
     RegisterDocumentComponent.prototype.close = function () {
         this.visibleChange.emit(false);
-        this.formGroup.reset();
     };
     RegisterDocumentComponent.prototype.setValuesFormGroup = function (document) {
         this.formGroup.get('key').setValue(document.key);
@@ -3638,24 +3649,16 @@ var RegisterDocumentComponent = /** @class */ (function () {
             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;
     };
@@ -3736,6 +3739,7 @@ var InsertKeyComponent = /** @class */ (function () {
         this.document = new EventEmitter();
         this.visible = new EventEmitter();
         this.visibleChange = new EventEmitter();
+        this.isLoading = false;
     }
     InsertKeyComponent.prototype.ngOnInit = function () {
         this.formGroup = this.formBuilder.group({
@@ -3753,11 +3757,11 @@ var InsertKeyComponent = /** @class */ (function () {
         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: [{
@@ -3769,8 +3773,25 @@ var InsertKeyComponent = /** @class */ (function () {
             size: 0,
             offset: 0
         };
-        this.documentService.findDocuments(key).subscribe(function (content) {
-            if (content.totalElements < 1) {
+        this.documentService.findDocuments(key)
+            .pipe(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 throwError(err);
+        }), 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;
             }
@@ -3789,6 +3810,9 @@ var InsertKeyComponent = /** @class */ (function () {
     InsertKeyComponent.prototype.cancel = function () {
         this.visibleChange.emit(false);
     };
+    InsertKeyComponent.prototype.onDialogShow = function () {
+        this.formGroup.reset();
+    };
     __decorate([
         Output(),
         __metadata("design:type", EventEmitter)
@@ -3808,7 +3832,7 @@ var InsertKeyComponent = /** @class */ (function () {
     InsertKeyComponent = __decorate([
         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", [FormBuilder,
@@ -3830,7 +3854,8 @@ var InsertKeyModule = /** @class */ (function () {
                 ButtonModule,
                 TranslateModule,
                 DialogModule,
-                InputTextModule$1
+                InputTextModule$1,
+                LoadingStateModule
             ],
             exports: [InsertKeyComponent],
             declarations: [InsertKeyComponent]