@seniorsistemas/yms-integration 1.48.0 → 1.49.0

package/fesm2015/seniorsistemas-yms-integration.js

@@ -1,5 +1,5 @@
 import { Subject, throwError, BehaviorSubject, empty, ReplaySubject, NEVER, forkJoin, Observable, of } from 'rxjs';
-import { takeUntil, catchError, finalize, map, filter, mergeMap, tap, concatMap, switchMap, debounceTime } from 'rxjs/operators';
+import { takeUntil, catchError, finalize, map, filter, mergeMap, tap, debounceTime, concatMap, switchMap } from 'rxjs/operators';
 import { __decorate, __metadata, __param } from 'tslib';
 import { CommonModule } from '@angular/common';
 import { Injectable, Input, Component, NgModule, Output, defineInjectable, inject, EventEmitter, ViewChild, TemplateRef, Pipe, InjectionToken, Inject, HostListener, Directive, ElementRef } from '@angular/core';
@@ -3810,6 +3810,7 @@ let DocumentGridFacade = class DocumentGridFacade {
         this.dadosColetaService = dadosColetaService;
         this.ngUnsubscribe = new Subject();
         this.summary = "yms.int.wms_saved_document_message_title";
+        this.searchSubject = new Subject();
         this.currentStrategy = null;
         // State subjects
         this.stateSubject = new BehaviorSubject({
@@ -3817,6 +3818,8 @@ let DocumentGridFacade = class DocumentGridFacade {
             selection: [],
             gridColumns: [],
             documentTotalRecords: 0,
+            searchTerm: "",
+            searchLoading: false,
             loading: false,
             disabled: true,
             showInvoiceSearchModal: false,
@@ -3838,6 +3841,11 @@ let DocumentGridFacade = class DocumentGridFacade {
     init(agenda, wmsSystem) {
         this.agenda = agenda;
         this.updateState({ wmsSystem });
+        this.searchSubject
+            .pipe(debounceTime(500), takeUntil(this.ngUnsubscribe))
+            .subscribe(() => {
+            this.listDocuments(false);
+        });
         this.verifyClienteExterno();
         this.getProcessTypeByScheduling();
         this.listDocuments(false);
@@ -4052,10 +4060,16 @@ let DocumentGridFacade = class DocumentGridFacade {
     notSavedDocuments() {
         return this.state.gridData.some((document) => !document.id);
     }
+    onSearchTermChange(searchTerm) {
+        this.updateState({ searchTerm, searchLoading: true });
+        this.searchSubject.next(searchTerm);
+    }
     listDocuments(isDelete) {
+        const filterQuery = this.buildFilterQuery(this.state.searchTerm);
+        this.updateState({ searchLoading: true });
         this.documentService
             .list({
-            filterQuery: `schedulingId eq '${this.agenda.id}'`,
+            filterQuery,
             size: 100,
         })
             .subscribe((contents) => {
@@ -4076,6 +4090,7 @@ let DocumentGridFacade = class DocumentGridFacade {
                         gridData: documentsWithColeta,
                         disabled: !hasElementWithoutId,
                         loading: false,
+                        searchLoading: false,
                         selection: [],
                         documentTotalRecords,
                     });
@@ -4086,12 +4101,22 @@ let DocumentGridFacade = class DocumentGridFacade {
                     gridData: newGridData,
                     disabled: !hasElementWithoutId,
                     loading: false,
+                    searchLoading: false,
                     selection: [],
                     documentTotalRecords,
                 });
             }
         });
     }
+    buildFilterQuery(searchTerm) {
+        const schedulingFilter = `schedulingId eq '${this.agenda.id}'`;
+        const term = (searchTerm || "").trim();
+        if (!term) {
+            return schedulingFilter;
+        }
+        const escapedTerm = term.replace(/'/g, "''");
+        return `${schedulingFilter} and (containing(key,'${escapedTerm}') or containing(invoiceNumber,'${escapedTerm}') or containing(partnerDocument,'${escapedTerm}'))`;
+    }
     fetchNumeroColetaForDocuments(documents) {
         // Busca o número da coleta para a agenda
         return new Observable((observer) => {
@@ -4282,6 +4307,9 @@ let DocumentGridComponent = class DocumentGridComponent {
     onSearch() {
         this.facade.openInvoiceKeyModal();
     }
+    onSearchTermChange(searchTerm) {
+        this.facade.onSearchTermChange(searchTerm);
+    }
 };
 __decorate([
     Input(),
@@ -4330,8 +4358,8 @@ __decorate([
 DocumentGridComponent = __decorate([
     Component({
         selector: "document-grid",
-        template: "<ng-container *ngIf=\"state$ | async as state\">\n  <div\n    *ngIf=\"state.processType === 'RECEBIMENTO_WMS' || state.processType === 'EXPEDICAO_WMS'; else processNotConfigured\"\n  >\n    <p-panel>\n      <p-header>\n        <div class=\"buttons\">\n          <div>\n            <s-button\n              *ngIf=\"!isExpedicaoWms(state.processType)\"\n              label=\"{{ 'yms.int.wms_add_document' | translate }}\"\n              priority=\"primary\"\n              [model]=\"getActions()\"\n              [auxiliary]=\"false\"\n              [disabled]=\"!state.enableButtonIsClienteExterno\"\n            >\n            </s-button>\n            <s-button\n              *ngIf=\"isExpedicaoWms(state.processType)\"\n              label=\"{{ 'yms.int.wms_search' | translate }}\"\n              priority=\"primary\"\n              iconClass=\"fa fa-search\"\n              [auxiliary]=\"false\"\n              [disabled]=\"!state.enableButtonIsClienteExterno\"\n              (onClick)=\"onSearch()\"\n            >\n            </s-button>\n            <s-button\n              label=\"{{ 'yms.wms_view_button' | translate }}\"\n              priority=\"secondary\"\n              [auxiliary]=\"false\"\n              [disabled]=\"!state.selection || state.selection.length !== 1\"\n              (onClick)=\"onView()\"\n            >\n            </s-button>\n            <s-button\n              *ngIf=\"!isExpedicaoWms(state.processType)\"\n              label=\"{{ 'yms.wms_delete_button' | translate }}\"\n              priority=\"secondary\"\n              [disabled]=\"\n                !state.selection ||\n                !state.selection.length ||\n                !state.enableButtonIsClienteExterno\n              \"\n              (onClick)=\"onDelete()\"\n            >\n            </s-button>\n          </div>\n          <s-button\n            id=\"refresh-button\"\n            priority=\"default\"\n            iconClass=\"fa fa-refresh\"\n            (onClick)=\"onRefresh()\"\n            [disabled]=\"notSavedDocuments()\"\n          >\n          </s-button>\n        </div>\n      </p-header>\n      <div class=\"ui-g\">\n        <div\n          class=\"ui-g-12\"\n          *ngIf=\"state.gridData && state.gridData.length; else emptyList\"\n        >\n          <p-table\n            #documentTable\n            [value]=\"state.gridData\"\n            [columns]=\"state.gridColumns\"\n            dataKey=\"key\"\n            [scrollable]=\"true\"\n            [resizableColumns]=\"true\"\n            [autoLayout]=\"true\"\n            [paginator]=\"true\"\n            [totalRecords]=\"state.documentTotalRecords\"\n            rows=\"10\"\n            [rowsPerPageOptions]=\"[10, 20, 50, 100]\"\n            [(selection)]=\"state.selection\"\n            [loading]=\"state.loading\"\n          >\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\" pResizableColumn>\n                  <div class=\"senior-header\">\n                    <span class=\"senior-header-title\">{{ col.header }}</span>\n                  </div>\n                </th>\n              </tr>\n            </ng-template>\n            <ng-template\n              pTemplate=\"body\"\n              let-rowData\n              let-columns\n              let-expanded=\"expanded\"\n            >\n              <tr [pSelectableRow]=\"rowData\">\n                <td class=\"table-checkbox\">\n                  <p-tableCheckbox [value]=\"rowData\"></p-tableCheckbox>\n                </td>\n                <td\n                  *ngFor=\"let col of state.gridColumns\"\n                  (click)=\"onRowSelect(rowData)\"\n                  (keypress)=\"onRowSelect(rowData)\"\n                  [title]=\"rowData[col.field]\"\n                >\n                  <span *ngIf=\"!col.type || col.type === 'text'\">\n                    {{ rowData[col.field] }}\n                  </span>\n\n                  <span\n                    *ngIf=\"\n                      col.type === 'formatted' && col.pipe === 'cpfCnpjFormat'\n                    \"\n                  >\n                    {{ rowData[col.field] | cpfCnpjFormat }}\n                  </span>\n\n                  <p-dropdown\n                    *ngIf=\"\n                      col.type === 'dropdown' &&\n                      col.field === 'invoiceCondition' &&\n                      !isExpedicaoWms(state.processType)\n                    \"\n                    inputId=\"invoiceCondition\"\n                    name=\"invoiceCondition\"\n                    [autoWidth]=\"false\"\n                    [options]=\"\n                      getFilteredInvoiceConditions(rowData?.invoiceCondition)\n                    \"\n                    appendTo=\"body\"\n                    [(ngModel)]=\"rowData.invoiceCondition\"\n                    (onChange)=\"onInvoiceConditionChange()\"\n                  >\n                  </p-dropdown>\n                </td>\n              </tr>\n            </ng-template>\n            <ng-template pTemplate=\"paginatorright\">\n              <span\n                [translate]=\"'yms.main.total_records'\"\n                [translateParams]=\"{ value: state.documentTotalRecords }\"\n              >\n              </span>\n            </ng-template>\n          </p-table>\n        </div>\n      </div>\n      <register-document\n        [wmsSystem]=\"state.wmsSystem\"\n        [processType]=\"state.processType\"\n        [edit]=\"state.edit\"\n        [viewDocument]=\"state.selection\"\n        [(visible)]=\"state.showAddInvoiceModal\"\n        [agenda]=\"agenda\"\n        [isClienteExterno]=\"state.isClienteExterno\"\n        (document)=\"onDocumentChange($event)\"\n      >\n      </register-document>\n      <insert-key\n        [wmsSystem]=\"state.wmsSystem\"\n        [agenda]=\"agenda\"\n        [(visible)]=\"state.showInvoiceSearchModal\"\n      >\n      </insert-key>\n    </p-panel>\n  </div>\n  <div class=\"button-save\">\n    <s-button\n      priority=\"primary\"\n      [label]=\"'save' | translate\"\n      [disabled]=\"\n        state.disabled || !state.gridData || !state.enableButtonIsClienteExterno\n      \"\n      (onClick)=\"onSave()\"\n    >\n    </s-button>\n  </div>\n</ng-container>\n\n<ng-template #emptyList>\n  <div class=\"center\">\n    <s-empty-state\n      iconClass=\"fa fa-exclamation-triangle\"\n      [title]=\"'detail_empty_state_title' | translate\"\n      [description]=\"'detail_empty_state_description' | translate\"\n    >\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]=\"\n        'yms.int.wms_there_no_process_type_configured_for_this_type_scheduling'\n          | translate\n      \"\n    >\n    </s-empty-state>\n  </div>\n</ng-template>\n",
-        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;min-width:50px;max-width:50px}.invoice-condition .p-dropdown{position:relative;z-index:1000}::ng-deep p-table .ui-table{table-layout:auto!important}::ng-deep p-table td:nth-child(1),::ng-deep p-table th:nth-child(1){min-width:50px;max-width:50px;width:50px}::ng-deep p-table td:nth-child(3),::ng-deep p-table td:nth-child(4),::ng-deep p-table td:nth-child(5),::ng-deep p-table th:nth-child(3),::ng-deep p-table th:nth-child(4),::ng-deep p-table th:nth-child(5){min-width:100px}::ng-deep p-table td:nth-child(7),::ng-deep p-table td:nth-child(9),::ng-deep p-table th:nth-child(7),::ng-deep p-table th:nth-child(9){min-width:140px}::ng-deep p-table td:nth-child(10),::ng-deep p-table td:nth-child(2),::ng-deep p-table td:nth-child(6),::ng-deep p-table td:nth-child(8),::ng-deep p-table th:nth-child(10),::ng-deep p-table th:nth-child(2),::ng-deep p-table th:nth-child(6),::ng-deep p-table th:nth-child(8){min-width:180px}::ng-deep p-table td span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::ng-deep p-table .ui-resizable-column{border-right:1px solid #c8c8c8}::ng-deep p-table .ui-column-resizer{display:block;position:absolute;top:0;right:0;margin:0;width:.5rem;height:100%;padding:0;cursor:col-resize;border:1px solid transparent}::ng-deep p-table .ui-column-resizer:hover{border-color:#007ad9}"]
+        template: "<ng-container *ngIf=\"state$ | async as state\">\n  <div\n    *ngIf=\"state.processType === 'RECEBIMENTO_WMS' || state.processType === 'EXPEDICAO_WMS'; else processNotConfigured\"\n  >\n    <p-panel>\n      <p-header>\n        <div class=\"buttons\">\n          <div>\n            <s-button\n              *ngIf=\"!isExpedicaoWms(state.processType)\"\n              label=\"{{ 'yms.int.wms_add_document' | translate }}\"\n              priority=\"primary\"\n              [model]=\"getActions()\"\n              [auxiliary]=\"false\"\n              [disabled]=\"!state.enableButtonIsClienteExterno\"\n            >\n            </s-button>\n            <s-button\n              *ngIf=\"isExpedicaoWms(state.processType)\"\n              label=\"{{ 'yms.int.wms_search' | translate }}\"\n              priority=\"primary\"\n              iconClass=\"fa fa-search\"\n              [auxiliary]=\"false\"\n              [disabled]=\"!state.enableButtonIsClienteExterno\"\n              (onClick)=\"onSearch()\"\n            >\n            </s-button>\n            <s-button\n              label=\"{{ 'yms.wms_view_button' | translate }}\"\n              priority=\"secondary\"\n              [auxiliary]=\"false\"\n              [disabled]=\"!state.selection || state.selection.length !== 1\"\n              (onClick)=\"onView()\"\n            >\n            </s-button>\n            <s-button\n              *ngIf=\"!isExpedicaoWms(state.processType)\"\n              label=\"{{ 'yms.wms_delete_button' | translate }}\"\n              priority=\"secondary\"\n              [disabled]=\"\n                !state.selection ||\n                !state.selection.length ||\n                !state.enableButtonIsClienteExterno\n              \"\n              (onClick)=\"onDelete()\"\n            >\n            </s-button>\n          </div>\n          <div class=\"document-search\">\n            <input\n              pInputText\n              type=\"text\"\n              [ngModel]=\"state.searchTerm\"\n              (ngModelChange)=\"onSearchTermChange($event)\"\n              [placeholder]=\"'yms.int.wms_search' | translate\"\n            />\n            <i *ngIf=\"state.searchLoading\" class=\"fa fa-circle-notch fa-spin document-search-spinner\"></i>\n          </div>\n          <s-button\n            id=\"refresh-button\"\n            priority=\"default\"\n            iconClass=\"fa fa-refresh\"\n            (onClick)=\"onRefresh()\"\n            [disabled]=\"notSavedDocuments()\"\n          >\n          </s-button>\n        </div>\n      </p-header>\n      <div class=\"ui-g\">\n        <div\n          class=\"ui-g-12\"\n          *ngIf=\"state.gridData && state.gridData.length; else emptyList\"\n        >\n          <p-table\n            #documentTable\n            [value]=\"state.gridData\"\n            [columns]=\"state.gridColumns\"\n            dataKey=\"key\"\n            [scrollable]=\"true\"\n            [resizableColumns]=\"true\"\n            [autoLayout]=\"true\"\n            [paginator]=\"true\"\n            [totalRecords]=\"state.documentTotalRecords\"\n            rows=\"10\"\n            [rowsPerPageOptions]=\"[10, 20, 50, 100]\"\n            [(selection)]=\"state.selection\"\n            [loading]=\"state.loading\"\n          >\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\" pResizableColumn>\n                  <div class=\"senior-header\">\n                    <span class=\"senior-header-title\">{{ col.header }}</span>\n                  </div>\n                </th>\n              </tr>\n            </ng-template>\n            <ng-template\n              pTemplate=\"body\"\n              let-rowData\n              let-columns\n              let-expanded=\"expanded\"\n            >\n              <tr [pSelectableRow]=\"rowData\">\n                <td class=\"table-checkbox\">\n                  <p-tableCheckbox [value]=\"rowData\"></p-tableCheckbox>\n                </td>\n                <td\n                  *ngFor=\"let col of state.gridColumns\"\n                  (click)=\"onRowSelect(rowData)\"\n                  (keypress)=\"onRowSelect(rowData)\"\n                  [title]=\"rowData[col.field]\"\n                >\n                  <span *ngIf=\"!col.type || col.type === 'text'\">\n                    {{ rowData[col.field] }}\n                  </span>\n\n                  <span\n                    *ngIf=\"\n                      col.type === 'formatted' && col.pipe === 'cpfCnpjFormat'\n                    \"\n                  >\n                    {{ rowData[col.field] | cpfCnpjFormat }}\n                  </span>\n\n                  <p-dropdown\n                    *ngIf=\"\n                      col.type === 'dropdown' &&\n                      col.field === 'invoiceCondition' &&\n                      !isExpedicaoWms(state.processType)\n                    \"\n                    inputId=\"invoiceCondition\"\n                    name=\"invoiceCondition\"\n                    [autoWidth]=\"false\"\n                    [options]=\"\n                      getFilteredInvoiceConditions(rowData?.invoiceCondition)\n                    \"\n                    appendTo=\"body\"\n                    [(ngModel)]=\"rowData.invoiceCondition\"\n                    (onChange)=\"onInvoiceConditionChange()\"\n                  >\n                  </p-dropdown>\n                </td>\n              </tr>\n            </ng-template>\n            <ng-template pTemplate=\"paginatorright\">\n              <span\n                [translate]=\"'yms.main.total_records'\"\n                [translateParams]=\"{ value: state.documentTotalRecords }\"\n              >\n              </span>\n            </ng-template>\n          </p-table>\n        </div>\n      </div>\n      <register-document\n        [wmsSystem]=\"state.wmsSystem\"\n        [processType]=\"state.processType\"\n        [edit]=\"state.edit\"\n        [viewDocument]=\"state.selection\"\n        [(visible)]=\"state.showAddInvoiceModal\"\n        [agenda]=\"agenda\"\n        [isClienteExterno]=\"state.isClienteExterno\"\n        (document)=\"onDocumentChange($event)\"\n      >\n      </register-document>\n      <insert-key\n        [wmsSystem]=\"state.wmsSystem\"\n        [agenda]=\"agenda\"\n        [(visible)]=\"state.showInvoiceSearchModal\"\n      >\n      </insert-key>\n    </p-panel>\n  </div>\n  <div class=\"button-save\">\n    <s-button\n      priority=\"primary\"\n      [label]=\"'save' | translate\"\n      [disabled]=\"\n        state.disabled || !state.gridData || !state.enableButtonIsClienteExterno\n      \"\n      (onClick)=\"onSave()\"\n    >\n    </s-button>\n  </div>\n</ng-container>\n\n<ng-template #emptyList>\n  <div class=\"center\">\n    <s-empty-state\n      iconClass=\"fa fa-exclamation-triangle\"\n      [title]=\"'detail_empty_state_title' | translate\"\n      [description]=\"'detail_empty_state_description' | translate\"\n    >\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]=\"\n        'yms.int.wms_there_no_process_type_configured_for_this_type_scheduling'\n          | translate\n      \"\n    >\n    </s-empty-state>\n  </div>\n</ng-template>\n",
+        styles: [".buttons{display:flex;justify-content:space-between;align-items:center;gap:12px}.document-search{flex:1;max-width:420px;position:relative}.document-search input{display:block;width:100%;padding-right:32px}.document-search-spinner{position:absolute;right:10px;top:0;bottom:0;margin:auto 0;width:1em;height:1em;line-height:1;color:#007ad9;pointer-events:none}.center{flex-direction:column;text-align:center}.ui-g{display:block}.button-save{margin:5px 0}#refresh-button{color:#fff}@media (max-width:1200px){.buttons{flex-wrap:wrap}.document-search{order:3;flex-basis:100%;max-width:100%}}.table-checkbox{width:50px;min-width:50px;max-width:50px}.invoice-condition .p-dropdown{position:relative;z-index:1000}::ng-deep p-table .ui-table{table-layout:auto!important}::ng-deep p-table td:nth-child(1),::ng-deep p-table th:nth-child(1){min-width:50px;max-width:50px;width:50px}::ng-deep p-table td:nth-child(3),::ng-deep p-table td:nth-child(4),::ng-deep p-table td:nth-child(5),::ng-deep p-table th:nth-child(3),::ng-deep p-table th:nth-child(4),::ng-deep p-table th:nth-child(5){min-width:100px}::ng-deep p-table td:nth-child(7),::ng-deep p-table td:nth-child(9),::ng-deep p-table th:nth-child(7),::ng-deep p-table th:nth-child(9){min-width:140px}::ng-deep p-table td:nth-child(10),::ng-deep p-table td:nth-child(2),::ng-deep p-table td:nth-child(6),::ng-deep p-table td:nth-child(8),::ng-deep p-table th:nth-child(10),::ng-deep p-table th:nth-child(2),::ng-deep p-table th:nth-child(6),::ng-deep p-table th:nth-child(8){min-width:180px}::ng-deep p-table td span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::ng-deep p-table .ui-resizable-column{border-right:1px solid #c8c8c8}::ng-deep p-table .ui-column-resizer{display:block;position:absolute;top:0;right:0;margin:0;width:.5rem;height:100%;padding:0;cursor:col-resize;border:1px solid transparent}::ng-deep p-table .ui-column-resizer:hover{border-color:#007ad9}"]
     }),
     __metadata("design:paramtypes", [DocumentGridFacade,
         ConfirmationService,
@@ -4902,6 +4930,7 @@ DocumentGridModule = __decorate([
             DropdownModule,
             FormsModule,
             ConfirmDialogModule,
+            InputTextModule,
             CpfCnpjFormatModule,
         ],
     })
@@ -4965,6 +4994,10 @@ DocumentListDescritor = __decorate([
     ControleCircuito({
         header: INFORMACAOES_ADICIONAIS_HEADER$1,
         name: 'yms.integracao.wms'
+    }),
+    CircuitoFinalizado({
+        header: INFORMACAOES_ADICIONAIS_HEADER$1,
+        name: 'yms.integracao.wms'
     })
 ], DocumentListDescritor);
 let DocumentListComponent = class DocumentListComponent extends DocumentListDescritor {
@@ -4977,6 +5010,7 @@ let DocumentListComponent = class DocumentListComponent extends DocumentListDesc
         this.documents = [];
         this.amendedDocuments = [];
         this.labels = [];
+        this.gridTotalRecords = 0;
         this.selected = [];
         this.gridLoading = true;
         this.ngUnsubscribe = new Subject();