@abpjs/identity 0.7.6

package/dist/index.js

@@ -0,0 +1,1161 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  IDENTITY_POLICIES: () => IDENTITY_POLICIES,
+  IDENTITY_ROUTES: () => IDENTITY_ROUTES,
+  IDENTITY_ROUTE_PATHS: () => IDENTITY_ROUTE_PATHS,
+  IdentityService: () => IdentityService,
+  RolesComponent: () => RolesComponent,
+  UsersComponent: () => UsersComponent,
+  useIdentity: () => useIdentity,
+  useRoles: () => useRoles,
+  useUsers: () => useUsers
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/services/identity.service.ts
+var IdentityService = class {
+  constructor(rest) {
+    this.rest = rest;
+  }
+  // ========================
+  // Role Operations
+  // ========================
+  /**
+   * Get all roles
+   * @returns Promise with paginated role response
+   */
+  getRoles() {
+    return this.rest.request({
+      method: "GET",
+      url: "/api/identity/roles"
+    });
+  }
+  /**
+   * Get a role by ID
+   * @param id - The role ID
+   * @returns Promise with the role item
+   */
+  getRoleById(id) {
+    return this.rest.request({
+      method: "GET",
+      url: `/api/identity/roles/${id}`
+    });
+  }
+  /**
+   * Delete a role
+   * @param id - The role ID to delete
+   * @returns Promise with the deleted role
+   */
+  deleteRole(id) {
+    return this.rest.request({
+      method: "DELETE",
+      url: `/api/identity/roles/${id}`
+    });
+  }
+  /**
+   * Create a new role
+   * @param body - The role data to create
+   * @returns Promise with the created role
+   */
+  createRole(body) {
+    return this.rest.request({
+      method: "POST",
+      url: "/api/identity/roles",
+      body
+    });
+  }
+  /**
+   * Update an existing role
+   * @param id - The role ID to update
+   * @param body - The updated role data
+   * @returns Promise with the updated role
+   */
+  updateRole(id, body) {
+    return this.rest.request({
+      method: "PUT",
+      url: `/api/identity/roles/${id}`,
+      body
+    });
+  }
+  // ========================
+  // User Operations
+  // ========================
+  /**
+   * Get users with pagination and filtering
+   * @param params - Query parameters for pagination and filtering
+   * @returns Promise with paginated user response
+   */
+  getUsers(params = {}) {
+    return this.rest.request({
+      method: "GET",
+      url: "/api/identity/users",
+      params
+    });
+  }
+  /**
+   * Get a user by ID
+   * @param id - The user ID
+   * @returns Promise with the user item
+   */
+  getUserById(id) {
+    return this.rest.request({
+      method: "GET",
+      url: `/api/identity/users/${id}`
+    });
+  }
+  /**
+   * Get roles assigned to a user
+   * @param id - The user ID
+   * @returns Promise with the user's roles
+   */
+  getUserRoles(id) {
+    return this.rest.request({
+      method: "GET",
+      url: `/api/identity/users/${id}/roles`
+    });
+  }
+  /**
+   * Delete a user
+   * @param id - The user ID to delete
+   * @returns Promise resolving when complete
+   */
+  deleteUser(id) {
+    return this.rest.request({
+      method: "DELETE",
+      url: `/api/identity/users/${id}`
+    });
+  }
+  /**
+   * Create a new user
+   * @param body - The user data to create
+   * @returns Promise with the created user
+   */
+  createUser(body) {
+    return this.rest.request({
+      method: "POST",
+      url: "/api/identity/users",
+      body
+    });
+  }
+  /**
+   * Update an existing user
+   * @param id - The user ID to update
+   * @param body - The updated user data
+   * @returns Promise with the updated user
+   */
+  updateUser(id, body) {
+    return this.rest.request({
+      method: "PUT",
+      url: `/api/identity/users/${id}`,
+      body
+    });
+  }
+};
+
+// src/hooks/useRoles.ts
+var import_react = require("react");
+var import_core = require("@abpjs/core");
+function useRoles() {
+  const restService = (0, import_core.useRestService)();
+  const service = (0, import_react.useMemo)(() => new IdentityService(restService), [restService]);
+  const [roles, setRoles] = (0, import_react.useState)([]);
+  const [totalCount, setTotalCount] = (0, import_react.useState)(0);
+  const [selectedRole, setSelectedRole] = (0, import_react.useState)(null);
+  const [isLoading, setIsLoading] = (0, import_react.useState)(false);
+  const [error, setError] = (0, import_react.useState)(null);
+  const fetchRoles = (0, import_react.useCallback)(async () => {
+    setIsLoading(true);
+    setError(null);
+    try {
+      const response = await service.getRoles();
+      setRoles(response.items || []);
+      setTotalCount(response.totalCount || 0);
+      setIsLoading(false);
+      return { success: true };
+    } catch (err) {
+      const errorMessage = err instanceof Error ? err.message : "Failed to fetch roles";
+      setError(errorMessage);
+      setIsLoading(false);
+      return { success: false, error: errorMessage };
+    }
+  }, [service]);
+  const getRoleById = (0, import_react.useCallback)(
+    async (id) => {
+      setIsLoading(true);
+      setError(null);
+      try {
+        const role = await service.getRoleById(id);
+        setSelectedRole(role);
+        setIsLoading(false);
+        return { success: true };
+      } catch (err) {
+        const errorMessage = err instanceof Error ? err.message : "Failed to fetch role";
+        setError(errorMessage);
+        setIsLoading(false);
+        return { success: false, error: errorMessage };
+      }
+    },
+    [service]
+  );
+  const createRole = (0, import_react.useCallback)(
+    async (role) => {
+      setIsLoading(true);
+      setError(null);
+      try {
+        await service.createRole(role);
+        await fetchRoles();
+        return { success: true };
+      } catch (err) {
+        const errorMessage = err instanceof Error ? err.message : "Failed to create role";
+        setError(errorMessage);
+        setIsLoading(false);
+        return { success: false, error: errorMessage };
+      }
+    },
+    [service, fetchRoles]
+  );
+  const updateRole = (0, import_react.useCallback)(
+    async (id, role) => {
+      setIsLoading(true);
+      setError(null);
+      try {
+        await service.updateRole(id, role);
+        await fetchRoles();
+        return { success: true };
+      } catch (err) {
+        const errorMessage = err instanceof Error ? err.message : "Failed to update role";
+        setError(errorMessage);
+        setIsLoading(false);
+        return { success: false, error: errorMessage };
+      }
+    },
+    [service, fetchRoles]
+  );
+  const deleteRole = (0, import_react.useCallback)(
+    async (id) => {
+      setIsLoading(true);
+      setError(null);
+      try {
+        await service.deleteRole(id);
+        await fetchRoles();
+        return { success: true };
+      } catch (err) {
+        const errorMessage = err instanceof Error ? err.message : "Failed to delete role";
+        setError(errorMessage);
+        setIsLoading(false);
+        return { success: false, error: errorMessage };
+      }
+    },
+    [service, fetchRoles]
+  );
+  const reset = (0, import_react.useCallback)(() => {
+    setRoles([]);
+    setTotalCount(0);
+    setSelectedRole(null);
+    setIsLoading(false);
+    setError(null);
+  }, []);
+  return {
+    roles,
+    totalCount,
+    selectedRole,
+    isLoading,
+    error,
+    fetchRoles,
+    getRoleById,
+    createRole,
+    updateRole,
+    deleteRole,
+    setSelectedRole,
+    reset
+  };
+}
+
+// src/hooks/useUsers.ts
+var import_react2 = require("react");
+var import_core2 = require("@abpjs/core");
+var DEFAULT_PAGE_QUERY = {
+  sorting: "userName",
+  skipCount: 0,
+  maxResultCount: 10
+};
+function useUsers() {
+  const restService = (0, import_core2.useRestService)();
+  const service = (0, import_react2.useMemo)(() => new IdentityService(restService), [restService]);
+  const [users, setUsers] = (0, import_react2.useState)([]);
+  const [totalCount, setTotalCount] = (0, import_react2.useState)(0);
+  const [selectedUser, setSelectedUser] = (0, import_react2.useState)(null);
+  const [selectedUserRoles, setSelectedUserRoles] = (0, import_react2.useState)([]);
+  const [isLoading, setIsLoading] = (0, import_react2.useState)(false);
+  const [error, setError] = (0, import_react2.useState)(null);
+  const [pageQuery, setPageQuery] = (0, import_react2.useState)(DEFAULT_PAGE_QUERY);
+  const fetchUsers = (0, import_react2.useCallback)(
+    async (params) => {
+      setIsLoading(true);
+      setError(null);
+      const queryParams = params || pageQuery;
+      try {
+        const response = await service.getUsers(queryParams);
+        setUsers(response.items || []);
+        setTotalCount(response.totalCount || 0);
+        setIsLoading(false);
+        return { success: true };
+      } catch (err) {
+        const errorMessage = err instanceof Error ? err.message : "Failed to fetch users";
+        setError(errorMessage);
+        setIsLoading(false);
+        return { success: false, error: errorMessage };
+      }
+    },
+    [service, pageQuery]
+  );
+  const getUserById = (0, import_react2.useCallback)(
+    async (id) => {
+      setIsLoading(true);
+      setError(null);
+      try {
+        const user = await service.getUserById(id);
+        setSelectedUser(user);
+        setIsLoading(false);
+        return { success: true };
+      } catch (err) {
+        const errorMessage = err instanceof Error ? err.message : "Failed to fetch user";
+        setError(errorMessage);
+        setIsLoading(false);
+        return { success: false, error: errorMessage };
+      }
+    },
+    [service]
+  );
+  const getUserRoles = (0, import_react2.useCallback)(
+    async (id) => {
+      setIsLoading(true);
+      setError(null);
+      try {
+        const response = await service.getUserRoles(id);
+        setSelectedUserRoles(response.items || []);
+        setIsLoading(false);
+        return { success: true };
+      } catch (err) {
+        const errorMessage = err instanceof Error ? err.message : "Failed to fetch user roles";
+        setError(errorMessage);
+        setIsLoading(false);
+        return { success: false, error: errorMessage };
+      }
+    },
+    [service]
+  );
+  const createUser = (0, import_react2.useCallback)(
+    async (user) => {
+      setIsLoading(true);
+      setError(null);
+      try {
+        await service.createUser(user);
+        await fetchUsers();
+        return { success: true };
+      } catch (err) {
+        const errorMessage = err instanceof Error ? err.message : "Failed to create user";
+        setError(errorMessage);
+        setIsLoading(false);
+        return { success: false, error: errorMessage };
+      }
+    },
+    [service, fetchUsers]
+  );
+  const updateUser = (0, import_react2.useCallback)(
+    async (id, user) => {
+      setIsLoading(true);
+      setError(null);
+      try {
+        await service.updateUser(id, user);
+        await fetchUsers();
+        return { success: true };
+      } catch (err) {
+        const errorMessage = err instanceof Error ? err.message : "Failed to update user";
+        setError(errorMessage);
+        setIsLoading(false);
+        return { success: false, error: errorMessage };
+      }
+    },
+    [service, fetchUsers]
+  );
+  const deleteUser = (0, import_react2.useCallback)(
+    async (id) => {
+      setIsLoading(true);
+      setError(null);
+      try {
+        await service.deleteUser(id);
+        await fetchUsers();
+        return { success: true };
+      } catch (err) {
+        const errorMessage = err instanceof Error ? err.message : "Failed to delete user";
+        setError(errorMessage);
+        setIsLoading(false);
+        return { success: false, error: errorMessage };
+      }
+    },
+    [service, fetchUsers]
+  );
+  const reset = (0, import_react2.useCallback)(() => {
+    setUsers([]);
+    setTotalCount(0);
+    setSelectedUser(null);
+    setSelectedUserRoles([]);
+    setIsLoading(false);
+    setError(null);
+    setPageQuery(DEFAULT_PAGE_QUERY);
+  }, []);
+  return {
+    users,
+    totalCount,
+    selectedUser,
+    selectedUserRoles,
+    isLoading,
+    error,
+    pageQuery,
+    fetchUsers,
+    getUserById,
+    getUserRoles,
+    createUser,
+    updateUser,
+    deleteUser,
+    setSelectedUser,
+    setPageQuery,
+    reset
+  };
+}
+
+// src/hooks/useIdentity.ts
+var import_react3 = require("react");
+function useIdentity() {
+  const rolesHook = useRoles();
+  const usersHook = useUsers();
+  const isLoading = (0, import_react3.useMemo)(
+    () => rolesHook.isLoading || usersHook.isLoading,
+    [rolesHook.isLoading, usersHook.isLoading]
+  );
+  const error = (0, import_react3.useMemo)(
+    () => rolesHook.error || usersHook.error,
+    [rolesHook.error, usersHook.error]
+  );
+  const resetAll = (0, import_react3.useCallback)(() => {
+    rolesHook.reset();
+    usersHook.reset();
+  }, [rolesHook, usersHook]);
+  return {
+    roles: rolesHook,
+    users: usersHook,
+    isLoading,
+    error,
+    resetAll
+  };
+}
+
+// src/components/Roles/RolesComponent.tsx
+var import_react4 = require("react");
+var import_core3 = require("@abpjs/core");
+var import_theme_shared = require("@abpjs/theme-shared");
+var import_permission_management = require("@abpjs/permission-management");
+var import_react5 = require("@chakra-ui/react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var DEFAULT_FORM_STATE = {
+  name: "",
+  isDefault: false,
+  isPublic: false
+};
+function RolesComponent({
+  onRoleCreated,
+  onRoleUpdated,
+  onRoleDeleted
+}) {
+  const { t } = (0, import_core3.useLocalization)();
+  const confirmation = (0, import_theme_shared.useConfirmation)();
+  const {
+    roles,
+    selectedRole,
+    isLoading,
+    error,
+    fetchRoles,
+    getRoleById,
+    createRole,
+    updateRole,
+    deleteRole,
+    setSelectedRole
+  } = useRoles();
+  const [isModalOpen, setIsModalOpen] = (0, import_react4.useState)(false);
+  const [formState, setFormState] = (0, import_react4.useState)(DEFAULT_FORM_STATE);
+  const [isSubmitting, setIsSubmitting] = (0, import_react4.useState)(false);
+  const [isPermissionModalOpen, setIsPermissionModalOpen] = (0, import_react4.useState)(false);
+  const [permissionProviderKey, setPermissionProviderKey] = (0, import_react4.useState)("");
+  const [searchTerm, setSearchTerm] = (0, import_react4.useState)("");
+  (0, import_react4.useEffect)(() => {
+    fetchRoles();
+  }, [fetchRoles]);
+  const filteredRoles = roles.filter(
+    (role) => !searchTerm || role.name.toLowerCase().includes(searchTerm.toLowerCase())
+  );
+  const handleAdd = (0, import_react4.useCallback)(() => {
+    setSelectedRole(null);
+    setFormState(DEFAULT_FORM_STATE);
+    setIsModalOpen(true);
+  }, [setSelectedRole]);
+  const handleEdit = (0, import_react4.useCallback)(
+    async (id) => {
+      const result = await getRoleById(id);
+      if (result.success && selectedRole) {
+        setFormState({
+          name: selectedRole.name || "",
+          isDefault: selectedRole.isDefault || false,
+          isPublic: selectedRole.isPublic || false
+        });
+        setIsModalOpen(true);
+      }
+    },
+    [getRoleById, selectedRole]
+  );
+  (0, import_react4.useEffect)(() => {
+    if (selectedRole) {
+      setFormState({
+        name: selectedRole.name || "",
+        isDefault: selectedRole.isDefault || false,
+        isPublic: selectedRole.isPublic || false
+      });
+    }
+  }, [selectedRole]);
+  const handleDelete = (0, import_react4.useCallback)(
+    async (id, name) => {
+      const status = await confirmation.warn(
+        t("AbpIdentity::RoleDeletionConfirmationMessage", name),
+        t("AbpIdentity::AreYouSure")
+      );
+      if (status === import_theme_shared.Toaster.Status.confirm) {
+        const result = await deleteRole(id);
+        if (result.success) {
+          onRoleDeleted?.(id);
+        }
+      }
+    },
+    [confirmation, t, deleteRole, onRoleDeleted]
+  );
+  const handleOpenPermissions = (0, import_react4.useCallback)((roleName) => {
+    setPermissionProviderKey(roleName);
+    setIsPermissionModalOpen(true);
+  }, []);
+  const handleSubmit = (0, import_react4.useCallback)(async () => {
+    if (!formState.name.trim()) return;
+    setIsSubmitting(true);
+    const roleData = {
+      name: formState.name.trim(),
+      isDefault: formState.isDefault,
+      isPublic: formState.isPublic
+    };
+    let result;
+    if (selectedRole?.id) {
+      result = await updateRole(selectedRole.id, roleData);
+      if (result.success) {
+        onRoleUpdated?.({ ...selectedRole, ...roleData });
+      }
+    } else {
+      result = await createRole(roleData);
+      if (result.success) {
+        onRoleCreated?.({ ...roleData, id: "", isStatic: false, concurrencyStamp: "" });
+      }
+    }
+    setIsSubmitting(false);
+    if (result.success) {
+      setIsModalOpen(false);
+      setFormState(DEFAULT_FORM_STATE);
+      setSelectedRole(null);
+    }
+  }, [formState, selectedRole, updateRole, createRole, onRoleCreated, onRoleUpdated, setSelectedRole]);
+  const handleModalClose = (0, import_react4.useCallback)(() => {
+    setIsModalOpen(false);
+    setFormState(DEFAULT_FORM_STATE);
+    setSelectedRole(null);
+  }, [setSelectedRole]);
+  const handleInputChange = (0, import_react4.useCallback)(
+    (field, value) => {
+      setFormState((prev) => ({ ...prev, [field]: value }));
+    },
+    []
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react5.Box, { id: "identity-roles-wrapper", className: "card", p: 4, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react5.Flex, { justify: "space-between", align: "center", mb: 4, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react5.Text, { fontSize: "xl", fontWeight: "bold", children: t("AbpIdentity::Roles") }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_theme_shared.Button, { colorPalette: "blue", onClick: handleAdd, children: t("AbpIdentity::NewRole") })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react5.Box, { mb: 4, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_react5.Input,
+      {
+        placeholder: t("AbpIdentity::Search"),
+        value: searchTerm,
+        onChange: (e) => setSearchTerm(e.target.value),
+        maxW: "300px"
+      }
+    ) }),
+    error && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_theme_shared.Alert, { status: "error", mb: 4, children: error }),
+    isLoading && roles.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react5.Flex, { justify: "center", py: 8, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react5.Spinner, { size: "lg" }) }),
+    roles.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react5.Table.Root, { variant: "outline", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react5.Table.Header, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react5.Table.Row, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react5.Table.ColumnHeader, { children: t("AbpIdentity::Actions") }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react5.Table.ColumnHeader, { children: t("AbpIdentity::RoleName") })
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react5.Table.Body, { children: filteredRoles.map((role) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react5.Table.Row, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react5.Table.Cell, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react5.Menu.Root, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react5.Menu.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_theme_shared.Button, { size: "sm", colorPalette: "blue", children: t("AbpIdentity::Actions") }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react5.Menu.Positioner, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react5.Menu.Content, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react5.Menu.Item, { value: "edit", onClick: () => handleEdit(role.id), children: t("AbpIdentity::Edit") }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react5.Menu.Item, { value: "permissions", onClick: () => handleOpenPermissions(role.name), children: t("AbpIdentity::Permissions") }),
+            !role.isStatic && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_react5.Menu.Item,
+              {
+                value: "delete",
+                color: "red.500",
+                onClick: () => handleDelete(role.id, role.name),
+                children: t("AbpIdentity::Delete")
+              }
+            )
+          ] }) })
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react5.Table.Cell, { children: role.name })
+      ] }, role.id)) })
+    ] }),
+    !isLoading && roles.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react5.Text, { textAlign: "center", color: "gray.500", py: 8, children: t("AbpIdentity::NoRolesFound") }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_theme_shared.Modal,
+      {
+        visible: isModalOpen,
+        onVisibleChange: setIsModalOpen,
+        header: selectedRole?.id ? t("AbpIdentity::Edit") : t("AbpIdentity::NewRole"),
+        footer: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_theme_shared.Button, { variant: "outline", onClick: handleModalClose, disabled: isSubmitting, children: t("AbpIdentity::Cancel") }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_theme_shared.Button,
+            {
+              colorPalette: "blue",
+              onClick: handleSubmit,
+              loading: isSubmitting,
+              disabled: !formState.name.trim(),
+              children: t("AbpIdentity::Save")
+            }
+          )
+        ] }),
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react5.VStack, { gap: 4, align: "stretch", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_theme_shared.FormField, { label: t("AbpIdentity::RoleName"), required: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_react5.Input,
+            {
+              value: formState.name,
+              onChange: (e) => handleInputChange("name", e.target.value),
+              maxLength: 256,
+              placeholder: t("AbpIdentity::RoleName")
+            }
+          ) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_theme_shared.Checkbox,
+            {
+              checked: formState.isDefault,
+              onChange: (e) => handleInputChange("isDefault", e.target.checked),
+              children: t("AbpIdentity::DisplayName:IsDefault")
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_theme_shared.Checkbox,
+            {
+              checked: formState.isPublic,
+              onChange: (e) => handleInputChange("isPublic", e.target.checked),
+              children: t("AbpIdentity::DisplayName:IsPublic")
+            }
+          )
+        ] })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_permission_management.PermissionManagementModal,
+      {
+        visible: isPermissionModalOpen,
+        onVisibleChange: setIsPermissionModalOpen,
+        providerName: "R",
+        providerKey: permissionProviderKey
+      }
+    )
+  ] });
+}
+
+// src/components/Users/UsersComponent.tsx
+var import_react6 = require("react");
+var import_core4 = require("@abpjs/core");
+var import_theme_shared2 = require("@abpjs/theme-shared");
+var import_permission_management2 = require("@abpjs/permission-management");
+var import_react7 = require("@chakra-ui/react");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var DEFAULT_FORM_STATE2 = {
+  userName: "",
+  name: "",
+  surname: "",
+  email: "",
+  phoneNumber: "",
+  password: "",
+  lockoutEnabled: true,
+  twoFactorEnabled: true,
+  roleNames: []
+};
+function UsersComponent({
+  onUserCreated,
+  onUserUpdated,
+  onUserDeleted
+}) {
+  const { t } = (0, import_core4.useLocalization)();
+  const confirmation = (0, import_theme_shared2.useConfirmation)();
+  const {
+    users,
+    totalCount,
+    selectedUser,
+    selectedUserRoles,
+    isLoading,
+    error,
+    pageQuery,
+    fetchUsers,
+    getUserById,
+    getUserRoles,
+    createUser,
+    updateUser,
+    deleteUser,
+    setSelectedUser,
+    setPageQuery
+  } = useUsers();
+  const { roles, fetchRoles } = useRoles();
+  const [isModalOpen, setIsModalOpen] = (0, import_react6.useState)(false);
+  const [formState, setFormState] = (0, import_react6.useState)(DEFAULT_FORM_STATE2);
+  const [isSubmitting, setIsSubmitting] = (0, import_react6.useState)(false);
+  const [isPermissionModalOpen, setIsPermissionModalOpen] = (0, import_react6.useState)(false);
+  const [permissionProviderKey, setPermissionProviderKey] = (0, import_react6.useState)("");
+  const [searchTerm, setSearchTerm] = (0, import_react6.useState)("");
+  const [debouncedSearchTerm, setDebouncedSearchTerm] = (0, import_react6.useState)("");
+  (0, import_react6.useEffect)(() => {
+    fetchRoles();
+    fetchUsers();
+  }, [fetchRoles, fetchUsers]);
+  (0, import_react6.useEffect)(() => {
+    const timer = setTimeout(() => {
+      setDebouncedSearchTerm(searchTerm);
+    }, 300);
+    return () => clearTimeout(timer);
+  }, [searchTerm]);
+  (0, import_react6.useEffect)(() => {
+    const newQuery = {
+      ...pageQuery,
+      filter: debouncedSearchTerm || void 0,
+      skipCount: 0
+    };
+    setPageQuery(newQuery);
+    fetchUsers(newQuery);
+  }, [debouncedSearchTerm]);
+  const selectedRoleNames = (0, import_react6.useMemo)(() => {
+    return selectedUserRoles.map((role) => role.name);
+  }, [selectedUserRoles]);
+  const handleAdd = (0, import_react6.useCallback)(() => {
+    setSelectedUser(null);
+    setFormState(DEFAULT_FORM_STATE2);
+    setIsModalOpen(true);
+  }, [setSelectedUser]);
+  const handleEdit = (0, import_react6.useCallback)(
+    async (id) => {
+      await Promise.all([getUserById(id), getUserRoles(id)]);
+      setIsModalOpen(true);
+    },
+    [getUserById, getUserRoles]
+  );
+  (0, import_react6.useEffect)(() => {
+    if (selectedUser) {
+      setFormState({
+        userName: selectedUser.userName || "",
+        name: selectedUser.name || "",
+        surname: selectedUser.surname || "",
+        email: selectedUser.email || "",
+        phoneNumber: selectedUser.phoneNumber || "",
+        password: "",
+        lockoutEnabled: selectedUser.lockoutEnabled ?? true,
+        twoFactorEnabled: selectedUser.twoFactorEnabled ?? true,
+        roleNames: selectedRoleNames
+      });
+    }
+  }, [selectedUser, selectedRoleNames]);
+  const handleDelete = (0, import_react6.useCallback)(
+    async (id, userName) => {
+      const status = await confirmation.warn(
+        t("AbpIdentity::UserDeletionConfirmationMessage", userName),
+        t("AbpIdentity::AreYouSure")
+      );
+      if (status === import_theme_shared2.Toaster.Status.confirm) {
+        const result = await deleteUser(id);
+        if (result.success) {
+          onUserDeleted?.(id);
+        }
+      }
+    },
+    [confirmation, t, deleteUser, onUserDeleted]
+  );
+  const handleOpenPermissions = (0, import_react6.useCallback)((userId) => {
+    setPermissionProviderKey(userId);
+    setIsPermissionModalOpen(true);
+  }, []);
+  const handleSubmit = (0, import_react6.useCallback)(async () => {
+    if (!formState.userName.trim() || !formState.email.trim()) return;
+    if (!selectedUser?.id && !formState.password) return;
+    setIsSubmitting(true);
+    const userData = {
+      userName: formState.userName.trim(),
+      name: formState.name.trim(),
+      surname: formState.surname.trim(),
+      email: formState.email.trim(),
+      phoneNumber: formState.phoneNumber.trim(),
+      password: formState.password,
+      lockoutEnabled: formState.lockoutEnabled,
+      twoFactorEnabled: formState.twoFactorEnabled,
+      roleNames: formState.roleNames
+    };
+    let result;
+    if (selectedUser?.id) {
+      result = await updateUser(selectedUser.id, userData);
+      if (result.success) {
+        onUserUpdated?.({
+          ...selectedUser,
+          ...userData
+        });
+      }
+    } else {
+      result = await createUser(userData);
+      if (result.success) {
+        onUserCreated?.({
+          ...userData,
+          id: "",
+          tenantId: "",
+          emailConfirmed: false,
+          phoneNumberConfirmed: false,
+          isLockedOut: false,
+          concurrencyStamp: ""
+        });
+      }
+    }
+    setIsSubmitting(false);
+    if (result.success) {
+      setIsModalOpen(false);
+      setFormState(DEFAULT_FORM_STATE2);
+      setSelectedUser(null);
+    }
+  }, [formState, selectedUser, updateUser, createUser, onUserCreated, onUserUpdated, setSelectedUser]);
+  const handleModalClose = (0, import_react6.useCallback)(() => {
+    setIsModalOpen(false);
+    setFormState(DEFAULT_FORM_STATE2);
+    setSelectedUser(null);
+  }, [setSelectedUser]);
+  const handleInputChange = (0, import_react6.useCallback)(
+    (field, value) => {
+      setFormState((prev) => ({ ...prev, [field]: value }));
+    },
+    []
+  );
+  const handleRoleChange = (0, import_react6.useCallback)((roleName, checked) => {
+    setFormState((prev) => ({
+      ...prev,
+      roleNames: checked ? [...prev.roleNames, roleName] : prev.roleNames.filter((name) => name !== roleName)
+    }));
+  }, []);
+  const handlePageChange = (0, import_react6.useCallback)(
+    (newSkipCount) => {
+      const newQuery = { ...pageQuery, skipCount: newSkipCount };
+      setPageQuery(newQuery);
+      fetchUsers(newQuery);
+    },
+    [pageQuery, setPageQuery, fetchUsers]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react7.Box, { id: "identity-users-wrapper", className: "card", p: 4, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react7.Flex, { justify: "space-between", align: "center", mb: 4, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react7.Text, { fontSize: "xl", fontWeight: "bold", children: t("AbpIdentity::Users") }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_theme_shared2.Button, { colorPalette: "blue", onClick: handleAdd, children: t("AbpIdentity::NewUser") })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react7.Box, { mb: 4, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      import_react7.Input,
+      {
+        placeholder: t("AbpIdentity::Search"),
+        value: searchTerm,
+        onChange: (e) => setSearchTerm(e.target.value),
+        maxW: "300px"
+      }
+    ) }),
+    error && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_theme_shared2.Alert, { status: "error", mb: 4, children: error }),
+    isLoading && users.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react7.Flex, { justify: "center", py: 8, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react7.Spinner, { size: "lg" }) }),
+    users.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react7.Table.Root, { variant: "outline", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react7.Table.Header, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react7.Table.Row, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react7.Table.ColumnHeader, { children: t("AbpIdentity::Actions") }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react7.Table.ColumnHeader, { children: t("AbpIdentity::UserName") }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react7.Table.ColumnHeader, { children: t("AbpIdentity::EmailAddress") }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react7.Table.ColumnHeader, { children: t("AbpIdentity::PhoneNumber") })
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react7.Table.Body, { children: users.map((user) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react7.Table.Row, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react7.Table.Cell, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react7.Menu.Root, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react7.Menu.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_theme_shared2.Button, { size: "sm", colorPalette: "blue", children: t("AbpIdentity::Actions") }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react7.Menu.Positioner, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react7.Menu.Content, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react7.Menu.Item, { value: "edit", onClick: () => handleEdit(user.id), children: t("AbpIdentity::Edit") }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react7.Menu.Item, { value: "permissions", onClick: () => handleOpenPermissions(user.id), children: t("AbpIdentity::Permissions") }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                import_react7.Menu.Item,
+                {
+                  value: "delete",
+                  color: "red.500",
+                  onClick: () => handleDelete(user.id, user.userName),
+                  children: t("AbpIdentity::Delete")
+                }
+              )
+            ] }) })
+          ] }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react7.Table.Cell, { children: user.userName }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react7.Table.Cell, { children: user.email }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react7.Table.Cell, { children: user.phoneNumber })
+        ] }, user.id)) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react7.Flex, { justify: "space-between", align: "center", mt: 4, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react7.Text, { color: "gray.600", children: [
+          t("AbpIdentity::TotalCount"),
+          ": ",
+          totalCount
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react7.Flex, { gap: 2, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            import_theme_shared2.Button,
+            {
+              size: "sm",
+              disabled: (pageQuery.skipCount || 0) === 0,
+              onClick: () => handlePageChange(
+                Math.max(0, (pageQuery.skipCount || 0) - (pageQuery.maxResultCount || 10))
+              ),
+              children: t("AbpIdentity::Previous")
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            import_theme_shared2.Button,
+            {
+              size: "sm",
+              disabled: (pageQuery.skipCount || 0) + (pageQuery.maxResultCount || 10) >= totalCount,
+              onClick: () => handlePageChange((pageQuery.skipCount || 0) + (pageQuery.maxResultCount || 10)),
+              children: t("AbpIdentity::Next")
+            }
+          )
+        ] })
+      ] })
+    ] }),
+    !isLoading && users.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react7.Text, { textAlign: "center", color: "gray.500", py: 8, children: t("AbpIdentity::NoUsersFound") }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      import_theme_shared2.Modal,
+      {
+        visible: isModalOpen,
+        onVisibleChange: setIsModalOpen,
+        size: "lg",
+        header: selectedUser?.id ? t("AbpIdentity::Edit") : t("AbpIdentity::NewUser"),
+        footer: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_theme_shared2.Button, { variant: "outline", onClick: handleModalClose, disabled: isSubmitting, children: t("AbpIdentity::Cancel") }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            import_theme_shared2.Button,
+            {
+              colorPalette: "blue",
+              onClick: handleSubmit,
+              loading: isSubmitting,
+              disabled: !formState.userName.trim() || !formState.email.trim() || !selectedUser?.id && !formState.password,
+              children: t("AbpIdentity::Save")
+            }
+          )
+        ] }),
+        children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react7.Tabs.Root, { defaultValue: "info", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react7.Tabs.List, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react7.Tabs.Trigger, { value: "info", children: t("AbpIdentity::UserInformations") }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react7.Tabs.Trigger, { value: "roles", children: t("AbpIdentity::Roles") })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react7.Tabs.Content, { value: "info", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react7.VStack, { gap: 4, align: "stretch", pt: 4, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_theme_shared2.FormField, { label: t("AbpIdentity::UserName"), required: true, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+              import_react7.Input,
+              {
+                value: formState.userName,
+                onChange: (e) => handleInputChange("userName", e.target.value),
+                maxLength: 256
+              }
+            ) }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react7.SimpleGrid, { columns: 2, gap: 4, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_theme_shared2.FormField, { label: t("AbpIdentity::Name"), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                import_react7.Input,
+                {
+                  value: formState.name,
+                  onChange: (e) => handleInputChange("name", e.target.value),
+                  maxLength: 64
+                }
+              ) }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_theme_shared2.FormField, { label: t("AbpIdentity::DisplayName:Surname"), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                import_react7.Input,
+                {
+                  value: formState.surname,
+                  onChange: (e) => handleInputChange("surname", e.target.value),
+                  maxLength: 64
+                }
+              ) })
+            ] }),
+            /* @__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.jsx)(import_theme_shared2.FormField, { label: t("AbpIdentity::EmailAddress"), required: true, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+              import_react7.Input,
+              {
+                type: "email",
+                value: formState.email,
+                onChange: (e) => handleInputChange("email", e.target.value),
+                maxLength: 256
+              }
+            ) }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_theme_shared2.FormField, { label: t("AbpIdentity::PhoneNumber"), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+              import_react7.Input,
+              {
+                value: formState.phoneNumber,
+                onChange: (e) => handleInputChange("phoneNumber", e.target.value),
+                maxLength: 16
+              }
+            ) }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+              import_theme_shared2.Checkbox,
+              {
+                checked: formState.lockoutEnabled,
+                onChange: (e) => handleInputChange("lockoutEnabled", e.target.checked),
+                children: t("AbpIdentity::DisplayName:LockoutEnabled")
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+              import_theme_shared2.Checkbox,
+              {
+                checked: formState.twoFactorEnabled,
+                onChange: (e) => handleInputChange("twoFactorEnabled", e.target.checked),
+                children: t("AbpIdentity::DisplayName:TwoFactorEnabled")
+              }
+            )
+          ] }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react7.Tabs.Content, { value: "roles", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react7.VStack, { gap: 2, align: "stretch", pt: 4, children: [
+            roles.map((role) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+              import_theme_shared2.Checkbox,
+              {
+                checked: formState.roleNames.includes(role.name),
+                onChange: (e) => handleRoleChange(role.name, e.target.checked),
+                children: role.name
+              },
+              role.id
+            )),
+            roles.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react7.Text, { color: "gray.500", children: t("AbpIdentity::NoRolesFound") })
+          ] }) })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      import_permission_management2.PermissionManagementModal,
+      {
+        visible: isPermissionModalOpen,
+        onVisibleChange: setIsPermissionModalOpen,
+        providerName: "U",
+        providerKey: permissionProviderKey
+      }
+    )
+  ] });
+}
+
+// src/constants/routes.ts
+var import_core5 = require("@abpjs/core");
+var IDENTITY_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",
+  /** Roles management path */
+  ROLES: "/identity/roles",
+  /** Users management path */
+  USERS: "/identity/users"
+};
+var IDENTITY_POLICIES = {
+  /** Policy for roles management */
+  ROLES: "AbpIdentity.Roles",
+  /** Policy for users management */
+  USERS: "AbpIdentity.Users",
+  /** Policy for creating users */
+  USERS_CREATE: "AbpIdentity.Users.Create",
+  /** Policy for updating users */
+  USERS_UPDATE: "AbpIdentity.Users.Update",
+  /** Policy for deleting users */
+  USERS_DELETE: "AbpIdentity.Users.Delete",
+  /** Policy for creating roles */
+  ROLES_CREATE: "AbpIdentity.Roles.Create",
+  /** Policy for updating roles */
+  ROLES_UPDATE: "AbpIdentity.Roles.Update",
+  /** Policy for deleting roles */
+  ROLES_DELETE: "AbpIdentity.Roles.Delete"
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  IDENTITY_POLICIES,
+  IDENTITY_ROUTES,
+  IDENTITY_ROUTE_PATHS,
+  IdentityService,
+  RolesComponent,
+  UsersComponent,
+  useIdentity,
+  useRoles,
+  useUsers
+});