@flusys/ng-iam 9.1.0 → 9.1.1

package/fesm2022/flusys-ng-iam-action-list-page.component-Br0PbgRa.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"flusys-ng-iam-action-list-page.component-Br0PbgRa.mjs","names":[],"sources":["../../../projects/ng-iam/pages/action/action-list-page.component.ts"],"sourcesContent":["import {\n  Component,\n  computed,\n  effect,\n  inject,\n  signal,\n  untracked,\n} from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { Router } from '@angular/router';\nimport { APP_CONFIG, getPermissionMode } from '@flusys/ng-core';\nimport { LAYOUT_AUTH_STATE } from '@flusys/ng-layout';\nimport {\n  ACTION_PERMISSIONS,\n  HasPermissionDirective,\n  TranslatePipe,\n  TranslateService,\n  USER_ACTION_PERMISSIONS,\n} from '@flusys/ng-shared';\nimport {\n  ConfirmationService,\n  FButtonDirective,\n  IconFieldComponent,\n  InputIconComponent,\n  InputTextDirective,\n  MessageService,\n  TagComponent,\n  TooltipDirective,\n  TreeNode,\n  TreeTableComponent,\n  TreeTableTogglerComponent,\n  UiIconComponent,\n} from '@flusys/ng-ui';\nimport { firstValueFrom } from 'rxjs';\nimport { ActionPermittedUsersDialogComponent } from '../../components/action-permitted-users-dialog.component';\nimport {\n  ActionType,\n  IAction,\n  IActionTreeDto,\n} from '../../interfaces/action.interface';\nimport { ActionApiService } from '../../services/action-api.service';\nimport { convertActionToTreeNode } from '../../utils/tree-utils';\n\nfunction filterActionTree(\n  nodes: IActionTreeDto[],\n  search: string,\n): IActionTreeDto[] {\n  const term = search.trim().toLowerCase();\n  if (!term) return nodes;\n\n  const filter = (items: IActionTreeDto[]): IActionTreeDto[] =>\n    items.reduce<IActionTreeDto[]>((acc, node) => {\n      const children = filter(node.children ?? []);\n      const matches =\n        node.name?.toLowerCase().includes(term) ||\n        node.code?.toLowerCase().includes(term);\n      if (matches || children.length) {\n        acc.push({ ...node, children });\n      }\n      return acc;\n    }, []);\n\n  return filter(nodes);\n}\n\n@Component({\n  selector: 'lib-action-list-page',\n  imports: [\n    FButtonDirective,\n    FormsModule,\n    IconFieldComponent,\n    InputIconComponent,\n    InputTextDirective,\n    TagComponent,\n    TooltipDirective,\n    TreeTableComponent,\n    TreeTableTogglerComponent,\n    UiIconComponent,\n    HasPermissionDirective,\n    ActionPermittedUsersDialogComponent,\n    TranslatePipe,\n  ],\n  template: `\n    <div class=\"card\">\n      <div\n        class=\"flex flex-col sm:flex-row justify-between items-start sm:items-center gap-3 mb-4\"\n      >\n        <h3 class=\"text-lg sm:text-xl font-semibold\">\n          {{ 'iam.action.title' | translate }}\n        </h3>\n        <div class=\"flex flex-wrap items-center gap-2 w-full sm:w-auto\">\n          <f-iconfield class=\"w-full sm:w-64\">\n            <f-inputicon icon=\"search\" />\n            <input\n              fInputText\n              type=\"text\"\n              [ngModel]=\"searchTerm()\"\n              (ngModelChange)=\"onSearchChange($event)\"\n              [placeholder]=\"'shared.search' | translate\"\n              class=\"w-full\"\n            />\n          </f-iconfield>\n          <button\n            fButton\n            *hasPermission=\"ACTION_PERMISSIONS.CREATE\"\n            (click)=\"onCreate()\"\n            class=\"w-full sm:w-auto\"\n          >\n            <ui-icon pButtonIcon name=\"plus\"></ui-icon>\n            <span pButtonLabel>{{ 'iam.action.new' | translate }}</span>\n          </button>\n        </div>\n      </div>\n\n      <div class=\"overflow-x-auto -mx-4 sm:mx-0\">\n        <f-treetable\n          [value]=\"treeNodes()\"\n          [loading]=\"isLoading()\"\n          dataKey=\"id\"\n          [tableStyle]=\"{ 'min-width': '50rem' }\"\n        >\n          <ng-template #header>\n            <tr>\n              <th>{{ 'iam.action.name' | translate }}</th>\n              <th class=\"hidden md:table-cell\">\n                {{ 'iam.action.code' | translate }}\n              </th>\n              <th>{{ 'iam.action.type' | translate }}</th>\n              <th class=\"hidden sm:table-cell\">\n                {{ 'shared.active' | translate }}\n              </th>\n              <th class=\"hidden lg:table-cell\">\n                {{ 'shared.read.only' | translate }}\n              </th>\n              <th class=\"w-[100px]\">{{ 'shared.actions' | translate }}</th>\n            </tr>\n          </ng-template>\n          <ng-template #body let-rowNode let-rowData=\"rowData\">\n            <tr>\n              <td>\n                <f-treetabletoggler [rowNode]=\"rowNode\" />\n                {{ rowData.name }}\n              </td>\n              <td class=\"hidden md:table-cell\">{{ rowData.code ?? '-' }}</td>\n              <td>\n                <f-tag\n                  [value]=\"getActionTypeLabel(rowData.actionType)\"\n                  [severity]=\"getActionTypeSeverity(rowData.actionType)\"\n                />\n              </td>\n              <td class=\"hidden sm:table-cell\">\n                <f-tag\n                  [value]=\"\n                    rowData.isActive\n                      ? ('shared.active' | translate)\n                      : ('shared.inactive' | translate)\n                  \"\n                  [severity]=\"rowData.isActive ? 'success' : 'secondary'\"\n                />\n              </td>\n              <td class=\"hidden lg:table-cell\">\n                <f-tag\n                  [value]=\"\n                    rowData.readOnly\n                      ? ('shared.yes' | translate)\n                      : ('shared.no' | translate)\n                  \"\n                  [severity]=\"rowData.readOnly ? 'warn' : 'secondary'\"\n                />\n              </td>\n              <td>\n                <div class=\"flex gap-1\">\n                  <button\n                    fButton\n                    *hasPermission=\"ACTION_PERMISSIONS.UPDATE\"\n                    [text]=\"true\"\n                    severity=\"secondary\"\n                    size=\"small\"\n                    [disabled]=\"rowData.readOnly\"\n                    [fTooltip]=\"'shared.edit' | translate\"\n                    (click)=\"onEdit(rowData)\"\n                  >\n                    <ui-icon pButtonIcon name=\"pencil\"></ui-icon>\n                  </button>\n                  @if (showActionUsers()) {\n                    <button\n                      fButton\n                      *hasPermission=\"USER_ACTION_PERMISSIONS.READ\"\n                      [text]=\"true\"\n                      severity=\"secondary\"\n                      size=\"small\"\n                      [fTooltip]=\"'iam.permission.view.users' | translate\"\n                      (click)=\"onViewUsers(rowData)\"\n                    >\n                      <ui-icon pButtonIcon name=\"users\"></ui-icon>\n                    </button>\n                  }\n                  <button\n                    fButton\n                    *hasPermission=\"ACTION_PERMISSIONS.DELETE\"\n                    [text]=\"true\"\n                    severity=\"danger\"\n                    size=\"small\"\n                    [fTooltip]=\"'shared.delete' | translate\"\n                    [disabled]=\"rowData.readOnly\"\n                    (click)=\"onDelete(rowData)\"\n                  >\n                    <ui-icon pButtonIcon name=\"trash\"></ui-icon>\n                  </button>\n                </div>\n              </td>\n            </tr>\n          </ng-template>\n          <ng-template #emptymessage>\n            <tr>\n              <td colspan=\"6\" class=\"text-center py-4 text-muted-color\">\n                {{ 'iam.action.no.actions' | translate }}\n              </td>\n            </tr>\n          </ng-template>\n        </f-treetable>\n      </div>\n    </div>\n\n    <flusys-action-permitted-users-dialog\n      [visible]=\"permittedUsersDialogVisible()\"\n      [action]=\"selectedAction()\"\n      (closed)=\"permittedUsersDialogVisible.set(false)\"\n    />\n  `,\n})\nexport class ActionListPageComponent {\n  readonly ACTION_PERMISSIONS = ACTION_PERMISSIONS;\n  readonly USER_ACTION_PERMISSIONS = USER_ACTION_PERMISSIONS;\n\n  private readonly router = inject(Router);\n  private readonly appConfig = inject(APP_CONFIG);\n  private readonly companyContext = inject(LAYOUT_AUTH_STATE);\n  private readonly actionApi = inject(ActionApiService);\n  private readonly messageService = inject(MessageService);\n  private readonly confirmationService = inject(ConfirmationService);\n  private readonly translateAdapter = inject(TranslateService, {\n    optional: true,\n  });\n\n  readonly isLoading = signal(false);\n  private readonly rawActions = signal<IActionTreeDto[]>([]);\n  private readonly _searchTerm = signal('');\n  readonly searchTerm = this._searchTerm.asReadonly();\n  readonly treeNodes = computed<TreeNode<IAction>[]>(() =>\n    convertActionToTreeNode(\n      filterActionTree(this.rawActions(), this._searchTerm()),\n    ),\n  );\n  readonly permittedUsersDialogVisible = signal(false);\n  readonly selectedAction = signal<IAction | null>(null);\n  readonly showActionUsers = computed(() => {\n    const permissionMode = getPermissionMode(this.appConfig);\n    return permissionMode === 'direct' || permissionMode === 'full';\n  });\n\n  private translate(\n    key: string,\n    vars?: Record<string, string | number>,\n  ): string {\n    return this.translateAdapter?.translate(key, vars) ?? key;\n  }\n\n  private static readonly TYPE_SEVERITIES: Record<\n    ActionType,\n    'info' | 'success' | 'warn'\n  > = {\n    [ActionType.BACKEND]: 'info',\n    [ActionType.FRONTEND]: 'success',\n    [ActionType.BOTH]: 'warn',\n  };\n\n  private static readonly TYPE_LABEL_KEYS: Record<ActionType, string> = {\n    [ActionType.BACKEND]: 'iam.action.type.backend',\n    [ActionType.FRONTEND]: 'iam.action.type.frontend',\n    [ActionType.BOTH]: 'iam.action.type.both',\n  };\n\n  constructor() {\n    effect(() => {\n      this.companyContext.currentCompanyInfo();\n      untracked(() => this.loadActions());\n    });\n  }\n\n  private async loadActions(): Promise<void> {\n    this.isLoading.set(true);\n    try {\n      const response = await firstValueFrom(this.actionApi.getTree());\n      this.rawActions.set(response?.success ? (response.data ?? []) : []);\n    } catch {\n      // Handled by global interceptor\n    } finally {\n      this.isLoading.set(false);\n    }\n  }\n\n  onSearchChange(value: string): void {\n    this._searchTerm.set(value);\n  }\n\n  getActionTypeLabel(type: ActionType): string {\n    const key =\n      ActionListPageComponent.TYPE_LABEL_KEYS[type] ?? 'shared.unknown';\n    return this.translate(key);\n  }\n\n  getActionTypeSeverity(type: ActionType): 'info' | 'success' | 'warn' {\n    return ActionListPageComponent.TYPE_SEVERITIES[type] ?? 'info';\n  }\n\n  onCreate(): void {\n    this.router.navigate(['/iam/actions/new']);\n  }\n\n  onEdit(action: IAction): void {\n    this.router.navigate(['/iam/actions', action.id]);\n  }\n\n  onViewUsers(action: IAction): void {\n    this.selectedAction.set(action);\n    this.permittedUsersDialogVisible.set(true);\n  }\n\n  onDelete(action: IAction): void {\n    if (!action?.id || !action?.name) return;\n\n    this.confirmationService.confirm({\n      message: this.translate('shared.confirm.delete.item', {\n        name: action.name,\n      }),\n      header: this.translate('iam.action.delete.title'),\n      icon: 'exclamation-triangle',\n      accept: async () => {\n        try {\n          const response = await this.actionApi.delete({\n            id: action.id,\n            type: 'permanent',\n          });\n          await this.loadActions();\n          this.messageService.add({\n            severity: 'success',\n            summary: this.translate('shared.success'),\n            detail: response?.messageKey\n              ? this.translate(\n                  response.messageKey,\n                  response.messageVariables as Record<string, string | number>,\n                )\n              : (response?.message ?? ''),\n          });\n        } catch {\n          // Handled by global interceptor\n        }\n      },\n    });\n  }\n}\n"],"mappings":"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"}

