@abpjs/identity 1.1.0 → 2.1.0

package/dist/index.d.mts

@@ -70,6 +70,50 @@ declare namespace Identity {
         password: string;
         roleNames: string[];
     }
+    /**
+     * Input props for RolesComponent
+     * @since 2.0.0
+     */
+    interface RolesComponentInputs {
+        /** Callback when a role is created */
+        readonly onRoleCreated?: (role: RoleItem) => void;
+        /** Callback when a role is updated */
+        readonly onRoleUpdated?: (role: RoleItem) => void;
+        /** Callback when a role is deleted */
+        readonly onRoleDeleted?: (id: string) => void;
+    }
+    /**
+     * Output callbacks for RolesComponent
+     * @since 2.0.0
+     */
+    interface RolesComponentOutputs {
+        /** Callback when permission modal visibility changes */
+        readonly onVisiblePermissionChange?: (visible: boolean) => void;
+    }
+    /**
+     * Input props for UsersComponent
+     * @since 2.0.0
+     */
+    interface UsersComponentInputs {
+        /** Callback when a user is created */
+        readonly onUserCreated?: (user: UserItem) => void;
+        /** Callback when a user is updated */
+        readonly onUserUpdated?: (user: UserItem) => void;
+        /** Callback when a user is deleted */
+        readonly onUserDeleted?: (id: string) => void;
+        /** Password validation rules to display */
+        readonly passwordRulesArr?: ('number' | 'small' | 'capital' | 'special')[];
+        /** Required minimum password length */
+        readonly requiredPasswordLength?: number;
+    }
+    /**
+     * Output callbacks for UsersComponent
+     * @since 2.0.0
+     */
+    interface UsersComponentOutputs {
+        /** Callback when permission modal visibility changes */
+        readonly onVisiblePermissionChange?: (visible: boolean) => void;
+    }
 }
 
 /**
@@ -151,6 +195,118 @@ declare class IdentityService {
     updateUser(id: string, body: Identity.UserSaveRequest): Promise<Identity.UserItem>;
 }
 
+/**
+ * IdentityStateService - A stateful service facade for identity operations.
+ *
+ * This service provides a stateful wrapper around IdentityService, maintaining
+ * local state for roles and users. It's the React equivalent of Angular's
+ * IdentityStateService which wraps NGXS store operations.
+ *
+ * For most React use cases, prefer using the hooks (useRoles, useUsers, useIdentity)
+ * instead of this class. This class is provided for programmatic/non-hook scenarios.
+ *
+ * @since 2.0.0
+ *
+ * @example
+ * ```typescript
+ * import { IdentityStateService, IdentityService } from '@abpjs/identity';
+ * import { RestService } from '@abpjs/core';
+ *
+ * const rest = new RestService();
+ * const identityService = new IdentityService(rest);
+ * const stateService = new IdentityStateService(identityService);
+ *
+ * // Fetch and get roles
+ * await stateService.dispatchGetRoles();
+ * const roles = stateService.getRoles();
+ * ```
+ */
+declare class IdentityStateService {
+    private identityService;
+    private roles;
+    private rolesTotalCount;
+    private users;
+    private usersTotalCount;
+    constructor(identityService: IdentityService);
+    /**
+     * Get the current roles from state
+     */
+    getRoles(): Identity.RoleItem[];
+    /**
+     * Get the total count of roles
+     */
+    getRolesTotalCount(): number;
+    /**
+     * Get the current users from state
+     */
+    getUsers(): Identity.UserItem[];
+    /**
+     * Get the total count of users
+     */
+    getUsersTotalCount(): number;
+    /**
+     * Fetch roles and update internal state
+     * @param params - Optional query parameters for pagination/filtering
+     */
+    dispatchGetRoles(params?: ABP.PageQueryParams): Promise<Identity.RoleResponse>;
+    /**
+     * Fetch a role by ID
+     * @param id - The role ID
+     */
+    dispatchGetRoleById(id: string): Promise<Identity.RoleItem>;
+    /**
+     * Delete a role and refresh the list
+     * @param id - The role ID to delete
+     */
+    dispatchDeleteRole(id: string): Promise<Identity.RoleItem>;
+    /**
+     * Create a new role and refresh the list
+     * @param body - The role data to create
+     */
+    dispatchCreateRole(body: Identity.RoleSaveRequest): Promise<Identity.RoleItem>;
+    /**
+     * Update an existing role and refresh the list
+     * @param payload - Object containing id and updated role data
+     */
+    dispatchUpdateRole(payload: {
+        id: string;
+        body: Identity.RoleSaveRequest;
+    }): Promise<Identity.RoleItem>;
+    /**
+     * Fetch users and update internal state
+     * @param params - Optional query parameters for pagination/filtering
+     */
+    dispatchGetUsers(params?: ABP.PageQueryParams): Promise<Identity.UserResponse>;
+    /**
+     * Fetch a user by ID
+     * @param id - The user ID
+     */
+    dispatchGetUserById(id: string): Promise<Identity.UserItem>;
+    /**
+     * Delete a user and refresh the list
+     * @param id - The user ID to delete
+     */
+    dispatchDeleteUser(id: string): Promise<void>;
+    /**
+     * Create a new user and refresh the list
+     * @param body - The user data to create
+     */
+    dispatchCreateUser(body: Identity.UserSaveRequest): Promise<Identity.UserItem>;
+    /**
+     * Update an existing user and refresh the list
+     * @param payload - Object containing id and updated user data
+     */
+    dispatchUpdateUser(payload: {
+        id: string;
+        body: Identity.UserSaveRequest;
+    }): Promise<Identity.UserItem>;
+    /**
+     * Get roles assigned to a user
+     * @param id - The user ID
+     */
+    dispatchGetUserRoles(id: string): Promise<Identity.RoleResponse>;
+}
+
 /**
  * Result from role operations
  */
