@seniorsistemas/yms-integration 1.32.0 → 1.33.0

package/fesm5/seniorsistemas-yms-integration.js

@@ -3288,6 +3288,14 @@ var ProcessType;
     ProcessType["RECEBIMENTO_WMS"] = "RECEBIMENTO_WMS";
 })(ProcessType || (ProcessType = {}));
 
+var InvoiceCondition;
+(function (InvoiceCondition) {
+    InvoiceCondition["AUTHORIZED"] = "AUTHORIZED";
+    InvoiceCondition["PARTIAL_AUTHORIZED"] = "PARTIAL_AUTHORIZED";
+    InvoiceCondition["MANUAL_AUTHORIZED"] = "MANUAL_AUTHORIZED";
+    InvoiceCondition["DEVOLUTION"] = "DEVOLUTION";
+})(InvoiceCondition || (InvoiceCondition = {}));
+
 var DocumentGridComponent = /** @class */ (function () {
     function DocumentGridComponent(translate, documentService, confirmationService, integrationService, agendaService, utils) {
         this.translate = translate;
@@ -3299,7 +3307,15 @@ var DocumentGridComponent = /** @class */ (function () {
         this.viewDocument = new EventEmitter();
         this.gridData = [];
         this.enableButtonIsClienteExterno = true;
+        this.summary = "yms.int.wms_saved_document_message_title";
         this.ngUnsubscribe = new Subject();
+        this.invoiceCondition = [
+            { label: this.translate.instant("yms.int.wms_grid_document_invoice_no_way"), value: null },
+            { label: this.translate.instant("yms.int.wms_grid_document_invoice_condition_authorized"), value: InvoiceCondition.AUTHORIZED },
+            { label: this.translate.instant("yms.int.wms_grid_document_invoice_condition_manual_authorized"), value: InvoiceCondition.MANUAL_AUTHORIZED },
+            { label: this.translate.instant("yms.int.wms_grid_document_invoice_condition_partial_authorized"), value: InvoiceCondition.PARTIAL_AUTHORIZED },
+            { label: this.translate.instant("yms.int.wms_grid_document_invoice_condition_devolucion"), value: InvoiceCondition.DEVOLUTION },
+        ];
         this.selection = [];
     }
     DocumentGridComponent.prototype.ngOnInit = function () {
@@ -3307,14 +3323,12 @@ var DocumentGridComponent = /** @class */ (function () {
         this.getProcessTypeByScheduling();
         this.listDocuments(false);
     };
-    DocumentGridComponent.prototype.ngAfterContentChecked = function () {
-        this.gridColumns = this.getGridColumns();
-    };
     DocumentGridComponent.prototype.verifyClienteExterno = function () {
         var _this = this;
         this.agendaService.isClienteExterno()
             .subscribe(function (result) {
             _this.isClienteExterno = result.isClienteExterno;
+            _this.gridColumns = _this.getGridColumns();
             _this.cantEditStatus();
         });
     };
@@ -3336,7 +3350,7 @@ var DocumentGridComponent = /** @class */ (function () {
         }
         this.gridData.push(document);
         this.disabled = false;
-        this.utils.message("success", "yms.int.wms_saved_document_message_title", "yms.int.wms_success_message_description");
+        this.utils.message("success", this.summary, "yms.int.wms_success_message_description");
         this.visibleDocumentRegister = false;
         this.visibleInvoiceKey = false;
     };
@@ -3416,11 +3430,17 @@ var DocumentGridComponent = /** @class */ (function () {
                     }
                     data.key = _this.updateKeyByWms(data);
                     _this.documentService.insert(data).subscribe(function () {
-                        _this.utils.message("success", "yms.int.wms_saved_document_message_title", "saved_message_content");
+                        _this.sucessMessage();
                     });
                     _this.disabled = true;
                     _this.listDocuments(false);
                 }
+                else {
+                    _this.documentService.update(data.id, data).subscribe(function () {
+                        _this.sucessMessage();
+                        _this.disabled = true;
+                    });
+                }
             });
         }
     };
@@ -3484,20 +3504,46 @@ var DocumentGridComponent = /** @class */ (function () {
         });
     };
     DocumentGridComponent.prototype.getGridColumns = function () {
-        if (this.isWmsSeniorConnect()) {
-            return __spread([
-                { field: "key", header: this.translate.instant("yms.int.wms_purchaseOrder") }
-            ], this.getColumnPartner());
-        }
-        if (this.isWmsWIS()) {
-            return this.getColumnInvoiceAndlogistcUnit();
-        }
-        return __spread([
+        var result;
+        switch (this.wmsSystem) {
+            case WmsSystem.SENIOR_CONNECT:
+                result = this.wmsSeniorConnectIntegration();
+                break;
+            case WmsSystem.WIS:
+                result = this.wmsWisIntegration();
+                break;
+            case WmsSystem.SENIOR:
+                result = this.wmsSiltIntegration();
+                break;
+            default:
+                result = [];
+        }
+        return result;
+    };
+    DocumentGridComponent.prototype.wmsSeniorConnectIntegration = function () {
+        var columns = __spread([
+            { field: "key", header: this.translate.instant("yms.int.wms_purchaseOrder") }
+        ], this.getColumnPartner());
+        this.addInvoiceSituationIfNotClienteExterno(columns);
+        return columns;
+    };
+    DocumentGridComponent.prototype.wmsWisIntegration = function () {
+        var columns = __spread(this.getColumnInvoiceAndlogistcUnit());
+        this.addInvoiceSituationIfNotClienteExterno(columns);
+        return columns;
+    };
+    DocumentGridComponent.prototype.wmsSiltIntegration = function () {
+        var columns = __spread([
             { field: "invoiceKey", header: this.translate.instant("yms.int.wms_register_document_invoice_key") }
         ], this.getColumnInvoiceAndlogistcUnit(), [
             { field: "ownerName", header: this.translate.instant("yms.int.wms_register_document_owner_name") },
             { field: "ownerDocument", header: this.translate.instant("yms.int.wms_register_document_owner_document") },
         ]);
+        this.addInvoiceSituationIfNotClienteExterno(columns);
+        return columns;
+    };
+    DocumentGridComponent.prototype.getColumninvoiceCondition = function () {
+        return { field: "invoiceCondition", header: this.translate.instant("yms.int.wms_grid_document_invoice_condition") };
     };
     DocumentGridComponent.prototype.getColumnInvoiceAndlogistcUnit = function () {
         return __spread([
@@ -3514,12 +3560,23 @@ var DocumentGridComponent = /** @class */ (function () {
             { field: "partnerDocument", header: this.translate.instant("yms.int.wms_register_document_partner_document") },
         ];
     };
+    DocumentGridComponent.prototype.addInvoiceSituationIfNotClienteExterno = function (columns) {
+        if (!this.isClienteExterno) {
+            columns.push(this.getColumninvoiceCondition());
+        }
+    };
     DocumentGridComponent.prototype.isWmsSeniorConnect = function () {
         return this.wmsSystem === WmsSystem.SENIOR_CONNECT;
     };
     DocumentGridComponent.prototype.isWmsWIS = function () {
         return this.wmsSystem === WmsSystem.WIS;
     };
+    DocumentGridComponent.prototype.isWmsSilt = function () {
+        return this.wmsSystem === WmsSystem.SENIOR;
+    };
+    DocumentGridComponent.prototype.sucessMessage = function () {
+        return this.utils.message("success", this.summary, "saved_message_content");
+    };
     __decorate([
         Input(),
         __metadata("design:type", Object)
@@ -3567,8 +3624,8 @@ 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(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}"]
+            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 *ngIf=\"isWmsSeniorConnect()\" (click)=\"selection = [rowData]\">\n                            <span>{{rowData[\"key\"]}}</span>\n                        </td>\n                        <td *ngIf=\"isWmsSilt()\" (click)=\"selection = [rowData]\">\n                            <span>{{rowData[\"invoiceKey\"]}}</span>\n                        </td>\n                        <td *ngIf=\"isWmsWIS() || isWmsSilt()\" (click)=\"selection = [rowData]\">\n                            <span>{{rowData[\"invoiceNumber\"]}}</span>\n                        </td>\n                        <td *ngIf=\"isWmsWIS() || isWmsSilt()\" (click)=\"selection = [rowData]\">\n                            <span>{{rowData[\"invoiceSerialNumber\"]}}</span>\n                        </td>\n                        <td *ngIf=\"isWmsWIS() || isWmsSeniorConnect() || isWmsSilt()\" (click)=\"selection = [rowData]\">\n                            <span>{{rowData[\"partnerName\"]}}</span>\n                        </td>\n                        <td *ngIf=\"isWmsWIS() || isWmsSeniorConnect() || isWmsSilt()\" (click)=\"selection = [rowData]\">\n                            <span>{{rowData[\"partnerDocument\"]}}</span>\n                        </td>\n                        <td *ngIf=\"isWmsWIS() || isWmsSilt()\" (click)=\"selection = [rowData]\">\n                            <span>{{rowData[\"logistcUnitName\"]}}</span>\n                        </td>\n                        <td *ngIf=\"isWmsWIS() || isWmsSilt()\" (click)=\"selection = [rowData]\">\n                            <span>{{rowData[\"logistcUnitDocument\"]}}</span>\n                        </td>\n                        <td *ngIf=\"isWmsSilt()\" (click)=\"selection = [rowData]\">\n                            <span>{{rowData[\"ownerName\"]}}</span>\n                        </td>\n                        <td *ngIf=\"isWmsSilt()\" (click)=\"selection = [rowData]\">\n                            <span>{{rowData[\"ownerDocument\"]}}</span>\n                        </td>\n                        <td *ngIf=\"!isClienteExterno\" (click)=\"selection = [rowData]\">\n                            <p-dropdown\n                                inputId=\"invoiceCondition\"\n                                name=\"invoiceCondition\"\n                                [autoWidth]=\"false\"\n                                [options]=\"invoiceCondition\"\n                                appendTo=\"body\"\n                                [(ngModel)]=\"rowData.invoiceCondition\"\n                                (onChange)=\"disabled = false\">\n                            </p-dropdown>\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            [isClienteExterno]=\"isClienteExterno\">\n        </register-document>    \n        <insert-key\n            [wmsSystem]=\"wmsSystem\" \n            (document)=\"onChangeDocument($event)\"\n            [(visible)]=\"visibleInvoiceKey\">\n        </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\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        </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}.invoice-condition .p-dropdown{position:relative;z-index:1000}"]
         }),
         __metadata("design:paramtypes", [TranslateService,
             DocumentService,
@@ -3602,6 +3659,7 @@ var Document = /** @class */ (function () {
             "ownerDocument",
             "partnerName",
             "partnerDocument",
+            "invoiceCondition",
             "notes",
             "code",
             "createdBy",
@@ -3622,13 +3680,20 @@ var Document = /** @class */ (function () {
 }());
 
 var RegisterDocumentComponent = /** @class */ (function () {
-    function RegisterDocumentComponent(fb, utils) {
+    function RegisterDocumentComponent(fb, translate) {
         this.fb = fb;
-        this.utils = utils;
+        this.translate = translate;
         this.document = new EventEmitter();
         this.visible = new EventEmitter();
         this.visibleChange = new EventEmitter();
         this.isSaveFormValid = false;
+        this.invoiceCondition = [
+            { label: this.translate.instant("yms.int.wms_grid_document_invoice_no_way"), value: null },
+            { label: this.translate.instant("yms.int.wms_grid_document_invoice_condition_authorized"), value: InvoiceCondition.AUTHORIZED },
+            { label: this.translate.instant("yms.int.wms_grid_document_invoice_condition_manual_authorized"), value: InvoiceCondition.MANUAL_AUTHORIZED },
+            { label: this.translate.instant("yms.int.wms_grid_document_invoice_condition_partial_authorized"), value: InvoiceCondition.PARTIAL_AUTHORIZED },
+            { label: this.translate.instant("yms.int.wms_grid_document_invoice_condition_devolucion"), value: InvoiceCondition.DEVOLUTION },
+        ];
     }
     RegisterDocumentComponent.prototype.ngOnInit = function () {
         this.getFormGroup();
@@ -3666,6 +3731,7 @@ var RegisterDocumentComponent = /** @class */ (function () {
         this.formGroup.get('partnerDocument').setValue(document.partnerDocument);
         this.formGroup.get('ownerDocument').setValue(document.ownerDocument);
         this.formGroup.get('ownerName').setValue(document.ownerName);
+        this.formGroup.get('invoiceCondition').setValue(document.invoiceCondition);
     };
     RegisterDocumentComponent.prototype.getFormGroup = function () {
         this.formGroup = this.fb.group({
@@ -3682,6 +3748,7 @@ var RegisterDocumentComponent = /** @class */ (function () {
             partnerDocument: [undefined],
             notes: [undefined],
             code: [undefined],
+            invoiceCondition: [undefined],
         });
     };
     RegisterDocumentComponent.prototype.save = function () {
@@ -3713,6 +3780,10 @@ var RegisterDocumentComponent = /** @class */ (function () {
         Input(),
         __metadata("design:type", Agenda)
     ], RegisterDocumentComponent.prototype, "agenda", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Boolean)
+    ], RegisterDocumentComponent.prototype, "isClienteExterno", void 0);
     __decorate([
         Output(),
         __metadata("design:type", EventEmitter)
@@ -3732,10 +3803,9 @@ var RegisterDocumentComponent = /** @class */ (function () {
     RegisterDocumentComponent = __decorate([
         Component({
             selector: "register-document",
-            template: "<s-sidebar\n    [visible]=\"visible\"\n    header=\"{{ 'yms.int.wms_register_document_add_document' | translate }} {{ wmsSystem }}\"\n    (visibleChange)=\"close()\"\n    (onclose)=\"close()\">\n    <form [formGroup]=\"formGroup\">\n        <div class=\"ui-g ui-fluid\">\n            <div class=\"ui-g-6\" *ngIf=\"isWmsSeniorConnect()\">\n                <label for=\"key\">{{'yms.int.wms_purchaseOrder' | translate}}</label>\n                <input id=\"key\" pInputText type=\"text\" formControlName=\"key\">\n            </div>\n            <div class=\"ui-g-6\" *ngIf=\"!isWmsSeniorConnect() && !isWmsWis()\">\n                <label for=\"invoiceKey\">{{'yms.int.wms_register_document_invoice_key' | translate}}</label>\n                <input id=\"invoiceKey\" pInputText type=\"text\" formControlName=\"invoiceKey\">\n            </div>\n            <div class=\"ui-g-6\" *ngIf=\"!isWmsSeniorConnect()\">\n                <label for=\"invoiceNumber\">{{'yms.int.wms_register_document_invoice_number' | translate}}</label>\n                <input id=\"invoiceNumber\" pInputText type=\"text\" formControlName=\"invoiceNumber\">\n            </div>\n            <div class=\"ui-g-6\" *ngIf=\"!isWmsSeniorConnect()\">\n                <label for=\"invoiceSerialNumber\">\n                    {{'yms.int.wms_register_document_invoice_serial_number' | translate}}\n                </label>\n                <input id=\"invoiceSerialNumber\" pInputText type=\"text\" formControlName=\"invoiceSerialNumber\">\n            </div>\n            <div class=\"ui-g-8\">\n                <label for=\"logistcUnitName\">{{'yms.int.wms_register_document_logistc_unit_name' | translate}}</label>\n                <input id=\"logistcUnitName\" pInputText type=\"text\" formControlName=\"logistcUnitName\">\n            </div>\n            <div class=\"ui-g-4\">\n                <label for=\"logistcUnitDocument\">\n                    {{'yms.int.wms_register_document_logistc_unit_document' | translate}}\n                </label>\n                <input id=\"logistcUnitDocument\" pInputText type=\"text\" formControlName=\"logistcUnitDocument\">\n            </div>\n            <div class=\"ui-g-8\" *ngIf=\"!isWmsSeniorConnect() && !isWmsWis()\">\n                <label for=\"documentOwnerName\">{{'yms.int.wms_register_document_owner_name' | translate}}</label>\n                <input id=\"documentOwnerName\" pInputText type=\"text\" formControlName=\"ownerName\">\n            </div>\n            <div class=\"ui-g-4\" *ngIf=\"!isWmsSeniorConnect() && !isWmsWis()\">\n                <label for=\"ownerDocument\">{{'yms.int.wms_register_document_owner_document' | translate}}</label>\n                <input id=\"ownerDocument\" pInputText type=\"text\" formControlName=\"ownerDocument\">\n            </div>\n            <div class=\"ui-g-8\">\n                <label for=\"partnerName\">{{'yms.int.wms_register_document_partner_name' | translate}}</label>\n                <input id=\"partnerName\" pInputText type=\"text\" formControlName=\"partnerName\">\n            </div>\n            <div class=\"ui-g-4\">\n                <label for=\"partnerDocument\">{{'yms.int.wms_register_document_partner_document' | translate}}</label>\n                <input id=\"partnerDocument\" pInputText type=\"text\" formControlName=\"partnerDocument\">\n            </div>\n            <div class=\"ui-g-12\">\n                <label for=\"notes\" id=\"notes\">{{'yms.int.wms_register_document_notes' | translate}}</label>\n                <textarea id=\"notes\" rows=\"4\" pInputTextarea autoResize=\"autoResize\" formControlName=\"notes\"></textarea>\n            </div>\n            <div class=\"ui-g-4\">\n                <label for=\"code\">\n                    {{'yms.int.wms_register_document_order_receiving_code' | translate}}\n                </label>\n                <input id=\"code\" pInputText type=\"text\" formControlName=\"code\">\n            </div>\n        </div>\n    </form>\n    <div class=\"space-between\">\n        <button\n            pButton label=\"{{'save' | translate}}\"\n            (click)=\"save()\"\n            [attr.data-hidden]=\"hideSaveButton\"\n            [disabled]=\"!isSaveFormValid\">\n        </button>\n        <button\n            type=\"button\" class=\"ui-button-link\" pButton label=\"{{'cancel' | translate}}\" (click)=\"close()\">\n        </button>\n    </div>\n</s-sidebar>"
+            template: "<s-sidebar\n    [visible]=\"visible\"\n    header=\"{{ 'yms.int.wms_register_document_add_document' | translate }} {{ wmsSystem }}\"\n    (visibleChange)=\"close()\"\n    (onclose)=\"close()\">\n    <form [formGroup]=\"formGroup\">\n        <div class=\"ui-g ui-fluid\">\n            <div class=\"ui-g-6\" *ngIf=\"isWmsSeniorConnect()\">\n                <label for=\"key\">{{'yms.int.wms_purchaseOrder' | translate}}</label>\n                <input id=\"key\" pInputText type=\"text\" formControlName=\"key\">\n            </div>\n            <div class=\"ui-g-6\" *ngIf=\"!isWmsSeniorConnect() && !isWmsWis()\">\n                <label for=\"invoiceKey\">{{'yms.int.wms_register_document_invoice_key' | translate}}</label>\n                <input id=\"invoiceKey\" pInputText type=\"text\" formControlName=\"invoiceKey\">\n            </div>\n            <div class=\"ui-g-6\" *ngIf=\"!isWmsSeniorConnect()\">\n                <label for=\"invoiceNumber\">{{'yms.int.wms_register_document_invoice_number' | translate}}</label>\n                <input id=\"invoiceNumber\" pInputText type=\"text\" formControlName=\"invoiceNumber\">\n            </div>\n            <div class=\"ui-g-6\" *ngIf=\"!isWmsSeniorConnect()\">\n                <label for=\"invoiceSerialNumber\">\n                    {{'yms.int.wms_register_document_invoice_serial_number' | translate}}\n                </label>\n                <input id=\"invoiceSerialNumber\" pInputText type=\"text\" formControlName=\"invoiceSerialNumber\">\n            </div>\n            <div class=\"ui-g-8\">\n                <label for=\"logistcUnitName\">{{'yms.int.wms_register_document_logistc_unit_name' | translate}}</label>\n                <input id=\"logistcUnitName\" pInputText type=\"text\" formControlName=\"logistcUnitName\">\n            </div>\n            <div class=\"ui-g-4\">\n                <label for=\"logistcUnitDocument\">\n                    {{'yms.int.wms_register_document_logistc_unit_document' | translate}}\n                </label>\n                <input id=\"logistcUnitDocument\" pInputText type=\"text\" formControlName=\"logistcUnitDocument\">\n            </div>\n            <div class=\"ui-g-8\" *ngIf=\"!isWmsSeniorConnect() && !isWmsWis()\">\n                <label for=\"documentOwnerName\">{{'yms.int.wms_register_document_owner_name' | translate}}</label>\n                <input id=\"documentOwnerName\" pInputText type=\"text\" formControlName=\"ownerName\">\n            </div>\n            <div class=\"ui-g-4\" *ngIf=\"!isWmsSeniorConnect() && !isWmsWis()\">\n                <label for=\"ownerDocument\">{{'yms.int.wms_register_document_owner_document' | translate}}</label>\n                <input id=\"ownerDocument\" pInputText type=\"text\" formControlName=\"ownerDocument\">\n            </div>\n            <div class=\"ui-g-8\">\n                <label for=\"partnerName\">{{'yms.int.wms_register_document_partner_name' | translate}}</label>\n                <input id=\"partnerName\" pInputText type=\"text\" formControlName=\"partnerName\">\n            </div>\n            <div class=\"ui-g-4\">\n                <label for=\"partnerDocument\">{{'yms.int.wms_register_document_partner_document' | translate}}</label>\n                <input id=\"partnerDocument\" pInputText type=\"text\" formControlName=\"partnerDocument\">\n            </div>\n            <div class=\"ui-g-12\">\n                <label for=\"notes\" id=\"notes\">{{'yms.int.wms_register_document_notes' | translate}}</label>\n                <textarea id=\"notes\" rows=\"4\" pInputTextarea autoResize=\"autoResize\" formControlName=\"notes\"></textarea>\n            </div>\n            <div class=\"ui-g-4\">\n                <label for=\"code\">\n                    {{'yms.int.wms_register_document_order_receiving_code' | translate}}\n                </label>\n                <input id=\"code\" pInputText type=\"text\" formControlName=\"code\">\n            </div>\n            <div class=\"ui-g-4\" *ngIf=\"!isClienteExterno\">\n                <label for=\"invoiceCondition\" id=\"invoiceCondition\">\n                    {{'yms.int.wms_grid_document_invoice_condition' | translate}}\n                </label>\n                <p-dropdown\n                    inputId=\"invoiceCondition\"\n                    name=\"invoiceCondition\"\n                    [autoWidth]=\"false\"\n                    [options]=\"invoiceCondition\"\n                    formControlName=\"invoiceCondition\"\n                ></p-dropdown>\n            </div>\n        </div>\n    </form>\n    <div class=\"space-between\">\n        <button\n            pButton label=\"{{'save' | translate}}\"\n            (click)=\"save()\"\n            [attr.data-hidden]=\"hideSaveButton\"\n            [disabled]=\"!isSaveFormValid\">\n        </button>\n        <button\n            type=\"button\" class=\"ui-button-link\" pButton label=\"{{'cancel' | translate}}\" (click)=\"close()\">\n        </button>\n    </div>\n</s-sidebar>"
         }),
-        __metadata("design:paramtypes", [FormBuilder,
-            UtilsMessageService])
+        __metadata("design:paramtypes", [FormBuilder, TranslateService])
     ], RegisterDocumentComponent);
     return RegisterDocumentComponent;
 }());
@@ -3755,7 +3825,8 @@ var RegisterDocumentModule = /** @class */ (function () {
                 InputTextModule$1,
                 ControlErrorsModule,
                 InputTextareaModule,
-                ReactiveFormsModule
+                ReactiveFormsModule,
+                DropdownModule,
             ],
             exports: [RegisterDocumentComponent],
             declarations: [RegisterDocumentComponent],
@@ -3776,6 +3847,7 @@ var InsertKeyComponent = /** @class */ (function () {
         this.isLoading = false;
     }
     InsertKeyComponent.prototype.ngOnInit = function () {
+        var _this = this;
         this.formGroup = this.formBuilder.group({
             key: [undefined],
             purchaseOrder: [undefined],
@@ -3783,6 +3855,9 @@ var InsertKeyComponent = /** @class */ (function () {
             invoiceSerie: [undefined],
             partnerDocument: [undefined]
         });
+        this.formGroup.get('key').valueChanges.subscribe(function (nf) {
+            _this.validateKeyDetails(nf);
+        });
     };
     InsertKeyComponent.prototype.isWmsWis = function () {
         return this.wmsSystem === WmsSystem.WIS;
@@ -3828,6 +3903,38 @@ var InsertKeyComponent = /** @class */ (function () {
             _this.formGroup.reset();
         });
     };
+    InsertKeyComponent.prototype.validateKeyDetails = function (nf) {
+        if (!nf) {
+            this.keyErrorMessage = null;
+            this.setValuesOfKey(undefined, undefined, undefined);
+            return;
+        }
+        var nfLength = 44;
+        if (nf.length === nfLength) {
+            this.keyErrorMessage = null;
+            this.extractKeyDetails(nf);
+        }
+        else {
+            this.keyErrorMessage = "yms.int.wms_error_key_message";
+        }
+    };
+    InsertKeyComponent.prototype.extractKeyDetails = function (nf) {
+        var startCnpj = 6;
+        var endCnpj = 20;
+        var cnpj = nf.substring(startCnpj, endCnpj);
+        var startSerie = 22;
+        var endSerie = 25;
+        var serie = nf.substring(startSerie, endSerie);
+        var startInvoice = 25;
+        var endInvoice = 34;
+        var invoice = nf.substring(startInvoice, endInvoice);
+        this.setValuesOfKey(invoice, serie, cnpj);
+    };
+    InsertKeyComponent.prototype.setValuesOfKey = function (invoiceNumber, invoiceSerie, partnerDocument) {
+        this.formGroup.get('invoiceNumber').setValue(invoiceNumber);
+        this.formGroup.get('invoiceSerie').setValue(invoiceSerie);
+        this.formGroup.get('partnerDocument').setValue(partnerDocument);
+    };
     InsertKeyComponent.prototype.cancel = function () {
         this.visibleChange.emit(false);
     };
@@ -3853,8 +3960,8 @@ var InsertKeyComponent = /** @class */ (function () {
     InsertKeyComponent = __decorate([
         Component({
             selector: "insert-key",
-            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}"]
+            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()\">\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                <span class=\"error-message\">{{keyErrorMessage | translate}}</span>\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}.error-message{color:#c13018;display:flex}"]
         }),
         __metadata("design:paramtypes", [FormBuilder,
             DocumentService,
@@ -3902,7 +4009,9 @@ var DocumentGridModule = /** @class */ (function () {
                 InsertKeyModule,
                 ButtonModule$1,
                 ComponentsModule,
-                EmptyStateModule
+                EmptyStateModule,
+                DropdownModule,
+                FormsModule
             ],
         })
     ], DocumentGridModule);