feat(invoices): per-line percentage discount and separate fakturamarkning (#2084)
* feat(invoices): per-line percentage discount and separate fakturamarkning User request: rabatt i procent per artikelrad, and a marking field separate from Er referens. - invoice_items.discount_percent (0-100, default 0): line_total and vat_amount are stored NET of the discount. Shared exact-ore math in lib/invoices/line-amounts.ts (gross, discount, net) used by the web builder, staged-operation commit, editor preview, PDF, and Peppol. Undiscounted lines keep the legacy unrounded qty*price byte-identical. - ROT/RUT deduction computes on the discounted net line total. - invoices.invoice_marking: printed on the PDF next to the references and mapped to Peppol BT-10 BuyerReference (marking wins over your_reference; either satisfies the BT-10 requirement). - Peppol renders the discount as a BG-27 line AllowanceCharge (reason code 95, MultiplierFactorNumeric, Amount, BaseAmount). - Editor: "Lagg till rabatt" in the row menu (same reveal pattern as ROT/RUT), Markning row next to Er referens, forval chip, review dialog shows discounts and marking. - Plumbed through v1 REST projections, MCP create/get/update invoice tools, pending-operations update path, and copy-invoice (discount copied; marking deliberately not, it is recipient-specific). Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01JJAt9yM7tgZ69f1XnNnq52 * fix(invoices): carry discount_percent through every deduction, credit, convert and preview path Skeptic + CI findings on the discount/marking feature, one pass: - generateRotRutLines and propose-send-lines now pass discount_percent into computeDeduction: the send/credit/cash verifikat booked 1513 on the GROSS line while deduction_total, the PDF and the Skatteverket claim carried the net, stranding the difference on 1513 and pushing 1510 negative once the customer paid. Test pins 1513=3000/1510=7000 for a 20%-discounted 10 000 kr ROT line. - preview-pdf route accepts discount_percent (net totals + net-based deduction) and invoice_marking; the editor now sends the marking, so the preview equals the invoice it becomes. - Credit notes carry discount_percent (buildCreditNoteItem, v1 credit route select+insert, MCP credit executor) and invoice_marking, so the kreditfaktura face arithmetic multiplies out and shows the Rabatt column (ML 17 kap 24 §). - Proforma->invoice convert copies discount_percent + invoice_marking: the converted invoice previously failed Peppol LINE_TOTAL_MISMATCH and lost the rebate on the next builder pass. - Editor hides the discount menu in self-billed mode (the self-billed wire shape has no discount; previewed net would book gross). - MCP staging and commitCreateInvoice reject a non-number discount_percent (a string coerced past the range check but was ignored by the totals math and still stored). - Regenerated skills/accounted-api (apiskill:check CI failure). Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01JJAt9yM7tgZ69f1XnNnq52 --------- Co-authored-by: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
Mattsson
co-authored by
Claude Fable 5
Claude Fable 5
parent
84c8e1ce59
commit
f216a60bf8
@@ -37,8 +37,9 @@ import {
|
||||
import { sortArticles } from '@/lib/articles/sort'
|
||||
import ArticleCombobox from '@/components/invoices/ArticleCombobox'
|
||||
import { getAmountToPay } from '@/lib/invoices/rounding'
|
||||
import { computeLineNet, hasLineDiscount } from '@/lib/invoices/line-amounts'
|
||||
import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter } from '@/components/ui/dialog'
|
||||
import { Loader2, X, ArrowLeft, Send, Eye, Landmark, Lock, AlertTriangle, MoreVertical, CalendarClock, Tags, Package, Copy } from 'lucide-react'
|
||||
import { Loader2, X, ArrowLeft, Send, Eye, Landmark, Lock, AlertTriangle, MoreVertical, CalendarClock, Tags, Package, Copy, Percent } from 'lucide-react'
|
||||
import {
|
||||
DropdownMenu,
|
||||
DropdownMenuTrigger,
|
||||
@@ -259,6 +260,13 @@ export default function InvoiceEditor(props: InvoiceEditorProps = { mode: 'creat
|
||||
quantity: z.number(),
|
||||
unit: z.string(),
|
||||
unit_price: z.number(),
|
||||
// Rabatt i procent per rad (⋮ menu). null = no discount.
|
||||
discount_percent: z
|
||||
.number()
|
||||
.min(0, t('validation_discount_range'))
|
||||
.max(100, t('validation_discount_range'))
|
||||
.nullable()
|
||||
.optional(),
|
||||
vat_rate: z.number().min(0).max(25),
|
||||
// Article linkage (artikelregister). Optional: free-text lines omit them.
|
||||
article_id: z.string().nullable().optional(),
|
||||
@@ -343,6 +351,7 @@ export default function InvoiceEditor(props: InvoiceEditorProps = { mode: 'creat
|
||||
document_type: z.enum(['invoice', 'proforma', 'delivery_note']),
|
||||
your_reference: z.string().optional(),
|
||||
our_reference: z.string().optional(),
|
||||
invoice_marking: z.string().optional(),
|
||||
notes: z.string().optional(),
|
||||
// Optional online payment link (pasted from e.g. the Stripe dashboard).
|
||||
// https-only: mirrors the server-side CreateInvoiceSchema gate.
|
||||
@@ -453,6 +462,9 @@ export default function InvoiceEditor(props: InvoiceEditorProps = { mode: 'creat
|
||||
[activeAccounts],
|
||||
)
|
||||
const [accountOverrideRows, setAccountOverrideRows] = useState<Set<number>>(new Set())
|
||||
// Rabatt per rad: rows whose discount strip is open (⋮ menu), same
|
||||
// lifecycle as the account override above. A stored discount also opens it.
|
||||
const [discountRows, setDiscountRows] = useState<Set<number>>(new Set())
|
||||
// Dimension tagging (kostnadsställe/projekt, dimensions PR7). Affordances
|
||||
// render only when company_settings.dimensions_enabled: a UI-visibility
|
||||
// gate; a draft that already carries bags still round-trips untouched when
|
||||
@@ -529,6 +541,7 @@ export default function InvoiceEditor(props: InvoiceEditorProps = { mode: 'creat
|
||||
document_type: (initial.document_type ?? 'invoice') as InvoiceDocumentType,
|
||||
your_reference: initial.your_reference ?? '',
|
||||
our_reference: initial.our_reference ?? '',
|
||||
invoice_marking: initial.invoice_marking ?? '',
|
||||
notes: initial.notes ?? '',
|
||||
payment_link_url: initial.payment_link_url ?? '',
|
||||
payment_link_auto: initial.payment_link_auto ?? true,
|
||||
@@ -543,6 +556,7 @@ export default function InvoiceEditor(props: InvoiceEditorProps = { mode: 'creat
|
||||
quantity: item.quantity,
|
||||
unit: item.unit,
|
||||
unit_price: item.unit_price,
|
||||
discount_percent: hasLineDiscount(item.discount_percent) ? item.discount_percent : null,
|
||||
vat_rate: item.vat_rate ?? 25,
|
||||
article_id: item.article_id ?? null,
|
||||
revenue_account: item.revenue_account ?? null,
|
||||
@@ -568,6 +582,7 @@ export default function InvoiceEditor(props: InvoiceEditorProps = { mode: 'creat
|
||||
document_type: 'invoice' as InvoiceDocumentType,
|
||||
your_reference: '',
|
||||
our_reference: copyInitial.our_reference,
|
||||
invoice_marking: '',
|
||||
notes: copyInitial.notes,
|
||||
payment_link_url: '',
|
||||
payment_link_auto: true,
|
||||
@@ -635,6 +650,7 @@ export default function InvoiceEditor(props: InvoiceEditorProps = { mode: 'creat
|
||||
const watchReceivedDate = watch('received_date')
|
||||
const watchDeliveryDate = watch('delivery_date')
|
||||
const watchYourReference = watch('your_reference')
|
||||
const watchInvoiceMarking = watch('invoice_marking')
|
||||
const watchPaymentLinkUrl = watch('payment_link_url')
|
||||
const watchPaymentLinkAuto = watch('payment_link_auto')
|
||||
const watchPersonnummer = watch('deduction_personnummer')
|
||||
@@ -817,6 +833,7 @@ export default function InvoiceEditor(props: InvoiceEditorProps = { mode: 'creat
|
||||
quantity: 1,
|
||||
unit: 'st',
|
||||
unit_price: 0,
|
||||
discount_percent: null,
|
||||
vat_rate: vatRegistered ? vatRatePlan.defaultRate : 0,
|
||||
article_id: null,
|
||||
revenue_account: null,
|
||||
@@ -871,6 +888,7 @@ export default function InvoiceEditor(props: InvoiceEditorProps = { mode: 'creat
|
||||
quantity: 0,
|
||||
unit: '',
|
||||
unit_price: 0,
|
||||
discount_percent: null,
|
||||
vat_rate: 0,
|
||||
article_id: null,
|
||||
revenue_account: null,
|
||||
@@ -1101,7 +1119,7 @@ export default function InvoiceEditor(props: InvoiceEditorProps = { mode: 'creat
|
||||
}
|
||||
|
||||
const subtotal = watchItems.reduce((sum, item) => {
|
||||
return sum + (item.quantity || 0) * (item.unit_price || 0)
|
||||
return sum + computeLineNet(item.quantity || 0, item.unit_price || 0, item.discount_percent)
|
||||
}, 0)
|
||||
|
||||
const vatRules = selectedCustomer
|
||||
@@ -1134,7 +1152,7 @@ export default function InvoiceEditor(props: InvoiceEditorProps = { mode: 'creat
|
||||
let vatAmount = 0
|
||||
for (const item of watchItems) {
|
||||
const rate = vatRegistered ? (item.vat_rate ?? (vatRules?.rate || 25)) : 0
|
||||
const lineTotal = (item.quantity || 0) * (item.unit_price || 0)
|
||||
const lineTotal = computeLineNet(item.quantity || 0, item.unit_price || 0, item.discount_percent)
|
||||
const lineVat = Math.round(lineTotal * rate / 100 * 100) / 100
|
||||
vatAmount += lineVat
|
||||
const existing = vatByRate.get(rate) || { base: 0, vat: 0 }
|
||||
@@ -1226,6 +1244,7 @@ export default function InvoiceEditor(props: InvoiceEditorProps = { mode: 'creat
|
||||
const amount = computeDeduction({
|
||||
unit_price: item.unit_price || 0,
|
||||
quantity: item.quantity || 0,
|
||||
discount_percent: item.discount_percent,
|
||||
deduction_type: item.deduction_type,
|
||||
// Same rate resolution as the VAT totals loop above: the deduction
|
||||
// base is the line total inkl. moms (HUSFL 6-9 §§).
|
||||
@@ -1307,6 +1326,23 @@ export default function InvoiceEditor(props: InvoiceEditorProps = { mode: 'creat
|
||||
}
|
||||
}
|
||||
|
||||
// Open/close the per-line discount (⋮ menu). Closing clears the value so
|
||||
// the row books at full price again.
|
||||
function toggleDiscount(index: number) {
|
||||
const isOpen = discountRows.has(index) || hasLineDiscount(watchItems[index]?.discount_percent)
|
||||
if (isOpen) {
|
||||
setValue(`items.${index}.discount_percent`, null, { shouldDirty: true, shouldValidate: true })
|
||||
setDiscountRows((prev) => {
|
||||
const next = new Set(prev)
|
||||
next.delete(index)
|
||||
return next
|
||||
})
|
||||
} else {
|
||||
setDiscountRows((prev) => new Set(prev).add(index))
|
||||
window.setTimeout(() => setFocus(`items.${index}.discount_percent`), 0)
|
||||
}
|
||||
}
|
||||
|
||||
// Open/close the optional per-item dimensions override (⋮ menu). Closing
|
||||
// clears the bag so the row falls back to the invoice's default_dimensions.
|
||||
function toggleItemDimensions(index: number) {
|
||||
@@ -1754,6 +1790,7 @@ export default function InvoiceEditor(props: InvoiceEditorProps = { mode: 'creat
|
||||
items: data.items,
|
||||
your_reference: data.your_reference,
|
||||
our_reference: data.our_reference,
|
||||
invoice_marking: data.invoice_marking,
|
||||
notes: data.notes,
|
||||
payment_link_url: data.payment_link_url,
|
||||
invoice_number: numberPreview,
|
||||
@@ -1882,6 +1919,7 @@ export default function InvoiceEditor(props: InvoiceEditorProps = { mode: 'creat
|
||||
receivedDate: watchReceivedDate || '',
|
||||
deliveryDate: watchDeliveryDate || '',
|
||||
yourReference: watchYourReference || '',
|
||||
invoiceMarking: watchInvoiceMarking || '',
|
||||
paymentLink: paymentLinkMode,
|
||||
oreRounding,
|
||||
dims: hasDimensionValues(defaultDims) ? compactDims(defaultDims) : null,
|
||||
@@ -1904,6 +1942,8 @@ export default function InvoiceEditor(props: InvoiceEditorProps = { mode: 'creat
|
||||
return t('chip_delivery', { date: chip.date })
|
||||
case 'your_reference':
|
||||
return t('chip_your_reference', { reference: chip.reference })
|
||||
case 'invoice_marking':
|
||||
return t('chip_invoice_marking', { marking: chip.marking })
|
||||
case 'payment_link':
|
||||
return chip.mode === 'auto' ? t('chip_stripe_auto') : t('chip_payment_link')
|
||||
case 'ore_off':
|
||||
@@ -2156,7 +2196,11 @@ export default function InvoiceEditor(props: InvoiceEditorProps = { mode: 'creat
|
||||
)
|
||||
}
|
||||
|
||||
const lineTotal = (item?.quantity || 0) * (item?.unit_price || 0)
|
||||
const lineTotal = computeLineNet(
|
||||
item?.quantity || 0,
|
||||
item?.unit_price || 0,
|
||||
item?.discount_percent,
|
||||
)
|
||||
const rowErrors = errors.items?.[index]
|
||||
const rowErrorMsg =
|
||||
rowErrors?.description?.message ??
|
||||
@@ -2166,6 +2210,12 @@ export default function InvoiceEditor(props: InvoiceEditorProps = { mode: 'creat
|
||||
const articleStripOpen = articlePickerRows.has(index)
|
||||
const accountStripOpen =
|
||||
isInvoiceDoc && (accountOverrideRows.has(index) || Boolean(item?.revenue_account))
|
||||
// Not offered for a received självfaktura: the self-billed
|
||||
// endpoint's reduced item shape carries no discount, so a
|
||||
// previewed rebate would silently book gross.
|
||||
const discountStripOpen =
|
||||
!isSelfBilled &&
|
||||
(discountRows.has(index) || hasLineDiscount(item?.discount_percent))
|
||||
const dimensionStripOpen =
|
||||
dimensionsEnabled &&
|
||||
isInvoiceDoc &&
|
||||
@@ -2292,6 +2342,17 @@ export default function InvoiceEditor(props: InvoiceEditorProps = { mode: 'creat
|
||||
<Package className="h-4 w-4" />
|
||||
{t('row_menu_pick_article')}
|
||||
</DropdownMenuItem>
|
||||
{!isSelfBilled && (
|
||||
<>
|
||||
<DropdownMenuSeparator />
|
||||
<DropdownMenuItem onSelect={() => toggleDiscount(index)} className="py-2">
|
||||
<Percent className="h-4 w-4" />
|
||||
{discountStripOpen
|
||||
? t('row_menu_remove_discount')
|
||||
: t('row_menu_add_discount')}
|
||||
</DropdownMenuItem>
|
||||
</>
|
||||
)}
|
||||
{isInvoiceDoc && (
|
||||
<>
|
||||
<DropdownMenuSeparator />
|
||||
@@ -2422,6 +2483,59 @@ export default function InvoiceEditor(props: InvoiceEditorProps = { mode: 'creat
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* Rabatt strip: opened via the ⋮ menu; a stored
|
||||
discount keeps it open in edit mode. */}
|
||||
{discountStripOpen && (
|
||||
<div className="px-2 pb-3">
|
||||
<div className="flex flex-wrap items-center gap-2">
|
||||
<Label
|
||||
htmlFor={`invoice-line-discount-${index}`}
|
||||
className="text-xs text-muted-foreground"
|
||||
>
|
||||
{t('discount_label')}
|
||||
</Label>
|
||||
<div className="flex items-center gap-1">
|
||||
<Input
|
||||
id={`invoice-line-discount-${index}`}
|
||||
type="number"
|
||||
step="0.01"
|
||||
min={0}
|
||||
max={100}
|
||||
inputMode="decimal"
|
||||
placeholder="0"
|
||||
className="h-8 w-24 text-right tabular-nums"
|
||||
aria-label={t('discount_label')}
|
||||
aria-invalid={Boolean(rowErrors?.discount_percent) || undefined}
|
||||
{...register(`items.${index}.discount_percent`, {
|
||||
// valueAsNumber turns an emptied field into
|
||||
// NaN, which the schema rejects invisibly;
|
||||
// same pattern as labor_hours.
|
||||
setValueAs: (v) => {
|
||||
if (v === '' || v == null) return null
|
||||
const n = Number(v)
|
||||
return Number.isFinite(n) ? n : null
|
||||
},
|
||||
})}
|
||||
/>
|
||||
<span className="text-xs text-muted-foreground">%</span>
|
||||
</div>
|
||||
{hasLineDiscount(item?.discount_percent) && (
|
||||
<span className="text-xs tabular-nums text-muted-foreground">
|
||||
−{formatCurrency(
|
||||
roundOre((item?.quantity || 0) * (item?.unit_price || 0)) - lineTotal,
|
||||
watchCurrency,
|
||||
)}
|
||||
</span>
|
||||
)}
|
||||
</div>
|
||||
{rowErrors?.discount_percent && (
|
||||
<p className="mt-1 text-sm text-destructive">
|
||||
{rowErrors.discount_percent.message}
|
||||
</p>
|
||||
)}
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* ROT/RUT-avdrag strip: only when a deduction is
|
||||
active on this row (chosen via the ⋮ menu). */}
|
||||
{isInvoiceDoc && item?.deduction_type && (
|
||||
@@ -2482,6 +2596,7 @@ export default function InvoiceEditor(props: InvoiceEditorProps = { mode: 'creat
|
||||
const amt = computeDeduction({
|
||||
unit_price: item?.unit_price || 0,
|
||||
quantity: item?.quantity || 0,
|
||||
discount_percent: item?.discount_percent,
|
||||
deduction_type: item?.deduction_type,
|
||||
vat_rate: vatRegistered
|
||||
? (item?.vat_rate ?? (vatRules?.rate || 25))
|
||||
@@ -2924,6 +3039,23 @@ export default function InvoiceEditor(props: InvoiceEditorProps = { mode: 'creat
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
{/* Fakturamärkning: one buyer-required marking string
|
||||
(kostnadsställe/projekt/PO), separate from Er
|
||||
referens. Plain input, never comma-split. */}
|
||||
<div className={SETTINGS_ROW_CLASS}>
|
||||
<Label htmlFor="invoice_marking" className="text-[13px] font-normal">
|
||||
{t('invoice_marking_label')}
|
||||
</Label>
|
||||
<div className="w-56">
|
||||
<Input
|
||||
id="invoice_marking"
|
||||
maxLength={200}
|
||||
placeholder={t('invoice_marking_placeholder')}
|
||||
className="h-8 text-[13px]"
|
||||
{...register('invoice_marking')}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Online payment link: manual paste or the Stripe auto
|
||||
toggle. Only real invoices; hidden unless the company
|
||||
@@ -3212,6 +3344,7 @@ export default function InvoiceEditor(props: InvoiceEditorProps = { mode: 'creat
|
||||
total={total}
|
||||
yourReference={pendingData?.your_reference}
|
||||
ourReference={pendingData?.our_reference}
|
||||
invoiceMarking={pendingData?.invoice_marking}
|
||||
notes={pendingData?.notes}
|
||||
numberPreview={numberPreview}
|
||||
oreRounding={oreRounding}
|
||||
|
||||
@@ -7,6 +7,7 @@ import { Separator } from '@/components/ui/separator'
|
||||
import { formatCurrency, formatDate } from '@/lib/utils'
|
||||
import { getDisplayTotal } from '@/lib/invoices/rounding'
|
||||
import { isTextLikeLine } from '@/lib/invoices/display'
|
||||
import { computeLineNet } from '@/lib/invoices/line-amounts'
|
||||
import { itemHasAccrual } from '@/lib/bookkeeping/accruals/account-suggestions'
|
||||
import type { Customer, Currency } from '@/types'
|
||||
|
||||
@@ -15,6 +16,8 @@ interface ReviewItem {
|
||||
quantity: number
|
||||
unit: string
|
||||
unit_price: number
|
||||
/** Line discount 0-100; amounts render net of it. */
|
||||
discount_percent?: number | null
|
||||
vat_rate?: number
|
||||
/** 'text' rows are free-text/blank lines: description only, no amounts. */
|
||||
line_type?: 'product' | 'text'
|
||||
@@ -38,6 +41,7 @@ interface InvoiceReviewContentProps {
|
||||
total: number
|
||||
yourReference?: string
|
||||
ourReference?: string
|
||||
invoiceMarking?: string
|
||||
notes?: string
|
||||
/** The invoice number that will be assigned on confirm. Null when unknown
|
||||
* (e.g. delivery notes use a different sequence) or unfetched. */
|
||||
@@ -63,6 +67,7 @@ export function InvoiceReviewContent({
|
||||
total,
|
||||
yourReference,
|
||||
ourReference,
|
||||
invoiceMarking,
|
||||
notes,
|
||||
numberPreview,
|
||||
oreRounding,
|
||||
@@ -84,7 +89,7 @@ export function InvoiceReviewContent({
|
||||
for (const item of items) {
|
||||
if (isTextLikeLine(item)) continue
|
||||
const rate = item.vat_rate ?? 0
|
||||
const lineTotal = item.quantity * item.unit_price
|
||||
const lineTotal = computeLineNet(item.quantity, item.unit_price, item.discount_percent)
|
||||
const lineVat = Math.round(lineTotal * rate / 100 * 100) / 100
|
||||
vatByRate.set(rate, (vatByRate.get(rate) || 0) + lineVat)
|
||||
}
|
||||
@@ -182,12 +187,19 @@ export function InvoiceReviewContent({
|
||||
</td>
|
||||
<td className="py-2 text-right">{item.quantity}</td>
|
||||
<td className="py-2 text-center">{item.unit}</td>
|
||||
<td className="py-2 text-right">{formatCurrency(item.unit_price, currency)}</td>
|
||||
<td className="py-2 text-right">
|
||||
{formatCurrency(item.unit_price, currency)}
|
||||
{(item.discount_percent ?? 0) > 0 && (
|
||||
<span className="ml-1 text-xs text-muted-foreground">
|
||||
−{item.discount_percent}%
|
||||
</span>
|
||||
)}
|
||||
</td>
|
||||
{showVatColumn && (
|
||||
<td className="py-2 text-right">{item.vat_rate ?? 0}%</td>
|
||||
)}
|
||||
<td className="py-2 text-right">
|
||||
{formatCurrency(item.quantity * item.unit_price, currency)}
|
||||
{formatCurrency(computeLineNet(item.quantity, item.unit_price, item.discount_percent), currency)}
|
||||
</td>
|
||||
</tr>
|
||||
)
|
||||
@@ -214,11 +226,14 @@ export function InvoiceReviewContent({
|
||||
</p>
|
||||
)}
|
||||
<div className="flex items-center justify-between text-muted-foreground">
|
||||
<span>{item.quantity} {item.unit} × {formatCurrency(item.unit_price, currency)}</span>
|
||||
<span>
|
||||
{item.quantity} {item.unit} × {formatCurrency(item.unit_price, currency)}
|
||||
{(item.discount_percent ?? 0) > 0 && <> −{item.discount_percent}%</>}
|
||||
</span>
|
||||
{showVatColumn && <span className="text-xs">{t('mobile_vat_suffix', { rate: item.vat_rate ?? 0 })}</span>}
|
||||
</div>
|
||||
<p className="text-right font-medium">
|
||||
{formatCurrency(item.quantity * item.unit_price, currency)}
|
||||
{formatCurrency(computeLineNet(item.quantity, item.unit_price, item.discount_percent), currency)}
|
||||
</p>
|
||||
</div>
|
||||
)
|
||||
@@ -260,7 +275,7 @@ export function InvoiceReviewContent({
|
||||
</div>
|
||||
|
||||
{/* References/notes */}
|
||||
{(yourReference || ourReference || notes) && (
|
||||
{(yourReference || ourReference || invoiceMarking || notes) && (
|
||||
<div className="border-t pt-3 space-y-2 text-sm text-muted-foreground">
|
||||
{yourReference && (
|
||||
<p>
|
||||
@@ -272,6 +287,11 @@ export function InvoiceReviewContent({
|
||||
<span>{t('our_reference')}</span> {ourReference}
|
||||
</p>
|
||||
)}
|
||||
{invoiceMarking && (
|
||||
<p>
|
||||
<span>{t('invoice_marking')}</span> {invoiceMarking}
|
||||
</p>
|
||||
)}
|
||||
{notes && <p>{t('notes_prefix', { notes })}</p>}
|
||||
</div>
|
||||
)}
|
||||
|
||||
@@ -165,6 +165,7 @@ function chipsInput(overrides: Partial<ForvalChipsInput> = {}): ForvalChipsInput
|
||||
receivedDate: '',
|
||||
deliveryDate: '',
|
||||
yourReference: '',
|
||||
invoiceMarking: '',
|
||||
paymentLink: null,
|
||||
oreRounding: true,
|
||||
dims: null,
|
||||
@@ -221,6 +222,7 @@ describe('deriveForvalChips', () => {
|
||||
currency: 'EUR',
|
||||
deliveryDate: '2026-08-20',
|
||||
yourReference: 'Anna',
|
||||
invoiceMarking: 'KST 4711',
|
||||
paymentLink: 'manual',
|
||||
oreRounding: false,
|
||||
dims: 'KS01 · P001',
|
||||
@@ -230,6 +232,7 @@ describe('deriveForvalChips', () => {
|
||||
expect(chips).toContainEqual({ kind: 'currency', currency: 'EUR' })
|
||||
expect(chips).toContainEqual({ kind: 'delivery', date: '2026-08-20' })
|
||||
expect(chips).toContainEqual({ kind: 'your_reference', reference: 'Anna' })
|
||||
expect(chips).toContainEqual({ kind: 'invoice_marking', marking: 'KST 4711' })
|
||||
expect(chips).toContainEqual({ kind: 'payment_link', mode: 'manual' })
|
||||
expect(chips).toContainEqual({ kind: 'dims', dims: 'KS01 · P001' })
|
||||
// ore_off is SEK-only: an EUR invoice has no öresavrundning to disable.
|
||||
@@ -249,6 +252,7 @@ describe('deriveForvalChips', () => {
|
||||
receivedDate: '2026-08-15',
|
||||
documentType: 'proforma',
|
||||
yourReference: 'x',
|
||||
invoiceMarking: 'x',
|
||||
paymentLink: 'auto',
|
||||
oreRounding: false,
|
||||
dims: 'KS01',
|
||||
|
||||
@@ -121,6 +121,7 @@ export type ForvalChip =
|
||||
| { kind: 'received'; date: string }
|
||||
| { kind: 'delivery'; date: string }
|
||||
| { kind: 'your_reference'; reference: string }
|
||||
| { kind: 'invoice_marking'; marking: string }
|
||||
| { kind: 'payment_link'; mode: 'auto' | 'manual' }
|
||||
| { kind: 'ore_off' }
|
||||
| { kind: 'dims'; dims: string }
|
||||
@@ -134,6 +135,7 @@ export interface ForvalChipsInput {
|
||||
receivedDate: string
|
||||
deliveryDate: string
|
||||
yourReference: string
|
||||
invoiceMarking: string
|
||||
paymentLink: 'auto' | 'manual' | null
|
||||
oreRounding: boolean
|
||||
/** Compact display of the invoice-level default dims, or null when none. */
|
||||
@@ -174,6 +176,9 @@ export function deriveForvalChips(input: ForvalChipsInput): ForvalChip[] {
|
||||
if (!input.isSelfBilled && input.yourReference.trim()) {
|
||||
chips.push({ kind: 'your_reference', reference: input.yourReference.trim() })
|
||||
}
|
||||
if (!input.isSelfBilled && input.invoiceMarking.trim()) {
|
||||
chips.push({ kind: 'invoice_marking', marking: input.invoiceMarking.trim() })
|
||||
}
|
||||
if (!input.isSelfBilled && input.paymentLink) {
|
||||
chips.push({ kind: 'payment_link', mode: input.paymentLink })
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user