@@ -388,6 +544,11 @@ interface RolesComponentProps {
     onRoleUpdated?: (role: Identity.RoleItem) => void;
     /** Optional callback when a role is deleted */
     onRoleDeleted?: (id: string) => void;
+    /**
+     * Callback when permission modal visibility changes
+     * @since 2.0.0
+     */
+    onVisiblePermissionChange?: (visible: boolean) => void;
 }
 /**
  * RolesComponent - Component for managing roles
@@ -407,7 +568,7 @@ interface RolesComponentProps {
  * }
  * ```
  */
-declare function RolesComponent({ onRoleCreated, onRoleUpdated, onRoleDeleted, }: RolesComponentProps): React.ReactElement;
+declare function RolesComponent({ onRoleCreated, onRoleUpdated, onRoleDeleted, onVisiblePermissionChange, }: RolesComponentProps): React.ReactElement;
 
 /**
  * Password rule type for validation display
@@ -434,23 +595,14 @@ interface UsersComponentProps {
      * @since 1.1.0
      */
     requiredPasswordLength?: number;
+    /**
+     * Callback when permission modal visibility changes
+     * @since 2.0.0
+     */
+    onVisiblePermissionChange?: (visible: boolean) => void;
 }
-declare function UsersComponent({ onUserCreated, onUserUpdated, onUserDeleted, passwordRulesArr, requiredPasswordLength, }: UsersComponentProps): React.ReactElement;
+declare function UsersComponent({ onUserCreated, onUserUpdated, onUserDeleted, passwordRulesArr, requiredPasswordLength, onVisiblePermissionChange, }: UsersComponentProps): React.ReactElement;
 
