Files
accounted/components/import/FullArchiveDialog.tsx
T
Mattsson 3a1b842e4a feat: add safe owner-only migration reset (#1682)
* feat: add safe company migration reset

* fix: harden company reset eligibility

* fix: close company reset compliance gaps

* test: fix migration reset pg-real probes

* fix: preserve migration archive access

* docs: explain migration numbering continuity

* fix: block reset with VAT workflow state

* fix: block externally staged reset data

* fix: address migration reset review findings

* fix: clear stale migration archive estimate

* fix: retry migration archive estimates
2026-08-19 12:04:24 +02:00

342 lines
12 KiB
TypeScript

'use client'
import { useCallback, useEffect, useMemo, useState } from 'react'
import { useLocale, useTranslations } from 'next-intl'
import { AttnLine } from '@/components/ui/attn-line'
import { Button } from '@/components/ui/button'
import {
Dialog,
DialogContent,
DialogDescription,
DialogFooter,
DialogHeader,
DialogTitle,
} from '@/components/ui/dialog'
import { Label } from '@/components/ui/label'
import { SegmentedControl } from '@/components/ui/segmented-control'
import { Switch } from '@/components/ui/switch'
import { useToast } from '@/components/ui/use-toast'
import { useCompany } from '@/contexts/CompanyContext'
import { useFormat } from '@/lib/hooks/use-format'
import { getErrorMessage, type ErrorLocale } from '@/lib/errors/get-error-message'
import { FiscalYearSelector } from '@/components/common/FiscalYearSelector'
import type { ApiResponse, ArchiveEstimate } from '@/types'
import { Download, Loader2 } from 'lucide-react'
type Scope = 'all' | 'period'
type ArchiveMode = 'active-company' | 'migration-reset-source'
const LAST_DOWNLOAD_STORAGE_KEY = 'Accounted:last-backup-download'
/**
* Direct download of the complete company archive (SIE + reports + all
* supporting documents) as a ZIP. The normal mode uses the owner/admin-only
* full-archive route; migration-reset mode uses its owner-only retained-source
* route without making that archived company active.
*/
export function FullArchiveDialog({
open,
onOpenChange,
mode = 'active-company',
companyId: explicitCompanyId,
}: {
open: boolean
onOpenChange: (open: boolean) => void
mode?: ArchiveMode
companyId?: string
}) {
const t = useTranslations('import')
const tCompany = useTranslations('settings_company')
const errorLocale = useLocale() as ErrorLocale
const { toast } = useToast()
const { company } = useCompany()
const { formatDateLong } = useFormat()
const [scope, setScope] = useState<Scope>('all')
const [periodId, setPeriodId] = useState<string | null>(null)
const [includeDocuments, setIncludeDocuments] = useState(true)
const [estimate, setEstimate] = useState<ArchiveEstimate | null>(null)
const [isLoadingEstimate, setIsLoadingEstimate] = useState(false)
const [isDownloading, setIsDownloading] = useState(false)
const [lastDownloadedAt, setLastDownloadedAt] = useState<string | null>(null)
const isMigrationResetSource = mode === 'migration-reset-source'
const archiveCompanyId = isMigrationResetSource
? explicitCompanyId ?? company?.id
: company?.id
const storageKey = useMemo(
() => archiveCompanyId
? isMigrationResetSource
? `${LAST_DOWNLOAD_STORAGE_KEY}:migration-reset:${archiveCompanyId}`
: `${LAST_DOWNLOAD_STORAGE_KEY}:${archiveCompanyId}`
: null,
[archiveCompanyId, isMigrationResetSource]
)
useEffect(() => {
if (!storageKey || !open) return
setLastDownloadedAt(window.localStorage.getItem(storageKey))
}, [storageKey, open])
const archiveUrl = useMemo(() => {
if (isMigrationResetSource) {
if (!archiveCompanyId) return ''
const params = new URLSearchParams()
if (!includeDocuments) params.set('include_documents', 'false')
const query = params.toString()
return `/api/company/${archiveCompanyId}/migration-reset/archive${query ? `?${query}` : ''}`
}
const params = new URLSearchParams({ scope })
if (scope === 'period' && periodId) params.set('period_id', periodId)
if (!includeDocuments) params.set('include_documents', 'false')
return `/api/reports/full-archive?${params.toString()}`
}, [archiveCompanyId, includeDocuments, isMigrationResetSource, periodId, scope])
useEffect(() => {
if (!open || !archiveUrl || (!isMigrationResetSource && scope === 'period' && !periodId)) {
setEstimate(null)
return
}
let cancelled = false
setIsLoadingEstimate(true)
setEstimate(null)
;(async () => {
try {
const separator = archiveUrl.includes('?') ? '&' : '?'
const res = await fetch(`${archiveUrl}${separator}estimate=1`)
if (!res.ok) return
const { data } = (await res.json()) as ApiResponse<ArchiveEstimate>
if (!cancelled && data) setEstimate(data)
} catch {
// leave estimate null; the user can still attempt the download
} finally {
if (!cancelled) setIsLoadingEstimate(false)
}
})()
return () => {
cancelled = true
}
}, [open, archiveUrl, isMigrationResetSource, scope, periodId])
const handleDownload = useCallback(async () => {
if (!archiveUrl || (!isMigrationResetSource && scope === 'period' && !periodId)) return
setIsDownloading(true)
try {
const res = await fetch(archiveUrl)
if (!res.ok) {
if (res.status === 413) {
const body = await res.json().catch(() => ({}))
const sizeMb = body.size_bytes ? Math.round(body.size_bytes / (1024 * 1024)) : null
toast({
title: t('archive_toast_too_large_title'),
description: isMigrationResetSource
? sizeMb
? tCompany('reset_archive_too_large_with_size', { size: sizeMb })
: tCompany('reset_archive_too_large')
: sizeMb
? t('archive_toast_too_large_with_size', { size: sizeMb })
: t('archive_toast_too_large_generic'),
variant: 'destructive',
})
return
}
const body = await res.json().catch(() => ({}))
throw new Error(readArchiveError(body, t('archive_toast_failed')))
}
const blob = await res.blob()
const contentDisposition = res.headers.get('Content-Disposition') || ''
const match = contentDisposition.match(/filename="?([^";]+)"?/)
const filename = match?.[1] || (isMigrationResetSource
? 'migration_reset_archive.zip'
: 'arkiv.zip')
const url = window.URL.createObjectURL(blob)
const link = document.createElement('a')
link.href = url
link.download = filename
document.body.appendChild(link)
link.click()
document.body.removeChild(link)
window.URL.revokeObjectURL(url)
const now = new Date().toISOString()
if (storageKey) {
window.localStorage.setItem(storageKey, now)
setLastDownloadedAt(now)
}
toast({ title: t('archive_toast_created'), description: filename })
} catch (err) {
toast({
title: t('archive_toast_failed'),
description:
err instanceof Error
? getErrorMessage(err, { locale: errorLocale })
: t('archive_error_fallback'),
variant: 'destructive',
})
} finally {
setIsDownloading(false)
}
}, [
archiveUrl,
errorLocale,
isMigrationResetSource,
periodId,
scope,
storageKey,
t,
tCompany,
toast,
])
const plannedSizeBytes = estimate
? includeDocuments
? estimate.total_bytes
: Math.max(0, estimate.total_bytes - estimate.document_bytes)
: 0
const isOverLimit = !!estimate && plannedSizeBytes > estimate.size_limit_bytes
const canDownload = !isDownloading
&& !isOverLimit
&& (isMigrationResetSource || scope === 'all' || !!periodId)
return (
<Dialog open={open} onOpenChange={onOpenChange}>
<DialogContent className="sm:max-w-md">
<DialogHeader>
<DialogTitle className="font-display text-lg tracking-tight">
{isMigrationResetSource
? tCompany('reset_archive_download_title')
: t('export_archive_title')}
</DialogTitle>
<DialogDescription className="text-[13px] leading-relaxed">
{isMigrationResetSource
? tCompany('reset_archive_download_description')
: t('archive_dialog_description')}
</DialogDescription>
</DialogHeader>
<div className="space-y-4">
{!isMigrationResetSource ? (
<div className="space-y-2">
<SegmentedControl
value={scope}
onChange={setScope}
aria-label={t('archive_scope_label')}
options={[
{ value: 'all', label: t('archive_scope_all') },
{ value: 'period', label: t('archive_scope_period') },
]}
/>
{/* The two scopes count different document sets (all documents vs
only those linked to posted vouchers in the year), so a company
with unlinked inbox receipts sees very different counts. Say so,
or the gap reads as a pagination bug. */}
<p className="text-xs leading-5 text-muted-foreground">
{scope === 'all' ? t('archive_scope_all_note') : t('archive_scope_period_note')}
</p>
</div>
) : null}
{!isMigrationResetSource && scope === 'period' && (
<FiscalYearSelector
value={periodId}
onChange={setPeriodId}
includeAllOption={false}
hideFuturePeriods
/>
)}
<div className="flex items-start justify-between gap-4">
<div className="space-y-1">
<Label htmlFor="archive-include-documents">{t('archive_include_docs_label')}</Label>
<p className="text-xs leading-5 text-muted-foreground">
{t('archive_include_docs_help')}
</p>
</div>
<Switch
id="archive-include-documents"
checked={includeDocuments}
onCheckedChange={setIncludeDocuments}
/>
</div>
<div role="status" aria-live="polite" className="space-y-1">
<p className="text-[13px] text-muted-foreground">
{isLoadingEstimate ? (
t('archive_calculating_size')
) : estimate ? (
<>
{t('archive_estimated_size')}{' '}
<strong className="font-medium tabular-nums text-foreground">
{formatBytes(plannedSizeBytes)}
</strong>{' '}
({estimate.document_count}{' '}
{estimate.document_count === 1
? t('archive_attachment_singular')
: t('archive_attachment_plural')}
)
</>
) : (
t('archive_size_pending')
)}
</p>
{lastDownloadedAt && (
<p className="text-xs text-muted-foreground">
{t('archive_last_download')}: {formatDateLong(lastDownloadedAt)}
</p>
)}
</div>
{isOverLimit && (
<AttnLine>
{isMigrationResetSource
? tCompany('reset_archive_over_limit', {
limit: formatBytes(estimate!.size_limit_bytes),
})
: t('archive_over_limit', { limit: formatBytes(estimate!.size_limit_bytes) })}
</AttnLine>
)}
</div>
<DialogFooter>
<Button onClick={handleDownload} disabled={!canDownload}>
{isDownloading ? (
<>
<Loader2 className="mr-2 h-4 w-4 animate-spin" />
{t('archive_creating')}
</>
) : (
<>
<Download className="mr-2 h-4 w-4" />
{t('archive_download_button')}
</>
)}
</Button>
</DialogFooter>
</DialogContent>
</Dialog>
)
}
function formatBytes(bytes: number): string {
if (bytes < 1024) return `${bytes} B`
const kb = bytes / 1024
if (kb < 1024) return `${kb.toFixed(1)} kB`
const mb = kb / 1024
if (mb < 1024) return `${mb.toFixed(1)} MB`
return `${(mb / 1024).toFixed(2)} GB`
}
function readArchiveError(body: unknown, fallback: string): string {
if (!body || typeof body !== 'object') return fallback
const error = (body as { error?: unknown }).error
if (typeof error === 'string') return error
if (error && typeof error === 'object') {
const message = (error as { message?: unknown }).message
if (typeof message === 'string') return message
}
return fallback
}