package/fesm2022/flusys-ng-iam-iam-container.component-CIdxVCSW.mjs

@@ -0,0 +1,141 @@
+import * as i0 from "@angular/core";
+import { Component, computed, inject } from "@angular/core";
+import { ACTION_PERMISSIONS, COMPANY_ACTION_PERMISSIONS, PermissionValidatorService, ROLE_ACTION_PERMISSIONS, ROLE_PERMISSIONS, RouterTabsComponent, TranslatePipe, TranslateService, USER_ACTION_PERMISSIONS, USER_ROLE_PERMISSIONS } from "@flusys/ng-shared";
+import { APP_CONFIG, getPermissionMode } from "@flusys/ng-core";
+import { RouterOutlet } from "@angular/router";
+var IamContainerComponent = class IamContainerComponent {
+	appConfig = inject(APP_CONFIG);
+	permissionValidator = inject(PermissionValidatorService);
+	translateService = inject(TranslateService);
+	allTabs = [
+		{
+			id: "actions",
+			labelKey: "iam.action.title",
+			icon: "bolt",
+			route: "actions",
+			permission: [ACTION_PERMISSIONS.READ]
+		},
+		{
+			id: "roles",
+			labelKey: "iam.role.title",
+			icon: "shield",
+			route: "roles",
+			requiresRBAC: true,
+			permission: [ROLE_PERMISSIONS.READ]
+		},
+		{
+			id: "permissions",
+			labelKey: "iam.permission.title",
+			icon: "key",
+			route: "permissions",
+			permission: [
+				ROLE_ACTION_PERMISSIONS.READ,
+				USER_ROLE_PERMISSIONS.READ,
+				USER_ACTION_PERMISSIONS.READ,
+				COMPANY_ACTION_PERMISSIONS.READ
+			]
+		}
+	];
+	visibleTabs = computed(() => {
+		const permissionMode = getPermissionMode(this.appConfig);
+		return this.allTabs.filter((tab) => {
+			return this.permissionValidator.hasAnyPermission(tab.permission) && (!tab.requiresRBAC || permissionMode === "rbac" || permissionMode === "full");
+		}).map((tab) => ({
+			id: tab.id,
+			label: this.translateService.translate(tab.labelKey),
+			icon: tab.icon,
+			route: tab.route
+		}));
+	}, ...ngDevMode ? [{ debugName: "visibleTabs" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: IamContainerComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "22.2.1",
+		type: IamContainerComponent,
+		isStandalone: true,
+		selector: "lib-iam-container",
+		ngImport: i0,
+		template: `
+    <div class="p-4">
+      <div class="mb-4">
+        <h1 class="text-xl sm:text-2xl font-bold m-0">
+          {{ 'iam.title' | translate }}
+        </h1>
+        <p class="text-muted-color mt-1">{{ 'iam.subtitle' | translate }}</p>
+      </div>
+
+      <lib-router-tabs [tabs]="visibleTabs()" class="mb-4" />
+
+      <router-outlet />
+    </div>
+  `,
+		isInline: true,
+		dependencies: [
+			{
+				kind: "directive",
+				type: RouterOutlet,
+				selector: "router-outlet",
+				inputs: ["name", "routerOutletData"],
+				outputs: [
+					"activate",
+					"deactivate",
+					"attach",
+					"detach"
+				],
+				exportAs: ["outlet"]
+			},
+			{
+				kind: "component",
+				type: RouterTabsComponent,
+				selector: "lib-router-tabs",
+				inputs: ["tabs"]
+			},
+			{
+				kind: "pipe",
+				type: TranslatePipe,
+				name: "translate"
+			}
+		]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: IamContainerComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "lib-iam-container",
+			imports: [
+				RouterOutlet,
+				TranslatePipe,
+				RouterTabsComponent
+			],
+			template: `
+    <div class="p-4">
+      <div class="mb-4">
+        <h1 class="text-xl sm:text-2xl font-bold m-0">
+          {{ 'iam.title' | translate }}
+        </h1>
+        <p class="text-muted-color mt-1">{{ 'iam.subtitle' | translate }}</p>
+      </div>
+
+      <lib-router-tabs [tabs]="visibleTabs()" class="mb-4" />
+
+      <router-outlet />
+    </div>
+  `
+		}]
+	}]
+});
+export { IamContainerComponent };
+
+//# sourceMappingURL=flusys-ng-iam-iam-container.component-CIdxVCSW.mjs.map

