@nsxbet/admin-sdk 0.8.0 → 0.9.0

package/dist/shell/components/access-control/AccessControlUsersListPage.js

@@ -0,0 +1,111 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { useNavigate, useOutletContext } from "react-router-dom";
+import { Button, Badge, DataTable, EmptyState, Input, LoadingState, } from "@nsxbet/admin-ui";
+import { useFetch } from "../../../hooks/useFetch";
+import { useI18n } from "../../../hooks/useI18n";
+import { createAccessControlApi } from "./api";
+const PAGE_SIZE = 20;
+export function AccessControlUsersListPage() {
+    const { t } = useI18n();
+    const fetcher = useFetch();
+    const navigate = useNavigate();
+    const { apiUrl } = useOutletContext();
+    const api = useMemo(() => createAccessControlApi(fetcher, apiUrl), [fetcher, apiUrl]);
+    const apiRef = useRef(api);
+    apiRef.current = api;
+    const [search, setSearch] = useState("");
+    const [committedSearch, setCommittedSearch] = useState("");
+    const [users, setUsers] = useState([]);
+    const [hasLoaded, setHasLoaded] = useState(false);
+    const [isFiltering, setIsFiltering] = useState(false);
+    const [isLoadingMore, setIsLoadingMore] = useState(false);
+    const [error, setError] = useState(null);
+    const [nextCursor, setNextCursor] = useState(null);
+    const sentinelRef = useRef(null);
+    const commitSearch = useCallback(() => setCommittedSearch(search), [search]);
+    const filterParams = useMemo(() => ({
+        search: committedSearch || undefined,
+        limit: PAGE_SIZE,
+    }), [committedSearch]);
+    useEffect(() => {
+        let cancelled = false;
+        const load = async () => {
+            try {
+                setIsFiltering(true);
+                setError(null);
+                const page = await apiRef.current.listKnownUsers(filterParams);
+                if (cancelled)
+                    return;
+                setUsers(page.items);
+                setNextCursor(page.nextCursor);
+                setHasLoaded(true);
+            }
+            catch (nextError) {
+                if (cancelled)
+                    return;
+                setError(nextError instanceof Error ? nextError.message : "Unknown error");
+            }
+            finally {
+                if (!cancelled)
+                    setIsFiltering(false);
+            }
+        };
+        load();
+        return () => { cancelled = true; };
+    }, [filterParams]);
+    const loadMoreRef = useRef();
+    const loadMore = useCallback(async () => {
+        if (!nextCursor || isLoadingMore)
+            return;
+        try {
+            setIsLoadingMore(true);
+            const page = await apiRef.current.listKnownUsers({ ...filterParams, cursor: nextCursor });
+            setUsers((prev) => [...prev, ...page.items]);
+            setNextCursor(page.nextCursor);
+        }
+        catch {
+            // silent
+        }
+        finally {
+            setIsLoadingMore(false);
+        }
+    }, [filterParams, nextCursor, isLoadingMore]);
+    loadMoreRef.current = loadMore;
+    useEffect(() => {
+        const sentinel = sentinelRef.current;
+        if (!sentinel || !nextCursor)
+            return;
+        const observer = new IntersectionObserver((entries) => { if (entries[0].isIntersecting)
+            loadMoreRef.current?.(); }, { rootMargin: "200px" });
+        observer.observe(sentinel);
+        return () => observer.disconnect();
+    }, [nextCursor]);
+    const columns = useMemo(() => [
+        {
+            accessor: "displayName",
+            header: t("accessControlPage.columnName"),
+        },
+        {
+            accessor: "email",
+            header: t("accessControlPage.columnEmail"),
+        },
+        {
+            accessor: "subject",
+            header: t("accessControlPage.columnSubject"),
+            cell: (_value, row) => (_jsx(Badge, { variant: "outline", className: "font-mono text-xs", children: row.subject })),
+        },
+        {
+            accessor: "id",
+            header: t("common.actions"),
+            sticky: "right",
+            cell: (_value, row) => (_jsx(Button, { variant: "outline", size: "sm", onClick: () => navigate(`/_access-control/users/${row.id}`), children: t("accessControlPage.inspectUser") })),
+        },
+    ], [t, navigate]);
+    const showInitialLoading = !hasLoaded && isFiltering;
+    const showTable = hasLoaded && !error;
+    return (_jsxs("section", { "data-testid": "access-control-users-list-page", className: "space-y-4", children: [_jsx("h2", { className: "text-xl font-semibold", children: t("accessControlPage.usersTitle") }), _jsx(Input, { placeholder: t("common.search"), value: search, onChange: (event) => setSearch(event.target.value), onKeyDown: (event) => { if (event.key === "Enter")
+                    commitSearch(); }, onBlur: commitSearch, className: "max-w-xs" }), showInitialLoading ? (_jsx(LoadingState, { text: t("common.loading") })) : error ? (_jsx(EmptyState, { title: t("common.error"), description: error })) : showTable ? (_jsxs("div", { children: [_jsx("div", { className: isFiltering
+                            ? "pointer-events-none opacity-50 transition-opacity duration-200"
+                            : "transition-opacity duration-200", children: _jsx(DataTable, { data: users, columns: columns, emptyState: _jsx(EmptyState, { title: t("accessControlPage.noUsersTitle"), description: t("accessControlPage.noUsersDescription") }) }) }), nextCursor !== null && (_jsx("div", { ref: sentinelRef, className: "flex justify-center py-4", children: isLoadingMore && (_jsx("div", { className: "min-h-0 py-2", children: _jsx(LoadingState, { text: t("common.loading") }) })) }))] })) : null] }));
+}

