@seniorsistemas/yms-integration 1.32.0 → 1.33.0

package/fesm2015/seniorsistemas-yms-integration.js

@@ -3066,6 +3066,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 = {}));
+
 let DocumentGridComponent = class DocumentGridComponent {
     constructor(translate, documentService, confirmationService, integrationService, agendaService, utils) {
         this.translate = translate;
@@ -3077,7 +3085,15 @@ let DocumentGridComponent = class DocumentGridComponent {
         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 = [];
     }
     ngOnInit() {
@@ -3085,13 +3101,11 @@ let DocumentGridComponent = class DocumentGridComponent {
         this.getProcessTypeByScheduling();
         this.listDocuments(false);
     }
-    ngAfterContentChecked() {
-        this.gridColumns = this.getGridColumns();
-    }
     verifyClienteExterno() {
         this.agendaService.isClienteExterno()
             .subscribe((result) => {
             this.isClienteExterno = result.isClienteExterno;
+            this.gridColumns = this.getGridColumns();
             this.cantEditStatus();
         });
     }
@@ -3112,7 +3126,7 @@ let DocumentGridComponent = class DocumentGridComponent {
         }
         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;
     }
@@ -3190,11 +3204,17 @@ let DocumentGridComponent = class DocumentGridComponent {
                     }
                     data.key = this.updateKeyByWms(data);
                     this.documentService.insert(data).subscribe(() => {
-                        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(() => {
+                        this.sucessMessage();
+                        this.disabled = true;
+                    });
+                }
             });
         }
     }
@@ -3254,21 +3274,49 @@ let DocumentGridComponent = class DocumentGridComponent {
         });
     }
     getGridColumns() {
-        if (this.isWmsSeniorConnect()) {
-            return [
-                { field: "key", header: this.translate.instant("yms.int.wms_purchaseOrder") },
-                ...this.getColumnPartner()
-            ];
-        }
-        if (this.isWmsWIS()) {
-            return this.getColumnInvoiceAndlogistcUnit();
-        }
-        return [
+        let 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;
+    }
+    wmsSeniorConnectIntegration() {
+        const columns = [
+            { field: "key", header: this.translate.instant("yms.int.wms_purchaseOrder") },
+            ...this.getColumnPartner(),
+        ];
+        this.addInvoiceSituationIfNotClienteExterno(columns);
+        return columns;
+    }
+    wmsWisIntegration() {
+        const columns = [
+            ...this.getColumnInvoiceAndlogistcUnit(),
+        ];
+        this.addInvoiceSituationIfNotClienteExterno(columns);
+        return columns;
+    }
+    wmsSiltIntegration() {
+        const columns = [
             { 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;
+    }
+    getColumninvoiceCondition() {
+        return { field: "invoiceCondition", header: this.translate.instant("yms.int.wms_grid_document_invoice_condition") };
     }
     getColumnInvoiceAndlogistcUnit() {
         return [
@@ -3285,12 +3333,23 @@ let DocumentGridComponent = class DocumentGridComponent {
             { field: "partnerDocument", header: this.translate.instant("yms.int.wms_register_document_partner_document") },
         ];
     }
+    addInvoiceSituationIfNotClienteExterno(columns) {
+        if (!this.isClienteExterno) {
+            columns.push(this.getColumninvoiceCondition());
+        }
+    }
     isWmsSeniorConnect() {
         return this.wmsSystem === WmsSystem.SENIOR_CONNECT;
     }
     isWmsWIS() {
         return this.wmsSystem === WmsSystem.WIS;
     }
+    isWmsSilt() {
+        return this.wmsSystem === WmsSystem.SENIOR;
+    }
+    sucessMessage() {
+        return this.utils.message("success", this.summary, "saved_message_content");
+    }
 };
 __decorate([
     Input(),
@@ -3339,8 +3398,8 @@ __decorate([
 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,
@@ -3370,6 +3429,7 @@ class Document {
             "ownerDocument",
             "partnerName",
             "partnerDocument",
+            "invoiceCondition",
             "notes",
             "code",
             "createdBy",
@@ -3389,13 +3449,20 @@ class Document {
 }
 
 let RegisterDocumentComponent = class RegisterDocumentComponent {
-    constructor(fb, utils) {
+    constructor(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 },
+        ];
     }
     ngOnInit() {
         this.getFormGroup();
@@ -3433,6 +3500,7 @@ let RegisterDocumentComponent = class RegisterDocumentComponent {
         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);
     }
     getFormGroup() {
         this.formGroup = this.fb.group({
@@ -3449,6 +3517,7 @@ let RegisterDocumentComponent = class RegisterDocumentComponent {
             partnerDocument: [undefined],
             notes: [undefined],
             code: [undefined],
+            invoiceCondition: [undefined],
         });
     }
     save() {
@@ -3480,6 +3549,10 @@ __decorate([
     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)
@@ -3499,10 +3572,9 @@ __decorate([
 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);
 
 let RegisterDocumentModule = class RegisterDocumentModule {
@@ -3519,7 +3591,8 @@ RegisterDocumentModule = __decorate([
             InputTextModule$1,
             ControlErrorsModule,
             InputTextareaModule,
-            ReactiveFormsModule
+            ReactiveFormsModule,
+            DropdownModule,
         ],
         exports: [RegisterDocumentComponent],
         declarations: [RegisterDocumentComponent],
@@ -3545,6 +3618,9 @@ let InsertKeyComponent = class InsertKeyComponent {
             invoiceSerie: [undefined],
             partnerDocument: [undefined]
         });
+        this.formGroup.get('key').valueChanges.subscribe((nf) => {
+            this.validateKeyDetails(nf);
+        });
     }
     isWmsWis() {
         return this.wmsSystem === WmsSystem.WIS;
@@ -3589,6 +3665,38 @@ let InsertKeyComponent = class InsertKeyComponent {
             this.formGroup.reset();
         });
     }
+    validateKeyDetails(nf) {
+        if (!nf) {
+            this.keyErrorMessage = null;
+            this.setValuesOfKey(undefined, undefined, undefined);
+            return;
+        }
+        const nfLength = 44;
+        if (nf.length === nfLength) {
+            this.keyErrorMessage = null;
+            this.extractKeyDetails(nf);
+        }
+        else {
+            this.keyErrorMessage = "yms.int.wms_error_key_message";
+        }
+    }
+    extractKeyDetails(nf) {
+        const startCnpj = 6;
+        const endCnpj = 20;
+        const cnpj = nf.substring(startCnpj, endCnpj);
+        const startSerie = 22;
+        const endSerie = 25;
+        const serie = nf.substring(startSerie, endSerie);
+        const startInvoice = 25;
+        const endInvoice = 34;
+        const invoice = nf.substring(startInvoice, endInvoice);
+        this.setValuesOfKey(invoice, serie, cnpj);
+    }
+    setValuesOfKey(invoiceNumber, invoiceSerie, partnerDocument) {
+        this.formGroup.get('invoiceNumber').setValue(invoiceNumber);
+        this.formGroup.get('invoiceSerie').setValue(invoiceSerie);
+        this.formGroup.get('partnerDocument').setValue(partnerDocument);
+    }
     cancel() {
         this.visibleChange.emit(false);
     }
@@ -3615,8 +3723,8 @@ __decorate([
 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,
@@ -3658,7 +3766,9 @@ DocumentGridModule = __decorate([
             InsertKeyModule,
             ButtonModule$1,
             ComponentsModule,
-            EmptyStateModule
+            EmptyStateModule,
+            DropdownModule,
+            FormsModule
         ],
     })
 ], DocumentGridModule);