package/fesm2022/flusys-ng-iam-iam-container.component-CIdxVCSW.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"flusys-ng-iam-iam-container.component-CIdxVCSW.mjs","names":[],"sources":["../../../projects/ng-iam/pages/iam-container/iam-container.component.ts"],"sourcesContent":["import { Component, computed, inject } from '@angular/core';\nimport { RouterOutlet } from '@angular/router';\nimport { APP_CONFIG, getPermissionMode } from '@flusys/ng-core';\nimport {\n  ACTION_PERMISSIONS,\n  COMPANY_ACTION_PERMISSIONS,\n  PermissionValidatorService,\n  ROLE_ACTION_PERMISSIONS,\n  ROLE_PERMISSIONS,\n  RouterTabItem,\n  RouterTabsComponent,\n  TranslatePipe,\n  TranslateService,\n  USER_ACTION_PERMISSIONS,\n  USER_ROLE_PERMISSIONS,\n} from '@flusys/ng-shared';\n\ninterface ITab {\n  id: string;\n  labelKey: string;\n  icon: string;\n  route: string;\n  requiresRBAC?: boolean;\n  permission: string[];\n}\n\n/**\n * IAM Container Component\n *\n * Main container for IAM module with tab navigation\n * Routes: Actions | Roles (conditional) | Users (permission assignment)\n */\n@Component({\n  selector: 'lib-iam-container',\n  imports: [RouterOutlet, TranslatePipe, RouterTabsComponent],\n  template: `\n    <div class=\"p-4\">\n      <div class=\"mb-4\">\n        <h1 class=\"text-xl sm:text-2xl font-bold m-0\">\n          {{ 'iam.title' | translate }}\n        </h1>\n        <p class=\"text-muted-color mt-1\">{{ 'iam.subtitle' | translate }}</p>\n      </div>\n\n      <lib-router-tabs [tabs]=\"visibleTabs()\" class=\"mb-4\" />\n\n      <router-outlet />\n    </div>\n  `,\n})\nexport class IamContainerComponent {\n  private readonly appConfig = inject(APP_CONFIG);\n\n  private readonly permissionValidator = inject(PermissionValidatorService);\n  private readonly translateService = inject(TranslateService);\n\n  /** All available tabs */\n  private readonly allTabs: ITab[] = [\n    {\n      id: 'actions',\n      labelKey: 'iam.action.title',\n      icon: 'bolt',\n      route: 'actions',\n      permission: [ACTION_PERMISSIONS.READ],\n    },\n    {\n      id: 'roles',\n      labelKey: 'iam.role.title',\n      icon: 'shield',\n      route: 'roles',\n      requiresRBAC: true,\n      permission: [ROLE_PERMISSIONS.READ],\n    },\n    {\n      id: 'permissions',\n      labelKey: 'iam.permission.title',\n      icon: 'key',\n      route: 'permissions',\n      permission: [\n        ROLE_ACTION_PERMISSIONS.READ,\n        USER_ROLE_PERMISSIONS.READ,\n        USER_ACTION_PERMISSIONS.READ,\n        COMPANY_ACTION_PERMISSIONS.READ,\n      ],\n    },\n  ];\n\n  /** Visible tabs based on permission mode */\n  readonly visibleTabs = computed<RouterTabItem[]>(() => {\n    const permissionMode = getPermissionMode(this.appConfig);\n    return this.allTabs\n      .filter((tab) => {\n        const hasPermission = this.permissionValidator.hasAnyPermission(\n          tab.permission,\n        );\n        return (\n          hasPermission &&\n          (!tab.requiresRBAC ||\n            permissionMode === 'rbac' ||\n            permissionMode === 'full')\n        );\n      })\n      .map((tab) => ({\n        id: tab.id,\n        label: this.translateService.translate(tab.labelKey),\n        icon: tab.icon,\n        route: tab.route,\n      }));\n  });\n}\n"],"mappings":";;;;;AAkDA,IAAa,wBAAb,MAAa,sBAAqB;CACf,YAAY,OAAO,UAAU;CAE7B,sBAAsB,OAAO,0BAA0B;CACvD,mBAAmB,OAAO,gBAAgB;CAG1C,UAAkB;EACjC;GACE,IAAI;GACJ,UAAU;GACV,MAAM;GACN,OAAO;GACP,YAAY,CAAC,mBAAmB,IAAI;EACrC;EACD;GACE,IAAI;GACJ,UAAU;GACV,MAAM;GACN,OAAO;GACP,cAAc;GACd,YAAY,CAAC,iBAAiB,IAAI;EACnC;EACD;GACE,IAAI;GACJ,UAAU;GACV,MAAM;GACN,OAAO;GACP,YAAY;IACV,wBAAwB;IACxB,sBAAsB;IACtB,wBAAwB;IACxB,2BAA2B;GAC5B;EACF;CACF;CAGQ,cAAc,eAA+B;EACpD,MAAM,iBAAiB,kBAAkB,KAAK,SAAS;EACvD,OAAO,KAAK,QACT,QAAQ,QAAO;GAId,OAHsB,KAAK,oBAAoB,iBAC7C,IAAI,UAGJ,MACC,CAAC,IAAI,gBACJ,mBAAmB,UACnB,mBAAmB;EAEzB,CAAC,CAAC,CACD,KAAK,SAAS;GACb,IAAI,IAAI;GACR,OAAO,KAAK,iBAAiB,UAAU,IAAI,QAAQ;GACnD,MAAM,IAAI;GACV,OAAO,IAAI;EACZ,EAAC;CACN,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,cAAA,CAAA,+BAAA,CAAA,CAAA;CA1DS,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAqB,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAArB,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAqB,cAAA;EAAA,UAAA;EAAA,UAAA;EAAA,UAftB;;;;;;;;;;;;;;EAaT,UAAA;EAAA,cAAA;GAAA;IAAA,MAAA;IAAA,MAdS;IAAY,UAAA;IAAA,QAAA,CAAA,QAAA,kBAAA;IAAA,SAAA;KAAA;KAAA;KAAA;KAAA;IAAA;IAAA,UAAA,CAAA,QAAA;GAAA;GAAA;IAAA,MAAA;IAAA,MAAiB;IAAmB,UAAA;IAAA,QAAA,CAAA,MAAA;GAAA;GAAA;IAAA,MAAA;IAAA,MAAlC;IAAa,MAAA;GAAA;EAAA;CAAA,CAAA;;AAgB1B,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAqB,YAAA,CAAA;EAlBjC,MAAA;EAAU,MAAA,CAAA;GACT,UAAU;GACV,SAAS;IAAC;IAAc;IAAe;GAAmB;GAC1D,UAAU;;;;;;;;;;;;;;EAcX,CAAA"}