-/**
- * Identity module routes configuration.
- * Translated from @abp/ng.identity IDENTITY_ROUTES.
- *
- * These routes define the navigation structure for the identity module
- * within the ABP Framework application.
- *
- * @deprecated since version 1.0.0. Route configuration is now handled by
- * identity config services. This constant is kept for backwards compatibility
- * but may be removed in future versions.
- */
-declare const IDENTITY_ROUTES: {
-    routes: ABP.FullRoute[];
-};
 /**
  * Route paths for the identity module.
  * Use these constants for programmatic navigation.
@@ -485,4 +637,4 @@ declare const IDENTITY_POLICIES: {
     readonly ROLES_DELETE: "AbpIdentity.Roles.Delete";
 };
 
-export { IDENTITY_POLICIES, IDENTITY_ROUTES, IDENTITY_ROUTE_PATHS, Identity, IdentityService, type PasswordRule, type RoleOperationResult, RolesComponent, type RolesComponentProps, type SortOrder, type UseIdentityReturn, type UseRolesReturn, type UseUsersReturn, type UserOperationResult, UsersComponent, type UsersComponentProps, useIdentity, useRoles, useUsers };
+export { IDENTITY_POLICIES, IDENTITY_ROUTE_PATHS, Identity, IdentityService, IdentityStateService, type PasswordRule, type RoleOperationResult, RolesComponent, type RolesComponentProps, type SortOrder, type UseIdentityReturn, type UseRolesReturn, type UseUsersReturn, type UserOperationResult, UsersComponent, type UsersComponentProps, useIdentity, useRoles, useUsers };

package/dist/index.d.ts

@@ -70,6 +70,50 @@ declare namespace Identity {
         password: string;
         roleNames: string[];
     }
+    /**
+     * Input props for RolesComponent
+     * @since 2.0.0
+     */
+    interface RolesComponentInputs {
+        /** Callback when a role is created */
+        readonly onRoleCreated?: (role: RoleItem) => void;
+        /** Callback when a role is updated */
+        readonly onRoleUpdated?: (role: RoleItem) => void;
+        /** Callback when a role is deleted */
+        readonly onRoleDeleted?: (id: string) => void;
+    }
+    /**
+     * Output callbacks for RolesComponent
+     * @since 2.0.0
+     */
+    interface RolesComponentOutputs {
+        /** Callback when permission modal visibility changes */
+        readonly onVisiblePermissionChange?: (visible: boolean) => void;
+    }
+    /**
+     * Input props for UsersComponent
+     * @since 2.0.0
+     */
+    interface UsersComponentInputs {
+        /** Callback when a user is created */
+        readonly onUserCreated?: (user: UserItem) => void;
+        /** Callback when a user is updated */
+        readonly onUserUpdated?: (user: UserItem) => void;
+        /** Callback when a user is deleted */
+        readonly onUserDeleted?: (id: string) => void;
+        /** Password validation rules to display */
+        readonly passwordRulesArr?: ('number' | 'small' | 'capital' | 'special')[];
+        /** Required minimum password length */
+        readonly requiredPasswordLength?: number;
+    }
+    /**
+     * Output callbacks for UsersComponent
+     * @since 2.0.0
+     */
+    interface UsersComponentOutputs {
+        /** Callback when permission modal visibility changes */
+        readonly onVisiblePermissionChange?: (visible: boolean) => void;
+    }
 }
 
 /**
@@ -151,6 +195,118 @@ declare class IdentityService {
     updateUser(id: string, body: Identity.UserSaveRequest): Promise<Identity.UserItem>;
 }
 
+/**
+ * IdentityStateService - A stateful service facade for identity operations.
+ *
+ * This service provides a stateful wrapper around IdentityService, maintaining
+ * local state for roles and users. It's the React equivalent of Angular's
+ * IdentityStateService which wraps NGXS store operations.
+ *
+ * For most React use cases, prefer using the hooks (useRoles, useUsers, useIdentity)
+ * instead of this class. This class is provided for programmatic/non-hook scenarios.
+ *
+ * @since 2.0.0
+ *
+ * @example
+ * ```typescript
+ * import { IdentityStateService, IdentityService } from '@abpjs/identity';
+ * import { RestService } from '@abpjs/core';
+ *
+ * const rest = new RestService();
+ * const identityService = new IdentityService(rest);
+ * const stateService = new IdentityStateService(identityService);
+ *
+ * // Fetch and get roles
+ * await stateService.dispatchGetRoles();
+ * const roles = stateService.getRoles();
+ * ```
+ */
+declare class IdentityStateService {
+    private identityService;
+    private roles;
+    private rolesTotalCount;
+    private users;
+    private usersTotalCount;
+    constructor(identityService: IdentityService);
+    /**
+     * Get the current roles from state
+     */
+    getRoles(): Identity.RoleItem[];
+    /**
+     * Get the total count of roles
+     */
+    getRolesTotalCount(): number;
+    /**
+     * Get the current users from state
+     */
+    getUsers(): Identity.UserItem[];
+    /**
+     * Get the total count of users
+     */
+    getUsersTotalCount(): number;
+    /**
+     * Fetch roles and update internal state
+     * @param params - Optional query parameters for pagination/filtering
+     */
+    dispatchGetRoles(params?: ABP.PageQueryParams): Promise<Identity.RoleResponse>;
+    /**
+     * Fetch a role by ID
+     * @param id - The role ID
+     */
+    dispatchGetRoleById(id: string): Promise<Identity.RoleItem>;
+    /**
+     * Delete a role and refresh the list
+     * @param id - The role ID to delete
+     */
+    dispatchDeleteRole(id: string): Promise<Identity.RoleItem>;
+    /**
+     * Create a new role and refresh the list
+     * @param body - The role data to create
+     */
+    dispatchCreateRole(body: Identity.RoleSaveRequest): Promise<Identity.RoleItem>;
+    /**
+     * Update an existing role and refresh the list
+     * @param payload - Object containing id and updated role data
+     */
+    dispatchUpdateRole(payload: {
+        id: string;
+        body: Identity.RoleSaveRequest;
+    }): Promise<Identity.RoleItem>;
+    /**
+     * Fetch users and update internal state
+     * @param params - Optional query parameters for pagination/filtering
+     */
+    dispatchGetUsers(params?: ABP.PageQueryParams): Promise<Identity.UserResponse>;
+    /**
+     * Fetch a user by ID
+     * @param id - The user ID
+     */
+    dispatchGetUserById(id: string): Promise<Identity.UserItem>;
+    /**
+     * Delete a user and refresh the list
+     * @param id - The user ID to delete
+     */
+    dispatchDeleteUser(id: string): Promise<void>;
+    /**
+     * Create a new user and refresh the list
+     * @param body - The user data to create
+     */
+    dispatchCreateUser(body: Identity.UserSaveRequest): Promise<Identity.UserItem>;
+    /**
+     * Update an existing user and refresh the list
+     * @param payload - Object containing id and updated user data
+     */
+    dispatchUpdateUser(payload: {
+        id: string;
+        body: Identity.UserSaveRequest;
+    }): Promise<Identity.UserItem>;
+    /**
+     * Get roles assigned to a user
+     * @param id - The user ID
+     */
+    dispatchGetUserRoles(id: string): Promise<Identity.RoleResponse>;
+}
+
 /**
  * Result from role operations
  */