package/dist/shell/components/access-control/api.d.ts

@@ -0,0 +1,111 @@
+export interface AccessControlGroup {
+    id: number;
+    displayName: string;
+    systemKey: string | null;
+    isProtected: boolean;
+    activatedAt: string;
+    deactivatedAt: string | null;
+    createdAt: string;
+    updatedAt: string;
+}
+export interface AccessControlGroupPage {
+    items: AccessControlGroup[];
+    nextCursor: number | null;
+}
+export interface AccessControlGroupMember {
+    id: number;
+    subject: string;
+    email: string;
+    displayName: string;
+}
+export interface AccessControlGroupDetail extends AccessControlGroup {
+    members: AccessControlGroupMember[];
+    permissions: string[];
+}
+export interface AccessControlResolvedRolesResponse {
+    user: {
+        id: number;
+        subject: string;
+        email: string;
+        displayName: string;
+    };
+    roles: string[];
+    groups: Array<{
+        id: number;
+        displayName: string;
+        permissions: string[];
+    }>;
+    attribution: Array<{
+        permission: string;
+        groups: Array<{
+            id: number;
+            displayName: string;
+        }>;
+    }>;
+}
+export interface AccessControlCatalogItem {
+    permission: string;
+    source: "platform" | "module";
+    sourceKey: string;
+    namespace: string;
+    assignable: boolean;
+    orphaned: boolean;
+}
+export interface AccessControlAuditEvent {
+    id: number;
+    occurredAt: string;
+    actorUserId: number | null;
+    actorEmailSnapshot: string;
+    eventType: string;
+    targetType: string;
+    targetId: string;
+    summary: string;
+}
+export interface AccessControlAuditPage {
+    items: AccessControlAuditEvent[];
+    nextCursor: number | null;
+}
+export interface AccessControlUserSummary {
+    id: number;
+    subject: string;
+    email: string;
+    displayName: string;
+}
+export interface AccessControlUserPage {
+    items: AccessControlUserSummary[];
+    nextCursor: number | null;
+}
+export declare function createAccessControlApi(fetcher: (input: RequestInfo | URL, init?: RequestInit) => Promise<Response>, apiUrl?: string): {
+    listGroups(options?: {
+        status?: "active" | "inactive";
+        search?: string;
+        cursor?: number;
+        limit?: number;
+    }): Promise<AccessControlGroupPage>;
+    getGroupDetail(groupId: number): Promise<AccessControlGroupDetail>;
+    createGroup(displayName: string): Promise<AccessControlGroup>;
+    updateGroup(groupId: number, displayName: string): Promise<AccessControlGroup>;
+    deactivateGroup(groupId: number): Promise<AccessControlGroup>;
+    reactivateGroup(groupId: number): Promise<AccessControlGroup>;
+    listKnownUsers(options?: {
+        search?: string;
+        cursor?: number;
+        limit?: number;
+    }): Promise<AccessControlUserPage>;
+    getResolvedRoles(userId: string): Promise<AccessControlResolvedRolesResponse>;
+    listAuditEvents(filters: {
+        eventType?: string;
+        actorEmail?: string;
+        targetType?: string;
+        targetId?: string;
+        cursor?: number;
+        limit?: number;
+    }): Promise<AccessControlAuditPage>;
+    getPermissionCatalog(): Promise<{
+        items: AccessControlCatalogItem[];
+    }>;
+    addGroupMembers(groupId: number, userIds: number[]): Promise<void>;
+    removeGroupMember(groupId: number, userId: number): Promise<void>;
+    assignGroupPermissions(groupId: number, permissions: string[]): Promise<void>;
+    removeGroupPermission(groupId: number, permission: string): Promise<void>;
+};