package/fesm2022/flusys-ng-iam-permission-api.service-C7-Yxvz8.mjs

@@ -0,0 +1,76 @@
+import * as i0 from "@angular/core";
+import { Service } from "@angular/core";
+import { BaseApiService } from "@flusys/ng-core";
+var PermissionApiService = class PermissionApiService extends BaseApiService {
+	constructor() {
+		super("iam");
+	}
+	assignUserActions(data) {
+		return this.http.post(this.getUrl("permissions/user-actions/assign"), data);
+	}
+	getUserActions(userId, query) {
+		return this.http.post(this.getUrl("permissions/get-user-actions"), {
+			userId,
+			companyId: query?.companyId,
+			branchId: query?.branchId
+		});
+	}
+	assignUserRoles(data) {
+		return this.http.post(this.getUrl("permissions/user-roles/assign"), data);
+	}
+	getUserRoles(userId, query) {
+		return this.http.post(this.getUrl("permissions/get-user-roles"), {
+			userId,
+			branchId: query?.branchId
+		});
+	}
+	assignRoleActions(data) {
+		return this.http.post(this.getUrl("permissions/role-actions/assign"), data);
+	}
+	getRoleActions(roleId) {
+		return this.http.post(this.getUrl("permissions/get-role-actions"), { roleId });
+	}
+	getRoleUsers(roleId) {
+		return this.http.post(this.getUrl("permissions/get-role-users"), { roleId });
+	}
+	getActionUsers(actionId) {
+		return this.http.post(this.getUrl("permissions/get-action-users"), { actionId });
+	}
+	assignCompanyActions(data) {
+		return this.http.post(this.getUrl("permissions/company-actions/assign"), data);
+	}
+	getCompanyActions(companyId) {
+		return this.http.post(this.getUrl("permissions/get-company-actions"), { companyId });
+	}
+	getMyRoles() {
+		return this.http.post(this.getUrl("permissions/my-roles"), {});
+	}
+	getMyActions() {
+		return this.http.post(this.getUrl("permissions/my-actions"), {});
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: PermissionApiService,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Service
+	});
+	static ɵprov = i0.ɵɵngDeclareService({
+		minVersion: "22.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: PermissionApiService
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: PermissionApiService,
+	decorators: [{ type: Service }],
+	ctorParameters: () => []
+});
+export { PermissionApiService as t };
+
+//# sourceMappingURL=flusys-ng-iam-permission-api.service-C7-Yxvz8.mjs.map

