add permission check

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "no-copy-admin-panel-frontend",
-	"version": "0.8.0",
+	"version": "0.9.0",
 	"private": true,
 	"scripts": {
 		"dev": "next dev -p 2996",

src/app/[locale]/pages/staff-management/page.tsx

@@ -1,9 +1,6 @@
 'use client'
 
-import { useStuffList } from '@/app/hooks/react-query/stuff/useStuffList';
-import { useEffect } from 'react';
 import TanstakStuffTable from '@/app/ui/staff-management/tanstak-stuff-table';
-import CreateStaffForm from '@/app/ui/forms/create-staff-form';
 import StaffManagement from '@/app/ui/staff-management/staff-add-management';
 
 export default function Page() {

src/app/actions/auth.ts

@@ -18,8 +18,8 @@ export async function authorization(
 
 	/* для теста */
 	if (email === 'test' && password === 'test') {
-		await createSession('1111', 'test');
+		/* await createSession('1111', 'test', 0); */
-		redirect('/pages/');
+		/* redirect('/pages/'); */
 	}
 	/* для теста */
 
@@ -70,7 +70,7 @@ export async function authorization(
 		if (response.ok) {
 			let parsed = await response.json();
 			if (parsed.message_code === 0) {
-				await createSession(parsed.message_body.token, email);
+				await createSession(parsed.message_body.token, email, parsed.message_body.admin.id);
 			} else {
 				throw (`${parsed.message_code}`);
 			}

src/app/actions/session.ts

@@ -4,11 +4,33 @@
 import { cookies } from 'next/headers';
 import { SignJWT, jwtVerify } from 'jose';
 import { redirect } from 'next/navigation';
-import { headers } from 'next/headers';
 
 /* const secretKey = process.env.SESSION_SECRET */
-const secretKey = 'AAA+sq1yKte/gMgUUu/B/OyXqr45/LMYplPVOlWc+uo='
+const secretKey = process.env.SESSION_SECRET || 'AAA+sq1yKte/gMgUUu/B/OyXqr45/LMYplPVOlWc+uo=';
-const encodedKey = new TextEncoder().encode(secretKey)
+const encodedKey = new TextEncoder().encode(secretKey);
+
+export interface SessionPayload {
+	token: string;
+	email: string;
+	employeId: number;
+	permissions: {
+		subscriptions: number;
+		mailings: number;
+		complaints: number;
+		agreements: number;
+		staff: number;
+		content_moderation: number;
+		users: number;
+		kyc: number;
+		money: number;
+		claims: number;
+		api: number;
+		dash: number;
+		tariffs: number;
+	};
+	expiresAt: Date | number;
+	createdAt?: Date;
+}
 
 export async function encrypt(payload: any) {
 	return new SignJWT(payload)
@@ -29,18 +51,20 @@ export async function decrypt(session: string | undefined = '') {
 	}
 }
 
-export async function createSession(token: string, email: string) {
+export async function createSession(token: string, email: string, employeId: number) {
 	const expiresAt = new Date(Date.now() + 50 * 60 * 1000);
 	const session = await encrypt({
 		token,
 		email,
-		expiresAt
+		employeId,
+		expiresAt,
+		createdAt: new Date()
 	});
 	const cookieStore = await cookies();
 
 	cookieStore.set('session_nc_ap', session, {
 		httpOnly: true,
-		secure: false,
+		secure: process.env.NODE_ENV !== 'development',
 		expires: expiresAt,
 		sameSite: 'lax',
 		path: '/',
@@ -78,7 +102,7 @@ export async function updateSession(newToken: string) {
 	});
 }
 
-export async function getSessionData(type: 'token' | 'email'): Promise<string | null> {
+export async function getSessionData(type: 'token' | 'email' | 'employeId'): Promise<string | null> {
 	const cookieStore = await cookies();
 	const sessionCookie = cookieStore.get('session_nc_ap')?.value;
 

src/app/actions/stuffActions.ts

@@ -14,7 +14,6 @@ export async function fetchStuffList(page?: number, size?: number, sortBy?: stri
 				msg_id: 100,
 				token: token,
 				message_body: {
-					/* token: token, */
 					action: 'get_all',
 					page: page,
 					size: size,
@@ -184,3 +183,41 @@ export async function updateStuffPermissions(id: number, permissions: Permission
 		throw error;
 	}
 }
+
+export async function fetchEmployeInfo() {
+	const token = await getSessionData('token');
+	const employeId = await getSessionData('employeId');
+
+	try {
+		const response = await fetch(`${API_BASE_URL}/api/admin`, {
+			method: 'POST',
+			body: JSON.stringify({
+				version: 1,
+				msg_id: 100,
+				token: token,
+				message_body: {
+					action: 'get_by_id',
+					admin_id: employeId
+				}
+			}),
+			headers: {
+				'Content-Type': 'application/json',
+				'Accept': 'application/json'
+			}
+		});
+
+		if (response.ok) {
+			const parsed = await response.json();
+
+			if (parsed.message_code === 0) {
+				return parsed.message_body;
+			} else {
+				return null;
+			}
+		} else {
+			throw new Error(`${response.status}`);
+		}
+	} catch (error) {
+		throw error;
+	}
+}

src/app/hooks/react-query/useEmployeInfo.ts

@@ -0,0 +1,153 @@
+import { useQuery, UseQueryOptions } from '@tanstack/react-query';
+import { fetchEmployeInfo } from '@/app/actions/stuffActions';
+
+export type PermissionKey =
+	| 'subscriptions'
+	| 'mailings'
+	| 'complaints'
+	| 'agreements'
+	| 'staff'
+	| 'content_moderation'
+	| 'users'
+	| 'kyc'
+	| 'money'
+	| 'claims'
+	| 'api'
+	| 'dash'
+	| 'tariffs';
+
+export type PermissionLevel = 0 | 1 | 3;
+
+export interface UserData {
+	id: number;
+	full_name: string;
+	email: string;
+	is_active: boolean;
+	is_super_admin: boolean;
+	created_at: string;
+	active_password: boolean;
+	permissions: Record<PermissionKey, PermissionLevel>;
+}
+
+interface UseEmployeInfoReturn {
+	data: UserData | null;
+	isLoading: boolean;
+	isError: boolean;
+	error: Error | null;
+	isFetching: boolean;
+	refetch: () => void;
+
+	hasPermission: (key: PermissionKey, requiredLevel?: PermissionLevel) => boolean;
+	getPermissionLevel: (key: PermissionKey) => PermissionLevel;
+	canRead: (key: PermissionKey) => boolean;
+	canFullAccess: (key: PermissionKey) => boolean;
+
+	hasAllPermissions: (permissions: Partial<Record<PermissionKey, PermissionLevel>>) => boolean;
+	hasAnyPermission: (permissions: Partial<Record<PermissionKey, PermissionLevel>>) => boolean;
+
+	getPermissionsArray: () => Array<{ key: PermissionKey; level: PermissionLevel; label: string }>;
+
+	isSuperAdmin: boolean;
+}
+
+const PERMISSION_LABELS: Record<PermissionKey, string> = {
+	subscriptions: 'Подписки',
+	mailings: 'Рассылки',
+	complaints: 'Жалобы',
+	agreements: 'Соглашения',
+	staff: 'Сотрудники',
+	content_moderation: 'Модерация контента',
+	users: 'Пользователи',
+	kyc: 'Верификация',
+	money: 'Финансы',
+	claims: 'Претензии',
+	api: 'API',
+	dash: 'Дешборд',
+	tariffs: 'Тарифы'
+};
+
+export const useEmployeInfo = (options?: UseQueryOptions<UserData | null, Error>) => {
+	const query = useQuery({
+		queryKey: ['employeInfo'],
+		queryFn: () => fetchEmployeInfo(),
+		select: (data: UserData | null) => data,
+		staleTime: 5 * 60 * 1000,
+		gcTime: 5 * 60 * 1000,
+		retry: 1,
+		refetchOnWindowFocus: true,
+		refetchOnMount: true,
+		...options
+	});
+
+	const permissions = query.data?.permissions || null;
+
+	const hasPermission = (key: PermissionKey, requiredLevel: PermissionLevel = 1): boolean => {
+		if (!permissions) return false;
+		const userLevel = permissions[key] || 0;
+		return userLevel >= requiredLevel;
+	};
+
+	const getPermissionLevel = (key: PermissionKey): PermissionLevel => {
+		if (!permissions) return 0;
+		const level = permissions[key] || 0;
+		if (level === 3) return 3;
+		if (level === 1) return 1;
+		return 0;
+	};
+
+	const canRead = (key: PermissionKey): boolean => hasPermission(key, 1);
+	const canFullAccess = (key: PermissionKey): boolean => hasPermission(key, 3);
+
+	const hasAllPermissions = (requiredPermissions: Partial<Record<PermissionKey, PermissionLevel>>): boolean => {
+		if (!permissions) return false;
+
+		for (const [key, requiredLevel] of Object.entries(requiredPermissions)) {
+			const userLevel = permissions[key as PermissionKey] || 0;
+			if (userLevel < (requiredLevel as PermissionLevel)) {
+				return false;
+			}
+		}
+		return true;
+	};
+
+	const hasAnyPermission = (requiredPermissions: Partial<Record<PermissionKey, PermissionLevel>>): boolean => {
+		if (!permissions) return false;
+
+		for (const [key, requiredLevel] of Object.entries(requiredPermissions)) {
+			const userLevel = permissions[key as PermissionKey] || 0;
+			if (userLevel >= (requiredLevel as PermissionLevel)) {
+				return true;
+			}
+		}
+		return false;
+	};
+
+	const getPermissionsArray = (): Array<{ key: PermissionKey; level: PermissionLevel; label: string }> => {
+		if (!permissions) return [];
+
+		return (Object.keys(PERMISSION_LABELS) as PermissionKey[]).map(key => ({
+			key,
+			level: permissions[key] || 0,
+			label: PERMISSION_LABELS[key]
+		}));
+	};
+
+	return {
+		data: query.data,
+		isLoading: query.isLoading,
+		isError: query.isError,
+		error: query.error as Error | null,
+		isFetching: query.isFetching,
+		refetch: query.refetch,
+
+		hasPermission,
+		getPermissionLevel,
+		canRead,
+		canFullAccess,
+
+		hasAllPermissions,
+		hasAnyPermission,
+		getPermissionsArray,
+		isSuperAdmin: query.data?.is_super_admin || false,
+	};
+};

src/app/ui/staff-management/tanstak-stuff-table.tsx

@@ -118,9 +118,8 @@ export default function TanstakStuffTable() {
 		mutationFn: (id: number) => removeStuff(id),
 		onSuccess: () => {
 			toast.success(tStaff('staff-removed-successfully'));
-			// Инвалидируем кэш списка сотрудников
 			queryClient.invalidateQueries({ queryKey: ['stuffList'] });
-			setConfirmRemove(null); // Закрываем окно подтверждения
+			setConfirmRemove(null);
 		},
 		onError: (error: Error) => {
 			toast.error(tStaff(error.message || 'removal-failed'));
@@ -134,6 +133,7 @@ export default function TanstakStuffTable() {
 		onSuccess: () => {
 			toast.success(tStaff('permissions-updated-successfully'));
 			queryClient.invalidateQueries({ queryKey: ['stuffList'] });
+			queryClient.invalidateQueries({ queryKey: ['employeInfo'] });
 			setOpenWindow(false);
 		},
 		onError: (error: Error) => {

src/app/ui/users/users-table.tsx

@@ -1,8 +1,16 @@
+'use client'
+
 import TanstakFilesTable from '@/app/ui/users/tanstak-users-table';
+import { useEmployeInfo } from '@/app/hooks/react-query/useEmployeInfo';
+
 export function UsersTable() {
+	const { canRead } = useEmployeInfo();
+
 	return (
 		<div>
+			{canRead('users') && (
 				<TanstakFilesTable />
+			)}
 		</div>
 	)
 }