@flusys/ng-iam 6.2.1 → 6.3.0

package/fesm2022/{flusys-ng-iam-flusys-ng-iam-D397Jg30.mjs → flusys-ng-iam-flusys-ng-iam-DW60PO5q.mjs}

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Injectable, inject, signal, input, output, effect, Component, computed, DestroyRef } from '@angular/core';
+import { Injectable, inject, signal, input, output, effect, Component, computed, DestroyRef, viewChild } from '@angular/core';
 import { ApiResourceService, TranslateService, PermissionValidatorService, AngularModule, TranslatePipe, ROLE_ACTION_PERMISSIONS, HasPermissionDirective, COMPANY_ACTION_PERMISSIONS, COMPANY_API_PROVIDER, USER_ROLE_PERMISSIONS, USER_PERMISSION_PROVIDER, UserSelectComponent, USER_ACTION_PERMISSIONS, PROFILE_PERMISSION_PROVIDER, ACTION_PERMISSIONS, ROLE_PERMISSIONS, permissionGuard, anyPermissionGuard, resolveTranslationModule, SHARED_MESSAGES } from '@flusys/ng-shared';
 import { APP_CONFIG, getServiceUrl, BaseApiService, isCompanyFeatureEnabled, getPermissionMode } from '@flusys/ng-core';
 import * as i2 from '@flusys/ng-ui';
@@ -101,10 +101,22 @@ const IAM_MESSAGES = {
     'iam.role.edit': 'Edit Role',
     'iam.role.name.placeholder': 'Enter role name',
     // pages/permission/permission-page.component.ts
+    'iam.permission.subtitle': 'Assign and manage access across roles, users, and companies',
     'iam.permission.role.actions': 'Role Actions',
     'iam.permission.user.roles': 'User Roles',
     'iam.permission.user.actions': 'User Actions',
     'iam.permission.company.actions': 'Company Actions',
+    'iam.permission.empty.role.actions.title': 'Select a role to get started',
+    'iam.permission.empty.role.actions.description': 'Choose a role from the dropdown above to view and manage its assigned actions.',
+    'iam.permission.empty.user.roles.title': 'Select a user to get started',
+    'iam.permission.empty.user.roles.description': 'Choose a user above to view and manage their assigned roles.',
+    'iam.permission.empty.user.actions.title': 'Select a user to get started',
+    'iam.permission.empty.user.actions.description': 'Choose a user above to view and manage their direct action permissions.',
+    'iam.permission.empty.company.actions.title': 'Select a company to get started',
+    'iam.permission.empty.company.actions.description': 'Choose a company from the dropdown above to view and manage its action whitelist.',
+    'iam.permission.unsaved.changes.title': 'Unsaved Changes',
+    'iam.permission.unsaved.changes.message': 'You have unsaved permission changes. Switching now will discard them.',
+    'iam.permission.unsaved.changes.discard': 'Discard Changes',
     // components/logic-builder.component.ts
     'iam.logic.title': 'Permission Logic',
     'iam.logic.add.logic': 'Add Logic',
@@ -824,6 +836,14 @@ class PermissionApiService extends BaseApiService {
     getCompanyActions(companyId) {
         return this.http.post(this.getUrl('permissions/get-company-actions'), { companyId });
     }
+    /** Effective roles for the authenticated user — merges company-wide and login-branch-specific assignments */
+    getMyRoles() {
+        return this.http.post(this.getUrl('permissions/my-roles'), {});
+    }
+    /** Effective direct actions for the authenticated user — merges company-wide and login-branch-specific assignments */
+    getMyActions() {
+        return this.http.post(this.getUrl('permissions/my-actions'), {});
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: PermissionApiService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: PermissionApiService, providedIn: 'root' });
 }
@@ -1399,9 +1419,27 @@ function convertActionToTreeNode(actions) {
     };
     return actions.map(convert);
 }
+function buildActionParentTree(actions, excludeId) {
+    const tree = buildTreeFromFlat(actions);
+    const convert = (nodes) => nodes
+        .filter((node) => node.id !== excludeId)
+        .map((node) => {
+        const { children, ...data } = node;
+        const converted = convert(children);
+        return {
+            key: node.id,
+            label: node.name,
+            data,
+            children: converted.length ? converted : undefined,
+            leaf: converted.length === 0,
+        };
+    });
+    return convert(tree);
+}
 
 class BaseActionSelectorComponent {
     permissionLogic = inject(ActionPermissionLogicService);
+    confirmationService = inject(ConfirmationService);
     translateAdapter = inject(TranslateService, {
         optional: true,
     });
@@ -1472,6 +1510,23 @@ class BaseActionSelectorComponent {
     translate(key, vars) {
         return this.translateAdapter?.translate(key, vars) ?? key;
     }
+    // Guards a selection change (role/user/company) behind a confirm dialog
+    // when there are unsaved edits; runs onAccept directly otherwise.
+    confirmSelectionChange(onAccept, onReject) {
+        if (!this.hasChanges()) {
+            onAccept();
+            return;
+        }
+        this.confirmationService.confirm({
+            header: this.translate('iam.permission.unsaved.changes.title'),
+            message: this.translate('iam.permission.unsaved.changes.message'),
+            icon: 'exclamation-triangle',
+            acceptLabel: this.translate('iam.permission.unsaved.changes.discard'),
+            rejectLabel: this.translate('shared.cancel'),
+            accept: onAccept,
+            reject: onReject,
+        });
+    }
     hasUnmetPrerequisites(action) {
         return action.id
             ? this.actionsWithUnmetPrerequisites().has(action.id)
@@ -1547,6 +1602,8 @@ class RoleActionSelectorComponent extends BaseActionSelectorComponent {
     ...(ngDevMode ? [{ debugName: "selectedRoleId" }] : /* istanbul ignore next */ []));
     roles = signal([], /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "roles" }] : /* istanbul ignore next */ []));
+    roleSelectRef = viewChild('roleSelect', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "roleSelectRef" }] : /* istanbul ignore next */ []));
     loadDataAbortController = null;
     constructor() {
         super();
@@ -1570,6 +1627,12 @@ class RoleActionSelectorComponent extends BaseActionSelectorComponent {
             }
         });
     }