package/dist/shell/components/access-control/api.js

@@ -0,0 +1,119 @@
+function buildApiBaseUrl(apiUrl) {
+    if (!apiUrl) {
+        return "/api";
+    }
+    const normalized = apiUrl.replace(/\/+$/, "");
+    return normalized.endsWith("/api") ? normalized : `${normalized}/api`;
+}
+async function request(fetcher, url, init) {
+    const response = await fetcher(url, {
+        headers: {
+            "Content-Type": "application/json",
+            ...init?.headers,
+        },
+        ...init,
+    });
+    if (!response.ok) {
+        const error = await response.text();
+        throw new Error(error || `Request failed: ${response.status}`);
+    }
+    const text = await response.text();
+    if (!text) {
+        return undefined;
+    }
+    return JSON.parse(text);
+}
+export function createAccessControlApi(fetcher, apiUrl) {
+    const baseUrl = buildApiBaseUrl(apiUrl);
+    return {
+        listGroups(options = {}) {
+            const params = new URLSearchParams();
+            if (options.status)
+                params.set("status", options.status);
+            if (options.search)
+                params.set("search", options.search);
+            if (options.cursor)
+                params.set("cursor", String(options.cursor));
+            if (options.limit)
+                params.set("limit", String(options.limit));
+            const query = params.toString();
+            return request(fetcher, `${baseUrl}/access-control/groups${query ? `?${query}` : ""}`);
+        },
+        getGroupDetail(groupId) {
+            return request(fetcher, `${baseUrl}/access-control/groups/${groupId}`);
+        },
+        createGroup(displayName) {
+            return request(fetcher, `${baseUrl}/access-control/groups`, {
+                method: "POST",
+                body: JSON.stringify({ displayName }),
+            });
+        },
+        updateGroup(groupId, displayName) {
+            return request(fetcher, `${baseUrl}/access-control/groups/${groupId}`, {
+                method: "PATCH",
+                body: JSON.stringify({ displayName }),
+            });
+        },
+        deactivateGroup(groupId) {
+            return request(fetcher, `${baseUrl}/access-control/groups/${groupId}/deactivate`, { method: "POST" });
+        },
+        reactivateGroup(groupId) {
+            return request(fetcher, `${baseUrl}/access-control/groups/${groupId}/reactivate`, { method: "POST" });
+        },
+        listKnownUsers(options = {}) {
+            const params = new URLSearchParams();
+            if (options.search)
+                params.set("search", options.search);
+            if (options.cursor)
+                params.set("cursor", String(options.cursor));
+            if (options.limit)
+                params.set("limit", String(options.limit));
+            const query = params.toString();
+            return request(fetcher, `${baseUrl}/access-control/users${query ? `?${query}` : ""}`);
+        },
+        getResolvedRoles(userId) {
+            const path = userId === "me"
+                ? `${baseUrl}/access-control/users/me/resolved-roles`
+                : `${baseUrl}/access-control/users/${userId}/resolved-roles`;
+            return request(fetcher, path);
+        },
+        listAuditEvents(filters) {
+            const params = new URLSearchParams();
+            if (filters.eventType)
+                params.set("eventType", filters.eventType);
+            if (filters.actorEmail)
+                params.set("actorEmail", filters.actorEmail);
+            if (filters.targetType)
+                params.set("targetType", filters.targetType);
+            if (filters.targetId)
+                params.set("targetId", filters.targetId);
+            if (filters.cursor)
+                params.set("cursor", String(filters.cursor));
+            if (filters.limit)
+                params.set("limit", String(filters.limit));
+            const query = params.toString();
+            return request(fetcher, `${baseUrl}/access-control/audit${query ? `?${query}` : ""}`);
+        },
+        getPermissionCatalog() {
+            return request(fetcher, `${baseUrl}/access-control/catalog`);
+        },
+        addGroupMembers(groupId, userIds) {
+            return request(fetcher, `${baseUrl}/access-control/groups/${groupId}/members`, {
+                method: "POST",
+                body: JSON.stringify({ userIds: userIds.map(Number) }),
+            });
+        },
+        removeGroupMember(groupId, userId) {
+            return request(fetcher, `${baseUrl}/access-control/groups/${groupId}/members/${userId}`, { method: "DELETE" });
+        },
+        assignGroupPermissions(groupId, permissions) {
+            return request(fetcher, `${baseUrl}/access-control/groups/${groupId}/permissions`, {
+                method: "POST",
+                body: JSON.stringify({ permissions }),
+            });
+        },
+        removeGroupPermission(groupId, permission) {
+            return request(fetcher, `${baseUrl}/access-control/groups/${groupId}/permissions/${encodeURIComponent(permission)}`, { method: "DELETE" });
+        },
+    };
+}