package/fesm2022/flusys-ng-iam-permission-api.service-C7-Yxvz8.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"flusys-ng-iam-permission-api.service-C7-Yxvz8.mjs","names":[],"sources":["../../../projects/ng-iam/services/permission-api.service.ts"],"sourcesContent":["import { Service } from '@angular/core';\nimport { BaseApiService } from '@flusys/ng-core';\nimport { ISingleResponse } from '@flusys/ng-shared';\nimport { Observable } from 'rxjs';\nimport {\n  IActionUserResponseDto,\n  IAssignCompanyActionsDto,\n  IAssignRoleActionsDto,\n  IAssignUserActionsDto,\n  IAssignUserRolesDto,\n  ICompanyActionResponseDto,\n  IGetUserActionsDto,\n  IGetUserRolesDto,\n  IPermissionOperationResultDto,\n  IRoleActionResponseDto,\n  IRoleUserResponseDto,\n  IUserActionResponseDto,\n  IUserRoleResponseDto,\n} from '../interfaces/permission.interface';\n\n@Service()\nexport class PermissionApiService extends BaseApiService {\n  constructor() {\n    super('iam');\n  }\n\n  assignUserActions(data: IAssignUserActionsDto): Observable<ISingleResponse<IPermissionOperationResultDto>> {\n    return this.http.post<ISingleResponse<IPermissionOperationResultDto>>(\n      this.getUrl('permissions/user-actions/assign'),\n      data,\n    );\n  }\n\n  getUserActions(userId: string, query?: IGetUserActionsDto): Observable<ISingleResponse<IUserActionResponseDto[]>> {\n    return this.http.post<ISingleResponse<IUserActionResponseDto[]>>(\n      this.getUrl('permissions/get-user-actions'),\n      { userId, companyId: query?.companyId, branchId: query?.branchId },\n    );\n  }\n\n  assignUserRoles(data: IAssignUserRolesDto): Observable<ISingleResponse<IPermissionOperationResultDto>> {\n    return this.http.post<ISingleResponse<IPermissionOperationResultDto>>(\n      this.getUrl('permissions/user-roles/assign'),\n      data,\n    );\n  }\n\n  getUserRoles(userId: string, query?: IGetUserRolesDto): Observable<ISingleResponse<IUserRoleResponseDto[]>> {\n    return this.http.post<ISingleResponse<IUserRoleResponseDto[]>>(\n      this.getUrl('permissions/get-user-roles'),\n      { userId, branchId: query?.branchId },\n    );\n  }\n\n  assignRoleActions(data: IAssignRoleActionsDto): Observable<ISingleResponse<IPermissionOperationResultDto>> {\n    return this.http.post<ISingleResponse<IPermissionOperationResultDto>>(\n      this.getUrl('permissions/role-actions/assign'),\n      data,\n    );\n  }\n\n  getRoleActions(roleId: string): Observable<ISingleResponse<IRoleActionResponseDto[]>> {\n    return this.http.post<ISingleResponse<IRoleActionResponseDto[]>>(\n      this.getUrl('permissions/get-role-actions'),\n      { roleId },\n    );\n  }\n\n  /** Reverse lookup: users assigned to a role */\n  getRoleUsers(roleId: string): Observable<ISingleResponse<IRoleUserResponseDto[]>> {\n    return this.http.post<ISingleResponse<IRoleUserResponseDto[]>>(\n      this.getUrl('permissions/get-role-users'),\n      { roleId },\n    );\n  }\n\n  /** Reverse lookup: users directly assigned an action */\n  getActionUsers(actionId: string): Observable<ISingleResponse<IActionUserResponseDto[]>> {\n    return this.http.post<ISingleResponse<IActionUserResponseDto[]>>(\n      this.getUrl('permissions/get-action-users'),\n      { actionId },\n    );\n  }\n\n  assignCompanyActions(data: IAssignCompanyActionsDto): Observable<ISingleResponse<IPermissionOperationResultDto>> {\n    return this.http.post<ISingleResponse<IPermissionOperationResultDto>>(\n      this.getUrl('permissions/company-actions/assign'),\n      data,\n    );\n  }\n\n  getCompanyActions(companyId: string): Observable<ISingleResponse<ICompanyActionResponseDto[]>> {\n    return this.http.post<ISingleResponse<ICompanyActionResponseDto[]>>(\n      this.getUrl('permissions/get-company-actions'),\n      { companyId },\n    );\n  }\n\n  /** Effective roles for the authenticated user — merges company-wide and login-branch-specific assignments */\n  getMyRoles(): Observable<ISingleResponse<IUserRoleResponseDto[]>> {\n    return this.http.post<ISingleResponse<IUserRoleResponseDto[]>>(\n      this.getUrl('permissions/my-roles'),\n      {},\n    );\n  }\n\n  /** Effective direct actions for the authenticated user — merges company-wide and login-branch-specific assignments */\n  getMyActions(): Observable<ISingleResponse<IUserActionResponseDto[]>> {\n    return this.http.post<ISingleResponse<IUserActionResponseDto[]>>(\n      this.getUrl('permissions/my-actions'),\n      {},\n    );\n  }\n}\n"],"mappings":";;;AAqBA,IAAa,uBAAb,MAAa,6BAA6B,eAAc;CACtD,cAAA;EACE,MAAM,KAAK;CACb;CAEA,kBAAkB,MAA2B;EAC3C,OAAO,KAAK,KAAK,KACf,KAAK,OAAO,iCAAiC,GAC7C,IAAI;CAER;CAEA,eAAe,QAAgB,OAA0B;EACvD,OAAO,KAAK,KAAK,KACf,KAAK,OAAO,8BAA8B,GAC1C;GAAE;GAAQ,WAAW,OAAO;GAAW,UAAU,OAAO;EAAQ,CAAE;CAEtE;CAEA,gBAAgB,MAAyB;EACvC,OAAO,KAAK,KAAK,KACf,KAAK,OAAO,+BAA+B,GAC3C,IAAI;CAER;CAEA,aAAa,QAAgB,OAAwB;EACnD,OAAO,KAAK,KAAK,KACf,KAAK,OAAO,4BAA4B,GACxC;GAAE;GAAQ,UAAU,OAAO;EAAQ,CAAE;CAEzC;CAEA,kBAAkB,MAA2B;EAC3C,OAAO,KAAK,KAAK,KACf,KAAK,OAAO,iCAAiC,GAC7C,IAAI;CAER;CAEA,eAAe,QAAc;EAC3B,OAAO,KAAK,KAAK,KACf,KAAK,OAAO,8BAA8B,GAC1C,EAAE,OAAM,CAAE;CAEd;CAGA,aAAa,QAAc;EACzB,OAAO,KAAK,KAAK,KACf,KAAK,OAAO,4BAA4B,GACxC,EAAE,OAAM,CAAE;CAEd;CAGA,eAAe,UAAgB;EAC7B,OAAO,KAAK,KAAK,KACf,KAAK,OAAO,8BAA8B,GAC1C,EAAE,SAAQ,CAAE;CAEhB;CAEA,qBAAqB,MAA8B;EACjD,OAAO,KAAK,KAAK,KACf,KAAK,OAAO,oCAAoC,GAChD,IAAI;CAER;CAEA,kBAAkB,WAAiB;EACjC,OAAO,KAAK,KAAK,KACf,KAAK,OAAO,iCAAiC,GAC7C,EAAE,UAAS,CAAE;CAEjB;CAGA,aAAU;EACR,OAAO,KAAK,KAAK,KACf,KAAK,OAAO,sBAAsB,GAClC,CAAA,CAAE;CAEN;CAGA,eAAY;EACV,OAAO,KAAK,KAAK,KACf,KAAK,OAAO,wBAAwB,GACpC,CAAA,CAAE;CAEN;CA3FW,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAoB,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAApB,OAAA,QAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;CAAoB,CAAA;;AAApB,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAoB,YAAA,CAAA,EADhC,MAAA,QAAA,CAAA"}