@@ -388,6 +544,11 @@ interface RolesComponentProps {
     onRoleUpdated?: (role: Identity.RoleItem) => void;
     /** Optional callback when a role is deleted */
     onRoleDeleted?: (id: string) => void;
+    /**
+     * Callback when permission modal visibility changes
+     * @since 2.0.0
+     */
+    onVisiblePermissionChange?: (visible: boolean) => void;
 }
 /**
  * RolesComponent - Component for managing roles
@@ -407,7 +568,7 @@ interface RolesComponentProps {
  * }
  * ```
  */
-declare function RolesComponent({ onRoleCreated, onRoleUpdated, onRoleDeleted, }: RolesComponentProps): React.ReactElement;
+declare function RolesComponent({ onRoleCreated, onRoleUpdated, onRoleDeleted, onVisiblePermissionChange, }: RolesComponentProps): React.ReactElement;
 
 /**
  * Password rule type for validation display
@@ -434,23 +595,14 @@ interface UsersComponentProps {
      * @since 1.1.0
      */
     requiredPasswordLength?: number;
+    /**
+     * Callback when permission modal visibility changes
+     * @since 2.0.0
+     */
+    onVisiblePermissionChange?: (visible: boolean) => void;
 }
-declare function UsersComponent({ onUserCreated, onUserUpdated, onUserDeleted, passwordRulesArr, requiredPasswordLength, }: UsersComponentProps): React.ReactElement;
+declare function UsersComponent({ onUserCreated, onUserUpdated, onUserDeleted, passwordRulesArr, requiredPasswordLength, onVisiblePermissionChange, }: UsersComponentProps): React.ReactElement;
 
