@senior-gestao-pessoas/payroll-core 9.3.0-fdc2ca03-c046-451a-bb4a-4d788fbde8cb → 9.4.0-02f1998a-8c51-4317-9b38-c21241fa2248

package/fesm5/senior-gestao-pessoas-payroll-core.js

@@ -9268,6 +9268,11 @@ var HistoricalPixAccountComponent = /** @class */ (function () {
         this.isViewMode = false;
         this.withSideBar = true;
         this.defaultCpfNumber = null;
+        this.listDataReciever = [];
+        this.isViewModeActive = new EventEmitter();
+        this.isEditModeActive = new EventEmitter();
+        this.isDeleteModeActive = new EventEmitter();
+        this.listFromApp = [];
         this.visibleChange = new EventEmitter();
         this.ngUnsubscribe = new Subject();
         this.orderBy = {
@@ -9301,26 +9306,32 @@ var HistoricalPixAccountComponent = /** @class */ (function () {
                     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 {
+                            _this.isViewModeActive.emit(true);
+                        }
                     },
                 },
                 {
                     visible: !!(!_this.isEditMode && _this.withSideBar),
                     label: _this.translateService.instant("hcm.payroll.edit"),
                     command: function () {
-                        if (_this.isAllowToEditHistorical && rowData) {
+                        if (_this.isAllowToEditHistorical) {
                             rowData["index"] = key;
                             _this.pixAccountItemInput = { currentItem: rowData, listData: _this.listDataNoPage, isEditMode: true };
                             _this.visible = true;
                         }
                         else {
-                            _this.messageService.add({
-                                severity: "error",
-                                summary: _this.translateService.instant("hcm.payroll.error"),
-                                detail: _this.translateService.instant("hcm.payroll.permission_error_not_allowed"),
-                            });
+                            _this.isEditModeActive.emit(true);
+                            if (_this.listFromApp.length == 0) {
+                                rowData["index"] = key;
+                                _this.pixAccountItemInput = { currentItem: rowData, listData: _this.listDataNoPage, isEditMode: true };
+                                _this.visible = true;
+                            }
                         }
                     },
                 },
@@ -9328,16 +9339,16 @@ var HistoricalPixAccountComponent = /** @class */ (function () {
                     visible: !_this.isEditMode,
                     label: _this.translateService.instant("hcm.payroll.delete"),
                     command: function () {
-                        if (_this.isAllowToDeleteHistorical && rowData) {
+                        if (_this.isAllowToDeleteHistorical) {
                             _this.loading = true;
                             _this.deleteAnnuityItem(key);
                         }
                         else {
-                            _this.messageService.add({
-                                severity: "error",
-                                summary: _this.translateService.instant("hcm.payroll.error"),
-                                detail: _this.translateService.instant("hcm.payroll.permission_error_not_allowed"),
-                            });
+                            _this.isDeleteModeActive.emit(true);
+                            if (_this.listFromApp.length == 0) {
+                                _this.loading = true;
+                                _this.deleteAnnuityItem(key);
+                            }
                         }
                     },
                 },
@@ -9348,6 +9359,11 @@ var HistoricalPixAccountComponent = /** @class */ (function () {
     HistoricalPixAccountComponent.prototype.ngOnInit = function () {
         this.formGroup.setControl(this.fieldFormGroup, this.historicalPixAccountList);
     };
+    HistoricalPixAccountComponent.prototype.ngOnChanges = function (changes) {
+        if (changes['listDataReciever'] && changes['listDataReciever'].currentValue) {
+            this.listFromApp = changes['listDataReciever'].currentValue;
+        }
+    };
     HistoricalPixAccountComponent.prototype.createFormGroup = function () {
         this.historicalPixAccountList = this.formBuilder.group({
             historicalPixAccountList: this.formBuilder.control(null),
@@ -9404,6 +9420,13 @@ var HistoricalPixAccountComponent = /** @class */ (function () {
         this.pixAccountItemInput = {};
         this.visible = true;
     };
+    HistoricalPixAccountComponent.prototype.isNotAllowMessage = function () {
+        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));
@@ -9549,23 +9572,30 @@ var HistoricalPixAccountComponent = /** @class */ (function () {
     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"]);
+            return (this.permission["excluir"]);
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(HistoricalPixAccountComponent.prototype, "isAllowToEditHistorical", {
         get: function () {
-            return (this.permission["Editar"]);
+            return (this.permission["editar"]);
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(HistoricalPixAccountComponent.prototype, "isAllowToViewHistorical", {
         get: function () {
-            return (this.permission["Visualizar"]);
+            return (this.permission["visualizar"]);
         },
         enumerable: true,
         configurable: true
@@ -9627,6 +9657,18 @@ var HistoricalPixAccountComponent = /** @class */ (function () {
     __decorate([
         Input()
     ], HistoricalPixAccountComponent.prototype, "permission", void 0);
+    __decorate([
+        Input()
+    ], HistoricalPixAccountComponent.prototype, "listDataReciever", void 0);
+    __decorate([
+        Output()
+    ], HistoricalPixAccountComponent.prototype, "isViewModeActive", void 0);
+    __decorate([
+        Output()
+    ], HistoricalPixAccountComponent.prototype, "isEditModeActive", void 0);
+    __decorate([
+        Output()
+    ], HistoricalPixAccountComponent.prototype, "isDeleteModeActive", void 0);
     __decorate([
         Input()
     ], HistoricalPixAccountComponent.prototype, "dateChange", null);
@@ -9643,7 +9685,7 @@ var HistoricalPixAccountComponent = /** @class */ (function () {
         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)\"\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",
+            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=\"!isViewMode &&  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=\"!isViewMode && 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);
@@ -10291,6 +10333,8 @@ var HistoricalPixAccountListComponent = /** @class */ (function () {
         this.endPoint = "hcm/payroll/queries/historicalEmployeePixQuery";
         this.keyPayload = "historicalEmployeePix";
         this.withSidebar = true;
+        this.isOnlyView = new EventEmitter();
+        this.isOnlyEdit = new EventEmitter();
         this.enableView = new EventEmitter();
         this.ngUnsubscribe = new Subject();
         this.loading = true;
@@ -10299,18 +10343,6 @@ var HistoricalPixAccountListComponent = /** @class */ (function () {
                 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",
@@ -10331,41 +10363,51 @@ var HistoricalPixAccountListComponent = /** @class */ (function () {
         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 () {
-                    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,
-                        });
+                    if (_this.isAllowToViewHistorical) {
+                        var dateChange = rowData && rowData.dateChange && moment$e(rowData.dateChange, _this.dateFormat).format("YYYY-MM-DD");
+                        if (_this.withSidebar) {
+                            _this.isOnlyView.emit(true);
+                            _this.router.navigate(["historical-pix-account/" + dateChange], {
+                                relativeTo: _this.activatedRoute,
+                            });
+                        }
+                        else {
+                            _this.enableView.emit(dateChange);
+                        }
                     }
                     else {
-                        _this.enableView.emit(dateChange);
+                        _this.isNotAllowMessage();
+                    }
+                },
+            },
+            {
+                label: this.translateService.instant("hcm.payroll.edit"),
+                command: function () {
+                    if (_this.isAllowToEditHistorical) {
+                        var dateChange = rowData && rowData.dateChange && moment$e(rowData.dateChange, _this.dateFormat).format("YYYY-MM-DD");
+                        if (_this.withSidebar) {
+                            _this.isOnlyView.emit(false);
+                            _this.isOnlyEdit.emit(true);
+                            _this.router.navigate(["historical-pix-account/" + dateChange], {
+                                relativeTo: _this.activatedRoute,
+                            });
+                        }
+                        else {
+                            _this.enableView.emit(dateChange);
+                        }
+                    }
+                    else {
+                        _this.isNotAllowMessage();
                     }
                 },
             },
@@ -10376,14 +10418,10 @@ var HistoricalPixAccountListComponent = /** @class */ (function () {
                         _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"),
-                        });
+                        _this.isNotAllowMessage();
                     }
                 },
-            },
+            }
         ];
     };
     HistoricalPixAccountListComponent.prototype.delete = function (id, dateChange) {
@@ -10438,6 +10476,13 @@ var HistoricalPixAccountListComponent = /** @class */ (function () {
             });
         }
     };
+    HistoricalPixAccountListComponent.prototype.isNotAllowMessage = function () {
+        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];
@@ -10445,21 +10490,28 @@ var HistoricalPixAccountListComponent = /** @class */ (function () {
     };
     Object.defineProperty(HistoricalPixAccountListComponent.prototype, "isAllowToAddHistorical", {
         get: function () {
-            return (this.permission["Incluir"]);
+            return (this.permission["incluir"]);
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(HistoricalPixAccountListComponent.prototype, "isAllowToDeleteHistorical", {
         get: function () {
-            return (this.permission["Excluir"]);
+            return (this.permission["excluir"]);
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(HistoricalPixAccountListComponent.prototype, "isAllowToViewHistorical", {
         get: function () {
-            return (this.permission["Visualizar"]);
+            return (this.permission["visualizar"]);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(HistoricalPixAccountListComponent.prototype, "isAllowToEditHistorical", {
+        get: function () {
+            return (this.permission["editar"]);
         },
         enumerable: true,
         configurable: true
@@ -10514,6 +10566,12 @@ var HistoricalPixAccountListComponent = /** @class */ (function () {
     __decorate([
         Input()
     ], HistoricalPixAccountListComponent.prototype, "withSidebar", void 0);
+    __decorate([
+        Output()
+    ], HistoricalPixAccountListComponent.prototype, "isOnlyView", void 0);
+    __decorate([
+        Output()
+    ], HistoricalPixAccountListComponent.prototype, "isOnlyEdit", void 0);
     __decorate([
         Output()
     ], HistoricalPixAccountListComponent.prototype, "enableView", void 0);