package/dist/shell/components/access-control/index.d.ts

@@ -0,0 +1,8 @@
+export { AccessControlLayout } from "./AccessControlLayout";
+export { AccessControlGroupsPage } from "./AccessControlGroupsPage";
+export { AccessControlGroupDetailPage } from "./AccessControlGroupDetailPage";
+export { AccessControlUsersListPage } from "./AccessControlUsersListPage";
+export { AccessControlUserPage } from "./AccessControlUserPage";
+export { AccessControlAuditPage } from "./AccessControlAuditPage";
+export { AccessControlMemberPicker } from "./AccessControlMemberPicker";
+export { AccessControlPermissionPicker } from "./AccessControlPermissionPicker";

package/dist/shell/components/access-control/index.js

@@ -0,0 +1,8 @@
+export { AccessControlLayout } from "./AccessControlLayout";
+export { AccessControlGroupsPage } from "./AccessControlGroupsPage";
+export { AccessControlGroupDetailPage } from "./AccessControlGroupDetailPage";
+export { AccessControlUsersListPage } from "./AccessControlUsersListPage";
+export { AccessControlUserPage } from "./AccessControlUserPage";
+export { AccessControlAuditPage } from "./AccessControlAuditPage";
+export { AccessControlMemberPicker } from "./AccessControlMemberPicker";
+export { AccessControlPermissionPicker } from "./AccessControlPermissionPicker";

package/dist/shell/components/index.d.ts

@@ -11,3 +11,4 @@ export { RegistryStatusBanner } from "./RegistryStatusBanner";
 export type { RegistryStatusBannerProps } from "./RegistryStatusBanner";
 export { RegistryUnavailable } from "./RegistryUnavailable";
 export type { RegistryUnavailableProps } from "./RegistryUnavailable";
+export { AccessControlLayout, AccessControlGroupsPage, AccessControlGroupDetailPage, AccessControlUsersListPage, AccessControlUserPage, AccessControlAuditPage, AccessControlMemberPicker, AccessControlPermissionPicker, } from "./access-control";

package/dist/shell/components/index.js

@@ -7,3 +7,4 @@ export { RegistryPage } from "./RegistryPage";
 export { HomePage } from "./HomePage";
 export { RegistryStatusBanner } from "./RegistryStatusBanner";
 export { RegistryUnavailable } from "./RegistryUnavailable";
+export { AccessControlLayout, AccessControlGroupsPage, AccessControlGroupDetailPage, AccessControlUsersListPage, AccessControlUserPage, AccessControlAuditPage, AccessControlMemberPicker, AccessControlPermissionPicker, } from "./access-control";

package/dist/vite/plugins.js

@@ -24,9 +24,9 @@ export function generateModuleManifestPlugin(options = {}) {
                 return;
             const metadata = JSON.parse(readFileSync(manifestPath, "utf-8"));
             const manifest = {
+                ...metadata,
                 entry: spaEntry,
                 sdkVersion: SDK_PACKAGE_VERSION,
-                ...metadata,
             };
             const outDir = outputOptions.dir || "dist";
             const outputPath = join(outDir, "module.manifest.json");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nsxbet/admin-sdk",
-  "version": "0.8.0",
+  "version": "0.9.0",
   "description": "SDK for building NSX Admin modules with integrated shell",
   "type": "module",
   "main": "./dist/index.js",