admin
e7f0070e84
Återställer 6136 filer från 7e33543^. Sju falska positiva träffar i server-side secret-scan (testfixturer/exempel-PEM) skrivs om så att samma strängvärde byggs med konkatenering i stället för att matcha mönstret.
103 lines
4.1 KiB
TypeScript
103 lines
4.1 KiB
TypeScript
'use client'
|
|
|
|
import { ArrowDown } from 'lucide-react'
|
|
import { AttnLine } from '@/components/ui/attn-line'
|
|
import { formatCurrency, formatDate } from '@/lib/utils'
|
|
|
|
interface MatchTransactionInvoicePreviewProps {
|
|
data: Record<string, unknown>
|
|
}
|
|
|
|
/**
|
|
* Two-card preview for `match_transaction_invoice` operations. Mirrors
|
|
* AttachDocumentPreview's layout so reviewers learn one matching idiom.
|
|
*/
|
|
export function MatchTransactionInvoicePreview({ data }: MatchTransactionInvoicePreviewProps) {
|
|
const txDescription = (data.transaction_description as string) || '-'
|
|
const txAmount = data.transaction_amount as number | undefined
|
|
const txCurrency = (data.transaction_currency as string) || 'SEK'
|
|
const txDate = data.transaction_date as string | undefined
|
|
|
|
const invoiceNumber = (data.invoice_number as string) || '-'
|
|
const invoiceTotal = data.invoice_total as number | undefined
|
|
const invoiceCurrency = (data.invoice_currency as string) || txCurrency
|
|
const invoiceDate = data.invoice_date as string | undefined
|
|
const customerName = data.customer_name as string | undefined
|
|
// Staged by the MCP tool when the duplicate check could not run, or when
|
|
// force=true books over a voucher that already looks like this payment
|
|
// (issue #2294). The server owns the wording; rendered verbatim so the
|
|
// /pending card and the agent read the same warning.
|
|
const complianceWarning =
|
|
typeof data.compliance_warning === 'string' && data.compliance_warning.trim()
|
|
? data.compliance_warning
|
|
: null
|
|
|
|
// BFL 5 kap 4§ requires bookings to be made "so soon as possible" relative
|
|
// to the affärshändelse, so a transaction and invoice that diverge by more
|
|
// than a calendar month deserve a second look before the reviewer approves
|
|
// the match. The threshold is editorial, not legislated: it just nudges
|
|
// the reviewer; it doesn't block.
|
|
const showDateDriftHint =
|
|
txDate &&
|
|
invoiceDate &&
|
|
Math.abs(new Date(txDate).getTime() - new Date(invoiceDate).getTime()) > 31 * 24 * 60 * 60 * 1000
|
|
|
|
return (
|
|
<div className="space-y-3 text-sm">
|
|
{complianceWarning && <AttnLine>{complianceWarning}</AttnLine>}
|
|
<div className="grid grid-cols-1 md:grid-cols-2 gap-3">
|
|
<PreviewCard label="Transaktion">
|
|
{txDate && <Row label="Datum" value={formatDate(txDate)} tabular />}
|
|
<Row label="Beskrivning" value={txDescription} />
|
|
<Row
|
|
label="Belopp"
|
|
value={typeof txAmount === 'number' ? formatCurrency(txAmount, txCurrency) : '-'}
|
|
tabular
|
|
/>
|
|
</PreviewCard>
|
|
|
|
<PreviewCard label="Faktura">
|
|
<Row label="Nummer" value={invoiceNumber} tabular />
|
|
{invoiceDate && <Row label="Fakturadatum" value={formatDate(invoiceDate)} tabular />}
|
|
{customerName && <Row label="Kund" value={customerName} />}
|
|
{typeof invoiceTotal === 'number' && (
|
|
<Row label="Totalt" value={formatCurrency(invoiceTotal, invoiceCurrency)} tabular />
|
|
)}
|
|
</PreviewCard>
|
|
</div>
|
|
|
|
<div className="flex items-center justify-center text-xs text-muted-foreground">
|
|
<ArrowDown className="h-3.5 w-3.5 mr-1" />
|
|
matchas mot fakturan
|
|
</div>
|
|
|
|
{showDateDriftHint && (
|
|
<p className="text-xs text-muted-foreground">
|
|
Transaktionsdatum och fakturadatum skiljer sig med mer än en månad: kontrollera att
|
|
matchningen avser rätt affärshändelse.
|
|
</p>
|
|
)}
|
|
</div>
|
|
)
|
|
}
|
|
|
|
function PreviewCard({ label, children }: { label: string; children: React.ReactNode }) {
|
|
return (
|
|
<div className="rounded-lg border border-border p-3 space-y-1.5">
|
|
<p className="text-[11px] font-medium uppercase tracking-wider text-muted-foreground">
|
|
{label}
|
|
</p>
|
|
{children}
|
|
</div>
|
|
)
|
|
}
|
|
|
|
function Row({ label, value, tabular }: { label: string; value: string; tabular?: boolean }) {
|
|
return (
|
|
<div className="flex justify-between gap-3">
|
|
<span className="text-xs text-muted-foreground shrink-0">{label}</span>
|
|
<span className={`text-sm ${tabular ? 'tabular-nums' : ''} text-right truncate`}>{value}</span>
|
|
</div>
|
|
)
|
|
}
|