@abpjs/identity 1.0.0 → 2.0.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,8 +568,13 @@ 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
+ * @since 1.1.0
+ */
+type PasswordRule = 'number' | 'small' | 'capital' | 'special';
 /**
  * Props for UsersComponent
  */
@@ -419,41 +585,24 @@ interface UsersComponentProps {
     onUserUpdated?: (user: Identity.UserItem) => void;
     /** Optional callback when a user is deleted */
     onUserDeleted?: (id: string) => void;
+    /**
+     * Password validation rules to display
+     * @since 1.1.0
+     */
+    passwordRulesArr?: PasswordRule[];
+    /**
+     * Required minimum password length
+     * @since 1.1.0
+     */
+    requiredPasswordLength?: number;
+    /**
+     * Callback when permission modal visibility changes
+     * @since 2.0.0
+     */
+    onVisiblePermissionChange?: (visible: boolean) => void;
 }
-/**
- * UsersComponent - Component for managing users
- *
- * This is the React equivalent of Angular's UsersComponent.
- * It displays a table of users with CRUD operations, role assignment, and permission management.
- *
- * @example
- * ```tsx
- * function IdentityPage() {
- *   return (
- *     <UsersComponent
- *       onUserCreated={(user) => console.log('User created:', user)}
- *       onUserDeleted={(id) => console.log('User deleted:', id)}
- *     />
- *   );
- * }
- * ```
- */
-declare function UsersComponent({ onUserCreated, onUserUpdated, onUserDeleted, }: 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.
@@ -488,4 +637,4 @@ declare const IDENTITY_POLICIES: {
     readonly ROLES_DELETE: "AbpIdentity.Roles.Delete";
 };
 
-export { IDENTITY_POLICIES, IDENTITY_ROUTES, IDENTITY_ROUTE_PATHS, Identity, IdentityService, 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,8 +568,13 @@ 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
+ * @since 1.1.0
+ */
+type PasswordRule = 'number' | 'small' | 'capital' | 'special';
 /**
  * Props for UsersComponent
  */
@@ -419,41 +585,24 @@ interface UsersComponentProps {
     onUserUpdated?: (user: Identity.UserItem) => void;
     /** Optional callback when a user is deleted */
     onUserDeleted?: (id: string) => void;
+    /**
+     * Password validation rules to display
+     * @since 1.1.0
+     */
+    passwordRulesArr?: PasswordRule[];
+    /**
+     * Required minimum password length
+     * @since 1.1.0
+     */
+    requiredPasswordLength?: number;
+    /**
+     * Callback when permission modal visibility changes
+     * @since 2.0.0
+     */
+    onVisiblePermissionChange?: (visible: boolean) => void;
 }
-/**
- * UsersComponent - Component for managing users
- *
- * This is the React equivalent of Angular's UsersComponent.
- * It displays a table of users with CRUD operations, role assignment, and permission management.
- *
- * @example
- * ```tsx
- * function IdentityPage() {
- *   return (
- *     <UsersComponent
- *       onUserCreated={(user) => console.log('User created:', user)}
- *       onUserDeleted={(id) => console.log('User deleted:', id)}
- *     />
- *   );
- * }
- * ```
- */
-declare function UsersComponent({ onUserCreated, onUserUpdated, onUserDeleted, }: 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.
@@ -488,4 +637,4 @@ declare const IDENTITY_POLICIES: {
     readonly ROLES_DELETE: "AbpIdentity.Roles.Delete";
 };
 
-export { IDENTITY_POLICIES, IDENTITY_ROUTES, IDENTITY_ROUTE_PATHS, Identity, IdentityService, 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
       }
@@ -733,10 +876,27 @@ var DEFAULT_FORM_STATE2 = {
   twoFactorEnabled: true,
   roleNames: []
 };
+function getPasswordRuleLabel(rule, t) {
+  switch (rule) {
+    case "number":
+      return t("AbpIdentity::Password:RequireDigit");
+    case "small":
+      return t("AbpIdentity::Password:RequireLowercase");
+    case "capital":
+      return t("AbpIdentity::Password:RequireUppercase");
+    case "special":
+      return t("AbpIdentity::Password:RequireNonAlphanumeric");
+    default:
+      return rule;
+  }
+}
 function UsersComponent({
   onUserCreated,
   onUserUpdated,
-  onUserDeleted
+  onUserDeleted,
+  passwordRulesArr = [],
+  requiredPasswordLength = 0,
+  onVisiblePermissionChange
 }) {
   const { t } = (0, import_core4.useLocalization)();
   const confirmation = (0, import_theme_shared2.useConfirmation)();
@@ -1032,17 +1192,26 @@ function UsersComponent({
                 }
               ) })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_theme_shared2.FormField, { label: t("AbpIdentity::Password"), required: !selectedUser?.id, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-              import_react7.Input,
-              {
-                type: "password",
-                value: formState.password,
-                onChange: (e) => handleInputChange("password", e.target.value),
-                autoComplete: "new-password",
-                maxLength: 32,
-                placeholder: selectedUser?.id ? t("AbpIdentity::LeaveBlankToKeepCurrent") : ""
-              }
-            ) }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_theme_shared2.FormField, { label: t("AbpIdentity::Password"), required: !selectedUser?.id, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                import_react7.Input,
+                {
+                  type: "password",
+                  value: formState.password,
+                  onChange: (e) => handleInputChange("password", e.target.value),
+                  autoComplete: "new-password",
+                  maxLength: 32,
+                  placeholder: selectedUser?.id ? t("AbpIdentity::LeaveBlankToKeepCurrent") : ""
+                }
+              ),
+              (requiredPasswordLength > 0 || passwordRulesArr.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react7.Box, { mt: 2, fontSize: "sm", color: "gray.500", children: [
+                requiredPasswordLength > 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react7.Text, { children: t("AbpIdentity::Password:MinLength", String(requiredPasswordLength)) }),
+                passwordRulesArr.map((rule) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react7.Text, { children: [
+                  "\u2022 ",
+                  getPasswordRuleLabel(rule, t)
+                ] }, rule))
+              ] })
+            ] }),
             /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_theme_shared2.FormField, { label: t("AbpIdentity::EmailAddress"), required: true, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
               import_react7.Input,
               {
@@ -1096,7 +1265,10 @@ function UsersComponent({
       import_permission_management2.PermissionManagementModal,
       {
         visible: isPermissionModalOpen,
-        onVisibleChange: setIsPermissionModalOpen,
+        onVisibleChange: (visible) => {
+          setIsPermissionModalOpen(visible);
+          onVisiblePermissionChange?.(visible);
+        },
         providerName: "U",
         providerKey: permissionProviderKey
       }
@@ -1105,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",
@@ -1166,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
       }
@@ -719,10 +862,27 @@ var DEFAULT_FORM_STATE2 = {
   twoFactorEnabled: true,
   roleNames: []
 };
+function getPasswordRuleLabel(rule, t) {
+  switch (rule) {
+    case "number":
+      return t("AbpIdentity::Password:RequireDigit");
+    case "small":
+      return t("AbpIdentity::Password:RequireLowercase");
+    case "capital":
+      return t("AbpIdentity::Password:RequireUppercase");
+    case "special":
+      return t("AbpIdentity::Password:RequireNonAlphanumeric");
+    default:
+      return rule;
+  }
+}
 function UsersComponent({
   onUserCreated,
   onUserUpdated,
-  onUserDeleted
+  onUserDeleted,
+  passwordRulesArr = [],
+  requiredPasswordLength = 0,
+  onVisiblePermissionChange
 }) {
   const { t } = useLocalization2();
   const confirmation = useConfirmation2();
@@ -1018,17 +1178,26 @@ function UsersComponent({
                 }
               ) })
             ] }),