+    onRoleSelect(roleId) {
+        const previousRoleId = this.selectedRoleId();
+        if (roleId === previousRoleId)
+            return;
+        this.confirmSelectionChange(() => this.selectedRoleId.set(roleId), () => this.roleSelectRef()?.writeValue(previousRoleId));
+    }
     getDefaultTooltip(isSelected) {
         if (isSelected) {
             return `[${this.translate('shared.assigned')}] ${this.translate('iam.tooltip.assigned.to.role')}\n\n[${this.translate('shared.remove')}] ${this.translate('iam.tooltip.click.to.remove.role')}`;
@@ -1643,17 +1706,19 @@ class RoleActionSelectorComponent extends BaseActionSelectorComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: RoleActionSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.6", type: RoleActionSelectorComponent, isStandalone: true, selector: "flusys-role-action-selector", usesInheritance: true, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.6", type: RoleActionSelectorComponent, isStandalone: true, selector: "flusys-role-action-selector", viewQueries: [{ propertyName: "roleSelectRef", first: true, predicate: ["roleSelect"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
     <div class="role-action-selector">
-      <div class="mb-4">
-        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
+      <div class="surface-card p-4 rounded-border mb-4 shadow-sm">
+        <div class="grid grid-cols-1 sm:grid-cols-2 gap-5">
           <div>
-            <label class="block font-semibold mb-2">{{
-              'iam.permission.select.role' | translate
-            }}</label>
+            <label class="block font-semibold mb-2">
+              <ui-icon name="shield" class="mr-2 text-primary"></ui-icon>
+              {{ 'iam.permission.select.role' | translate }}
+            </label>
             <f-select
+              #roleSelect
               [ngModel]="selectedRoleId()"
-              (ngModelChange)="selectedRoleId.set($event)"
+              (ngModelChange)="onRoleSelect($event)"
               [options]="roles()"
               optionLabel="name"
               optionValue="id"
@@ -1668,6 +1733,20 @@ class RoleActionSelectorComponent extends BaseActionSelectorComponent {
         </div>
       </div>
 
+      @if (!selectedRoleId()) {
+        <div class="empty-state border border-dashed border-surface rounded-border p-8 text-center">
+          <div class="empty-state-icon mx-auto mb-3">
+            <ui-icon name="arrow-up" class="text-primary"></ui-icon>
+          </div>
+          <h5 class="m-0 mb-1">
+            {{ 'iam.permission.empty.role.actions.title' | translate }}
+          </h5>
+          <p class="text-sm text-muted-color m-0">
+            {{ 'iam.permission.empty.role.actions.description' | translate }}
+          </p>
+        </div>
+      }
+
       @if (selectedRoleId()) {
         @if (loading()) {
           <div
@@ -1901,21 +1980,23 @@ class RoleActionSelectorComponent extends BaseActionSelectorComponent {
         }
       }
     </div>
-  `, isInline: true, styles: [":host{display:block}.validation-warning{background-color:var(--f-yellow-50, #fefce8);border-left:4px solid var(--f-yellow-500, #eab308);color:var(--f-yellow-700, #a16207)}:host-context(.app-dark) .validation-warning{background-color:#eab3081a;color:var(--f-yellow-400, #facc15)}:host ::ng-deep tr.highlight-warning{background-color:var(--f-red-50, rgba(239, 68, 68, .1))!important}:host-context(.app-dark) ::ng-deep tr.highlight-warning{background-color:#ef444426!important}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: UiModule }, { kind: "directive", type: i2.FButtonDirective, selector: "[fButton]", inputs: ["severity", "text", "outlined", "link", "variant", "rounded", "raised", "fluid", "disabled", "loading", "loadingIcon", "size", "label", "icon", "iconPos", "ariaLabel", "plain"] }, { kind: "component", type: i2.TagComponent, selector: "f-tag", inputs: ["value", "severity", "icon", "rounded", "color", "styleClass", "style"] }, { kind: "component", type: i2.CheckboxComponent, selector: "f-checkbox", inputs: ["label", "binary", "disabled", "readonly", "inputId", "invalid", "indeterminate", "variant", "size", "touched", "styleClass", "style", "checked"], outputs: ["onChange", "onBlur", "touch", "checkedChange"] }, { kind: "component", type: i2.SelectComponent, selector: "f-select", inputs: ["options", "optionLabel", "optionValue", "placeholder", "disabled", "filter", "filterBy", "filterMatchMode", "filterLocale", "filterPlaceholder", "resetFilterOnHide", "autofocusFilter", "emptyMessage", "emptyFilterMessage", "showClear", "loading", "loadingIcon", "dropdownIcon", "clearIcon", "inputId", "invalid", "touched", "styleClass", "style", "appendTo", "editable", "readonly", "autofocus", "checkmark", "group", "optionGroupLabel", "optionGroupChildren", "virtualScroll", "virtualScrollItemSize", "lazy"], outputs: ["onFilter", "onChange", "onShow", "onHide", "onBlur", "onFocus", "onClear", "onLazyLoad"] }, { kind: "directive", type: i2.TooltipDirective, selector: "[fTooltip]", inputs: ["fTooltip", "tooltipPosition", "positionStyle", "tooltipStyleClass", "disabled", "tooltipEvent", "showDelay", "hideDelay", "life", "autoHide", "positionTop", "positionLeft", "escape"] }, { kind: "component", type: i2.TreeTableComponent, selector: "f-treetable", inputs: ["value", "loading", "dataKey", "styleClass", "tableStyle", "scrollable", "scrollHeight", "resizableColumns", "lazy", "totalRecords", "paginator", "first", "rows", "rowsPerPageOptions", "showCurrentPageReport", "currentPageReportTemplate", "globalFilterFields", "filterDelay", "selectionMode", "sortMode", "virtualScroll", "virtualScrollItemSize", "sortField", "sortOrder", "multiSortMeta", "filters", "selection", "contextMenuSelection"], outputs: ["sortFieldChange", "sortOrderChange", "multiSortMetaChange", "filtersChange", "selectionChange", "contextMenuSelectionChange", "onLazyLoad", "onSort", "onFilter", "onNodeExpand", "onNodeCollapse", "onNodeSelect", "onNodeUnselect", "onRowContextMenu"] }, { kind: "component", type: i2.TreeTableTogglerComponent, selector: "f-treetabletoggler", inputs: ["rowNode"] }, { kind: "component", type: i2.UiIconComponent, selector: "ui-icon", inputs: ["name", "size", "spin", "fill", "severity"] }, { kind: "directive", type: HasPermissionDirective, selector: "[hasPermission]", inputs: ["hasPermission"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
+  `, isInline: true, styles: [":host{display:block}.empty-state-icon{width:3rem;height:3rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;background-color:var(--f-primary-50, rgba(59, 130, 246, .08))}:host-context(.app-dark) .empty-state-icon{background-color:#60a5fa1f}.validation-warning{background-color:var(--f-yellow-50, #fefce8);border-left:4px solid var(--f-yellow-500, #eab308);color:var(--f-yellow-700, #a16207)}:host-context(.app-dark) .validation-warning{background-color:#eab3081a;color:var(--f-yellow-400, #facc15)}:host ::ng-deep tr.highlight-warning{background-color:var(--f-red-50, rgba(239, 68, 68, .1))!important}:host-context(.app-dark) ::ng-deep tr.highlight-warning{background-color:#ef444426!important}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: UiModule }, { kind: "directive", type: i2.FButtonDirective, selector: "[fButton]", inputs: ["severity", "text", "outlined", "link", "variant", "rounded", "raised", "fluid", "disabled", "loading", "loadingIcon", "size", "label", "icon", "iconPos", "ariaLabel", "plain"] }, { kind: "component", type: i2.TagComponent, selector: "f-tag", inputs: ["value", "severity", "icon", "rounded", "color", "styleClass", "style"] }, { kind: "component", type: i2.CheckboxComponent, selector: "f-checkbox", inputs: ["label", "binary", "disabled", "readonly", "inputId", "invalid", "indeterminate", "variant", "size", "touched", "styleClass", "style", "checked"], outputs: ["onChange", "onBlur", "touch", "checkedChange"] }, { kind: "component", type: i2.SelectComponent, selector: "f-select", inputs: ["options", "optionLabel", "optionValue", "placeholder", "disabled", "filter", "filterBy", "filterMatchMode", "filterLocale", "filterPlaceholder", "resetFilterOnHide", "autofocusFilter", "emptyMessage", "emptyFilterMessage", "showClear", "loading", "loadingIcon", "dropdownIcon", "clearIcon", "inputId", "invalid", "touched", "styleClass", "style", "appendTo", "editable", "readonly", "autofocus", "checkmark", "group", "optionGroupLabel", "optionGroupChildren", "virtualScroll", "virtualScrollItemSize", "lazy"], outputs: ["onFilter", "onChange", "onShow", "onHide", "onBlur", "onFocus", "onClear", "onLazyLoad"] }, { kind: "directive", type: i2.TooltipDirective, selector: "[fTooltip]", inputs: ["fTooltip", "tooltipPosition", "positionStyle", "tooltipStyleClass", "disabled", "tooltipEvent", "showDelay", "hideDelay", "life", "autoHide", "positionTop", "positionLeft", "escape"] }, { kind: "component", type: i2.TreeTableComponent, selector: "f-treetable", inputs: ["value", "loading", "dataKey", "styleClass", "tableStyle", "scrollable", "scrollHeight", "resizableColumns", "lazy", "totalRecords", "paginator", "first", "rows", "rowsPerPageOptions", "showCurrentPageReport", "currentPageReportTemplate", "globalFilterFields", "filterDelay", "selectionMode", "sortMode", "virtualScroll", "virtualScrollItemSize", "sortField", "sortOrder", "multiSortMeta", "filters", "selection", "contextMenuSelection"], outputs: ["sortFieldChange", "sortOrderChange", "multiSortMetaChange", "filtersChange", "selectionChange", "contextMenuSelectionChange", "onLazyLoad", "onSort", "onFilter", "onNodeExpand", "onNodeCollapse", "onNodeSelect", "onNodeUnselect", "onRowContextMenu"] }, { kind: "component", type: i2.TreeTableTogglerComponent, selector: "f-treetabletoggler", inputs: ["rowNode"] }, { kind: "component", type: i2.UiIconComponent, selector: "ui-icon", inputs: ["name", "size", "spin", "fill", "severity"] }, { kind: "directive", type: HasPermissionDirective, selector: "[hasPermission]", inputs: ["hasPermission"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: RoleActionSelectorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'flusys-role-action-selector', imports: [FormsModule, UiModule, HasPermissionDirective, TranslatePipe], template: `
     <div class="role-action-selector">
-      <div class="mb-4">
-        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
+      <div class="surface-card p-4 rounded-border mb-4 shadow-sm">
+        <div class="grid grid-cols-1 sm:grid-cols-2 gap-5">
           <div>
-            <label class="block font-semibold mb-2">{{
-              'iam.permission.select.role' | translate
-            }}</label>
+            <label class="block font-semibold mb-2">
+              <ui-icon name="shield" class="mr-2 text-primary"></ui-icon>
+              {{ 'iam.permission.select.role' | translate }}
+            </label>
             <f-select
+              #roleSelect
               [ngModel]="selectedRoleId()"
-              (ngModelChange)="selectedRoleId.set($event)"
+              (ngModelChange)="onRoleSelect($event)"
               [options]="roles()"
               optionLabel="name"
               optionValue="id"
@@ -1930,6 +2011,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImpor
         </div>
       </div>
 
+      @if (!selectedRoleId()) {
+        <div class="empty-state border border-dashed border-surface rounded-border p-8 text-center">
+          <div class="empty-state-icon mx-auto mb-3">
+            <ui-icon name="arrow-up" class="text-primary"></ui-icon>
+          </div>
+          <h5 class="m-0 mb-1">
+            {{ 'iam.permission.empty.role.actions.title' | translate }}
+          </h5>
+          <p class="text-sm text-muted-color m-0">
+            {{ 'iam.permission.empty.role.actions.description' | translate }}
+          </p>
+        </div>
+      }
+
       @if (selectedRoleId()) {
         @if (loading()) {
           <div
@@ -2163,8 +2258,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImpor
         }
       }
     </div>
-  `, styles: [":host{display:block}.validation-warning{background-color:var(--f-yellow-50, #fefce8);border-left:4px solid var(--f-yellow-500, #eab308);color:var(--f-yellow-700, #a16207)}:host-context(.app-dark) .validation-warning{background-color:#eab3081a;color:var(--f-yellow-400, #facc15)}:host ::ng-deep tr.highlight-warning{background-color:var(--f-red-50, rgba(239, 68, 68, .1))!important}:host-context(.app-dark) ::ng-deep tr.highlight-warning{background-color:#ef444426!important}\n"] }]
-        }], ctorParameters: () => [] });
+  `, styles: [":host{display:block}.empty-state-icon{width:3rem;height:3rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;background-color:var(--f-primary-50, rgba(59, 130, 246, .08))}:host-context(.app-dark) .empty-state-icon{background-color:#60a5fa1f}.validation-warning{background-color:var(--f-yellow-50, #fefce8);border-left:4px solid var(--f-yellow-500, #eab308);color:var(--f-yellow-700, #a16207)}:host-context(.app-dark) .validation-warning{background-color:#eab3081a;color:var(--f-yellow-400, #facc15)}:host ::ng-deep tr.highlight-warning{background-color:var(--f-red-50, rgba(239, 68, 68, .1))!important}:host-context(.app-dark) ::ng-deep tr.highlight-warning{background-color:#ef444426!important}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { roleSelectRef: [{ type: i0.ViewChild, args: ['roleSelect', { isSignal: true }] }] } });
 
 class CompanyActionSelectorComponent extends BaseActionSelectorComponent {
     COMPANY_ACTION_PERMISSIONS = COMPANY_ACTION_PERMISSIONS;
@@ -2172,12 +2267,13 @@ class CompanyActionSelectorComponent extends BaseActionSelectorComponent {
     actionApi = inject(ActionApiService);
     permissionApi = inject(PermissionApiService);
     messageService = inject(MessageService);
-    confirmationService = inject(ConfirmationService);
     destroyRef = inject(DestroyRef);
     selectedCompanyId = signal(undefined, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "selectedCompanyId" }] : /* istanbul ignore next */ []));
     companies = signal([], /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "companies" }] : /* istanbul ignore next */ []));
+    companySelectRef = viewChild('companySelect', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "companySelectRef" }] : /* istanbul ignore next */ []));
     loadDataAbortController = null;
     constructor() {
         super();
@@ -2201,6 +2297,12 @@ class CompanyActionSelectorComponent extends BaseActionSelectorComponent {
             }
         });
     }