-/**
- * Identity module routes configuration.
- * Translated from @abp/ng.identity IDENTITY_ROUTES.
- *
- * These routes define the navigation structure for the identity module
- * within the ABP Framework application.
- *
- * @deprecated since version 1.0.0. Route configuration is now handled by
- * identity config services. This constant is kept for backwards compatibility
- * but may be removed in future versions.
- */
-declare const IDENTITY_ROUTES: {
-    routes: ABP.FullRoute[];
-};
 /**
  * Route paths for the identity module.
  * Use these constants for programmatic navigation.
@@ -485,4 +637,4 @@ declare const IDENTITY_POLICIES: {
     readonly ROLES_DELETE: "AbpIdentity.Roles.Delete";
 };
 
-export { IDENTITY_POLICIES, IDENTITY_ROUTES, IDENTITY_ROUTE_PATHS, Identity, IdentityService, type PasswordRule, type RoleOperationResult, RolesComponent, type RolesComponentProps, type SortOrder, type UseIdentityReturn, type UseRolesReturn, type UseUsersReturn, type UserOperationResult, UsersComponent, type UsersComponentProps, useIdentity, useRoles, useUsers };
+export { IDENTITY_POLICIES, IDENTITY_ROUTE_PATHS, Identity, IdentityService, IdentityStateService, type PasswordRule, type RoleOperationResult, RolesComponent, type RolesComponentProps, type SortOrder, type UseIdentityReturn, type UseRolesReturn, type UseUsersReturn, type UserOperationResult, UsersComponent, type UsersComponentProps, useIdentity, useRoles, useUsers };

package/dist/index.js

@@ -21,9 +21,9 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var index_exports = {};
 __export(index_exports, {
   IDENTITY_POLICIES: () => IDENTITY_POLICIES,
-  IDENTITY_ROUTES: () => IDENTITY_ROUTES,
   IDENTITY_ROUTE_PATHS: () => IDENTITY_ROUTE_PATHS,
   IdentityService: () => IdentityService,
+  IdentityStateService: () => IdentityStateService,
   RolesComponent: () => RolesComponent,
   UsersComponent: () => UsersComponent,
   useIdentity: () => useIdentity,
@@ -174,6 +174,145 @@ var IdentityService = class {
   }
 };
 
+// src/services/identity-state.service.ts
+var IdentityStateService = class {
+  constructor(identityService) {
+    // Internal state
+    this.roles = [];
+    this.rolesTotalCount = 0;
+    this.users = [];
+    this.usersTotalCount = 0;
+    this.identityService = identityService;
+  }
+  // ========================
+  // State Getters
+  // ========================
+  /**
+   * Get the current roles from state
+   */
+  getRoles() {
+    return this.roles;
+  }
+  /**
+   * Get the total count of roles
+   */
+  getRolesTotalCount() {
+    return this.rolesTotalCount;
+  }
+  /**
+   * Get the current users from state
+   */
+  getUsers() {
+    return this.users;
+  }
+  /**
+   * Get the total count of users
+   */
+  getUsersTotalCount() {
+    return this.usersTotalCount;
+  }
+  // ========================
+  // Role Dispatch Methods
+  // ========================
+  /**
+   * Fetch roles and update internal state
+   * @param params - Optional query parameters for pagination/filtering
+   */
+  async dispatchGetRoles(params) {
+    const response = await this.identityService.getRoles(params);
+    this.roles = response.items;
+    this.rolesTotalCount = response.totalCount;
+    return response;
+  }
+  /**
+   * Fetch a role by ID
+   * @param id - The role ID
+   */
+  async dispatchGetRoleById(id) {
+    return this.identityService.getRoleById(id);
+  }
+  /**
+   * Delete a role and refresh the list
+   * @param id - The role ID to delete
+   */
+  async dispatchDeleteRole(id) {
+    const result = await this.identityService.deleteRole(id);
+    await this.dispatchGetRoles();
+    return result;
+  }
+  /**
+   * Create a new role and refresh the list
+   * @param body - The role data to create
+   */
+  async dispatchCreateRole(body) {
+    const result = await this.identityService.createRole(body);
+    await this.dispatchGetRoles();
+    return result;
+  }
+  /**
+   * Update an existing role and refresh the list
+   * @param payload - Object containing id and updated role data
+   */
+  async dispatchUpdateRole(payload) {
+    const result = await this.identityService.updateRole(payload.id, payload.body);
+    await this.dispatchGetRoles();
+    return result;
+  }
+  // ========================
+  // User Dispatch Methods
+  // ========================
+  /**
+   * Fetch users and update internal state
+   * @param params - Optional query parameters for pagination/filtering
+   */
+  async dispatchGetUsers(params) {
+    const response = await this.identityService.getUsers(params);
+    this.users = response.items;
+    this.usersTotalCount = response.totalCount;
+    return response;
+  }
+  /**
+   * Fetch a user by ID
+   * @param id - The user ID
+   */
+  async dispatchGetUserById(id) {
+    return this.identityService.getUserById(id);
+  }
+  /**
+   * Delete a user and refresh the list
+   * @param id - The user ID to delete
+   */
+  async dispatchDeleteUser(id) {
+    await this.identityService.deleteUser(id);
+    await this.dispatchGetUsers();
+  }
+  /**
+   * Create a new user and refresh the list
+   * @param body - The user data to create
+   */
+  async dispatchCreateUser(body) {
+    const result = await this.identityService.createUser(body);
+    await this.dispatchGetUsers();
+    return result;
+  }
+  /**
+   * Update an existing user and refresh the list
+   * @param payload - Object containing id and updated user data
+   */
+  async dispatchUpdateUser(payload) {
+    const result = await this.identityService.updateUser(payload.id, payload.body);
+    await this.dispatchGetUsers();
+    return result;
+  }
+  /**
+   * Get roles assigned to a user
+   * @param id - The user ID
+   */
+  async dispatchGetUserRoles(id) {
+    return this.identityService.getUserRoles(id);
+  }
+};
+
 // src/hooks/useRoles.ts
 var import_react = require("react");
 var import_core = require("@abpjs/core");