package/fesm2022/flusys-ng-iam-permission-page.component-BlNt83uR.mjs

@@ -0,0 +1,306 @@
+import { i as RoleActionSelectorComponent, n as UserRoleSelectorComponent, r as CompanyActionSelectorComponent, t as UserActionSelectorComponent } from "./flusys-ng-iam-user-action-selector.component-CAXEmJWx.mjs";
+import * as i0 from "@angular/core";
+import { Component, computed, effect, inject, signal, untracked, viewChild } from "@angular/core";
+import { COMPANY_ACTION_PERMISSIONS, HasPermissionDirective, ROLE_ACTION_PERMISSIONS, TranslatePipe, TranslateService, USER_ACTION_PERMISSIONS, USER_ROLE_PERMISSIONS } from "@flusys/ng-shared";
+import { APP_CONFIG, getPermissionMode, isCompanyFeatureEnabled } from "@flusys/ng-core";
+import { ConfirmationService, TabComponent, TabListComponent, TabsComponent, UiIconComponent } from "@flusys/ng-ui";
+const TAB_PERMISSIONS = {
+	"role-actions": ROLE_ACTION_PERMISSIONS.READ,
+	"user-roles": USER_ROLE_PERMISSIONS.READ,
+	"user-actions": USER_ACTION_PERMISSIONS.READ,
+	"company-actions": COMPANY_ACTION_PERMISSIONS.READ
+};
+var PermissionPageComponent = class PermissionPageComponent {
+	appConfig = inject(APP_CONFIG);
+	confirmationService = inject(ConfirmationService);
+	translateService = inject(TranslateService);
+	tabsRef = viewChild("tabs", ...ngDevMode ? [{ debugName: "tabsRef" }] : /* istanbul ignore next */ []);
+	activeSelectorRef = viewChild("selectorRef", ...ngDevMode ? [{ debugName: "activeSelectorRef" }] : /* istanbul ignore next */ []);
+	activeTab = signal("", ...ngDevMode ? [{ debugName: "activeTab" }] : /* istanbul ignore next */ []);
+	availableTabs = computed(() => {
+		const permissionMode = getPermissionMode(this.appConfig);
+		const tabs = [];
+		if (permissionMode === "rbac" || permissionMode === "full") tabs.push({
+			id: "role-actions",
+			labelKey: "iam.permission.role.actions",
+			icon: "shield",
+			permission: TAB_PERMISSIONS["role-actions"]
+		}, {
+			id: "user-roles",
+			labelKey: "iam.permission.user.roles",
+			icon: "user",
+			permission: TAB_PERMISSIONS["user-roles"]
+		});
+		if (permissionMode === "direct" || permissionMode === "full") tabs.push({
+			id: "user-actions",
+			labelKey: "iam.permission.user.actions",
+			icon: "key",
+			permission: TAB_PERMISSIONS["user-actions"]
+		});
+		if (isCompanyFeatureEnabled(this.appConfig)) tabs.push({
+			id: "company-actions",
+			labelKey: "iam.permission.company.actions",
+			icon: "building",
+			permission: TAB_PERMISSIONS["company-actions"]
+		});
+		return tabs;
+	}, ...ngDevMode ? [{ debugName: "availableTabs" }] : /* istanbul ignore next */ []);
+	constructor() {
+		effect(() => {
+			const tabs = this.availableTabs();
+			const currentTab = untracked(() => this.activeTab());
+			if (!currentTab || !tabs.some((t) => t.id === currentTab)) {
+				if (tabs.length > 0) this.activeTab.set(tabs[0].id);
+			}
+		});
+	}
+	setActiveTab(tabId) {
+		const nextTab = String(tabId);
+		const previousTab = this.activeTab();
+		if (nextTab === previousTab) return;
+		if (this.activeSelectorRef()?.hasChanges()) {
+			this.confirmationService.confirm({
+				header: this.translateService.translate("iam.permission.unsaved.changes.title"),
+				message: this.translateService.translate("iam.permission.unsaved.changes.message"),
+				icon: "exclamation-triangle",
+				acceptLabel: this.translateService.translate("iam.permission.unsaved.changes.discard"),
+				rejectLabel: this.translateService.translate("shared.cancel"),
+				accept: () => this.activeTab.set(nextTab),
+				reject: () => this.tabsRef()?.value.set(previousTab)
+			});
+			return;
+		}
+		this.activeTab.set(nextTab);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: PermissionPageComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.1",
+		type: PermissionPageComponent,
+		isStandalone: true,
+		selector: "lib-permission-page",
+		viewQueries: [{
+			propertyName: "tabsRef",
+			first: true,
+			predicate: ["tabs"],
+			descendants: true,
+			isSignal: true
+		}, {
+			propertyName: "activeSelectorRef",
+			first: true,
+			predicate: ["selectorRef"],
+			descendants: true,
+			isSignal: true
+		}],
+		ngImport: i0,
+		template: `
+    <div class="card">
+      <div class="mb-5">
+        <h3 class="text-xl font-semibold mb-1">
+          {{ 'iam.permission.title' | translate }}
+        </h3>
+        <p class="text-sm text-muted-color m-0">
+          {{ 'iam.permission.subtitle' | translate }}
+        </p>
+      </div>
+
+      <f-tabs
+        #tabs
+        [value]="activeTab()"
+        (valueChange)="setActiveTab($event)"
+        [scrollable]="true"
+      >
+        <f-tablist>
+          @for (tab of availableTabs(); track tab.id) {
+            <f-tab *hasPermission="tab.permission" [value]="tab.id">
+              <ui-icon [name]="tab.icon" class="mr-2"></ui-icon
+              >{{ tab.labelKey | translate }}
+            </f-tab>
+          }
+        </f-tablist>
+      </f-tabs>
+
+      <div class="mt-5">
+        @switch (activeTab()) {
+          @case ('role-actions') {
+            <flusys-role-action-selector #selectorRef />
+          }
+          @case ('user-roles') {
+            <flusys-user-role-selector #selectorRef />
+          }
+          @case ('user-actions') {
+            <flusys-user-action-selector #selectorRef />
+          }
+          @case ('company-actions') {
+            <flusys-company-action-selector #selectorRef />
+          }
+        }
+      </div>
+    </div>
+  `,
+		isInline: true,
+		dependencies: [
+			{
+				kind: "component",
+				type: TabComponent,
+				selector: "f-tab",
+				inputs: [
+					"value",
+					"disabled",
+					"closable"
+				],
+				outputs: ["onClose"]
+			},
+			{
+				kind: "component",
+				type: TabListComponent,
+				selector: "f-tablist"
+			},
+			{
+				kind: "component",
+				type: TabsComponent,
+				selector: "f-tabs",
+				inputs: [
+					"value",
+					"scrollable",
+					"styleClass",
+					"style"
+				],
+				outputs: ["valueChange", "onTabChange"]
+			},
+			{
+				kind: "component",
+				type: UiIconComponent,
+				selector: "ui-icon",
+				inputs: [
+					"name",
+					"size",
+					"spin",
+					"fill",
+					"severity"
+				]
+			},
+			{
+				kind: "directive",
+				type: HasPermissionDirective,
+				selector: "[hasPermission]",
+				inputs: ["hasPermission"]
+			},
+			{
+				kind: "component",
+				type: RoleActionSelectorComponent,
+				selector: "flusys-role-action-selector"
+			},
+			{
+				kind: "component",
+				type: CompanyActionSelectorComponent,
+				selector: "flusys-company-action-selector"
+			},
+			{
+				kind: "component",
+				type: UserRoleSelectorComponent,
+				selector: "flusys-user-role-selector"
+			},
+			{
+				kind: "component",
+				type: UserActionSelectorComponent,
+				selector: "flusys-user-action-selector"
+			},
+			{
+				kind: "pipe",
+				type: TranslatePipe,
+				name: "translate"
+			}
+		]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: PermissionPageComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "lib-permission-page",
+			imports: [
+				TabComponent,
+				TabListComponent,
+				TabsComponent,
+				UiIconComponent,
+				HasPermissionDirective,
+				TranslatePipe,
+				RoleActionSelectorComponent,
+				CompanyActionSelectorComponent,
+				UserRoleSelectorComponent,
+				UserActionSelectorComponent
+			],
+			template: `
+    <div class="card">
+      <div class="mb-5">
+        <h3 class="text-xl font-semibold mb-1">
+          {{ 'iam.permission.title' | translate }}
+        </h3>
+        <p class="text-sm text-muted-color m-0">
+          {{ 'iam.permission.subtitle' | translate }}
+        </p>
+      </div>
+
+      <f-tabs
+        #tabs
+        [value]="activeTab()"
+        (valueChange)="setActiveTab($event)"
+        [scrollable]="true"
+      >
+        <f-tablist>
+          @for (tab of availableTabs(); track tab.id) {
+            <f-tab *hasPermission="tab.permission" [value]="tab.id">
+              <ui-icon [name]="tab.icon" class="mr-2"></ui-icon
+              >{{ tab.labelKey | translate }}
+            </f-tab>
+          }
+        </f-tablist>
+      </f-tabs>
+
+      <div class="mt-5">
+        @switch (activeTab()) {
+          @case ('role-actions') {
+            <flusys-role-action-selector #selectorRef />
+          }
+          @case ('user-roles') {
+            <flusys-user-role-selector #selectorRef />
+          }
+          @case ('user-actions') {
+            <flusys-user-action-selector #selectorRef />
+          }
+          @case ('company-actions') {
+            <flusys-company-action-selector #selectorRef />
+          }
+        }
+      </div>
+    </div>
+  `
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		tabsRef: [{
+			type: i0.ViewChild,
+			args: ["tabs", { isSignal: true }]
+		}],
+		activeSelectorRef: [{
+			type: i0.ViewChild,
+			args: ["selectorRef", { isSignal: true }]
+		}]
+	}
+});
+export { PermissionPageComponent };
+
+//# sourceMappingURL=flusys-ng-iam-permission-page.component-BlNt83uR.mjs.map

