Files
breakpilot-compliance/admin-compliance/app/sdk/consent/_hooks/useConsentDocuments.ts
Sharang Parnerkar 8044ddb776 refactor(admin): split modules, security-backlog, consent pages
Extract components and hooks to _components/ and _hooks/ subdirectories
to bring all three page.tsx files under the 500-LOC hard cap.

modules/page.tsx:       595 → 239 LOC
security-backlog/page.tsx: 586 → 174 LOC
consent/page.tsx:       569 → 305 LOC

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-16 13:13:38 +02:00

198 lines
5.8 KiB
TypeScript

'use client'
import { useState, useEffect } from 'react'
// =============================================================================
// TYPES
// =============================================================================
export interface LegalDocument {
id: string
type: 'privacy-policy' | 'terms' | 'cookie-policy' | 'imprint' | 'dpa'
name: string
version: string
language: string
status: 'draft' | 'active' | 'archived'
lastUpdated: Date
publishedAt: Date | null
author: string
changes: string[]
}
interface ApiDocument {
id: string
type: string
name: string
description: string
mandatory: boolean
created_at: string
updated_at: string
}
// =============================================================================
// HELPERS
// =============================================================================
function mapDocumentType(apiType: string): LegalDocument['type'] {
const mapping: Record<string, LegalDocument['type']> = {
'privacy_policy': 'privacy-policy',
'privacy-policy': 'privacy-policy',
'terms': 'terms',
'terms_of_service': 'terms',
'cookie_policy': 'cookie-policy',
'cookie-policy': 'cookie-policy',
'imprint': 'imprint',
'dpa': 'dpa',
'avv': 'dpa',
}
return mapping[apiType] || 'terms'
}
function transformApiDocument(doc: ApiDocument): LegalDocument {
return {
id: doc.id,
type: mapDocumentType(doc.type),
name: doc.name,
version: '1.0',
language: 'de',
status: 'active',
lastUpdated: new Date(doc.updated_at),
publishedAt: new Date(doc.created_at),
author: 'System',
changes: doc.description ? [doc.description] : [],
}
}
// =============================================================================
// HOOK
// =============================================================================
export function useConsentDocuments() {
const [documents, setDocuments] = useState<LegalDocument[]>([])
const [loading, setLoading] = useState(true)
const [error, setError] = useState<string | null>(null)
const [previewDoc, setPreviewDoc] = useState<{ name: string; content: string } | null>(null)
useEffect(() => {
loadDocuments()
}, [])
async function loadDocuments() {
setLoading(true)
setError(null)
try {
const token = localStorage.getItem('bp_admin_token')
const res = await fetch('/api/admin/consent/documents', {
headers: token ? { 'Authorization': `Bearer ${token}` } : {}
})
if (res.ok) {
const data = await res.json()
const apiDocs: ApiDocument[] = data.documents || []
setDocuments(apiDocs.map(transformApiDocument))
} else {
setError('Fehler beim Laden der Dokumente')
}
} catch {
setError('Verbindungsfehler zum Server')
} finally {
setLoading(false)
}
}
async function handleRagSuggest(docType: string, docName: string): Promise<string | null> {
const query = docType || docName || 'Datenschutzerklärung'
try {
const res = await fetch('/api/sdk/v1/rag/search', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ query: `${query} DSGVO Vorlage`, limit: 1 }),
})
if (res.ok) {
const data = await res.json()
const first = data.results?.[0]
if (first?.text) return first.text
}
} catch { /* silently ignore */ }
return null
}
async function handleCreateDocument(form: {
type: string
name: string
description: string
content: string
}): Promise<boolean> {
if (!form.name.trim()) return false
try {
const token = localStorage.getItem('bp_admin_token')
const res = await fetch('/api/admin/consent/documents', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
...(token ? { 'Authorization': `Bearer ${token}` } : {}),
},
body: JSON.stringify(form),
})
if (res.ok) {
await loadDocuments()
return true
} else {
setError('Fehler beim Erstellen des Dokuments')
}
} catch {
setError('Verbindungsfehler beim Erstellen')
}
return false
}
async function handleDeleteDocument(id: string) {
if (!confirm('Dokument wirklich löschen?')) return
try {
const token = localStorage.getItem('bp_admin_token')
const res = await fetch(`/api/admin/consent/documents/${id}`, {
method: 'DELETE',
headers: token ? { 'Authorization': `Bearer ${token}` } : {},
})
if (res.ok || res.status === 204) {
setDocuments(prev => prev.filter(d => d.id !== id))
} else {
setError('Fehler beim Löschen des Dokuments')
}
} catch {
setError('Verbindungsfehler beim Löschen')
}
}
async function handlePreview(doc: LegalDocument) {
try {
const token = localStorage.getItem('bp_admin_token')
const res = await fetch(`/api/admin/consent/documents/${doc.id}/versions`, {
headers: token ? { 'Authorization': `Bearer ${token}` } : {}
})
if (res.ok) {
const data = await res.json()
const versions = Array.isArray(data) ? data : (data.versions || [])
const published = versions.find((v: { status: string; content?: string }) => v.status === 'published')
const latest = published || versions[0]
setPreviewDoc({ name: doc.name, content: latest?.content || '<p>Kein Inhalt verfügbar.</p>' })
} else {
setPreviewDoc({ name: doc.name, content: '<p>Vorschau nicht verfügbar.</p>' })
}
} catch {
setPreviewDoc({ name: doc.name, content: '<p>Fehler beim Laden der Vorschau.</p>' })
}
}
return {
documents,
loading,
error,
previewDoc,
setPreviewDoc,
handleRagSuggest,
handleCreateDocument,
handleDeleteDocument,
handlePreview,
}
}