@@ -500,7 +639,8 @@ var DEFAULT_FORM_STATE = {
 function RolesComponent({
   onRoleCreated,
   onRoleUpdated,
-  onRoleDeleted
+  onRoleDeleted,
+  onVisiblePermissionChange
 }) {
   const { t } = (0, import_core3.useLocalization)();
   const confirmation = (0, import_theme_shared.useConfirmation)();
@@ -707,7 +847,10 @@ function RolesComponent({
       import_permission_management.PermissionManagementModal,
       {
         visible: isPermissionModalOpen,
-        onVisibleChange: setIsPermissionModalOpen,
+        onVisibleChange: (visible) => {
+          setIsPermissionModalOpen(visible);
+          onVisiblePermissionChange?.(visible);
+        },
         providerName: "R",
         providerKey: permissionProviderKey
       }
@@ -752,7 +895,8 @@ function UsersComponent({
   onUserUpdated,
   onUserDeleted,
   passwordRulesArr = [],
-  requiredPasswordLength = 0
+  requiredPasswordLength = 0,
+  onVisiblePermissionChange
 }) {
   const { t } = (0, import_core4.useLocalization)();
   const confirmation = (0, import_theme_shared2.useConfirmation)();
@@ -1121,7 +1265,10 @@ function UsersComponent({
       import_permission_management2.PermissionManagementModal,
       {
         visible: isPermissionModalOpen,
-        onVisibleChange: setIsPermissionModalOpen,
+        onVisibleChange: (visible) => {
+          setIsPermissionModalOpen(visible);
+          onVisiblePermissionChange?.(visible);
+        },
         providerName: "U",
         providerKey: permissionProviderKey
       }
@@ -1130,38 +1277,6 @@ function UsersComponent({
 }
 
 // src/constants/routes.ts
-var import_core5 = require("@abpjs/core");
-var IDENTITY_ROUTES = {
-  routes: [
-    {
-      name: "AbpUiNavigation::Menu:Administration",
-      path: "",
-      order: 1,
-      wrapper: true
-    },
-    {
-      name: "AbpIdentity::Menu:IdentityManagement",
-      path: "identity",
-      order: 1,
-      parentName: "AbpUiNavigation::Menu:Administration",
-      layout: import_core5.eLayoutType.application,
-      children: [
-        {
-          path: "roles",
-          name: "AbpIdentity::Roles",
-          order: 2,
-          requiredPolicy: "AbpIdentity.Roles"
-        },
-        {
-          path: "users",
-          name: "AbpIdentity::Users",
-          order: 1,
-          requiredPolicy: "AbpIdentity.Users"
-        }
-      ]
-    }
-  ]
-};
 var IDENTITY_ROUTE_PATHS = {
   /** Base path for identity module */
   BASE: "/identity",
@@ -1191,9 +1306,9 @@ var IDENTITY_POLICIES = {
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   IDENTITY_POLICIES,
-  IDENTITY_ROUTES,
   IDENTITY_ROUTE_PATHS,
   IdentityService,
+  IdentityStateService,
   RolesComponent,
   UsersComponent,
   useIdentity,

package/dist/index.mjs

@@ -140,6 +140,145 @@ var IdentityService = class {
   }
 };
 
+// src/services/identity-state.service.ts
+var IdentityStateService = class {
+  constructor(identityService) {
+    // Internal state
+    this.roles = [];
+    this.rolesTotalCount = 0;
+    this.users = [];
+    this.usersTotalCount = 0;
+    this.identityService = identityService;
+  }
+  // ========================
+  // State Getters
+  // ========================
+  /**
+   * Get the current roles from state
+   */
+  getRoles() {
+    return this.roles;
+  }
+  /**
+   * Get the total count of roles
+   */
+  getRolesTotalCount() {
+    return this.rolesTotalCount;
+  }
+  /**
+   * Get the current users from state
+   */
+  getUsers() {
+    return this.users;
+  }
+  /**
+   * Get the total count of users
+   */
+  getUsersTotalCount() {
+    return this.usersTotalCount;
+  }
+  // ========================
+  // Role Dispatch Methods
+  // ========================
+  /**
+   * Fetch roles and update internal state
+   * @param params - Optional query parameters for pagination/filtering
+   */
+  async dispatchGetRoles(params) {
+    const response = await this.identityService.getRoles(params);
+    this.roles = response.items;
+    this.rolesTotalCount = response.totalCount;
+    return response;
+  }
+  /**
+   * Fetch a role by ID
+   * @param id - The role ID
+   */
+  async dispatchGetRoleById(id) {
+    return this.identityService.getRoleById(id);
+  }
+  /**
+   * Delete a role and refresh the list
+   * @param id - The role ID to delete
+   */
+  async dispatchDeleteRole(id) {
+    const result = await this.identityService.deleteRole(id);
+    await this.dispatchGetRoles();
+    return result;
+  }
+  /**
+   * Create a new role and refresh the list
+   * @param body - The role data to create
+   */
+  async dispatchCreateRole(body) {
+    const result = await this.identityService.createRole(body);
+    await this.dispatchGetRoles();
+    return result;
+  }
+  /**
+   * Update an existing role and refresh the list
+   * @param payload - Object containing id and updated role data
+   */
+  async dispatchUpdateRole(payload) {
+    const result = await this.identityService.updateRole(payload.id, payload.body);
+    await this.dispatchGetRoles();
+    return result;
+  }
+  // ========================
+  // User Dispatch Methods
+  // ========================
+  /**
+   * Fetch users and update internal state
+   * @param params - Optional query parameters for pagination/filtering
+   */
+  async dispatchGetUsers(params) {
+    const response = await this.identityService.getUsers(params);
+    this.users = response.items;
+    this.usersTotalCount = response.totalCount;
+    return response;
+  }
+  /**
+   * Fetch a user by ID
+   * @param id - The user ID
+   */
+  async dispatchGetUserById(id) {
+    return this.identityService.getUserById(id);
+  }
+  /**
+   * Delete a user and refresh the list
+   * @param id - The user ID to delete
+   */
+  async dispatchDeleteUser(id) {
+    await this.identityService.deleteUser(id);
+    await this.dispatchGetUsers();
+  }
+  /**
+   * Create a new user and refresh the list
+   * @param body - The user data to create
+   */
+  async dispatchCreateUser(body) {
+    const result = await this.identityService.createUser(body);
+    await this.dispatchGetUsers();
+    return result;
+  }
+  /**
+   * Update an existing user and refresh the list
+   * @param payload - Object containing id and updated user data
+   */
+  async dispatchUpdateUser(payload) {
+    const result = await this.identityService.updateUser(payload.id, payload.body);
+    await this.dispatchGetUsers();
+    return result;
+  }
+  /**
+   * Get roles assigned to a user
+   * @param id - The user ID
+   */
+  async dispatchGetUserRoles(id) {
+    return this.identityService.getUserRoles(id);
+  }
+};
+
 // src/hooks/useRoles.ts
 import { useState, useCallback, useMemo } from "react";
 import { useRestService } from "@abpjs/core";
@@ -475,7 +614,8 @@ var DEFAULT_FORM_STATE = {
 function RolesComponent({
   onRoleCreated,
   onRoleUpdated,
-  onRoleDeleted
+  onRoleDeleted,
+  onVisiblePermissionChange
 }) {
   const { t } = useLocalization();
   const confirmation = useConfirmation();
@@ -682,7 +822,10 @@ function RolesComponent({
       PermissionManagementModal,
       {
         visible: isPermissionModalOpen,
-        onVisibleChange: setIsPermissionModalOpen,
+        onVisibleChange: (visible) => {
+          setIsPermissionModalOpen(visible);
+          onVisiblePermissionChange?.(visible);
+        },
         providerName: "R",
         providerKey: permissionProviderKey
       }
@@ -738,7 +881,8 @@ function UsersComponent({
   onUserUpdated,
   onUserDeleted,
   passwordRulesArr = [],
-  requiredPasswordLength = 0
+  requiredPasswordLength = 0,
+  onVisiblePermissionChange
 }) {
   const { t } = useLocalization2();
   const confirmation = useConfirmation2();
@@ -1107,7 +1251,10 @@ function UsersComponent({
       PermissionManagementModal2,
       {
         visible: isPermissionModalOpen,
-        onVisibleChange: setIsPermissionModalOpen,
+        onVisibleChange: (visible) => {
+          setIsPermissionModalOpen(visible);
+          onVisiblePermissionChange?.(visible);
+        },
         providerName: "U",
         providerKey: permissionProviderKey
       }
@@ -1116,38 +1263,6 @@ function UsersComponent({
 }
 
 // src/constants/routes.ts
-import { eLayoutType } from "@abpjs/core";
-var IDENTITY_ROUTES = {
-  routes: [
-    {
-      name: "AbpUiNavigation::Menu:Administration",
-      path: "",
-      order: 1,
-      wrapper: true
-    },
-    {
-      name: "AbpIdentity::Menu:IdentityManagement",
-      path: "identity",
-      order: 1,
-      parentName: "AbpUiNavigation::Menu:Administration",
-      layout: eLayoutType.application,
-      children: [
-        {
-          path: "roles",
-          name: "AbpIdentity::Roles",
-          order: 2,
-          requiredPolicy: "AbpIdentity.Roles"
-        },
-        {
-          path: "users",
-          name: "AbpIdentity::Users",
-          order: 1,
-          requiredPolicy: "AbpIdentity.Users"
-        }
-      ]
-    }
-  ]
-};
 var IDENTITY_ROUTE_PATHS = {
   /** Base path for identity module */
   BASE: "/identity",
@@ -1176,9 +1291,9 @@ var IDENTITY_POLICIES = {
 };
 export {
   IDENTITY_POLICIES,
-  IDENTITY_ROUTES,
   IDENTITY_ROUTE_PATHS,
   IdentityService,
+  IdentityStateService,
   RolesComponent,
   UsersComponent,
   useIdentity,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abpjs/identity",
-  "version": "1.1.0",
+  "version": "2.1.0",
   "description": "ABP Framework identity components for React - translated from @abp/ng.identity",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -25,12 +25,12 @@
   "dependencies": {
     "@chakra-ui/react": "^3.2.0",
     "@emotion/react": "^11.11.0",
-    "@abpjs/core": "1.1.0",
-    "@abpjs/permission-management": "1.1.0",
-    "@abpjs/theme-shared": "1.1.0"
+    "@abpjs/theme-shared": "2.1.0",
+    "@abpjs/core": "2.1.0",
+    "@abpjs/permission-management": "2.1.0"
   },
   "devDependencies": {
-    "@abp/ng.identity": "0.9.0",
+    "@abp/ng.identity": "2.1.0",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^14.0.0",
     "@testing-library/user-event": "^14.6.1",