package/fesm2022/flusys-ng-iam-permission-page.component-BlNt83uR.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"flusys-ng-iam-permission-page.component-BlNt83uR.mjs","names":[],"sources":["../../../projects/ng-iam/pages/permission/permission-page.component.ts"],"sourcesContent":["import {\n  Component,\n  computed,\n  effect,\n  inject,\n  signal,\n  untracked,\n  viewChild,\n} from '@angular/core';\nimport {\n  HasPermissionDirective,\n  ROLE_ACTION_PERMISSIONS,\n  USER_ROLE_PERMISSIONS,\n  USER_ACTION_PERMISSIONS,\n  COMPANY_ACTION_PERMISSIONS,\n  TranslatePipe,\n  TranslateService,\n} from '@flusys/ng-shared';\nimport {\n  APP_CONFIG,\n  getPermissionMode,\n  isCompanyFeatureEnabled,\n} from '@flusys/ng-core';\nimport { RoleActionSelectorComponent } from '../../components/role-action-selector.component';\nimport { CompanyActionSelectorComponent } from '../../components/company-action-selector.component';\nimport { UserRoleSelectorComponent } from '../../components/user-role-selector.component';\nimport { UserActionSelectorComponent } from '../../components/user-action-selector.component';\nimport {\n  ConfirmationService,\n  TabComponent,\n  TabListComponent,\n  TabsComponent,\n  UiIconComponent,\n} from '@flusys/ng-ui';\n\n/** Permission codes for each tab */\nconst TAB_PERMISSIONS = {\n  'role-actions': ROLE_ACTION_PERMISSIONS.READ,\n  'user-roles': USER_ROLE_PERMISSIONS.READ,\n  'user-actions': USER_ACTION_PERMISSIONS.READ,\n  'company-actions': COMPANY_ACTION_PERMISSIONS.READ,\n} as const;\n\n/** Structural shape shared by all four permission selector components */\ninterface IPermissionSelectorRef {\n  readonly hasChanges: () => boolean;\n}\n\n/** Main permission management interface with tabs for role/user/company permission assignment */\n@Component({\n  selector: 'lib-permission-page',\n  imports: [\n    TabComponent,\n    TabListComponent,\n    TabsComponent,\n    UiIconComponent,\n    HasPermissionDirective,\n    TranslatePipe,\n    RoleActionSelectorComponent,\n    CompanyActionSelectorComponent,\n    UserRoleSelectorComponent,\n    UserActionSelectorComponent,\n  ],\n  template: `\n    <div class=\"card\">\n      <div class=\"mb-5\">\n        <h3 class=\"text-xl font-semibold mb-1\">\n          {{ 'iam.permission.title' | translate }}\n        </h3>\n        <p class=\"text-sm text-muted-color m-0\">\n          {{ 'iam.permission.subtitle' | translate }}\n        </p>\n      </div>\n\n      <f-tabs\n        #tabs\n        [value]=\"activeTab()\"\n        (valueChange)=\"setActiveTab($event)\"\n        [scrollable]=\"true\"\n      >\n        <f-tablist>\n          @for (tab of availableTabs(); track tab.id) {\n            <f-tab *hasPermission=\"tab.permission\" [value]=\"tab.id\">\n              <ui-icon [name]=\"tab.icon\" class=\"mr-2\"></ui-icon\n              >{{ tab.labelKey | translate }}\n            </f-tab>\n          }\n        </f-tablist>\n      </f-tabs>\n\n      <div class=\"mt-5\">\n        @switch (activeTab()) {\n          @case ('role-actions') {\n            <flusys-role-action-selector #selectorRef />\n          }\n          @case ('user-roles') {\n            <flusys-user-role-selector #selectorRef />\n          }\n          @case ('user-actions') {\n            <flusys-user-action-selector #selectorRef />\n          }\n          @case ('company-actions') {\n            <flusys-company-action-selector #selectorRef />\n          }\n        }\n      </div>\n    </div>\n  `,\n})\nexport class PermissionPageComponent {\n  private readonly appConfig = inject(APP_CONFIG);\n  private readonly confirmationService = inject(ConfirmationService);\n  private readonly translateService = inject(TranslateService);\n\n  private readonly tabsRef = viewChild<TabsComponent>('tabs');\n  private readonly activeSelectorRef =\n    viewChild<IPermissionSelectorRef>('selectorRef');\n\n  readonly activeTab = signal<string>('');\n\n  /** Available tabs based on permission mode */\n  readonly availableTabs = computed(() => {\n    const permissionMode = getPermissionMode(this.appConfig);\n    const tabs: Array<{\n      id: string;\n      labelKey: string;\n      icon: string;\n      permission: string;\n    }> = [];\n\n    if (permissionMode === 'rbac' || permissionMode === 'full') {\n      tabs.push(\n        {\n          id: 'role-actions',\n          labelKey: 'iam.permission.role.actions',\n          icon: 'shield',\n          permission: TAB_PERMISSIONS['role-actions'],\n        },\n        {\n          id: 'user-roles',\n          labelKey: 'iam.permission.user.roles',\n          icon: 'user',\n          permission: TAB_PERMISSIONS['user-roles'],\n        },\n      );\n    }\n\n    if (permissionMode === 'direct' || permissionMode === 'full') {\n      tabs.push({\n        id: 'user-actions',\n        labelKey: 'iam.permission.user.actions',\n        icon: 'key',\n        permission: TAB_PERMISSIONS['user-actions'],\n      });\n    }\n\n    if (isCompanyFeatureEnabled(this.appConfig)) {\n      tabs.push({\n        id: 'company-actions',\n        labelKey: 'iam.permission.company.actions',\n        icon: 'building',\n        permission: TAB_PERMISSIONS['company-actions'],\n      });\n    }\n\n    return tabs;\n  });\n\n  constructor() {\n    effect(() => {\n      const tabs = this.availableTabs();\n      const currentTab = untracked(() => this.activeTab());\n      if (!currentTab || !tabs.some((t) => t.id === currentTab)) {\n        if (tabs.length > 0) {\n          this.activeTab.set(tabs[0].id);\n        }\n      }\n    });\n  }\n\n  setActiveTab(tabId: string | number): void {\n    const nextTab = String(tabId);\n    const previousTab = this.activeTab();\n    if (nextTab === previousTab) return;\n\n    if (this.activeSelectorRef()?.hasChanges()) {\n      this.confirmationService.confirm({\n        header: this.translateService.translate(\n          'iam.permission.unsaved.changes.title',\n        ),\n        message: this.translateService.translate(\n          'iam.permission.unsaved.changes.message',\n        ),\n        icon: 'exclamation-triangle',\n        acceptLabel: this.translateService.translate(\n          'iam.permission.unsaved.changes.discard',\n        ),\n        rejectLabel: this.translateService.translate('shared.cancel'),\n        accept: () => this.activeTab.set(nextTab),\n        reject: () => this.tabsRef()?.value.set(previousTab),\n      });\n      return;\n    }\n\n    this.activeTab.set(nextTab);\n  }\n}\n"],"mappings":"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"}