+    onCompanyChange(companyId) {
+        const previousCompanyId = this.selectedCompanyId();
+        if (companyId === previousCompanyId)
+            return;
+        this.confirmSelectionChange(() => this.selectedCompanyId.set(companyId), () => this.companySelectRef()?.writeValue(previousCompanyId));
+    }
     getDefaultTooltip(isSelected) {
         if (isSelected) {
             return `[${this.translate('iam.tooltip.selected')}] ${this.translate('iam.tooltip.selected')}\n\n[${this.translate('shared.remove')}] ${this.translate('iam.tooltip.click.to.remove')}`;
@@ -2321,17 +2423,19 @@ class CompanyActionSelectorComponent extends BaseActionSelectorComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: CompanyActionSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.6", type: CompanyActionSelectorComponent, isStandalone: true, selector: "flusys-company-action-selector", usesInheritance: true, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.6", type: CompanyActionSelectorComponent, isStandalone: true, selector: "flusys-company-action-selector", viewQueries: [{ propertyName: "companySelectRef", first: true, predicate: ["companySelect"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
     <div class="company-action-selector">
-      <div class="mb-4">
-        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
+      <div class="surface-card p-4 rounded-border mb-4 shadow-sm">
+        <div class="grid grid-cols-1 sm:grid-cols-2 gap-5">
           <div>
-            <label class="block font-semibold mb-2">{{
-              'iam.permission.select.company' | translate
-            }}</label>
+            <label class="block font-semibold mb-2">
+              <ui-icon name="building" class="mr-2 text-primary"></ui-icon>
+              {{ 'iam.permission.select.company' | translate }}
+            </label>
             <f-select
+              #companySelect
               [ngModel]="selectedCompanyId()"
-              (ngModelChange)="selectedCompanyId.set($event)"
+              (ngModelChange)="onCompanyChange($event)"
               [options]="companies()"
               optionLabel="name"
               optionValue="id"
@@ -2346,6 +2450,20 @@ class CompanyActionSelectorComponent extends BaseActionSelectorComponent {
         </div>
       </div>
 
+      @if (!selectedCompanyId()) {
+        <div class="empty-state border border-dashed border-surface rounded-border p-8 text-center">
+          <div class="empty-state-icon mx-auto mb-3">
+            <ui-icon name="building" class="text-primary"></ui-icon>
+          </div>
+          <h5 class="m-0 mb-1">
+            {{ 'iam.permission.empty.company.actions.title' | translate }}
+          </h5>
+          <p class="text-sm text-muted-color m-0">
+            {{ 'iam.permission.empty.company.actions.description' | translate }}
+          </p>
+        </div>
+      }
+
       @if (selectedCompanyId()) {
         @if (loading()) {
           <div
@@ -2572,21 +2690,23 @@ class CompanyActionSelectorComponent extends BaseActionSelectorComponent {
         }
       }
     </div>
-  `, isInline: true, styles: [":host{display:block}.validation-warning{background-color:var(--f-yellow-50, #fefce8);border-left:4px solid var(--f-yellow-500, #eab308);color:var(--f-yellow-700, #a16207)}:host-context(.app-dark) .validation-warning{background-color:#eab3081a;color:var(--f-yellow-400, #facc15)}:host ::ng-deep tr.highlight-warning{background-color:var(--f-red-50, rgba(239, 68, 68, .1))!important}:host-context(.app-dark) ::ng-deep tr.highlight-warning{background-color:#ef444426!important}\n"], dependencies: [{ kind: "ngmodule", type: UiModule }, { kind: "directive", type: i2.FButtonDirective, selector: "[fButton]", inputs: ["severity", "text", "outlined", "link", "variant", "rounded", "raised", "fluid", "disabled", "loading", "loadingIcon", "size", "label", "icon", "iconPos", "ariaLabel", "plain"] }, { kind: "component", type: i2.TagComponent, selector: "f-tag", inputs: ["value", "severity", "icon", "rounded", "color", "styleClass", "style"] }, { kind: "component", type: i2.CheckboxComponent, selector: "f-checkbox", inputs: ["label", "binary", "disabled", "readonly", "inputId", "invalid", "indeterminate", "variant", "size", "touched", "styleClass", "style", "checked"], outputs: ["onChange", "onBlur", "touch", "checkedChange"] }, { kind: "component", type: i2.SelectComponent, selector: "f-select", inputs: ["options", "optionLabel", "optionValue", "placeholder", "disabled", "filter", "filterBy", "filterMatchMode", "filterLocale", "filterPlaceholder", "resetFilterOnHide", "autofocusFilter", "emptyMessage", "emptyFilterMessage", "showClear", "loading", "loadingIcon", "dropdownIcon", "clearIcon", "inputId", "invalid", "touched", "styleClass", "style", "appendTo", "editable", "readonly", "autofocus", "checkmark", "group", "optionGroupLabel", "optionGroupChildren", "virtualScroll", "virtualScrollItemSize", "lazy"], outputs: ["onFilter", "onChange", "onShow", "onHide", "onBlur", "onFocus", "onClear", "onLazyLoad"] }, { kind: "directive", type: i2.TooltipDirective, selector: "[fTooltip]", inputs: ["fTooltip", "tooltipPosition", "positionStyle", "tooltipStyleClass", "disabled", "tooltipEvent", "showDelay", "hideDelay", "life", "autoHide", "positionTop", "positionLeft", "escape"] }, { kind: "component", type: i2.TreeTableComponent, selector: "f-treetable", inputs: ["value", "loading", "dataKey", "styleClass", "tableStyle", "scrollable", "scrollHeight", "resizableColumns", "lazy", "totalRecords", "paginator", "first", "rows", "rowsPerPageOptions", "showCurrentPageReport", "currentPageReportTemplate", "globalFilterFields", "filterDelay", "selectionMode", "sortMode", "virtualScroll", "virtualScrollItemSize", "sortField", "sortOrder", "multiSortMeta", "filters", "selection", "contextMenuSelection"], outputs: ["sortFieldChange", "sortOrderChange", "multiSortMetaChange", "filtersChange", "selectionChange", "contextMenuSelectionChange", "onLazyLoad", "onSort", "onFilter", "onNodeExpand", "onNodeCollapse", "onNodeSelect", "onNodeUnselect", "onRowContextMenu"] }, { kind: "component", type: i2.TreeTableTogglerComponent, selector: "f-treetabletoggler", inputs: ["rowNode"] }, { kind: "component", type: i2.UiIconComponent, selector: "ui-icon", inputs: ["name", "size", "spin", "fill", "severity"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: HasPermissionDirective, selector: "[hasPermission]", inputs: ["hasPermission"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
+  `, isInline: true, styles: [":host{display:block}.empty-state-icon{width:3rem;height:3rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;background-color:var(--f-primary-50, rgba(59, 130, 246, .08))}:host-context(.app-dark) .empty-state-icon{background-color:#60a5fa1f}.validation-warning{background-color:var(--f-yellow-50, #fefce8);border-left:4px solid var(--f-yellow-500, #eab308);color:var(--f-yellow-700, #a16207)}:host-context(.app-dark) .validation-warning{background-color:#eab3081a;color:var(--f-yellow-400, #facc15)}:host ::ng-deep tr.highlight-warning{background-color:var(--f-red-50, rgba(239, 68, 68, .1))!important}:host-context(.app-dark) ::ng-deep tr.highlight-warning{background-color:#ef444426!important}\n"], dependencies: [{ kind: "ngmodule", type: UiModule }, { kind: "directive", type: i2.FButtonDirective, selector: "[fButton]", inputs: ["severity", "text", "outlined", "link", "variant", "rounded", "raised", "fluid", "disabled", "loading", "loadingIcon", "size", "label", "icon", "iconPos", "ariaLabel", "plain"] }, { kind: "component", type: i2.TagComponent, selector: "f-tag", inputs: ["value", "severity", "icon", "rounded", "color", "styleClass", "style"] }, { kind: "component", type: i2.CheckboxComponent, selector: "f-checkbox", inputs: ["label", "binary", "disabled", "readonly", "inputId", "invalid", "indeterminate", "variant", "size", "touched", "styleClass", "style", "checked"], outputs: ["onChange", "onBlur", "touch", "checkedChange"] }, { kind: "component", type: i2.SelectComponent, selector: "f-select", inputs: ["options", "optionLabel", "optionValue", "placeholder", "disabled", "filter", "filterBy", "filterMatchMode", "filterLocale", "filterPlaceholder", "resetFilterOnHide", "autofocusFilter", "emptyMessage", "emptyFilterMessage", "showClear", "loading", "loadingIcon", "dropdownIcon", "clearIcon", "inputId", "invalid", "touched", "styleClass", "style", "appendTo", "editable", "readonly", "autofocus", "checkmark", "group", "optionGroupLabel", "optionGroupChildren", "virtualScroll", "virtualScrollItemSize", "lazy"], outputs: ["onFilter", "onChange", "onShow", "onHide", "onBlur", "onFocus", "onClear", "onLazyLoad"] }, { kind: "directive", type: i2.TooltipDirective, selector: "[fTooltip]", inputs: ["fTooltip", "tooltipPosition", "positionStyle", "tooltipStyleClass", "disabled", "tooltipEvent", "showDelay", "hideDelay", "life", "autoHide", "positionTop", "positionLeft", "escape"] }, { kind: "component", type: i2.TreeTableComponent, selector: "f-treetable", inputs: ["value", "loading", "dataKey", "styleClass", "tableStyle", "scrollable", "scrollHeight", "resizableColumns", "lazy", "totalRecords", "paginator", "first", "rows", "rowsPerPageOptions", "showCurrentPageReport", "currentPageReportTemplate", "globalFilterFields", "filterDelay", "selectionMode", "sortMode", "virtualScroll", "virtualScrollItemSize", "sortField", "sortOrder", "multiSortMeta", "filters", "selection", "contextMenuSelection"], outputs: ["sortFieldChange", "sortOrderChange", "multiSortMetaChange", "filtersChange", "selectionChange", "contextMenuSelectionChange", "onLazyLoad", "onSort", "onFilter", "onNodeExpand", "onNodeCollapse", "onNodeSelect", "onNodeUnselect", "onRowContextMenu"] }, { kind: "component", type: i2.TreeTableTogglerComponent, selector: "f-treetabletoggler", inputs: ["rowNode"] }, { kind: "component", type: i2.UiIconComponent, selector: "ui-icon", inputs: ["name", "size", "spin", "fill", "severity"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: HasPermissionDirective, selector: "[hasPermission]", inputs: ["hasPermission"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: CompanyActionSelectorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'flusys-company-action-selector', imports: [UiModule, FormsModule, HasPermissionDirective, TranslatePipe], template: `
     <div class="company-action-selector">
-      <div class="mb-4">
-        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
+      <div class="surface-card p-4 rounded-border mb-4 shadow-sm">
+        <div class="grid grid-cols-1 sm:grid-cols-2 gap-5">
           <div>
-            <label class="block font-semibold mb-2">{{
-              'iam.permission.select.company' | translate
-            }}</label>
+            <label class="block font-semibold mb-2">
+              <ui-icon name="building" class="mr-2 text-primary"></ui-icon>
+              {{ 'iam.permission.select.company' | translate }}
+            </label>
             <f-select
+              #companySelect
               [ngModel]="selectedCompanyId()"
-              (ngModelChange)="selectedCompanyId.set($event)"
+              (ngModelChange)="onCompanyChange($event)"
               [options]="companies()"
               optionLabel="name"
               optionValue="id"
@@ -2601,6 +2721,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImpor
         </div>
       </div>
 
+      @if (!selectedCompanyId()) {
+        <div class="empty-state border border-dashed border-surface rounded-border p-8 text-center">
+          <div class="empty-state-icon mx-auto mb-3">
+            <ui-icon name="building" class="text-primary"></ui-icon>
+          </div>
+          <h5 class="m-0 mb-1">
+            {{ 'iam.permission.empty.company.actions.title' | translate }}
+          </h5>
+          <p class="text-sm text-muted-color m-0">
+            {{ 'iam.permission.empty.company.actions.description' | translate }}
+          </p>
+        </div>
+      }
+
       @if (selectedCompanyId()) {
         @if (loading()) {
           <div
@@ -2827,8 +2961,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImpor
         }
       }
     </div>
-  `, styles: [":host{display:block}.validation-warning{background-color:var(--f-yellow-50, #fefce8);border-left:4px solid var(--f-yellow-500, #eab308);color:var(--f-yellow-700, #a16207)}:host-context(.app-dark) .validation-warning{background-color:#eab3081a;color:var(--f-yellow-400, #facc15)}:host ::ng-deep tr.highlight-warning{background-color:var(--f-red-50, rgba(239, 68, 68, .1))!important}:host-context(.app-dark) ::ng-deep tr.highlight-warning{background-color:#ef444426!important}\n"] }]
-        }], ctorParameters: () => [] });
+  `, styles: [":host{display:block}.empty-state-icon{width:3rem;height:3rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;background-color:var(--f-primary-50, rgba(59, 130, 246, .08))}:host-context(.app-dark) .empty-state-icon{background-color:#60a5fa1f}.validation-warning{background-color:var(--f-yellow-50, #fefce8);border-left:4px solid var(--f-yellow-500, #eab308);color:var(--f-yellow-700, #a16207)}:host-context(.app-dark) .validation-warning{background-color:#eab3081a;color:var(--f-yellow-400, #facc15)}:host ::ng-deep tr.highlight-warning{background-color:var(--f-red-50, rgba(239, 68, 68, .1))!important}:host-context(.app-dark) ::ng-deep tr.highlight-warning{background-color:#ef444426!important}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { companySelectRef: [{ type: i0.ViewChild, args: ['companySelect', { isSignal: true }] }] } });
 
 /**
  * User-Role Selector Component
@@ -2869,12 +3003,33 @@ class UserRoleSelectorComponent {
     roleApi = inject(RoleApiService);
     permissionApi = inject(PermissionApiService);
     messageService = inject(MessageService);
+    confirmationService = inject(ConfirmationService);
     translateAdapter = inject(TranslateService, {
         optional: true,
     });
+    userSelectRef = viewChild('userSelect', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "userSelectRef" }] : /* istanbul ignore next */ []));
     translate(key, vars) {
         return this.translateAdapter?.translate(key, vars) ?? key;
     }
+    onUserChange(userId) {
+        const previousUserId = this.selectedUserId();
+        if (userId === previousUserId)
+            return;
+        if (this.hasChanges()) {
+            this.confirmationService.confirm({
+                header: this.translate('iam.permission.unsaved.changes.title'),
+                message: this.translate('iam.permission.unsaved.changes.message'),
+                icon: 'exclamation-triangle',
+                acceptLabel: this.translate('iam.permission.unsaved.changes.discard'),
+                rejectLabel: this.translate('shared.cancel'),
+                accept: () => this.selectedUserId.set(userId),
+                reject: () => this.userSelectRef()?.value.set(previousUserId),
+            });
+            return;
+        }
+        this.selectedUserId.set(userId);
+    }
     // State - User/Branch Selection
     selectedUserId = signal(null, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "selectedUserId" }] : /* istanbul ignore next */ []));
@@ -3148,7 +3303,7 @@ class UserRoleSelectorComponent {
         this._initialSelection.set({});
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: UserRoleSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.6", type: UserRoleSelectorComponent, isStandalone: true, selector: "flusys-user-role-selector", ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.6", type: UserRoleSelectorComponent, isStandalone: true, selector: "flusys-user-role-selector", viewQueries: [{ propertyName: "userSelectRef", first: true, predicate: ["userSelect"], descendants: true, isSignal: true }], ngImport: i0, template: `
     <div class="user-role-selector">
       <!-- User and Branch Selectors -->
       <div class="surface-card p-4 rounded-border mb-4 shadow-sm">
@@ -3159,8 +3314,9 @@ class UserRoleSelectorComponent {
               {{ 'iam.permission.select.user' | translate }}
             </label>
             <lib-user-select
+              #userSelect
               [value]="selectedUserId()"
-              (valueChange)="selectedUserId.set($event)"
+              (valueChange)="onUserChange($event)"
               [isEditMode]="true"
               [placeHolder]="
                 'iam.permission.select.user.placeholder' | translate
@@ -3215,6 +3371,20 @@ class UserRoleSelectorComponent {
         </div>
       </div>
 
+      @if (!selectedUserId()) {
+        <div class="empty-state border border-dashed border-surface rounded-border p-8 text-center">
+          <div class="empty-state-icon mx-auto mb-3">
+            <ui-icon name="user" class="text-primary"></ui-icon>
+          </div>
+          <h5 class="m-0 mb-1">
+            {{ 'iam.permission.empty.user.roles.title' | translate }}
+          </h5>
+          <p class="text-sm text-muted-color m-0">
+            {{ 'iam.permission.empty.user.roles.description' | translate }}
+          </p>
+        </div>
+      }
+
       @if (selectedUserId()) {
         <!-- Loading State -->
         @if (loading()) {
@@ -3407,7 +3577,7 @@ class UserRoleSelectorComponent {
         }
       }
     </div>
-  `, isInline: true, styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: UiModule }, { kind: "directive", type: i2.FButtonDirective, selector: "[fButton]", inputs: ["severity", "text", "outlined", "link", "variant", "rounded", "raised", "fluid", "disabled", "loading", "loadingIcon", "size", "label", "icon", "iconPos", "ariaLabel", "plain"] }, { kind: "component", type: i2.CheckboxComponent, selector: "f-checkbox", inputs: ["label", "binary", "disabled", "readonly", "inputId", "invalid", "indeterminate", "variant", "size", "touched", "styleClass", "style", "checked"], outputs: ["onChange", "onBlur", "touch", "checkedChange"] }, { kind: "component", type: i2.SelectComponent, selector: "f-select", inputs: ["options", "optionLabel", "optionValue", "placeholder", "disabled", "filter", "filterBy", "filterMatchMode", "filterLocale", "filterPlaceholder", "resetFilterOnHide", "autofocusFilter", "emptyMessage", "emptyFilterMessage", "showClear", "loading", "loadingIcon", "dropdownIcon", "clearIcon", "inputId", "invalid", "touched", "styleClass", "style", "appendTo", "editable", "readonly", "autofocus", "checkmark", "group", "optionGroupLabel", "optionGroupChildren", "virtualScroll", "virtualScrollItemSize", "lazy"], outputs: ["onFilter", "onChange", "onShow", "onHide", "onBlur", "onFocus", "onClear", "onLazyLoad"] }, { kind: "component", type: i2.TableComponent, selector: "f-table", inputs: ["value", "lazy", "loading", "rows", "totalRecords", "rowHover", "dataKey", "scrollable", "scrollHeight", "paginator", "first", "rowsPerPageOptions", "showCurrentPageReport", "currentPageReportTemplate", "tableStyle", "styleClass", "globalFilterFields", "filterDelay", "responsiveLayout", "selectionMode", "sortMode", "rowExpandMode", "resizableColumns", "rowStyleClass", "virtualScroll", "virtualScrollItemSize", "sortField", "sortOrder", "multiSortMeta", "filters", "selection", "expandedRowKeys", "contextMenuSelection"], outputs: ["sortFieldChange", "sortOrderChange", "multiSortMetaChange", "filtersChange", "selectionChange", "expandedRowKeysChange", "contextMenuSelectionChange", "onLazyLoad", "onSort", "onFilter", "onRowSelect", "onRowUnselect", "onSelectAllChange", "onRowExpand", "onRowCollapse", "onColResize", "onRowContextMenu"] }, { kind: "directive", type: i2.TooltipDirective, selector: "[fTooltip]", inputs: ["fTooltip", "tooltipPosition", "positionStyle", "tooltipStyleClass", "disabled", "tooltipEvent", "showDelay", "hideDelay", "life", "autoHide", "positionTop", "positionLeft", "escape"] }, { kind: "component", type: i2.UiIconComponent, selector: "ui-icon", inputs: ["name", "size", "spin", "fill", "severity"] }, { kind: "directive", type: HasPermissionDirective, selector: "[hasPermission]", inputs: ["hasPermission"] }, { kind: "component", type: UserSelectComponent, selector: "lib-user-select", inputs: ["showClear", "value"], outputs: ["valueChange", "userSelected"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
+  `, isInline: true, styles: [":host{display:block}.empty-state-icon{width:3rem;height:3rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;background-color:var(--f-primary-50, rgba(59, 130, 246, .08))}:host-context(.app-dark) .empty-state-icon{background-color:#60a5fa1f}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: UiModule }, { kind: "directive", type: i2.FButtonDirective, selector: "[fButton]", inputs: ["severity", "text", "outlined", "link", "variant", "rounded", "raised", "fluid", "disabled", "loading", "loadingIcon", "size", "label", "icon", "iconPos", "ariaLabel", "plain"] }, { kind: "component", type: i2.CheckboxComponent, selector: "f-checkbox", inputs: ["label", "binary", "disabled", "readonly", "inputId", "invalid", "indeterminate", "variant", "size", "touched", "styleClass", "style", "checked"], outputs: ["onChange", "onBlur", "touch", "checkedChange"] }, { kind: "component", type: i2.SelectComponent, selector: "f-select", inputs: ["options", "optionLabel", "optionValue", "placeholder", "disabled", "filter", "filterBy", "filterMatchMode", "filterLocale", "filterPlaceholder", "resetFilterOnHide", "autofocusFilter", "emptyMessage", "emptyFilterMessage", "showClear", "loading", "loadingIcon", "dropdownIcon", "clearIcon", "inputId", "invalid", "touched", "styleClass", "style", "appendTo", "editable", "readonly", "autofocus", "checkmark", "group", "optionGroupLabel", "optionGroupChildren", "virtualScroll", "virtualScrollItemSize", "lazy"], outputs: ["onFilter", "onChange", "onShow", "onHide", "onBlur", "onFocus", "onClear", "onLazyLoad"] }, { kind: "component", type: i2.TableComponent, selector: "f-table", inputs: ["value", "lazy", "loading", "rows", "totalRecords", "rowHover", "dataKey", "scrollable", "scrollHeight", "paginator", "first", "rowsPerPageOptions", "showCurrentPageReport", "currentPageReportTemplate", "tableStyle", "styleClass", "globalFilterFields", "filterDelay", "responsiveLayout", "selectionMode", "sortMode", "rowExpandMode", "resizableColumns", "rowStyleClass", "virtualScroll", "virtualScrollItemSize", "sortField", "sortOrder", "multiSortMeta", "filters", "selection", "expandedRowKeys", "contextMenuSelection"], outputs: ["sortFieldChange", "sortOrderChange", "multiSortMetaChange", "filtersChange", "selectionChange", "expandedRowKeysChange", "contextMenuSelectionChange", "onLazyLoad", "onSort", "onFilter", "onRowSelect", "onRowUnselect", "onSelectAllChange", "onRowExpand", "onRowCollapse", "onColResize", "onRowContextMenu"] }, { kind: "directive", type: i2.TooltipDirective, selector: "[fTooltip]", inputs: ["fTooltip", "tooltipPosition", "positionStyle", "tooltipStyleClass", "disabled", "tooltipEvent", "showDelay", "hideDelay", "life", "autoHide", "positionTop", "positionLeft", "escape"] }, { kind: "component", type: i2.UiIconComponent, selector: "ui-icon", inputs: ["name", "size", "spin", "fill", "severity"] }, { kind: "directive", type: HasPermissionDirective, selector: "[hasPermission]", inputs: ["hasPermission"] }, { kind: "component", type: UserSelectComponent, selector: "lib-user-select", inputs: ["showClear", "value"], outputs: ["valueChange", "userSelected"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: UserRoleSelectorComponent, decorators: [{
             type: Component,
@@ -3429,8 +3599,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImpor
               {{ 'iam.permission.select.user' | translate }}
             </label>
             <lib-user-select
+              #userSelect
               [value]="selectedUserId()"
-              (valueChange)="selectedUserId.set($event)"
+              (valueChange)="onUserChange($event)"
               [isEditMode]="true"
               [placeHolder]="
                 'iam.permission.select.user.placeholder' | translate
@@ -3485,6 +3656,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImpor
         </div>
       </div>
 
+      @if (!selectedUserId()) {
+        <div class="empty-state border border-dashed border-surface rounded-border p-8 text-center">
+          <div class="empty-state-icon mx-auto mb-3">
+            <ui-icon name="user" class="text-primary"></ui-icon>
+          </div>
+          <h5 class="m-0 mb-1">
+            {{ 'iam.permission.empty.user.roles.title' | translate }}
+          </h5>
+          <p class="text-sm text-muted-color m-0">
+            {{ 'iam.permission.empty.user.roles.description' | translate }}
+          </p>
+        </div>
+      }
+
       @if (selectedUserId()) {
         <!-- Loading State -->
         @if (loading()) {
@@ -3677,8 +3862,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImpor
         }
       }
     </div>
-  `, styles: [":host{display:block}\n"] }]
-        }], ctorParameters: () => [] });
+  `, styles: [":host{display:block}.empty-state-icon{width:3rem;height:3rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;background-color:var(--f-primary-50, rgba(59, 130, 246, .08))}:host-context(.app-dark) .empty-state-icon{background-color:#60a5fa1f}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { userSelectRef: [{ type: i0.ViewChild, args: ['userSelect', { isSignal: true }] }] } });
 
 class UserActionSelectorComponent extends BaseActionSelectorComponent {
     USER_ACTION_PERMISSIONS = USER_ACTION_PERMISSIONS;
@@ -3688,6 +3873,8 @@ class UserActionSelectorComponent extends BaseActionSelectorComponent {
     actionApi = inject(ActionApiService);
     permissionApi = inject(PermissionApiService);
     messageService = inject(MessageService);
+    userSelectRef = viewChild('userSelect', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "userSelectRef" }] : /* istanbul ignore next */ []));
     _selectedUserId = signal(null, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "_selectedUserId" }] : /* istanbul ignore next */ []));
     selectedUserId = this._selectedUserId.asReadonly();
@@ -3743,7 +3930,10 @@ class UserActionSelectorComponent extends BaseActionSelectorComponent {
         });
     }
     onUserSelect(userId) {
-        this._selectedUserId.set(userId);
+        const previousUserId = this.selectedUserId();
+        if (userId === previousUserId)
+            return;
+        this.confirmSelectionChange(() => this._selectedUserId.set(userId), () => this.userSelectRef()?.value.set(previousUserId));
     }
     onBranchChange(branchId) {
         this._selectedBranchId.set(branchId);
@@ -3889,7 +4079,7 @@ class UserActionSelectorComponent extends BaseActionSelectorComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: UserActionSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.6", type: UserActionSelectorComponent, isStandalone: true, selector: "flusys-user-action-selector", usesInheritance: true, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.6", type: UserActionSelectorComponent, isStandalone: true, selector: "flusys-user-action-selector", viewQueries: [{ propertyName: "userSelectRef", first: true, predicate: ["userSelect"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
     <div class="user-action-selector">
       <div class="surface-card p-4 rounded-border mb-4 shadow-sm">
         <div
@@ -3903,6 +4093,7 @@ class UserActionSelectorComponent extends BaseActionSelectorComponent {
               {{ 'iam.permission.select.user' | translate }}
             </label>
             <lib-user-select
+              #userSelect
               [value]="selectedUserId()"
               (valueChange)="onUserSelect($event)"
               [isEditMode]="true"
@@ -3980,6 +4171,20 @@ class UserActionSelectorComponent extends BaseActionSelectorComponent {
         </div>
       </div>
 
+      @if (!selectedUserId()) {
+        <div class="empty-state border border-dashed border-surface rounded-border p-8 text-center">
+          <div class="empty-state-icon mx-auto mb-3">
+            <ui-icon name="key" class="text-primary"></ui-icon>
+          </div>
+          <h5 class="m-0 mb-1">
+            {{ 'iam.permission.empty.user.actions.title' | translate }}
+          </h5>
+          <p class="text-sm text-muted-color m-0">
+            {{ 'iam.permission.empty.user.actions.description' | translate }}
+          </p>
+        </div>
+      }
+
       @if (selectedUserId()) {
         @if (loading()) {
           <div class="flex justify-center p-5">
@@ -4205,7 +4410,7 @@ class UserActionSelectorComponent extends BaseActionSelectorComponent {
         }
       }
     </div>
-  `, isInline: true, styles: [":host{display:block}.validation-warning{background-color:var(--f-yellow-50, #fefce8);border-left:4px solid var(--f-yellow-500, #eab308);color:var(--f-yellow-700, #a16207)}:host-context(.app-dark) .validation-warning{background-color:#eab3081a;color:var(--f-yellow-400, #facc15)}:host ::ng-deep tr.highlight-warning{background-color:var(--f-red-50, rgba(239, 68, 68, .1))!important}:host-context(.app-dark) ::ng-deep tr.highlight-warning{background-color:#ef444426!important}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: UiModule }, { kind: "directive", type: i2.FButtonDirective, selector: "[fButton]", inputs: ["severity", "text", "outlined", "link", "variant", "rounded", "raised", "fluid", "disabled", "loading", "loadingIcon", "size", "label", "icon", "iconPos", "ariaLabel", "plain"] }, { kind: "component", type: i2.TagComponent, selector: "f-tag", inputs: ["value", "severity", "icon", "rounded", "color", "styleClass", "style"] }, { kind: "component", type: i2.CheckboxComponent, selector: "f-checkbox", inputs: ["label", "binary", "disabled", "readonly", "inputId", "invalid", "indeterminate", "variant", "size", "touched", "styleClass", "style", "checked"], outputs: ["onChange", "onBlur", "touch", "checkedChange"] }, { kind: "component", type: i2.SelectComponent, selector: "f-select", inputs: ["options", "optionLabel", "optionValue", "placeholder", "disabled", "filter", "filterBy", "filterMatchMode", "filterLocale", "filterPlaceholder", "resetFilterOnHide", "autofocusFilter", "emptyMessage", "emptyFilterMessage", "showClear", "loading", "loadingIcon", "dropdownIcon", "clearIcon", "inputId", "invalid", "touched", "styleClass", "style", "appendTo", "editable", "readonly", "autofocus", "checkmark", "group", "optionGroupLabel", "optionGroupChildren", "virtualScroll", "virtualScrollItemSize", "lazy"], outputs: ["onFilter", "onChange", "onShow", "onHide", "onBlur", "onFocus", "onClear", "onLazyLoad"] }, { kind: "directive", type: i2.TooltipDirective, selector: "[fTooltip]", inputs: ["fTooltip", "tooltipPosition", "positionStyle", "tooltipStyleClass", "disabled", "tooltipEvent", "showDelay", "hideDelay", "life", "autoHide", "positionTop", "positionLeft", "escape"] }, { kind: "component", type: i2.TreeTableComponent, selector: "f-treetable", inputs: ["value", "loading", "dataKey", "styleClass", "tableStyle", "scrollable", "scrollHeight", "resizableColumns", "lazy", "totalRecords", "paginator", "first", "rows", "rowsPerPageOptions", "showCurrentPageReport", "currentPageReportTemplate", "globalFilterFields", "filterDelay", "selectionMode", "sortMode", "virtualScroll", "virtualScrollItemSize", "sortField", "sortOrder", "multiSortMeta", "filters", "selection", "contextMenuSelection"], outputs: ["sortFieldChange", "sortOrderChange", "multiSortMetaChange", "filtersChange", "selectionChange", "contextMenuSelectionChange", "onLazyLoad", "onSort", "onFilter", "onNodeExpand", "onNodeCollapse", "onNodeSelect", "onNodeUnselect", "onRowContextMenu"] }, { kind: "component", type: i2.TreeTableTogglerComponent, selector: "f-treetabletoggler", inputs: ["rowNode"] }, { kind: "component", type: i2.UiIconComponent, selector: "ui-icon", inputs: ["name", "size", "spin", "fill", "severity"] }, { kind: "directive", type: HasPermissionDirective, selector: "[hasPermission]", inputs: ["hasPermission"] }, { kind: "component", type: UserSelectComponent, selector: "lib-user-select", inputs: ["showClear", "value"], outputs: ["valueChange", "userSelected"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
+  `, isInline: true, styles: [":host{display:block}.empty-state-icon{width:3rem;height:3rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;background-color:var(--f-primary-50, rgba(59, 130, 246, .08))}:host-context(.app-dark) .empty-state-icon{background-color:#60a5fa1f}.validation-warning{background-color:var(--f-yellow-50, #fefce8);border-left:4px solid var(--f-yellow-500, #eab308);color:var(--f-yellow-700, #a16207)}:host-context(.app-dark) .validation-warning{background-color:#eab3081a;color:var(--f-yellow-400, #facc15)}:host ::ng-deep tr.highlight-warning{background-color:var(--f-red-50, rgba(239, 68, 68, .1))!important}:host-context(.app-dark) ::ng-deep tr.highlight-warning{background-color:#ef444426!important}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: UiModule }, { kind: "directive", type: i2.FButtonDirective, selector: "[fButton]", inputs: ["severity", "text", "outlined", "link", "variant", "rounded", "raised", "fluid", "disabled", "loading", "loadingIcon", "size", "label", "icon", "iconPos", "ariaLabel", "plain"] }, { kind: "component", type: i2.TagComponent, selector: "f-tag", inputs: ["value", "severity", "icon", "rounded", "color", "styleClass", "style"] }, { kind: "component", type: i2.CheckboxComponent, selector: "f-checkbox", inputs: ["label", "binary", "disabled", "readonly", "inputId", "invalid", "indeterminate", "variant", "size", "touched", "styleClass", "style", "checked"], outputs: ["onChange", "onBlur", "touch", "checkedChange"] }, { kind: "component", type: i2.SelectComponent, selector: "f-select", inputs: ["options", "optionLabel", "optionValue", "placeholder", "disabled", "filter", "filterBy", "filterMatchMode", "filterLocale", "filterPlaceholder", "resetFilterOnHide", "autofocusFilter", "emptyMessage", "emptyFilterMessage", "showClear", "loading", "loadingIcon", "dropdownIcon", "clearIcon", "inputId", "invalid", "touched", "styleClass", "style", "appendTo", "editable", "readonly", "autofocus", "checkmark", "group", "optionGroupLabel", "optionGroupChildren", "virtualScroll", "virtualScrollItemSize", "lazy"], outputs: ["onFilter", "onChange", "onShow", "onHide", "onBlur", "onFocus", "onClear", "onLazyLoad"] }, { kind: "directive", type: i2.TooltipDirective, selector: "[fTooltip]", inputs: ["fTooltip", "tooltipPosition", "positionStyle", "tooltipStyleClass", "disabled", "tooltipEvent", "showDelay", "hideDelay", "life", "autoHide", "positionTop", "positionLeft", "escape"] }, { kind: "component", type: i2.TreeTableComponent, selector: "f-treetable", inputs: ["value", "loading", "dataKey", "styleClass", "tableStyle", "scrollable", "scrollHeight", "resizableColumns", "lazy", "totalRecords", "paginator", "first", "rows", "rowsPerPageOptions", "showCurrentPageReport", "currentPageReportTemplate", "globalFilterFields", "filterDelay", "selectionMode", "sortMode", "virtualScroll", "virtualScrollItemSize", "sortField", "sortOrder", "multiSortMeta", "filters", "selection", "contextMenuSelection"], outputs: ["sortFieldChange", "sortOrderChange", "multiSortMetaChange", "filtersChange", "selectionChange", "contextMenuSelectionChange", "onLazyLoad", "onSort", "onFilter", "onNodeExpand", "onNodeCollapse", "onNodeSelect", "onNodeUnselect", "onRowContextMenu"] }, { kind: "component", type: i2.TreeTableTogglerComponent, selector: "f-treetabletoggler", inputs: ["rowNode"] }, { kind: "component", type: i2.UiIconComponent, selector: "ui-icon", inputs: ["name", "size", "spin", "fill", "severity"] }, { kind: "directive", type: HasPermissionDirective, selector: "[hasPermission]", inputs: ["hasPermission"] }, { kind: "component", type: UserSelectComponent, selector: "lib-user-select", inputs: ["showClear", "value"], outputs: ["valueChange", "userSelected"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: UserActionSelectorComponent, decorators: [{
             type: Component,
@@ -4229,6 +4434,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImpor
               {{ 'iam.permission.select.user' | translate }}
             </label>
             <lib-user-select
+              #userSelect
               [value]="selectedUserId()"
               (valueChange)="onUserSelect($event)"
               [isEditMode]="true"
@@ -4306,6 +4512,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImpor
         </div>
       </div>
 
+      @if (!selectedUserId()) {
+        <div class="empty-state border border-dashed border-surface rounded-border p-8 text-center">
+          <div class="empty-state-icon mx-auto mb-3">
+            <ui-icon name="key" class="text-primary"></ui-icon>
+          </div>
+          <h5 class="m-0 mb-1">
+            {{ 'iam.permission.empty.user.actions.title' | translate }}
+          </h5>
+          <p class="text-sm text-muted-color m-0">
+            {{ 'iam.permission.empty.user.actions.description' | translate }}
+          </p>
+        </div>
+      }
+
       @if (selectedUserId()) {
         @if (loading()) {
           <div class="flex justify-center p-5">
@@ -4531,8 +4751,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImpor
         }
       }
     </div>
-  `, styles: [":host{display:block}.validation-warning{background-color:var(--f-yellow-50, #fefce8);border-left:4px solid var(--f-yellow-500, #eab308);color:var(--f-yellow-700, #a16207)}:host-context(.app-dark) .validation-warning{background-color:#eab3081a;color:var(--f-yellow-400, #facc15)}:host ::ng-deep tr.highlight-warning{background-color:var(--f-red-50, rgba(239, 68, 68, .1))!important}:host-context(.app-dark) ::ng-deep tr.highlight-warning{background-color:#ef444426!important}\n"] }]
-        }], ctorParameters: () => [] });
+  `, styles: [":host{display:block}.empty-state-icon{width:3rem;height:3rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;background-color:var(--f-primary-50, rgba(59, 130, 246, .08))}:host-context(.app-dark) .empty-state-icon{background-color:#60a5fa1f}.validation-warning{background-color:var(--f-yellow-50, #fefce8);border-left:4px solid var(--f-yellow-500, #eab308);color:var(--f-yellow-700, #a16207)}:host-context(.app-dark) .validation-warning{background-color:#eab3081a;color:var(--f-yellow-400, #facc15)}:host ::ng-deep tr.highlight-warning{background-color:var(--f-red-50, rgba(239, 68, 68, .1))!important}:host-context(.app-dark) ::ng-deep tr.highlight-warning{background-color:#ef444426!important}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { userSelectRef: [{ type: i0.ViewChild, args: ['userSelect', { isSignal: true }] }] } });
 
 // Logic Builder Component
 
@@ -4543,6 +4763,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImpor
  * Allows ng-auth profile page to display user permissions without
  * depending on ng-iam directly.
  *
+ * Uses the self-scoped `my-roles`/`my-actions` endpoints (not the admin
+ * `get-user-roles`/`get-user-actions` endpoints): those require the
+ * user-role/user-action READ permission and only exact-match the given
+ * branchId, so they drop company-wide (branch-independent) assignments.
+ * The self-scoped endpoints always resolve the caller's own company/branch
+ * from the JWT and merge company-wide + branch-specific grants server-side,
+ * so the `userId`/`branchId` args below are accepted for interface
+ * compatibility but unused.
+ *
  * @example
  * // In app.config.ts
  * providers: [
@@ -4554,10 +4783,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImpor
  */
 class ProfilePermissionProviderAdapter {
     permissionApi = inject(PermissionApiService);
-    getUserRoles(userId, branchId) {
-        return this.permissionApi
-            .getUserRoles(userId, branchId ? { branchId } : undefined)
-            .pipe(map$1((response) => ({
+    getUserRoles() {
+        return this.permissionApi.getMyRoles().pipe(map$1((response) => ({
             success: response.success,
             message: response.message,
             data: (response.data ?? []).map((role) => ({
@@ -4567,10 +4794,8 @@ class ProfilePermissionProviderAdapter {
             })),
         })));
     }
-    getUserActions(userId, branchId) {
-        return this.permissionApi
-            .getUserActions(userId, branchId ? { branchId } : undefined)
-            .pipe(map$1((response) => ({
+    getUserActions() {
+        return this.permissionApi.getMyActions().pipe(map$1((response) => ({
             success: response.success,
             message: response.message,
             data: (response.data ?? []).map((action) => ({
@@ -4641,15 +4866,15 @@ const IAM_ROUTES = [
                 children: [
                     {
                         path: '',
-                        loadComponent: () => import('./flusys-ng-iam-action-list-page.component-P7YcQOur.mjs').then((m) => m.ActionListPageComponent),
+                        loadComponent: () => import('./flusys-ng-iam-action-list-page.component-D-Lhs8gW.mjs').then((m) => m.ActionListPageComponent),
                     },
                     {
                         path: 'new',
-                        loadComponent: () => import('./flusys-ng-iam-action-form-page.component-CqrxA8bY.mjs').then((m) => m.ActionFormPageComponent),
+                        loadComponent: () => import('./flusys-ng-iam-action-form-page.component-Cz7DY6JM.mjs').then((m) => m.ActionFormPageComponent),
                     },
                     {
                         path: ':id',
-                        loadComponent: () => import('./flusys-ng-iam-action-form-page.component-CqrxA8bY.mjs').then((m) => m.ActionFormPageComponent),
+                        loadComponent: () => import('./flusys-ng-iam-action-form-page.component-Cz7DY6JM.mjs').then((m) => m.ActionFormPageComponent),
                     },
                 ],
             },
@@ -4660,15 +4885,15 @@ const IAM_ROUTES = [
                 children: [
                     {
                         path: '',
-                        loadComponent: () => import('./flusys-ng-iam-role-list-page.component-Cu3NxRWX.mjs').then((m) => m.RoleListPageComponent),
+                        loadComponent: () => import('./flusys-ng-iam-role-list-page.component-CUzEIuzS.mjs').then((m) => m.RoleListPageComponent),
                     },
                     {
                         path: 'new',
-                        loadComponent: () => import('./flusys-ng-iam-role-form-page.component-Cw958yl1.mjs').then((m) => m.RoleFormPageComponent),
+                        loadComponent: () => import('./flusys-ng-iam-role-form-page.component-DMDQjumX.mjs').then((m) => m.RoleFormPageComponent),
                     },
                     {
                         path: ':id',
-                        loadComponent: () => import('./flusys-ng-iam-role-form-page.component-Cw958yl1.mjs').then((m) => m.RoleFormPageComponent),
+                        loadComponent: () => import('./flusys-ng-iam-role-form-page.component-DMDQjumX.mjs').then((m) => m.RoleFormPageComponent),
                     },
                 ],
             },
@@ -4683,7 +4908,7 @@ const IAM_ROUTES = [
                         COMPANY_ACTION_PERMISSIONS.READ,
                     ]),
                 ],
-                loadComponent: () => import('./flusys-ng-iam-permission-page.component-DhwjuKxl.mjs').then((m) => m.PermissionPageComponent),
+                loadComponent: () => import('./flusys-ng-iam-permission-page.component-C1XE1Zes.mjs').then((m) => m.PermissionPageComponent),
             },
             // Default redirect to the first tab the user has permission to see
             {
@@ -4701,5 +4926,5 @@ const IAM_ROUTES = [
  * Generated bundle index. Do not edit.
  */
 
-export { ActionApiService as A, CompanyActionSelectorComponent as C, IAM_MESSAGES as I, LogicBuilderComponent as L, MAX_DROPDOWN_ITEMS as M, PermissionApiService as P, RoleApiService as R, UserRoleSelectorComponent as U, ActionType as a, RoleActionSelectorComponent as b, convertActionToTreeNode as c, UserActionSelectorComponent as d, ActionPermissionLogicService as e, IAM_ROUTES as f, MyPermissionsApiService as g, PermissionStateService as h, ProfilePermissionProviderAdapter as i, provideIamProviders as p };
-//# sourceMappingURL=flusys-ng-iam-flusys-ng-iam-D397Jg30.mjs.map
+export { ActionApiService as A, CompanyActionSelectorComponent as C, IAM_MESSAGES as I, LogicBuilderComponent as L, MAX_DROPDOWN_ITEMS as M, PermissionApiService as P, RoleApiService as R, UserRoleSelectorComponent as U, ActionType as a, buildActionParentTree as b, convertActionToTreeNode as c, RoleActionSelectorComponent as d, UserActionSelectorComponent as e, ActionPermissionLogicService as f, IAM_ROUTES as g, MyPermissionsApiService as h, PermissionStateService as i, ProfilePermissionProviderAdapter as j, provideIamProviders as p };
+//# sourceMappingURL=flusys-ng-iam-flusys-ng-iam-DW60PO5q.mjs.map