-            /* @__PURE__ */ jsx2(FormField2, { label: t("AbpIdentity::Password"), required: !selectedUser?.id, children: /* @__PURE__ */ jsx2(
-              Input2,
-              {
-                type: "password",
-                value: formState.password,
-                onChange: (e) => handleInputChange("password", e.target.value),
-                autoComplete: "new-password",
-                maxLength: 32,
-                placeholder: selectedUser?.id ? t("AbpIdentity::LeaveBlankToKeepCurrent") : ""
-              }
-            ) }),
+            /* @__PURE__ */ jsxs2(FormField2, { label: t("AbpIdentity::Password"), required: !selectedUser?.id, children: [
+              /* @__PURE__ */ jsx2(
+                Input2,
+                {
+                  type: "password",
+                  value: formState.password,
+                  onChange: (e) => handleInputChange("password", e.target.value),
+                  autoComplete: "new-password",
+                  maxLength: 32,
+                  placeholder: selectedUser?.id ? t("AbpIdentity::LeaveBlankToKeepCurrent") : ""
+                }
+              ),
+              (requiredPasswordLength > 0 || passwordRulesArr.length > 0) && /* @__PURE__ */ jsxs2(Box2, { mt: 2, fontSize: "sm", color: "gray.500", children: [
+                requiredPasswordLength > 0 && /* @__PURE__ */ jsx2(Text2, { children: t("AbpIdentity::Password:MinLength", String(requiredPasswordLength)) }),
+                passwordRulesArr.map((rule) => /* @__PURE__ */ jsxs2(Text2, { children: [
+                  "\u2022 ",
+                  getPasswordRuleLabel(rule, t)
+                ] }, rule))
+              ] })
+            ] }),
             /* @__PURE__ */ jsx2(FormField2, { label: t("AbpIdentity::EmailAddress"), required: true, children: /* @__PURE__ */ jsx2(
               Input2,
               {
@@ -1082,7 +1251,10 @@ function UsersComponent({
       PermissionManagementModal2,
       {
         visible: isPermissionModalOpen,
-        onVisibleChange: setIsPermissionModalOpen,
+        onVisibleChange: (visible) => {
+          setIsPermissionModalOpen(visible);
+          onVisiblePermissionChange?.(visible);
+        },
         providerName: "U",
         providerKey: permissionProviderKey
       }
@@ -1091,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",
@@ -1151,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.0.0",
+  "version": "2.0.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.0.0",
-    "@abpjs/theme-shared": "1.0.0",
-    "@abpjs/permission-management": "1.0.0"
+    "@abpjs/core": "2.0.0",
+    "@abpjs/permission-management": "2.0.0",
+    "@abpjs/theme-shared": "2.0.0"
   },
   "devDependencies": {
-    "@abp/ng.identity": "0.9.0",
+    "@abp/ng.identity": "2.0.0",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^14.0.0",
     "@testing-library/user-event": "^14.6.1",
@@ -62,7 +62,8 @@
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/abpjs/abp-react"
+    "url": "https://github.com/abpjs/abp-react",
+    "directory": "packages/identity"
   },
   "homepage": "https://docs.abpjs.io/docs/packages/identity/overview",
   "bugs": {