package/fesm2022/flusys-ng-iam-role-api.service-OwPgmSFc.mjs

@@ -0,0 +1,33 @@
+import * as i0 from "@angular/core";
+import { Service } from "@angular/core";
+import { ApiResourceService } from "@flusys/ng-shared";
+var RoleApiService = class RoleApiService extends ApiResourceService {
+	constructor() {
+		super("roles", "iam");
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: RoleApiService,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Service
+	});
+	static ɵprov = i0.ɵɵngDeclareService({
+		minVersion: "22.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: RoleApiService
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: RoleApiService,
+	decorators: [{ type: Service }],
+	ctorParameters: () => []
+});
+export { RoleApiService as t };
+
+//# sourceMappingURL=flusys-ng-iam-role-api.service-OwPgmSFc.mjs.map

package/fesm2022/flusys-ng-iam-role-api.service-OwPgmSFc.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"flusys-ng-iam-role-api.service-OwPgmSFc.mjs","names":[],"sources":["../../../projects/ng-iam/services/role-api.service.ts"],"sourcesContent":["import { Service } from '@angular/core';\nimport { ApiResourceService } from '@flusys/ng-shared';\nimport { IRole, IUpdateRoleDto } from '../interfaces/role.interface';\n\n@Service()\nexport class RoleApiService extends ApiResourceService<IUpdateRoleDto, IRole> {\n  constructor() {\n    super('roles', 'iam');\n  }\n}\n"],"mappings":";;;AAKA,IAAa,iBAAb,MAAa,uBAAuB,mBAAyC;CAC3E,cAAA;EACE,MAAM,SAAS,KAAK;CACtB;CAHW,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAc,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAd,OAAA,QAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;CAAc,CAAA;;AAAd,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAc,YAAA,CAAA,EAD1B,MAAA,QAAA,CAAA"}