import { useState, useEffect, useCallback } from 'react'; import { useApiRequest } from './useApi'; import api from '../api'; import { usePermissions, type UserPermissions } from './usePermissions'; import { useInstanceId } from './useCurrentInstance'; import { fetchPositionDocuments as fetchPositionDocumentsApi, fetchPositionDocumentById as fetchPositionDocumentByIdApi, createPositionDocument as createPositionDocumentApi, deletePositionDocument as deletePositionDocumentApi, type TrusteePositionDocument, type PaginationParams } from '../api/trusteeApi'; export interface AttributeDefinition { name: string; type: 'text' | 'email' | 'date' | 'checkbox' | 'select' | 'multiselect' | 'number' | 'textarea' | 'timestamp' | 'file'; label: string; description?: string; required?: boolean; default?: any; options?: any[] | string; readonly?: boolean; editable?: boolean; visible?: boolean; order?: number; sortable?: boolean; filterable?: boolean; searchable?: boolean; width?: number; minWidth?: number; maxWidth?: number; filterOptions?: string[]; dependsOn?: string; } // Re-export types export type { TrusteePositionDocument, PaginationParams }; // Position-Documents list hook export function useTrusteePositionDocuments() { const instanceId = useInstanceId(); const [positionDocuments, setPositionDocuments] = useState([]); const [attributes, setAttributes] = useState([]); const [permissions, setPermissions] = useState(null); const [pagination, setPagination] = useState<{ currentPage: number; pageSize: number; totalItems: number; totalPages: number; } | null>(null); const { request, isLoading: loading, error } = useApiRequest(); const { checkPermission } = usePermissions(); // Fetch attributes from backend const fetchAttributes = useCallback(async () => { if (!instanceId) return []; try { const response = await api.get(`/api/trustee/${instanceId}/attributes/TrusteePositionDocument`); let attrs: AttributeDefinition[] = []; if (response.data?.attributes && Array.isArray(response.data.attributes)) { attrs = response.data.attributes; } else if (Array.isArray(response.data)) { attrs = response.data; } else if (response.data && typeof response.data === 'object') { const keys = Object.keys(response.data); for (const key of keys) { if (Array.isArray(response.data[key])) { attrs = response.data[key]; break; } } } setAttributes(attrs); return attrs; } catch (error: any) { console.error('Error fetching attributes:', error); setAttributes([]); return []; } }, [instanceId]); // Fetch permissions from backend const fetchPermissions = useCallback(async () => { try { const objectKey = 'data.feature.trustee.TrusteePositionDocument'; const perms = await checkPermission('DATA', objectKey); setPermissions(perms); return perms; } catch (error: any) { console.error('Error fetching permissions:', error); const defaultPerms: UserPermissions = { view: false, read: 'n', create: 'n', update: 'n', delete: 'n', }; setPermissions(defaultPerms); return defaultPerms; } }, [checkPermission]); const fetchPositionDocuments = useCallback(async (params?: PaginationParams) => { if (!instanceId) { setPositionDocuments([]); return; } try { const data = await fetchPositionDocumentsApi(request, instanceId, params); if (data && typeof data === 'object' && 'items' in data) { const items = Array.isArray(data.items) ? data.items : []; setPositionDocuments(items); if (data.pagination) { setPagination(data.pagination); } } else { const items = Array.isArray(data) ? data : []; setPositionDocuments(items); setPagination(null); } } catch (error: any) { setPositionDocuments([]); setPagination(null); } }, [request, instanceId]); // Optimistically remove a position-document link const removeOptimistically = (positionDocumentId: string) => { setPositionDocuments(prevPD => prevPD.filter(pd => pd.id !== positionDocumentId)); }; // Fetch a single position-document by ID const fetchPositionDocumentById = useCallback(async (positionDocumentId: string): Promise => { if (!instanceId) return null; return await fetchPositionDocumentByIdApi(request, instanceId, positionDocumentId); }, [request, instanceId]); // Generate edit fields from attributes dynamically const generateEditFieldsFromAttributes = useCallback((): Array<{ key: string; label: string; type: 'string' | 'boolean' | 'email' | 'textarea' | 'date' | 'enum' | 'multiselect' | 'readonly'; editable?: boolean; required?: boolean; validator?: (value: any) => string | null; options?: Array<{ value: string | number; label: string }>; optionsReference?: string; dependsOn?: string; }> => { if (!attributes || attributes.length === 0) { return []; } const editableFields = attributes .filter(attr => { if (attr.readonly === true || attr.editable === false) { return false; } const nonEditableFields = ['id', 'mandate', 'sysCreatedBy', 'sysModifiedBy', 'sysCreatedAt', 'sysModifiedAt']; return !nonEditableFields.includes(attr.name); }) .map(attr => { let fieldType: 'string' | 'boolean' | 'email' | 'textarea' | 'date' | 'enum' | 'multiselect' | 'readonly' = 'string'; let options: Array<{ value: string | number; label: string }> | undefined = undefined; let optionsReference: string | undefined = undefined; let dependsOn: string | undefined = undefined; if (attr.type === 'checkbox') { fieldType = 'boolean'; } else if (attr.type === 'email') { fieldType = 'email'; } else if (attr.type === 'date') { fieldType = 'date'; } else if (attr.type === 'select') { fieldType = 'enum'; if (Array.isArray(attr.options)) { options = attr.options.map((opt: any) => ({ value: opt.value, label: opt.label || String(opt.value) })); } else if (typeof attr.options === 'string') { optionsReference = attr.options; } } else if (attr.type === 'textarea') { fieldType = 'textarea'; } // Dependency chain: contractId depends on organisationId // positionId and documentId depend on contractId if (attr.name === 'contractId') { dependsOn = 'organisationId'; } else if (attr.name === 'positionId' || attr.name === 'documentId') { dependsOn = 'contractId'; } let required = attr.required === true; let validator: ((value: any) => string | null) | undefined = undefined; if (attr.name === 'organisationId' || attr.name === 'contractId' || attr.name === 'positionId' || attr.name === 'documentId') { required = true; validator = (value: any) => { if (!value || (typeof value === 'string' && value.trim() === '')) { return `${attr.label || attr.name} is required`; } return null; }; } return { key: attr.name, label: attr.label || attr.name, type: fieldType, editable: attr.editable !== false && attr.readonly !== true, required, validator, options, optionsReference, dependsOn }; }); return editableFields; }, [attributes]); // Ensure attributes are loaded const ensureAttributesLoaded = useCallback(async () => { if (attributes && attributes.length > 0) { return attributes; } const fetchedAttributes = await fetchAttributes(); return fetchedAttributes; }, [attributes, fetchAttributes]); // Fetch data when instanceId is available useEffect(() => { if (instanceId) { fetchAttributes(); fetchPermissions(); fetchPositionDocuments(); } }, [instanceId, fetchAttributes, fetchPermissions, fetchPositionDocuments]); return { positionDocuments, loading, error, refetch: fetchPositionDocuments, removeOptimistically, attributes, permissions, pagination, fetchPositionDocumentById, generateEditFieldsFromAttributes, ensureAttributesLoaded, instanceId }; } // Position-Document operations hook export function useTrusteePositionDocumentOperations() { const instanceId = useInstanceId(); const [deletingPositionDocuments, setDeletingPositionDocuments] = useState>(new Set()); const [creatingPositionDocument, setCreatingPositionDocument] = useState(false); const { request, isLoading } = useApiRequest(); const [deleteError, setDeleteError] = useState(null); const [createError, setCreateError] = useState(null); const handlePositionDocumentDelete = async (positionDocumentId: string) => { if (!instanceId) { setDeleteError('No instance context'); return false; } setDeleteError(null); setDeletingPositionDocuments(prev => new Set(prev).add(positionDocumentId)); try { await deletePositionDocumentApi(request, instanceId, positionDocumentId); await new Promise(resolve => setTimeout(resolve, 300)); return true; } catch (error: any) { setDeleteError(error.message); return false; } finally { setDeletingPositionDocuments(prev => { const newSet = new Set(prev); newSet.delete(positionDocumentId); return newSet; }); } }; const handlePositionDocumentCreate = async (positionDocumentData: Partial) => { if (!instanceId) { setCreateError('No instance context'); return { success: false, error: 'No instance context' }; } setCreateError(null); setCreatingPositionDocument(true); try { const newPositionDocument = await createPositionDocumentApi(request, instanceId, positionDocumentData); return { success: true, positionDocumentData: newPositionDocument }; } catch (error: any) { setCreateError(error.message); return { success: false, error: error.message }; } finally { setCreatingPositionDocument(false); } }; return { deletingPositionDocuments, creatingPositionDocument, deleteError, createError, handlePositionDocumentDelete, handlePositionDocumentCreate, isLoading, instanceId }; }