@senior-gestao-pessoas/payroll-core 9.2.0 → 9.3.0-3956a1cf-41cb-4c73-952b-4f96be631787

package/bundles/senior-gestao-pessoas-payroll-core.umd.js

@@ -9422,16 +9422,18 @@
     }());
 
     var HistoricalPixAccountComponent = /** @class */ (function () {
-        function HistoricalPixAccountComponent(translateService, cd, formBuilder) {
+        function HistoricalPixAccountComponent(translateService, cd, formBuilder, messageService) {
             var _this = this;
             this.translateService = translateService;
             this.cd = cd;
             this.formBuilder = formBuilder;
+            this.messageService = messageService;
             this.recordByRow = 1;
             this.showDateChange = false;
             this.isEditMode = false;
             this.isViewMode = false;
             this.withSideBar = true;
+            this.defaultCpfNumber = null;
             this.visibleChange = new core.EventEmitter();
             this.ngUnsubscribe = new rxjs.Subject();
             this.orderBy = {
@@ -9462,29 +9464,47 @@
                 if (rowData === void 0) { rowData = {}; }
                 return [
                     {
+                        isNotAllowMessage: _this.isNotAllowMessage(_this.isAllowToViewHistorical),
                         visible: _this.isEditMode,
                         label: _this.translateService.instant("hcm.payroll.employees_image_cropper_view"),
                         command: function () {
-                            rowData["index"] = key;
-                            _this.pixAccountItemInput = { currentItem: rowData, listData: _this.listDataNoPage, isEditMode: false };
-                            _this.visible = true;
+                            if (_this.isAllowToViewHistorical) {
+                                rowData["index"] = key;
+                                _this.pixAccountItemInput = { currentItem: rowData, listData: _this.listDataNoPage, isEditMode: false };
+                                _this.visible = true;
+                            }
+                            else {
+                                return;
+                            }
                         },
                     },
                     {
+                        isNotAllowMessage: _this.isNotAllowMessage(_this.isAllowToEditHistorical),
                         visible: !!(!_this.isEditMode && _this.withSideBar),
                         label: _this.translateService.instant("hcm.payroll.edit"),
                         command: function () {
-                            rowData["index"] = key;
-                            _this.pixAccountItemInput = { currentItem: rowData, listData: _this.listDataNoPage, isEditMode: true };
-                            _this.visible = true;
+                            if (_this.isAllowToEditHistorical) {
+                                rowData["index"] = key;
+                                _this.pixAccountItemInput = { currentItem: rowData, listData: _this.listDataNoPage, isEditMode: true };
+                                _this.visible = true;
+                            }
+                            else {
+                                return;
+                            }
                         },
                     },
                     {
+                        isNotAllowMessage: _this.isNotAllowMessage(_this.isAllowToDeleteHistorical),
                         visible: !_this.isEditMode,
                         label: _this.translateService.instant("hcm.payroll.delete"),
                         command: function () {
-                            _this.loading = true;
-                            _this.deleteAnnuityItem(key);
+                            if (_this.isAllowToDeleteHistorical) {
+                                _this.loading = true;
+                                _this.deleteAnnuityItem(key);
+                            }
+                            else {
+                                return;
+                            }
                         },
                     },
                 ];
@@ -9550,6 +9570,15 @@
             this.pixAccountItemInput = {};
             this.visible = true;
         };
+        HistoricalPixAccountComponent.prototype.isNotAllowMessage = function (isAllowHistorical) {
+            if (!isAllowHistorical) {
+                this.messageService.add({
+                    severity: "error",
+                    summary: this.translateService.instant("hcm.payroll.error"),
+                    detail: this.translateService.instant("hcm.payroll.permission_error_not_allowed"),
+                });
+            }
+        };
         HistoricalPixAccountComponent.prototype.deleteAnnuityItem = function (index) {
             var newlist = __spread(this.getHistoricalPixAccountList());
             newlist.sort(compareValues(this.orderBy.field, this.orderBy.direction));
@@ -9695,10 +9724,39 @@
         HistoricalPixAccountComponent.prototype.getFormattedPercentage = function (value) {
             return FormatUtilsService.getFormattedPercentage(value);
         };
+        Object.defineProperty(HistoricalPixAccountComponent.prototype, "isAllowToAddHistorical", {
+            get: function () {
+                return (this.permission["incluir"]);
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(HistoricalPixAccountComponent.prototype, "isAllowToDeleteHistorical", {
+            get: function () {
+                return (this.permission["excluir"]);
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(HistoricalPixAccountComponent.prototype, "isAllowToEditHistorical", {
+            get: function () {
+                return (this.permission["editar"]);
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(HistoricalPixAccountComponent.prototype, "isAllowToViewHistorical", {
+            get: function () {
+                return (this.permission["visualizar"]);
+            },
+            enumerable: true,
+            configurable: true
+        });
         HistoricalPixAccountComponent.ctorParameters = function () { return [
             { type: core$1.TranslateService },
             { type: core.ChangeDetectorRef },
-            { type: forms.FormBuilder }
+            { type: forms.FormBuilder },
+            { type: api.MessageService }
         ]; };
         __decorate([
             core.ViewChild(angularComponents.CustomFieldsComponent, { static: false })
@@ -9745,6 +9803,12 @@
         __decorate([
             core.Input()
         ], HistoricalPixAccountComponent.prototype, "paramsForm", void 0);
+        __decorate([
+            core.Input()
+        ], HistoricalPixAccountComponent.prototype, "defaultCpfNumber", void 0);
+        __decorate([
+            core.Input()
+        ], HistoricalPixAccountComponent.prototype, "permission", void 0);
         __decorate([
             core.Input()
         ], HistoricalPixAccountComponent.prototype, "dateChange", null);
@@ -9761,7 +9825,7 @@
             core.Component({
                 // tslint:disable-next-line:component-selector
                 selector: "c-historical-pix-account",
-                template: "<s-sidebar *ngIf=\"withSideBar\" [visible]=\"visible\" (visibleChange)=\"close()\"\n           header=\"{{'hcm.payroll.historical_pix_account_title_form'|translate}}\">\n<pix-account [(visible)]=\"visible\"\n              [isEditAndViewValue]=\"pixAccountItemInput\"\n              [currency]=\"currency\"\n              [customEntity]=\"customEntity\"\n              [customService]=\"customService\"\n              [getListPixAccount]=\"listDataNoPage\"\n              [paramsForm]=\"paramsForm\"\n              (pixAccountItemToList)=\"addItemInList($event)\"></pix-account>\n</s-sidebar>\n\n<div *ngIf=\"!withSideBar\">\n    <pix-account [(visible)]=\"visible\"\n                  [isEditAndViewValue]=\"pixAccountItemInput\"\n                  [currency]=\"currency\"\n                  [customEntity]=\"customEntity\"\n                  [customService]=\"customService\"\n                  [getListPixAccount]=\"listDataNoPage\"\n                  [withSideBar]=\"false\"\n                  [isViewMode]=\"isViewMode\"\n                  [paramsForm]=\"paramsForm\"\n                  (pixAccountItemToList)=\"addItemInList($event)\"></pix-account>\n</div>\n\n<div class=\"ui-g-1\" *ngIf=\"withSideBar && !isEditMode\">\n    <div class=\"form-group \">\n        <s-button id=\"ta-addPayAnnuity\"\n                  [disabled]=\"getTooltipAndDisableButtonAdd || msgTotalLimitByPercentage\"\n                  (onClick)=\"add()\"\n                  [pTooltip]=\"getTooltipAndDisableButtonAdd || msgTotalLimitByPercentage\"\n                  tooltipPosition=\"top\"\n                  label=\"{{'hcm.payroll.historical_pix_account_add'|translate}}\"></s-button>\n    </div>\n</div>\n<div class=\"ui-g-12\">\n    <p-table\n        id=\"table-annuity\"\n        [value]=\"listData\"\n        [columns]=\"cols\"\n        (onLazyLoad)=\"onLazyLoad($event)\"\n        [lazy]=\"true\"\n        [scrollable]=\"true\"\n        [paginator]=\"true\"\n        [totalRecords]=\"totalRecords\"\n        [sortMode]=\"'multiple'\"\n        *sLoadingState=\"loading\"\n        [rows]=\"recordByRow\"\n        dataKey=\"id\">\n        <ng-template pTemplate=\"colgroup\" let-coumns>\n            <colgroup>\n                <col [ngClass]=\"'col-default-m'\">\n                <col [ngClass]=\"'col-default-m'\">\n                <col [ngClass]=\"'col-default-s'\">\n                <col [ngClass]=\"'col-action'\">\n            </colgroup>\n        </ng-template>\n        <ng-template pTemplate=\"header\" let-columns>\n            <!-- Cabe\u00E7alhos quando da table \u00E9 permitido ordenar as colunas -->\n            <tr>\n                <!-- Cabe\u00E7alhos das colunas da tabela -->\n                <th\n                    [pSortableColumn]=\"'pixKeyType'\"\n                    [pTooltip]=\"'hcm.payroll.employees_addition_pix_key_type' | translate\"\n                    tooltipPosition=\"top\"\n                    showDelay=\"500\"\n                >\n                    <div class=\"senior-header\" id=\"table-0\">\n                        <span\n                            id=\"table-annuity-s-0\">{{ 'hcm.payroll.employees_addition_pix_key_type' | translate }}</span>\n                        <p-sortIcon class=\"p-sorticon-status\"\n                                    [field]=\"'hcm.payroll.employees_addition_pix_key_type' | translate\"></p-sortIcon>\n                    </div>\n                </th>\n\n                <th\n                    [pSortableColumn]=\"'pixKey'\"\n                    [pTooltip]=\"'hcm.payroll.employees_addition_pix_key' | translate\"\n                    tooltipPosition=\"top\"\n                    showDelay=\"500\"\n                >\n                    <div class=\"senior-header\">\n                        <span>{{ 'hcm.payroll.employees_addition_pix_key' | translate }}</span>\n                        <p-sortIcon class=\"p-sorticon-status\"\n                                    [field]=\"'hcm.payroll.employees_addition_pix_key' | translate\"></p-sortIcon>\n                    </div>\n                </th>\n\n                <th\n                    [pSortableColumn]=\"'percentage'\"\n                    [pTooltip]=\"'hcm.payroll.historical_pix_account_label_percentage' | translate\"\n                    tooltipPosition=\"top\"\n                    showDelay=\"500\"\n                >\n                    <div class=\"senior-header\">\n                        <span>{{ 'hcm.payroll.historical_pix_account_label_percentage' | translate }}</span>\n                        <p-sortIcon class=\"p-sorticon-status\"\n                                    [field]=\"'hcm.payroll.historical_pix_account_label_percentage' | translate\"></p-sortIcon>\n                    </div>\n                </th>\n                <!-- Cabe\u00E7alho da coluna de a\u00E7\u00F5es -->\n                <th id=\"col-actions\"></th>\n            </tr>\n        </ng-template>\n        <ng-template pTemplate=\"body\" let-rowData let-key=\"rowIndex\">\n\n            <tr [ngClass]=\"'row'+key\" [pSelectableRow]=\"rowData\">\n                <td [pTooltip]=\"rowData?.pixKeyType.value\" tooltipPosition=\"top\"\n                    showDelay=\"500\">\n                    <span>{{ rowData?.pixKeyType.value }}</span>\n                </td>\n\n                <ng-container [ngSwitch]=\"rowData?.pixKeyType.key\">\n                    <td *ngSwitchCase=\"'TELEPHONE'\"\n                        [pTooltip]=\"getFormattedTelephoneNumber(rowData?.pixKey)\" tooltipPosition=\"top\"\n                        showDelay=\"500\">\n                        <span>{{ getFormattedTelephoneNumber(rowData?.pixKey) }}</span>\n                    </td>\n                    <td *ngSwitchCase=\"'CPF'\"\n                        [pTooltip]=\"getFormattedCpf(rowData?.pixKey)\" tooltipPosition=\"top\"\n                        showDelay=\"500\">\n                        <span>{{ getFormattedCpf(rowData?.pixKey) }}</span>\n                    </td>\n                    <td *ngSwitchCase=\"'CNPJ'\"\n                        [pTooltip]=\"getFormattedCnpj(rowData?.pixKey)\" tooltipPosition=\"top\"\n                        showDelay=\"500\">\n                        <span>{{ getFormattedCnpj(rowData?.pixKey) }}</span>\n                    </td>\n                    <td *ngSwitchDefault\n                        [pTooltip]=\"rowData?.pixKey\" tooltipPosition=\"top\"\n                        showDelay=\"500\">\n                        <span>{{ rowData?.pixKey }}</span>\n                    </td>\n                </ng-container>\n                <td [pTooltip]=\"getFormattedPercentage(rowData?.percentage)\" tooltipPosition=\"top\"\n                    showDelay=\"500\">\n                    <span>{{ getFormattedPercentage(rowData?.percentage) }}</span>\n                </td>\n                <td id=\"col-actions-{{key}}\" class=\"col-actions \"\n                    *ngIf=\"actions && actions(rowData, key)?.length\">\n                    <s-button id=\"table-admission-btn-actions-{{key}}\"\n                              *ngIf=\"actions(rowData, key).length > 1\" [label]=\"actionLabel\"\n                              priority=\"default\" [model]=\"scopedActions(rowData, key)\"\n                              [disabled]=\"false\" [auxiliary]=\"true\"></s-button>\n\n                    <s-button id=\"table-admission-btn-action-{{key}}\"\n                              *ngIf=\"actions(rowData, key).length <= 1\"\n                              [label]=\"scopedActions(rowData, key)[0].label\"\n                              priority=\"default\"\n                              (click)=\"scopedActions(rowData, key)[0].command()\"\n                              [disabled]=\"false\" [auxiliary]=\"true\"></s-button>\n                </td>\n            </tr>\n        </ng-template>\n        <ng-template pTemplate=\"emptymessage\" let-columns>\n            <tr>\n                <td [attr.colspan]=\"columns.length +2\">\n                    {{'hcm.payroll.admission_empty_message'|translate}}\n                </td>\n            </tr>\n        </ng-template>\n        <ng-template pTemplate=\"paginatorright\">\n            <span *ngIf=\"totalRecords\">{{recordsMessage}}</span>\n        </ng-template>\n    </p-table>\n</div>\n",
+                template: "<s-sidebar *ngIf=\"withSideBar\" [visible]=\"visible\" (visibleChange)=\"close()\"\n           header=\"{{'hcm.payroll.historical_pix_account_title_form'|translate}}\">\n<pix-account [(visible)]=\"visible\"\n              [isEditAndViewValue]=\"pixAccountItemInput\"\n              [currency]=\"currency\"\n              [customEntity]=\"customEntity\"\n              [customService]=\"customService\"\n              [getListPixAccount]=\"listDataNoPage\"\n              [paramsForm]=\"paramsForm\"\n              (pixAccountItemToList)=\"addItemInList($event)\"\n              [defaultCpfNumber]=\"defaultCpfNumber\"></pix-account>\n</s-sidebar>\n\n<div *ngIf=\"!withSideBar\">\n    <pix-account [(visible)]=\"visible\"\n                  [isEditAndViewValue]=\"pixAccountItemInput\"\n                  [currency]=\"currency\"\n                  [customEntity]=\"customEntity\"\n                  [customService]=\"customService\"\n                  [getListPixAccount]=\"listDataNoPage\"\n                  [withSideBar]=\"false\"\n                  [isViewMode]=\"isViewMode\"\n                  [paramsForm]=\"paramsForm\"\n                  (pixAccountItemToList)=\"addItemInList($event)\"\n                  [defaultCpfNumber]=\"defaultCpfNumber\"></pix-account>\n</div>\n\n<div class=\"ui-g-1\" *ngIf=\"withSideBar && !isEditMode\">\n    <div class=\"form-group \">\n        <s-button id=\"ta-addPayAnnuity\"\n                  [disabled]=\"getTooltipAndDisableButtonAdd || msgTotalLimitByPercentage\"\n                  (onClick)=\"add()\"\n                  [pTooltip]=\"getTooltipAndDisableButtonAdd || msgTotalLimitByPercentage\"\n                  tooltipPosition=\"top\"\n                  label=\"{{'hcm.payroll.historical_pix_account_add'|translate}}\"></s-button>\n    </div>\n</div>\n<div class=\"ui-g-12\">\n    <p-table\n        id=\"table-annuity\"\n        [value]=\"listData\"\n        [columns]=\"cols\"\n        (onLazyLoad)=\"onLazyLoad($event)\"\n        [lazy]=\"true\"\n        [scrollable]=\"true\"\n        [paginator]=\"true\"\n        [totalRecords]=\"totalRecords\"\n        [sortMode]=\"'multiple'\"\n        *sLoadingState=\"loading\"\n        [rows]=\"recordByRow\"\n        dataKey=\"id\">\n        <ng-template pTemplate=\"colgroup\" let-coumns>\n            <colgroup>\n                <col [ngClass]=\"'col-default-m'\">\n                <col [ngClass]=\"'col-default-m'\">\n                <col [ngClass]=\"'col-default-s'\">\n                <col [ngClass]=\"'col-action'\">\n            </colgroup>\n        </ng-template>\n        <ng-template pTemplate=\"header\" let-columns>\n            <!-- Cabe\u00E7alhos quando da table \u00E9 permitido ordenar as colunas -->\n            <tr>\n                <!-- Cabe\u00E7alhos das colunas da tabela -->\n                <th\n                    [pSortableColumn]=\"'pixKeyType'\"\n                    [pTooltip]=\"'hcm.payroll.employees_addition_pix_key_type' | translate\"\n                    tooltipPosition=\"top\"\n                    showDelay=\"500\"\n                >\n                    <div class=\"senior-header\" id=\"table-0\">\n                        <span\n                            id=\"table-annuity-s-0\">{{ 'hcm.payroll.employees_addition_pix_key_type' | translate }}</span>\n                        <p-sortIcon class=\"p-sorticon-status\"\n                                    [field]=\"'hcm.payroll.employees_addition_pix_key_type' | translate\"></p-sortIcon>\n                    </div>\n                </th>\n\n                <th\n                    [pSortableColumn]=\"'pixKey'\"\n                    [pTooltip]=\"'hcm.payroll.employees_addition_pix_key' | translate\"\n                    tooltipPosition=\"top\"\n                    showDelay=\"500\"\n                >\n                    <div class=\"senior-header\">\n                        <span>{{ 'hcm.payroll.employees_addition_pix_key' | translate }}</span>\n                        <p-sortIcon class=\"p-sorticon-status\"\n                                    [field]=\"'hcm.payroll.employees_addition_pix_key' | translate\"></p-sortIcon>\n                    </div>\n                </th>\n\n                <th\n                    [pSortableColumn]=\"'percentage'\"\n                    [pTooltip]=\"'hcm.payroll.historical_pix_account_label_percentage' | translate\"\n                    tooltipPosition=\"top\"\n                    showDelay=\"500\"\n                >\n                    <div class=\"senior-header\">\n                        <span>{{ 'hcm.payroll.historical_pix_account_label_percentage' | translate }}</span>\n                        <p-sortIcon class=\"p-sorticon-status\"\n                                    [field]=\"'hcm.payroll.historical_pix_account_label_percentage' | translate\"></p-sortIcon>\n                    </div>\n                </th>\n                <!-- Cabe\u00E7alho da coluna de a\u00E7\u00F5es -->\n                <th id=\"col-actions\"></th>\n            </tr>\n        </ng-template>\n        <ng-template pTemplate=\"body\" let-rowData let-key=\"rowIndex\">\n\n            <tr [ngClass]=\"'row'+key\" [pSelectableRow]=\"rowData\">\n                <td [pTooltip]=\"rowData?.pixKeyType.value\" tooltipPosition=\"top\"\n                    showDelay=\"500\">\n                    <span>{{ rowData?.pixKeyType.value }}</span>\n                </td>\n\n                <ng-container [ngSwitch]=\"rowData?.pixKeyType.key\">\n                    <td *ngSwitchCase=\"'TELEPHONE'\"\n                        [pTooltip]=\"getFormattedTelephoneNumber(rowData?.pixKey)\" tooltipPosition=\"top\"\n                        showDelay=\"500\">\n                        <span>{{ getFormattedTelephoneNumber(rowData?.pixKey) }}</span>\n                    </td>\n                    <td *ngSwitchCase=\"'CPF'\"\n                        [pTooltip]=\"getFormattedCpf(rowData?.pixKey)\" tooltipPosition=\"top\"\n                        showDelay=\"500\">\n                        <span>{{ getFormattedCpf(rowData?.pixKey) }}</span>\n                    </td>\n                    <td *ngSwitchCase=\"'CNPJ'\"\n                        [pTooltip]=\"getFormattedCnpj(rowData?.pixKey)\" tooltipPosition=\"top\"\n                        showDelay=\"500\">\n                        <span>{{ getFormattedCnpj(rowData?.pixKey) }}</span>\n                    </td>\n                    <td *ngSwitchDefault\n                        [pTooltip]=\"rowData?.pixKey\" tooltipPosition=\"top\"\n                        showDelay=\"500\">\n                        <span>{{ rowData?.pixKey }}</span>\n                    </td>\n                </ng-container>\n                <td [pTooltip]=\"getFormattedPercentage(rowData?.percentage)\" tooltipPosition=\"top\"\n                    showDelay=\"500\">\n                    <span>{{ getFormattedPercentage(rowData?.percentage) }}</span>\n                </td>\n                <td id=\"col-actions-{{key}}\" class=\"col-actions \"\n                    *ngIf=\"actions && actions(rowData, key)?.length\">\n                    <s-button id=\"table-admission-btn-actions-{{key}}\"\n                              *ngIf=\"actions(rowData, key).length > 1\" [label]=\"actionLabel\"\n                              priority=\"default\" [model]=\"scopedActions(rowData, key)\"\n                              [disabled]=\"false\" [auxiliary]=\"true\"></s-button>\n\n                    <s-button id=\"table-admission-btn-action-{{key}}\"\n                              *ngIf=\"actions(rowData, key).length <= 1\"\n                              [label]=\"scopedActions(rowData, key)[0].label\"\n                              priority=\"default\"\n                              (click)=\"scopedActions(rowData, key)[0].command()\"\n                              [disabled]=\"false\" [auxiliary]=\"true\"></s-button>\n                </td>\n            </tr>\n        </ng-template>\n        <ng-template pTemplate=\"emptymessage\" let-columns>\n            <tr>\n                <td [attr.colspan]=\"columns.length +2\">\n                    {{'hcm.payroll.admission_empty_message'|translate}}\n                </td>\n            </tr>\n        </ng-template>\n        <ng-template pTemplate=\"paginatorright\">\n            <span *ngIf=\"totalRecords\">{{recordsMessage}}</span>\n        </ng-template>\n    </p-table>\n</div>\n",
                 styles: [".refresh{width:100%!important}#table-annuity .col-default-s{width:10%}#table-annuity .col-default-m{width:12%}#table-annuity .col-default-l{width:16%}#table-annuity .col-action{width:10%}#table-annuity .icon-warning{text-align:center!important;color:#ff6d00c7!important}@media screen and (max-width:612px){#table-annuity .col-default-1,#table-annuity .col-default-2{width:16%}#table-annuity .col-default-3{width:26%}#table-annuity .col-icon{width:10%}#table-annuity .col-action{width:27%}}#main{display:-webkit-box;display:flex;height:100%;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}#main form{height:100%}#main .footer{border-top:1px solid #ccc;padding-top:15px;margin-top:15px;flex-shrink:0;margin-bottom:-18px}#main .footer-s-border{padding-left:7px;flex-shrink:0;margin-bottom:-18px}"]
             })
         ], HistoricalPixAccountComponent);
@@ -9941,6 +10005,7 @@
             this.withSideBar = true;
             this.isEditMode = false;
             this.paramsForm = new forms.FormGroup({});
+            this.defaultCpfNumber = null;
             this.visibleChange = new core.EventEmitter();
             this.pixAccountItemToList = new core.EventEmitter();
             this.ngUnsubscribe = new rxjs.Subject();
@@ -9975,6 +10040,7 @@
                 percentage: this.formBuilder.control(null, forms.Validators.compose(__spread(this.initialValidatorOfPercentage, [
                     forms.Validators.max(this.maxValuePercentage),
                 ]))),
+                externalId: this.formBuilder.control(null),
                 customFields: this.formBuilder.control(null),
             });
         };
@@ -9983,7 +10049,7 @@
                 this.pixKeyType = item.key;
                 this.isShowPixKeyFieldValidatorMessage = true;
                 this.pixAccountFormGroup.get("pixKey").reset();
-                this.setPixKeyValidators();
+                this.setPixKeyValidators(true);
                 if (item.key === "CPF") {
                     this.setDefaultCpfPixKey();
                 }
@@ -10011,10 +10077,16 @@
                 if (value && value.currentItem && Object.keys(value.currentItem).length) {
                     this.pixAccountFormGroup.patchValue(this.convertDTOToShowWithCustomFields(__assign({}, value.currentItem)));
                     this.labelBtnAdd = "hcm.payroll.employees_update";
-                    this.setValidatorsAccordingList(value.listData, value.currentItem["index"]);
+                    this.setValidatorsAccordingList(value.listData, value.currentItem["index"], value && value["isEditMode"]);
                     if (!this.isView) {
                         this.configEnableFields(value && value["isEditMode"]);
                     }
+                    else {
+                        if (this.pixAccountFormGroup.get("pixKeyType").value) {
+                            this.pixKeyType = this.pixAccountFormGroup.get("pixKeyType").value.key;
+                            this.formatPixKeyTelephoneNumber();
+                        }
+                    }
                 }
                 else {
                     this.labelBtnAdd = "hcm.payroll.employees_add";
@@ -10023,6 +10095,11 @@
             enumerable: true,
             configurable: true
         });
+        HistoricalPixAccountFormComponent.prototype.formatPixKeyTelephoneNumber = function () {
+            if (this.pixKeyType === "TELEPHONE") {
+                this.pixAccountFormGroup.get("pixKey").setValue(FormatUtilsService.getFormattedTelephoneNumber(this.pixAccountFormGroup.get("pixKey").value));
+            }
+        };
         HistoricalPixAccountFormComponent.prototype.convertDTOToShowWithCustomFields = function (data) {
             var obj = __assign({}, data);
             obj["customFields"] = mountCustomToShow(obj["customFields"]);
@@ -10032,10 +10109,8 @@
             this.visibleBtnSave = isEditMode;
             if (this.pixAccountFormGroup.get("pixKeyType").value) {
                 this.pixKeyType = this.pixAccountFormGroup.get("pixKeyType").value.key;
-                this.setPixKeyValidators();
-                if (this.pixKeyType === "TELEPHONE") {
-                    this.pixAccountFormGroup.get("pixKey").setValue(FormatUtilsService.getFormattedTelephoneNumber(this.pixAccountFormGroup.get("pixKey").value));
-                }
+                this.setPixKeyValidators(isEditMode);
+                this.formatPixKeyTelephoneNumber();
             }
             configEnabledFields(this.pixAccountFormGroup, isEditMode, [
                 "pixKeyType",
@@ -10097,7 +10172,7 @@
              */
             set: function (pixAccountList) {
                 if (pixAccountList) {
-                    this.setValidatorsAccordingList(pixAccountList);
+                    this.setValidatorsAccordingList(pixAccountList, null, false);
                 }
                 else {
                     this.resetForm();
@@ -10114,8 +10189,9 @@
          * @param pixAccountList
          * @param index
          */
-        HistoricalPixAccountFormComponent.prototype.setValidatorsAccordingList = function (pixAccountList, index) {
+        HistoricalPixAccountFormComponent.prototype.setValidatorsAccordingList = function (pixAccountList, index, isEditMode) {
             if (index === void 0) { index = null; }
+            if (isEditMode === void 0) { isEditMode = true; }
             this.pixAccountList = pixAccountList && pixAccountList.length ? __spread(pixAccountList) : [];
             var percentageIncluded = [];
             if (this.pixAccountList && this.pixAccountList.length) {
@@ -10126,13 +10202,13 @@
                 });
             }
             this.beforeSetPixKeyTypeValidator();
-            this.setPixKeyValidators();
+            this.setPixKeyValidators(isEditMode);
             this.validatePercentageValid(percentageIncluded);
         };
         /**
          * Antes de setar o validator prepara as variáveis necessária para que seja feita a validação do campo.
          */
-        HistoricalPixAccountFormComponent.prototype.setPixKeyValidators = function () {
+        HistoricalPixAccountFormComponent.prototype.setPixKeyValidators = function (isEditMode) {
             var genericPixKey = this.pixAccountFormGroup.get("pixKey");
             if (this.pixKeyType) {
                 switch (this.pixKeyType) {
@@ -10163,7 +10239,9 @@
                         genericPixKey.setValidators(null);
                         break;
                 }
-                genericPixKey.enable();
+                if (isEditMode) {
+                    genericPixKey.enable();
+                }
                 genericPixKey.updateValueAndValidity();
             }
         };
@@ -10196,11 +10274,16 @@
             FormatUtilsService.formatTelephoneInputEvent(event);
         };
         HistoricalPixAccountFormComponent.prototype.setDefaultCpfPixKey = function () {
-            var sheetDocument = this.paramsForm.get("sheetDocument");
-            if (sheetDocument) {
-                var cpf = sheetDocument.get("cpfNumber").value;
-                if (cpf) {
-                    this.pixAccountFormGroup.get("pixKey").setValue(cpf);
+            if (this.defaultCpfNumber) {
+                this.pixAccountFormGroup.get("pixKey").setValue(this.defaultCpfNumber);
+            }
+            else {
+                var sheetDocument = this.paramsForm.get("sheetDocument");
+                if (sheetDocument) {
+                    var cpf = sheetDocument.get("cpfNumber").value;
+                    if (cpf) {
+                        this.pixAccountFormGroup.get("pixKey").setValue(cpf);
+                    }
                 }
             }
         };
@@ -10261,6 +10344,9 @@
         __decorate([
             core.Input()
         ], HistoricalPixAccountFormComponent.prototype, "paramsForm", void 0);
+        __decorate([
+            core.Input()
+        ], HistoricalPixAccountFormComponent.prototype, "defaultCpfNumber", void 0);
         __decorate([
             core.Output()
         ], HistoricalPixAccountFormComponent.prototype, "visibleChange", void 0);
@@ -10282,7 +10368,7 @@
         HistoricalPixAccountFormComponent = __decorate([
             core.Component({
                 selector: "pix-account",
-                template: "<div id=\"main\">\n    <form [formGroup]=\"pixAccountFormGroup\" autocomplete=\"off\">\n        <div class=\"ui-fluid\">\n            <div class=\"ui-g\">\n                <!-- Tipo de chave -->\n                <div class=\"ui-md-6 ui-sm-12 required\">\n                    <label>{{'hcm.payroll.employees_addition_pix_key_type'|translate}}</label>\n                    <input-rest-auto-complete-enum [dropdown]=\"true\" server=\"payroll\"\n                                                   enumeration=\"PixKeyType\"\n                                                   placeholder=\"{{'hcm.payroll.select' | translate}}\"\n                                                   name=\"pixKeyType\" [form]=\"pixAccountFormGroup\"\n                                                   (onSelect)=\"onChangePixKeyType($event)\"\n                                                   (onClear)=\"onClearPixKeyType()\"\n                                                   id=\"ta-pixKeyType\"></input-rest-auto-complete-enum>\n                    <s-control-errors [control]=\"pixAccountFormGroup.get('pixKeyType')\"\n                                      [errorMessages]=\"{\n                                        required: 'hcm.payroll.required' | translate,\n                                        pixKeyTypeBankAccountDuplicate: 'hcm.payroll.historical_pix_key_type_bank_account_duplicate' | translate\n                                    }\">\n                    </s-control-errors>\n                </div>\n                <!--Chave Pix-->\n                <div class=\"ui-md-6 ui-sm-12\" [ngClass]=\"{'required': pixKeyType !== 'BANK_ACCOUNT'}\">\n                    <label>{{'hcm.payroll.employees_addition_pix_key' | translate}}</label>\n                    <ng-container [ngSwitch]=\"pixKeyType\">\n                        <input *ngSwitchCase=\"'TELEPHONE'\" only-number\n                                pInputText id=\"ta-pixKey\" name=\"pixKey\" formControlName=\"pixKey\"\n                                (keyup)=\"phoneMask($event)\" maxlength=\"15\"\n                                placeholder=\"(__) ____-____\">\n                        <p-inputMask *ngSwitchCase=\"'CPF'\"\n                                id=\"ta-pixKey\" name=\"pixKey\" formControlName=\"pixKey\"\n                                placeholder=\"___.___.___-__\"\n                                mask=\"999.999.999-99\" [unmask]=\"true\"></p-inputMask>\n                        <p-inputMask *ngSwitchCase=\"'CNPJ'\"\n                                id=\"ta-pixKey\" name=\"pixKey\" formControlName=\"pixKey\"\n                                placeholder=\"__.___.___/____-__\"\n                                mask=\"99.999.999/9999-99\" [unmask]=\"true\"></p-inputMask>\n                        <input *ngSwitchCase=\"'EMAIL'\"\n                                pInputText id=\"ta-pixKey\" name=\"pixKey\" formControlName=\"pixKey\"\n                                placeholder=\"{{'hcm.payroll.employees_addition_email'|translate}}\"/>\n                        <input *ngSwitchCase=\"'BANK_ACCOUNT'\" disabled\n                                pInputText id=\"ta-pixKey\" name=\"pixKey\" formControlName=\"pixKey\"/>\n                        <input *ngSwitchDefault\n                                pInputText id=\"ta-pixKey\" name=\"pixKey\" formControlName=\"pixKey\"/>\n                    </ng-container>\n                    <s-control-errors *ngIf=\"isShowPixKeyFieldValidatorMessage\" id=\"er-pix-key\"\n                        [control]=\"pixAccountFormGroup.get('pixKey')\"\n                        [errorMessages]=\"{\n                            required: 'hcm.payroll.required' | translate,\n                            invalidPhoneNumber: 'hcm.payroll.employees_addition_invalid_phone_number' | translate: { value: pixAccountFormGroup.get('pixKey').value },\n                            invalidEmail: 'hcm.payroll.employees_addition_email_invalid' | translate,\n                            cpfNotValid: 'hcm.payroll.employees_addition_cpf_error' | translate,\n                            cnpjNotValid: 'hcm.payroll.employees_addition_cnpj_error' | translate\n                        }\">\n                    </s-control-errors>\n                </div>\n                <!--Percentual-->\n                <div class=\"ui-md-6 ui-sm-12 required\">\n                    <label id=\"lb-percentage\"\n                           for=\"ff-percentage\">{{ 'hcm.payroll.historical_bank_account_label_percentage' | translate }}</label>\n                    <div class=\"ui-inputgroup\">\n                        <span class=\"ui-inputgroup-addon\">%</span>\n                        <input pInputText id=\"ff-percentage\" name=\"percentage\"\n                               formControlName=\"percentage\"\n                               currencyMask\n                               [options]=\"optionsPercentage\"\n                               [placeholder]=\"percentagePlaceholder\"/>\n                    </div>\n                    <s-control-errors [control]=\"pixAccountFormGroup.get('percentage')\"\n                                      [errorMessages]=\"{\n                                required: 'hcm.payroll.required' | translate,\n                                maxlength: 'hcm.payroll.error_max_length' | translate: { value: '6' },\n                                max: 'hcm.payroll.error_max_value_number' | translate: { value: maxValuePercentage },\n                                min: 'hcm.payroll.error_min_value_number' | translate: { value: '0,01' }\n                    }\">\n                    </s-control-errors>\n                </div>\n                <div class=\"ui-g-12\">\n                    <p-fieldset\n                        legend=\"{{ 'hcm.payroll.custom_fields' | translate }}\"\n                        [attr.data-hidden]=\"!customFields || !customFields.fields.length\"\n                    >\n                        <s-custom-fields\n                            domain=\"hcm\"\n                            service=\"{{customService}}\"\n                            entity=\"{{customEntity}}\"\n                            formControlName=\"customFields\"\n                            [invalidErrorLabel]=\"'hcm.payroll.employees_invalid_field' | translate\"\n                        >\n                        </s-custom-fields>\n                    </p-fieldset>\n                </div>\n            </div>\n        </div>\n    </form>\n\n    <div [ngClass]=\"withSideBar ? 'footer' : 'footer-s-border'\">\n        <div class=\"form-group\">\n                <s-button id=\"btn-save\" label=\"{{ labelBtnAdd | translate}}\" priority=\"primary\"\n                          (onClick)=\"addItem()\" *ngIf=\"visibleBtnSave && !this.isView\"></s-button>\n                <s-button *ngIf=\"withSideBar\" id=\"btn-close\" label=\"{{'hcm.payroll.cancel'|translate}}\" priority=\"secondary\"\n                          priority=\"link\" (onClick)=\"close()\"></s-button>\n        </div>\n    </div>\n</div>\n",
+                template: "<div id=\"main\">\n    <form [formGroup]=\"pixAccountFormGroup\" autocomplete=\"off\">\n        <div class=\"ui-fluid\">\n            <div class=\"ui-g\">\n                <!-- Tipo de chave -->\n                <div class=\"ui-md-6 ui-sm-12 required\">\n                    <label>{{'hcm.payroll.employees_addition_pix_key_type'|translate}}</label>\n                    <input-rest-auto-complete-enum [dropdown]=\"true\" server=\"payroll\"\n                                                   enumeration=\"PixKeyType\"\n                                                   placeholder=\"{{'hcm.payroll.select' | translate}}\"\n                                                   name=\"pixKeyType\" [form]=\"pixAccountFormGroup\"\n                                                   (onSelect)=\"onChangePixKeyType($event)\"\n                                                   (onClear)=\"onClearPixKeyType()\"\n                                                   id=\"ta-pixKeyType\"></input-rest-auto-complete-enum>\n                    <s-control-errors [control]=\"pixAccountFormGroup.get('pixKeyType')\"\n                                      [errorMessages]=\"{\n                                        required: 'hcm.payroll.required' | translate,\n                                        pixKeyTypeBankAccountDuplicate: 'hcm.payroll.historical_pix_key_type_bank_account_duplicate' | translate\n                                    }\">\n                    </s-control-errors>\n                </div>\n                <!--Chave Pix-->\n                <div class=\"ui-md-6 ui-sm-12\" [ngClass]=\"{'required': pixKeyType !== 'BANK_ACCOUNT'}\">\n                    <label>{{'hcm.payroll.employees_addition_pix_key' | translate}}</label>\n                    <ng-container [ngSwitch]=\"pixKeyType\">\n                        <input *ngSwitchCase=\"'TELEPHONE'\" only-number\n                                pInputText id=\"ta-pixKey\" name=\"pixKey\" formControlName=\"pixKey\"\n                                (keyup)=\"phoneMask($event)\" maxlength=\"15\"\n                                placeholder=\"(__) ____-____\">\n                        <p-inputMask *ngSwitchCase=\"'CPF'\"\n                                id=\"ta-pixKey\" name=\"pixKey\" formControlName=\"pixKey\"\n                                placeholder=\"___.___.___-__\"\n                                mask=\"999.999.999-99\" [unmask]=\"true\"></p-inputMask>\n                        <p-inputMask *ngSwitchCase=\"'CNPJ'\"\n                                id=\"ta-pixKey\" name=\"pixKey\" formControlName=\"pixKey\"\n                                placeholder=\"__.___.___/____-__\"\n                                mask=\"99.999.999/9999-99\" [unmask]=\"true\"></p-inputMask>\n                        <input *ngSwitchCase=\"'EMAIL'\"\n                                pInputText id=\"ta-pixKey\" name=\"pixKey\" formControlName=\"pixKey\"\n                                placeholder=\"{{'hcm.payroll.employees_addition_email'|translate}}\"/>\n                        <input *ngSwitchCase=\"'BANK_ACCOUNT'\" disabled\n                                pInputText id=\"ta-pixKey\" name=\"pixKey\" formControlName=\"pixKey\"/>\n                        <input *ngSwitchDefault\n                                pInputText id=\"ta-pixKey\" name=\"pixKey\" formControlName=\"pixKey\" maxlength=\"100\" />\n                    </ng-container>\n                    <s-control-errors *ngIf=\"isShowPixKeyFieldValidatorMessage\" id=\"er-pix-key\"\n                        [control]=\"pixAccountFormGroup.get('pixKey')\"\n                        [errorMessages]=\"{\n                            required: 'hcm.payroll.required' | translate,\n                            invalidPhoneNumber: 'hcm.payroll.employees_addition_invalid_phone_number' | translate: { value: pixAccountFormGroup.get('pixKey').value },\n                            invalidEmail: 'hcm.payroll.employees_addition_email_invalid' | translate,\n                            cpfNotValid: 'hcm.payroll.employees_addition_cpf_error' | translate,\n                            cnpjNotValid: 'hcm.payroll.employees_addition_cnpj_error' | translate\n                        }\">\n                    </s-control-errors>\n                </div>\n                <!--Percentual-->\n                <div class=\"ui-md-6 ui-sm-12 required\">\n                    <label id=\"lb-percentage\"\n                           for=\"ff-percentage\">{{ 'hcm.payroll.historical_bank_account_label_percentage' | translate }}</label>\n                    <div class=\"ui-inputgroup\">\n                        <span class=\"ui-inputgroup-addon\">%</span>\n                        <input pInputText id=\"ff-percentage\" name=\"percentage\"\n                               formControlName=\"percentage\"\n                               currencyMask\n                               [options]=\"optionsPercentage\"\n                               [placeholder]=\"percentagePlaceholder\"/>\n                    </div>\n                    <s-control-errors [control]=\"pixAccountFormGroup.get('percentage')\"\n                                      [errorMessages]=\"{\n                                required: 'hcm.payroll.required' | translate,\n                                maxlength: 'hcm.payroll.error_max_length' | translate: { value: '6' },\n                                max: 'hcm.payroll.error_max_value_number' | translate: { value: maxValuePercentage },\n                                min: 'hcm.payroll.error_min_value_number' | translate: { value: '0,01' }\n                    }\">\n                    </s-control-errors>\n                </div>\n                <div class=\"ui-g-12\">\n                    <p-fieldset\n                        legend=\"{{ 'hcm.payroll.custom_fields' | translate }}\"\n                        [attr.data-hidden]=\"!customFields || !customFields.fields.length\"\n                    >\n                        <s-custom-fields\n                            domain=\"hcm\"\n                            service=\"{{customService}}\"\n                            entity=\"{{customEntity}}\"\n                            formControlName=\"customFields\"\n                            [invalidErrorLabel]=\"'hcm.payroll.employees_invalid_field' | translate\"\n                        >\n                        </s-custom-fields>\n                    </p-fieldset>\n                </div>\n            </div>\n        </div>\n    </form>\n\n    <div [ngClass]=\"withSideBar ? 'footer' : 'footer-s-border'\">\n        <div class=\"form-group\">\n                <s-button id=\"btn-save\" label=\"{{ labelBtnAdd | translate}}\" priority=\"primary\"\n                          (onClick)=\"addItem()\" *ngIf=\"visibleBtnSave && !this.isView\"></s-button>\n                <s-button *ngIf=\"withSideBar\" id=\"btn-close\" label=\"{{'hcm.payroll.cancel'|translate}}\" priority=\"secondary\"\n                          priority=\"link\" (onClick)=\"close()\"></s-button>\n        </div>\n    </div>\n</div>\n",
                 styles: [".refresh{width:100%!important}#table-annuity .col-default-s{width:10%}#table-annuity .col-default-m{width:12%}#table-annuity .col-default-l{width:16%}#table-annuity .col-action{width:10%}#table-annuity .icon-warning{text-align:center!important;color:#ff6d00c7!important}@media screen and (max-width:612px){#table-annuity .col-default-1,#table-annuity .col-default-2{width:16%}#table-annuity .col-default-3{width:26%}#table-annuity .col-icon{width:10%}#table-annuity .col-action{width:27%}}#main{display:-webkit-box;display:flex;height:100%;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}#main form{height:100%}#main .footer{border-top:1px solid #ccc;padding-top:15px;margin-top:15px;flex-shrink:0;margin-bottom:-18px}#main .footer-s-border{padding-left:7px;flex-shrink:0;margin-bottom:-18px}"]
             })
         ], HistoricalPixAccountFormComponent);
@@ -10343,6 +10429,324 @@
         return HistoricalPixAccountModule;
     }());
 
+    var HistoricalPixAccountListService = /** @class */ (function () {
+        function HistoricalPixAccountListService(http, httpClient) {
+            this.http = http;
+            this.httpClient = httpClient;
+        }
+        HistoricalPixAccountListService.prototype.remove = function (id, dateWhen, service, dependentId) {
+            if (service === void 0) { service = exports.ServiceType.PAYROLL; }
+            if (service === exports.ServiceType.DEPENDENT) {
+                return this.httpClient
+                    .post("hcm/dependent/queries/historicalDependentJudicialPensionPixDelete", {
+                    dependentId: dependentId,
+                    dateWhen: dateWhen,
+                });
+            }
+            else {
+                return this.http.post("actions/historicalEmployeePixDelete", {
+                    employeeId: id,
+                    dateWhen: dateWhen
+                });
+            }
+        };
+        HistoricalPixAccountListService.ctorParameters = function () { return [
+            { type: HttpClientService },
+            { type: http.HttpClient }
+        ]; };
+        HistoricalPixAccountListService = __decorate([
+            core.Injectable()
+        ], HistoricalPixAccountListService);
+        return HistoricalPixAccountListService;
+    }());
+
+    var moment$e = moment_;
+    var HistoricalPixAccountListComponent = /** @class */ (function () {
+        function HistoricalPixAccountListComponent(confirmationService, translateService, activatedRoute, cd, router, messageService, historicalPixAccountListService) {
+            this.confirmationService = confirmationService;
+            this.translateService = translateService;
+            this.activatedRoute = activatedRoute;
+            this.cd = cd;
+            this.router = router;
+            this.messageService = messageService;
+            this.historicalPixAccountListService = historicalPixAccountListService;
+            this.endPoint = "hcm/payroll/queries/historicalEmployeePixQuery";
+            this.keyPayload = "historicalEmployeePix";
+            this.withSidebar = true;
+            this.enableView = new core.EventEmitter();
+            this.ngUnsubscribe = new rxjs.Subject();
+            this.loading = true;
+            this.columns = [
+                {
+                    label: this.translateService.instant("hcm.payroll.historical_pix_account_label_date_change"),
+                    field: "dateChange",
+                },
+                {
+                    label: this.translateService.instant("hcm.payroll.historical_pix_account_label_pix_key_type"),
+                    field: "pixKeyType.value",
+                },
+                {
+                    label: this.translateService.instant("hcm.payroll.historical_pix_account_label_pix_key"),
+                    field: "pixKey",
+                },
+                {
+                    label: this.translateService.instant("hcm.payroll.historical_pix_account_label_percentage"),
+                    field: "percentage",
+                },
+                {
+                    label: this.translateService.instant("hcm.payroll.employees_movimentation_historical_pix_account_label_qtd_account"),
+                    field: "numberOfPixAccount",
+                },
+            ];
+        }
+        HistoricalPixAccountListComponent.prototype.ngOnInit = function () {
+            this.initParameters = { employeeId: this.employeeId, dependentId: this.dependentId };
+        };
+        HistoricalPixAccountListComponent.prototype.ngOnDestroy = function () {
+            this.ngUnsubscribe.next();
+            this.ngUnsubscribe.complete();
+        };
+        HistoricalPixAccountListComponent.prototype.ngAfterViewInit = function () {
+            this.cd.detectChanges();
+        };
+        HistoricalPixAccountListComponent.prototype.onLazyLoad = function (payload) {
+            var _this = this;
+            payload.forEach(function (value) {
+                value.dateChange = moment$e(value.dateChange).format(_this.dateFormat);
+                value.pixKey = _this.formatPixKeyByType(value.pixKeyType, value.pixKey);
+                value.percentage = FormatUtilsService.getFormattedPercentage(value.percentage);
+            });
+            this.onGridLoad(payload);
+            this.loading = false;
+        };
+        HistoricalPixAccountListComponent.prototype.formatPixKeyByType = function (pixKeyType, pixKey) {
+            var keyType = pixKeyType ? pixKeyType.key.toUpperCase() : "";
+            if (keyType === "TELEPHONE") {
+                return FormatUtilsService.getFormattedTelephoneNumber(pixKey);
+            }
+            else if (keyType === "CPF") {
+                return FormatUtilsService.getFormattedCpf(pixKey);
+            }
+            else if (keyType === "CNPJ") {
+                return FormatUtilsService.getFormattedCnpj(pixKey);
+            }
+            else {
+                return pixKey;
+            }
+        };
+        HistoricalPixAccountListComponent.prototype.getMenuActions = function (rowData) {
+            var _this = this;
+            return [
+                {
+                    label: this.translateService.instant("hcm.payroll.employees_image_cropper_view"),
+                    command: function () {
+                        if (_this.isAllowToViewHistorical) {
+                            var dateChange = rowData && rowData.dateChange && moment$e(rowData.dateChange, _this.dateFormat).format("YYYY-MM-DD");
+                            if (_this.withSidebar)
+                                _this.router.navigate(["historical-pix-account/" + dateChange], {
+                                    relativeTo: _this.activatedRoute,
+                                });
+                            else
+                                _this.enableView.emit(dateChange);
+                        }
+                        else {
+                            _this.messageService.add({
+                                severity: "error",
+                                summary: _this.translateService.instant("hcm.payroll.error"),
+                                detail: _this.translateService.instant("hcm.payroll.permission_error_not_allowed"),
+                            });
+                        }
+                    },
+                },
+                {
+                    label: this.translateService.instant("hcm.payroll.delete"),
+                    command: function () {
+                        if (_this.isAllowToDeleteHistorical && rowData) {
+                            _this.delete(rowData.id, rowData.dateChange);
+                        }
+                        else {
+                            _this.messageService.add({
+                                severity: "error",
+                                summary: _this.translateService.instant("hcm.payroll.error"),
+                                detail: _this.translateService.instant("hcm.payroll.permission_error_not_allowed"),
+                            });
+                        }
+                    },
+                },
+            ];
+        };
+        HistoricalPixAccountListComponent.prototype.delete = function (id, dateChange) {
+            var _this = this;
+            if (id === this.lastRecord.id) {
+                var dateChangeToDto_1 = moment$e(dateChange, this.dateFormat).format("YYYY-MM-DD");
+                this.confirmationService.confirm({
+                    message: this.translateService.instant("hcm.payroll.employees_movimentation_historical_pix_account_question_confirm_delete") + "?",
+                    accept: function () {
+                        _this.loading = true;
+                        var service = _this.withSidebar ? exports.ServiceType.PAYROLL : exports.ServiceType.DEPENDENT;
+                        _this.historicalPixAccountListService
+                            .remove(_this.employeeId, dateChangeToDto_1, service, _this.dependentId)
+                            .pipe(operators.takeUntil(_this.ngUnsubscribe))
+                            .subscribe(function () {
+                            _this.messageService.add({
+                                severity: "success",
+                                summary: _this.translateService.instant("hcm.payroll.success"),
+                                detail: _this.translateService.instant("hcm.payroll.employees_movimentation_historical_pix_account_remove"),
+                            });
+                            _this.parameters = (_this.parameters && __assign({}, _this.parameters)) || {};
+                        }, function () {
+                            _this.messageService.add({
+                                severity: "error",
+                                summary: _this.translateService.instant("hcm.payroll.error"),
+                                detail: _this.translateService.instant("hcm.payroll.employees_movimentation_historical_pix_account_error_remove"),
+                            });
+                            _this.loading = false;
+                        });
+                    },
+                });
+            }
+            else {
+                this.messageService.add({
+                    severity: "error",
+                    summary: this.translateService.instant("hcm.payroll.error"),
+                    detail: this.translateService.instant("hcm.payroll.not_allowed_delete_last"),
+                });
+            }
+        };
+        HistoricalPixAccountListComponent.prototype.add = function () {
+            if (this.isAllowToAddHistorical) {
+                this.router.navigate(["historical-pix-account-new"], {
+                    relativeTo: this.activatedRoute,
+                });
+            }
+            else {
+                this.messageService.add({
+                    severity: "error",
+                    summary: this.translateService.instant("hcm.payroll.error"),
+                    detail: this.translateService.instant("hcm.payroll.permission_error_not_allowed"),
+                });
+            }
+        };
+        HistoricalPixAccountListComponent.prototype.onGridLoad = function (payload) {
+            if (payload && payload.length) {
+                this.lastRecord = payload[0];
+            }
+        };
+        Object.defineProperty(HistoricalPixAccountListComponent.prototype, "isAllowToAddHistorical", {
+            get: function () {
+                return (this.permission["incluir"]);
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(HistoricalPixAccountListComponent.prototype, "isAllowToDeleteHistorical", {
+            get: function () {
+                return (this.permission["excluir"]);
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(HistoricalPixAccountListComponent.prototype, "isAllowToViewHistorical", {
+            get: function () {
+                return (this.permission["visualizar"]);
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(HistoricalPixAccountListComponent.prototype, "scopedActions", {
+            get: function () {
+                return this.getMenuActions.bind(this);
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(HistoricalPixAccountListComponent.prototype, "reloadList", {
+            set: function (condition) {
+                if (condition) {
+                    this.loading = true;
+                    this.parameters = (this.parameters && __assign({}, this.parameters)) || {};
+                }
+            },
+            enumerable: true,
+            configurable: true
+        });
+        HistoricalPixAccountListComponent.ctorParameters = function () { return [
+            { type: api.ConfirmationService },
+            { type: core$1.TranslateService },
+            { type: router.ActivatedRoute },
+            { type: core.ChangeDetectorRef },
+            { type: router.Router },
+            { type: api.MessageService },
+            { type: HistoricalPixAccountListService }
+        ]; };
+        __decorate([
+            core.ViewChild(angularComponents.CustomFieldsComponent, { static: false })
+        ], HistoricalPixAccountListComponent.prototype, "customFields", void 0);
+        __decorate([
+            core.Input()
+        ], HistoricalPixAccountListComponent.prototype, "permission", void 0);
+        __decorate([
+            core.Input()
+        ], HistoricalPixAccountListComponent.prototype, "employeeId", void 0);
+        __decorate([
+            core.Input()
+        ], HistoricalPixAccountListComponent.prototype, "dependentId", void 0);
+        __decorate([
+            core.Input()
+        ], HistoricalPixAccountListComponent.prototype, "dateFormat", void 0);
+        __decorate([
+            core.Input()
+        ], HistoricalPixAccountListComponent.prototype, "endPoint", void 0);
+        __decorate([
+            core.Input()
+        ], HistoricalPixAccountListComponent.prototype, "keyPayload", void 0);
+        __decorate([
+            core.Input()
+        ], HistoricalPixAccountListComponent.prototype, "withSidebar", void 0);
+        __decorate([
+            core.Output()
+        ], HistoricalPixAccountListComponent.prototype, "enableView", void 0);
+        __decorate([
+            core.Input()
+        ], HistoricalPixAccountListComponent.prototype, "reloadList", null);
+        HistoricalPixAccountListComponent = __decorate([
+            core.Component({
+                // tslint:disable-next-line:component-selector
+                selector: "c-historical-pix-account-list",
+                template: "<div class=\"ui-g\">\n    <div class=\"ui-g-12\">\n        <c-data-list-rest\n            id=\"ta-historical-pix-account-list\"\n            [columns]=\"columns\"\n            actionLabel=\"{{ 'hcm.payroll.movimentation_generic_action' | translate }}\"\n            emptyMessage=\"{{ 'hcm.payroll.admission_empty_message' | translate }}\"\n            [endpoint]=\"endPoint\"\n            singularMessageRecords=\"{{\n                    'hcm.payroll.admission_register' | translate\n                }}\"\n            [actions]=\"scopedActions\"\n            pluralMessageRecords=\"{{\n                    'hcm.payroll.admission_registers' | translate\n                }}\"\n            [keyPayload]=\"keyPayload\"\n            [lazy]=\"true\"\n            (lazyLoad)=\"onLazyLoad($event)\"\n            [(loading)]=\"loading\"\n            [initParameters]=\"initParameters\"\n            [parameters]=\"parameters\"\n            [isSortable]=\"false\"\n        ></c-data-list-rest>\n    </div>\n</div>\n\n",
+                styles: [""]
+            })
+        ], HistoricalPixAccountListComponent);
+        return HistoricalPixAccountListComponent;
+    }());
+
+    var HistoricalPixAccountListModule = /** @class */ (function () {
+        function HistoricalPixAccountListModule() {
+        }
+        HistoricalPixAccountListModule = __decorate([
+            core.NgModule({
+                imports: [
+                    common.CommonModule,
+                    forms.FormsModule,
+                    http.HttpClientModule,
+                    autocomplete.AutoCompleteModule,
+                    SharedModule,
+                    forms.ReactiveFormsModule,
+                    table.TableModule,
+                    angularComponents.ButtonModule,
+                    tooltip.TooltipModule,
+                    angularComponents.LoadingStateModule,
+                    DataListRestModule,
+                    confirmdialog.ConfirmDialogModule,
+                ],
+                declarations: [HistoricalPixAccountListComponent],
+                providers: [HistoricalPixAccountListService],
+                exports: [HistoricalPixAccountListComponent],
+            })
+        ], HistoricalPixAccountListModule);
+        return HistoricalPixAccountListModule;
+    }());
+
     exports.AdmissionDraftSummaryComponent = AdmissionDraftSummaryComponent;
     exports.AdmissionDraftSummaryModule = AdmissionDraftSummaryModule;
     exports.AdmissionDraftSummaryService = AdmissionDraftSummaryService;
@@ -10384,6 +10788,9 @@
     exports.HistoricalBankAccountModule = HistoricalBankAccountModule;
     exports.HistoricalBankAccountService = HistoricalBankAccountService;
     exports.HistoricalPixAccountComponent = HistoricalPixAccountComponent;
+    exports.HistoricalPixAccountListComponent = HistoricalPixAccountListComponent;
+    exports.HistoricalPixAccountListModule = HistoricalPixAccountListModule;
+    exports.HistoricalPixAccountListService = HistoricalPixAccountListService;
     exports.HistoricalPixAccountModule = HistoricalPixAccountModule;
     exports.HistoricalPixAccountService = HistoricalPixAccountService;
     exports.HttpClientService = HttpClientService;