@voyant-travel/finance-react 0.119.5

package/dist/components/invoice-bulk-actions.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { formatMessage } from "@voyant-travel/i18n";
+import { Alert, AlertDescription, AlertTitle, ConfirmActionButton, SelectionActionBar, } from "@voyant-travel/ui/components";
+import { useFinanceUiMessagesOrDefault } from "../i18n/index.js";
+export function InvoiceBulkActions({ selectedCount, result, pending, onClear, onMarkPaid, }) {
+    const messages = useFinanceUiMessagesOrDefault();
+    const bulkActions = messages.invoicesPage.bulkActions;
+    return (_jsxs(_Fragment, { children: [selectedCount > 0 && (_jsx(SelectionActionBar, { selectedCount: selectedCount, onClear: onClear, clearLabel: bulkActions.clearSelection, selectionSummary: formatMessage(bulkActions.selectionSummary, {
+                    count: selectedCount,
+                }), children: _jsx(ConfirmActionButton, { buttonLabel: bulkActions.markPaid, confirmLabel: bulkActions.markPaidConfirm, cancelLabel: messages.common.cancel, title: formatMessage(bulkActions.markPaidTitle, { count: selectedCount }), description: bulkActions.markPaidDescription, disabled: pending, onConfirm: async () => {
+                        await onMarkPaid();
+                    } }) })), result && (_jsxs(Alert, { variant: result.failed.length > 0 ? "destructive" : "default", children: [_jsx(AlertTitle, { children: result.failed.length > 0 ? bulkActions.partialTitle : bulkActions.successTitle }), _jsx(AlertDescription, { children: formatMessage(result.failed.length > 0
+                            ? bulkActions.partialDescription
+                            : bulkActions.successDescription, {
+                            updated: result.updated.length,
+                            failed: result.failed.length,
+                            total: result.total,
+                        }) })] }))] }));
+}

package/dist/components/invoice-detail-page/cards.d.ts

@@ -0,0 +1,44 @@
+import type { CreditNoteRecord, InvoiceAttachmentRecord, InvoiceRecord, LineItemRecord, PaymentRecord } from "../../index.js";
+export interface InvoiceDetailCardProps {
+    invoice: InvoiceRecord;
+    className?: string;
+}
+export declare function InvoiceSummaryCard({ invoice, className }: InvoiceDetailCardProps): import("react/jsx-runtime").JSX.Element;
+export interface InvoiceLinksCardProps extends InvoiceDetailCardProps {
+    onBookingOpen?: (bookingId: string, invoice: InvoiceRecord) => void;
+    onPersonOpen?: (personId: string, invoice: InvoiceRecord) => void;
+    onOrganizationOpen?: (organizationId: string, invoice: InvoiceRecord) => void;
+}
+export declare function InvoiceLinksCard({ invoice, className, onBookingOpen, onPersonOpen, onOrganizationOpen, }: InvoiceLinksCardProps): import("react/jsx-runtime").JSX.Element;
+export interface InvoiceLineItemsCardProps extends InvoiceDetailCardProps {
+    lineItems: LineItemRecord[];
+    pending?: boolean;
+    deletePending?: boolean;
+    onCreate?: (invoice: InvoiceRecord) => void;
+    onEdit?: (lineItem: LineItemRecord, invoice: InvoiceRecord) => void;
+    onDelete?: (lineItemId: string) => Promise<void>;
+}
+export declare function InvoiceLineItemsCard({ invoice, lineItems, pending, deletePending, onCreate, onEdit, onDelete, className, }: InvoiceLineItemsCardProps): import("react/jsx-runtime").JSX.Element;
+export interface InvoicePaymentsCardProps extends InvoiceDetailCardProps {
+    payments: PaymentRecord[];
+    pending?: boolean;
+    onCreate?: (invoice: InvoiceRecord) => void;
+}
+export declare function InvoicePaymentsCard({ invoice, payments, pending, onCreate, className, }: InvoicePaymentsCardProps): import("react/jsx-runtime").JSX.Element;
+export interface InvoiceCreditNotesCardProps extends InvoiceDetailCardProps {
+    creditNotes: CreditNoteRecord[];
+    pending?: boolean;
+    onCreate?: (invoice: InvoiceRecord) => void;
+}
+export declare function InvoiceCreditNotesCard({ invoice, creditNotes, pending, onCreate, className, }: InvoiceCreditNotesCardProps): import("react/jsx-runtime").JSX.Element;
+export interface InvoiceAttachmentsCardProps extends InvoiceDetailCardProps {
+    attachments: InvoiceAttachmentRecord[];
+    pending?: boolean;
+    deletePending?: boolean;
+    getDownloadHref?: (attachment: InvoiceAttachmentRecord) => string | undefined;
+    onCreate: () => void;
+    onEdit: (attachment: InvoiceAttachmentRecord) => void;
+    onDelete: (attachmentId: string) => Promise<void>;
+}
+export declare function InvoiceAttachmentsCard({ attachments, pending, deletePending, getDownloadHref, onCreate, onEdit, onDelete, className, }: InvoiceAttachmentsCardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=cards.d.ts.map

package/dist/components/invoice-detail-page/cards.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cards.d.ts","sourceRoot":"","sources":["../../../src/components/invoice-detail-page/cards.tsx"],"names":[],"mappings":"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"}

package/dist/components/invoice-detail-page/cards.js

@@ -0,0 +1,43 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Badge, Button, Card, CardContent, CardHeader, CardTitle, ConfirmActionButton, } from "@voyant-travel/ui/components";
+import { ExternalLink, FileText, Pencil, Plus } from "lucide-react";
+import { useFinanceUiI18nOrDefault, useFinanceUiMessagesOrDefault } from "../../i18n/index.js";
+import { creditNoteStatusVariant, DetailLink, DetailRow, EmptyRow, formatBytes, formatPaymentMethod, InvoiceSection, invoiceStatusVariant, LoadingRow, Money, paymentStatusVariant, } from "./primitives.js";
+export function InvoiceSummaryCard({ invoice, className }) {
+    const { formatCurrency } = useFinanceUiI18nOrDefault();
+    const messages = useFinanceUiMessagesOrDefault();
+    const detail = messages.invoiceDetailPage;
+    return (_jsxs(Card, { "data-slot": "invoice-summary-card", className: className, children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: detail.titles.summary }) }), _jsx(CardContent, { children: _jsxs("dl", { className: "grid gap-3 text-sm", children: [_jsx(DetailRow, { label: detail.fields.currency, children: invoice.currency }), _jsx(DetailRow, { label: detail.fields.subtotal, children: _jsx(Money, { cents: invoice.subtotalCents, currency: invoice.currency }) }), _jsx(DetailRow, { label: detail.fields.tax, children: _jsx(Money, { cents: invoice.taxCents, currency: invoice.currency }) }), _jsx(DetailRow, { label: detail.fields.total, children: _jsx("span", { className: "font-semibold", children: formatCurrency(invoice.totalCents / 100, invoice.currency) }) }), _jsx(DetailRow, { label: detail.fields.paid, children: _jsx(Money, { cents: invoice.paidCents, currency: invoice.currency }) }), _jsx(DetailRow, { label: detail.fields.balanceDue, children: _jsx("span", { className: "font-semibold", children: formatCurrency(invoice.balanceDueCents / 100, invoice.currency) }) }), _jsx(DetailRow, { label: detail.fields.status, children: _jsx(Badge, { variant: invoiceStatusVariant[invoice.status] ?? "secondary", children: messages.common.invoiceStatusLabels[invoice.status] }) })] }) })] }));
+}
+export function InvoiceLinksCard({ invoice, className, onBookingOpen, onPersonOpen, onOrganizationOpen, }) {
+    const { formatDate, formatDateTime } = useFinanceUiI18nOrDefault();
+    const messages = useFinanceUiMessagesOrDefault();
+    const detail = messages.invoiceDetailPage;
+    return (_jsxs(Card, { "data-slot": "invoice-links-card", className: className, children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: detail.titles.links }) }), _jsx(CardContent, { children: _jsxs("dl", { className: "grid gap-3 text-sm", children: [_jsx(DetailRow, { label: detail.fields.issueDate, children: formatDate(invoice.issueDate) }), _jsx(DetailRow, { label: detail.fields.dueDate, children: formatDate(invoice.dueDate) }), _jsx(DetailRow, { label: detail.fields.booking, children: _jsx(DetailLink, { label: invoice.bookingId, actionLabel: detail.actions.viewBooking, onClick: () => onBookingOpen?.(invoice.bookingId, invoice), disabled: !onBookingOpen }) }), invoice.personId ? (_jsx(DetailRow, { label: detail.fields.person, children: _jsx(DetailLink, { label: invoice.personId, actionLabel: detail.actions.viewPerson, onClick: () => onPersonOpen?.(invoice.personId, invoice), disabled: !onPersonOpen }) })) : null, invoice.organizationId ? (_jsx(DetailRow, { label: detail.fields.organization, children: _jsx(DetailLink, { label: invoice.organizationId, actionLabel: detail.actions.viewOrganization, onClick: () => onOrganizationOpen?.(invoice.organizationId, invoice), disabled: !onOrganizationOpen }) })) : null, invoice.notes ? (_jsxs("div", { className: "mt-2 flex flex-col gap-1", children: [_jsx("dt", { className: "text-xs uppercase tracking-wide text-muted-foreground", children: detail.fields.notes }), _jsx("dd", { className: "whitespace-pre-wrap text-sm", children: invoice.notes })] })) : null, _jsx(DetailRow, { label: detail.fields.createdAt, children: formatDateTime(invoice.createdAt) }), _jsx(DetailRow, { label: detail.fields.updatedAt, children: formatDateTime(invoice.updatedAt) })] }) })] }));
+}
+export function InvoiceLineItemsCard({ invoice, lineItems, pending, deletePending, onCreate, onEdit, onDelete, className, }) {
+    const messages = useFinanceUiMessagesOrDefault();
+    const detail = messages.invoiceDetailPage;
+    return (_jsx(InvoiceSection, { dataSlot: "invoice-line-items-card", title: detail.titles.lineItems, className: className, action: onCreate ? (_jsxs(Button, { size: "sm", onClick: () => onCreate(invoice), children: [_jsx(Plus, { className: "size-4", "aria-hidden": "true" }), detail.actions.addLineItem] })) : null, children: pending ? (_jsx(LoadingRow, {})) : lineItems.length === 0 ? (_jsx(EmptyRow, { children: detail.states.noLineItems })) : (_jsx("div", { className: "overflow-hidden rounded border bg-background", children: _jsxs("table", { className: "w-full text-sm", children: [_jsx("thead", { children: _jsxs("tr", { className: "border-b text-muted-foreground", children: [_jsx("th", { className: "p-2 text-left font-medium", children: detail.columns.description }), _jsx("th", { className: "p-2 text-right font-medium", children: detail.columns.quantity }), _jsx("th", { className: "p-2 text-right font-medium", children: detail.columns.unitPrice }), _jsx("th", { className: "p-2 text-right font-medium", children: detail.columns.total }), _jsx("th", { className: "p-2 text-right font-medium", children: detail.columns.taxRate }), _jsx("th", { className: "w-20 p-2" })] }) }), _jsx("tbody", { children: lineItems.map((lineItem) => (_jsxs("tr", { className: "border-b last:border-b-0", children: [_jsx("td", { className: "p-2", children: lineItem.description }), _jsx("td", { className: "p-2 text-right", children: lineItem.quantity }), _jsx("td", { className: "p-2 text-right", children: _jsx(Money, { cents: lineItem.unitPriceCents, currency: invoice.currency }) }), _jsx("td", { className: "p-2 text-right", children: _jsx(Money, { cents: lineItem.totalCents, currency: invoice.currency }) }), _jsx("td", { className: "p-2 text-right", children: lineItem.taxRate === null ? detail.states.noValue : `${lineItem.taxRate}%` }), _jsx("td", { className: "p-2", children: _jsxs("div", { className: "flex justify-end gap-1", children: [onEdit ? (_jsxs(Button, { type: "button", variant: "ghost", size: "icon-sm", onClick: () => onEdit(lineItem, invoice), children: [_jsx(Pencil, { className: "size-4", "aria-hidden": "true" }), _jsx("span", { className: "sr-only", children: detail.actions.editLineItem })] })) : null, onDelete ? (_jsx(ConfirmActionButton, { buttonLabel: detail.actions.deleteLineItemShort, confirmLabel: detail.actions.delete, cancelLabel: messages.common.cancel, title: detail.actions.deleteLineItemTitle, description: detail.actions.deleteLineItemDescription, disabled: deletePending, variant: "ghost", confirmVariant: "destructive", onConfirm: () => onDelete(lineItem.id) })) : null] }) })] }, lineItem.id))) })] }) })) }));
+}
+export function InvoicePaymentsCard({ invoice, payments, pending, onCreate, className, }) {
+    const messages = useFinanceUiMessagesOrDefault();
+    const detail = messages.invoiceDetailPage;
+    return (_jsx(InvoiceSection, { dataSlot: "invoice-payments-card", title: detail.titles.payments, className: className, action: onCreate && invoice.status !== "void" ? (_jsxs(Button, { size: "sm", onClick: () => onCreate(invoice), children: [_jsx(Plus, { className: "size-4", "aria-hidden": "true" }), detail.actions.recordPayment] })) : null, children: pending ? (_jsx(LoadingRow, {})) : payments.length === 0 ? (_jsx(EmptyRow, { children: detail.states.noPayments })) : (_jsx("ul", { className: "divide-y", children: payments.map((payment) => (_jsxs("li", { className: "flex items-center justify-between gap-3 py-3", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("p", { className: "truncate text-sm font-medium", children: formatPaymentMethod(payment.paymentMethod, messages) }), _jsx("p", { className: "text-xs text-muted-foreground", children: payment.paymentDate })] }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Money, { cents: payment.amountCents, currency: payment.currency }), _jsx(Badge, { variant: paymentStatusVariant[payment.status] ?? "secondary", children: messages.common.supplierPaymentStatusLabels[payment.status] })] })] }, payment.id))) })) }));
+}
+export function InvoiceCreditNotesCard({ invoice, creditNotes, pending, onCreate, className, }) {
+    const messages = useFinanceUiMessagesOrDefault();
+    const detail = messages.invoiceDetailPage;
+    return (_jsx(InvoiceSection, { dataSlot: "invoice-credit-notes-card", title: detail.titles.creditNotes, className: className, action: onCreate ? (_jsxs(Button, { size: "sm", onClick: () => onCreate(invoice), children: [_jsx(Plus, { className: "size-4", "aria-hidden": "true" }), detail.actions.addCreditNote] })) : null, children: pending ? (_jsx(LoadingRow, {})) : creditNotes.length === 0 ? (_jsx(EmptyRow, { children: detail.states.noCreditNotes })) : (_jsx("ul", { className: "divide-y", children: creditNotes.map((creditNote) => (_jsxs("li", { className: "flex items-center justify-between gap-3 py-3", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("p", { className: "truncate text-sm font-medium", children: creditNote.creditNoteNumber }), _jsx("p", { className: "line-clamp-2 text-xs text-muted-foreground", children: creditNote.reason })] }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Money, { cents: creditNote.amountCents, currency: creditNote.currency }), _jsx(Badge, { variant: creditNoteStatusVariant[creditNote.status] ?? "secondary", children: detail.creditNoteStatusLabels[creditNote.status] })] })] }, creditNote.id))) })) }));
+}
+export function InvoiceAttachmentsCard({ attachments, pending, deletePending, getDownloadHref, onCreate, onEdit, onDelete, className, }) {
+    const messages = useFinanceUiMessagesOrDefault();
+    const detail = messages.invoiceDetailPage;
+    return (_jsx(InvoiceSection, { dataSlot: "invoice-attachments-card", title: detail.titles.attachments, className: className, action: _jsxs(Button, { size: "sm", onClick: onCreate, children: [_jsx(Plus, { className: "size-4", "aria-hidden": "true" }), detail.actions.addAttachment] }), children: pending ? (_jsx(LoadingRow, {})) : attachments.length === 0 ? (_jsx(EmptyRow, { children: detail.states.noAttachments })) : (_jsx("div", { className: "overflow-hidden rounded border bg-background", children: _jsxs("table", { className: "w-full text-sm", children: [_jsx("thead", { children: _jsxs("tr", { className: "border-b text-muted-foreground", children: [_jsx("th", { className: "p-2 text-left font-medium", children: detail.columns.name }), _jsx("th", { className: "p-2 text-left font-medium", children: detail.columns.kind }), _jsx("th", { className: "p-2 text-left font-medium", children: detail.columns.mimeType }), _jsx("th", { className: "p-2 text-right font-medium", children: detail.columns.size }), _jsx("th", { className: "w-20 p-2" })] }) }), _jsx("tbody", { children: attachments.map((attachment) => {
+                            const downloadHref = getDownloadHref?.(attachment);
+                            return (_jsxs("tr", { className: "border-b last:border-b-0", children: [_jsx("td", { className: "min-w-0 p-2", children: downloadHref ? (_jsxs("a", { href: downloadHref, target: "_blank", rel: "noopener noreferrer", className: "inline-flex max-w-full items-center gap-1.5 hover:underline", children: [_jsx(FileText, { className: "size-3.5 shrink-0 opacity-60", "aria-hidden": "true" }), _jsx("span", { className: "truncate", children: attachment.name }), _jsx(ExternalLink, { className: "size-3 shrink-0 opacity-60", "aria-hidden": "true" })] })) : (_jsx("span", { className: "truncate", children: attachment.name })) }), _jsx("td", { className: "p-2", children: attachment.kind }), _jsx("td", { className: "p-2", children: attachment.mimeType ?? detail.states.noValue }), _jsx("td", { className: "p-2 text-right", children: attachment.fileSize == null
+                                            ? detail.states.noValue
+                                            : formatBytes(attachment.fileSize) }), _jsx("td", { className: "p-2", children: _jsxs("div", { className: "flex justify-end gap-1", children: [_jsxs(Button, { type: "button", variant: "ghost", size: "icon-sm", onClick: () => onEdit(attachment), children: [_jsx(Pencil, { className: "size-4", "aria-hidden": "true" }), _jsx("span", { className: "sr-only", children: detail.actions.editAttachment })] }), _jsx(ConfirmActionButton, { buttonLabel: detail.actions.deleteAttachmentShort, confirmLabel: detail.actions.delete, cancelLabel: messages.common.cancel, title: detail.actions.deleteAttachmentTitle, description: detail.actions.deleteAttachmentDescription, disabled: deletePending, variant: "ghost", confirmVariant: "destructive", onConfirm: () => onDelete(attachment.id) })] }) })] }, attachment.id));
+                        }) })] }) })) }));
+}

package/dist/components/invoice-detail-page/header.d.ts

@@ -0,0 +1,15 @@
+import type { InvoiceRecord } from "../../index.js";
+export interface InvoiceDetailHeaderProps {
+    invoice: InvoiceRecord;
+    onBack?: () => void;
+    onEdit: () => void;
+    onConvert?: () => Promise<void>;
+    onVoid: (reason?: string | null) => Promise<void>;
+    onDelete: () => Promise<void>;
+    convertPending?: boolean;
+    voidPending?: boolean;
+    deletePending?: boolean;
+    className?: string;
+}
+export declare function InvoiceDetailHeader({ invoice, onBack, onEdit, onConvert, onVoid, onDelete, convertPending, voidPending, deletePending, className, }: InvoiceDetailHeaderProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=header.d.ts.map

package/dist/components/invoice-detail-page/header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../src/components/invoice-detail-page/header.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAGnD,MAAM,WAAW,wBAAwB;IACvC,OAAO,EAAE,aAAa,CAAA;IACtB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;IAC/B,MAAM,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IACjD,QAAQ,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;IAC7B,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,mBAAmB,CAAC,EAClC,OAAO,EACP,MAAM,EACN,MAAM,EACN,SAAS,EACT,MAAM,EACN,QAAQ,EACR,cAAc,EACd,WAAW,EACX,aAAa,EACb,SAAS,GACV,EAAE,wBAAwB,2CAiJ1B"}

package/dist/components/invoice-detail-page/header.js

@@ -0,0 +1,30 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, Badge, Button, ConfirmActionButton, Textarea, } from "@voyant-travel/ui/components";
+import { cn } from "@voyant-travel/ui/lib/utils";
+import { ArrowLeft, ArrowRightLeft, Loader2, Pencil } from "lucide-react";
+import { useState } from "react";
+import { useFinanceUiMessagesOrDefault } from "../../i18n/index.js";
+import { invoiceStatusVariant, invoiceTypeVariant } from "./primitives.js";
+export function InvoiceDetailHeader({ invoice, onBack, onEdit, onConvert, onVoid, onDelete, convertPending, voidPending, deletePending, className, }) {
+    const messages = useFinanceUiMessagesOrDefault();
+    const detail = messages.invoiceDetailPage;
+    const [voidDialogOpen, setVoidDialogOpen] = useState(false);
+    const [voidReason, setVoidReason] = useState("");
+    const canDelete = invoice.status === "draft";
+    const canVoid = ["pending_external_allocation", "issued", "overdue"].includes(invoice.status);
+    const invoiceType = invoice.invoiceType;
+    const canConvert = Boolean(onConvert && invoiceType === "proforma" && invoice.status !== "void");
+    return (_jsxs("div", { "data-slot": "invoice-detail-header", className: cn("flex flex-col gap-4 md:flex-row md:items-start", className), children: [onBack ? (_jsxs(Button, { type: "button", variant: "ghost", size: "icon", onClick: onBack, children: [_jsx(ArrowLeft, { className: "size-4", "aria-hidden": "true" }), _jsx("span", { className: "sr-only", children: detail.actions.back })] })) : null, _jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx("h1", { className: "text-2xl font-bold tracking-tight", children: detail.title }), _jsx(Badge, { variant: invoiceStatusVariant[invoice.status] ?? "secondary", children: messages.common.invoiceStatusLabels[invoice.status] }), invoiceType ? (_jsx(Badge, { "data-slot": "invoice-type-badge", "data-invoice-type": invoiceType, variant: invoiceTypeVariant[invoiceType] ?? "secondary", children: detail.invoiceTypeLabels[invoiceType] })) : null] }), _jsx("p", { className: "mt-1 truncate font-mono text-muted-foreground text-sm", children: invoice.invoiceNumber }), _jsxs("p", { className: "mt-1 text-muted-foreground text-xs", children: [detail.fields.booking, ": ", invoice.bookingId] })] }), _jsxs("div", { className: "flex flex-wrap items-center gap-2 md:justify-end", children: [canConvert ? (_jsxs(AlertDialog, { children: [_jsxs(AlertDialogTrigger, { disabled: convertPending, render: _jsx(Button, { type: "button", variant: "outline", size: "sm" }), children: [_jsx(ArrowRightLeft, { className: "size-4", "aria-hidden": "true" }), detail.actions.convertToInvoice] }), _jsxs(AlertDialogContent, { size: "sm", children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: detail.actions.convertToInvoiceTitle }), _jsx(AlertDialogDescription, { children: detail.actions.convertToInvoiceDescription })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { disabled: convertPending, children: messages.common.cancel }), _jsxs(AlertDialogAction, { disabled: convertPending, onClick: () => {
+                                                    if (onConvert)
+                                                        void onConvert();
+                                                }, children: [convertPending ? (_jsx(Loader2, { className: "size-4 animate-spin", "aria-hidden": "true" })) : null, detail.actions.convertToInvoice] })] })] })] })) : null, _jsxs(Button, { type: "button", variant: "outline", onClick: onEdit, children: [_jsx(Pencil, { className: "size-4", "aria-hidden": "true" }), detail.actions.edit] }), _jsxs(AlertDialog, { open: voidDialogOpen, onOpenChange: (open) => {
+                            setVoidDialogOpen(open);
+                            if (!open)
+                                setVoidReason("");
+                        }, children: [_jsx(AlertDialogTrigger, { disabled: !canVoid || voidPending, render: _jsx(Button, { type: "button", variant: "outline", size: "sm" }), children: detail.actions.void }), _jsxs(AlertDialogContent, { size: "sm", children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: detail.actions.voidTitle }), _jsx(AlertDialogDescription, { children: canVoid ? detail.actions.voidDescription : detail.actions.voidUnavailable })] }), _jsx(Textarea, { value: voidReason, onChange: (event) => setVoidReason(event.target.value), placeholder: detail.actions.voidReasonPlaceholder, className: "min-h-24" }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { disabled: voidPending, children: messages.common.cancel }), _jsxs(AlertDialogAction, { variant: "destructive", disabled: voidPending, onClick: () => {
+                                                    void onVoid(voidReason.trim() || null);
+                                                    setVoidDialogOpen(false);
+                                                    setVoidReason("");
+                                                }, children: [voidPending ? (_jsx(Loader2, { className: "size-4 animate-spin", "aria-hidden": "true" })) : null, detail.actions.void] })] })] })] }), _jsx(ConfirmActionButton, { buttonLabel: detail.actions.delete, confirmLabel: detail.actions.delete, cancelLabel: messages.common.cancel, title: detail.actions.deleteTitle, description: canDelete ? detail.actions.deleteDescription : detail.actions.deleteOnlyDraft, variant: "destructive", confirmVariant: "destructive", disabled: !canDelete || deletePending, onConfirm: onDelete })] })] }));
+}

package/dist/components/invoice-detail-page/notes-dialogs.d.ts

@@ -0,0 +1,28 @@
+import type { FinanceNoteRecord, InvoiceAttachmentRecord } from "../../index.js";
+export interface InvoiceNotesCardProps {
+    notes: FinanceNoteRecord[];
+    noteContent?: string;
+    pending?: boolean;
+    addPending?: boolean;
+    className?: string;
+    onNoteChange?: (value: string) => void;
+    onAddNote?: () => Promise<void>;
+    onCreate?: () => void;
+}
+export declare function InvoiceNotesCard({ notes, noteContent, pending, addPending, className, onNoteChange, onAddNote, onCreate, }: InvoiceNotesCardProps): import("react/jsx-runtime").JSX.Element;
+export interface InvoiceNoteDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    pending?: boolean;
+    onSubmit: (content: string) => Promise<void>;
+}
+export declare function InvoiceNoteDialog({ open, onOpenChange, pending, onSubmit, }: InvoiceNoteDialogProps): import("react/jsx-runtime").JSX.Element;
+export interface InvoiceAttachmentDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    invoiceId: string;
+    attachment?: InvoiceAttachmentRecord;
+    onSuccess: () => void;
+}
+export declare function InvoiceAttachmentDialog({ open, onOpenChange, invoiceId, attachment, onSuccess, }: InvoiceAttachmentDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=notes-dialogs.d.ts.map

package/dist/components/invoice-detail-page/notes-dialogs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"notes-dialogs.d.ts","sourceRoot":"","sources":["../../../src/components/invoice-detail-page/notes-dialogs.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,uBAAuB,EAAE,MAAM,gBAAgB,CAAA;AAIhF,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,iBAAiB,EAAE,CAAA;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,SAAS,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;IAC/B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACtB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,WAAW,EACX,OAAO,EACP,UAAU,EACV,SAAS,EACT,YAAY,EACZ,SAAS,EACT,QAAQ,GACT,EAAE,qBAAqB,2CAuDvB;AAYD,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;CAC7C;AAED,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,YAAY,EACZ,OAAO,EACP,QAAQ,GACT,EAAE,sBAAsB,2CA0DxB;AAmBD,MAAM,WAAW,4BAA4B;IAC3C,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,uBAAuB,CAAA;IACpC,SAAS,EAAE,MAAM,IAAI,CAAA;CACtB;AAED,wBAAgB,uBAAuB,CAAC,EACtC,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,UAAU,EACV,SAAS,GACV,EAAE,4BAA4B,2CAgI9B"}

package/dist/components/invoice-detail-page/notes-dialogs.js

@@ -0,0 +1,104 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Dialog, DialogBody, DialogContent, DialogFooter, DialogHeader, DialogTitle, Input, Label, Textarea, } from "@voyant-travel/ui/components";
+import { zodResolver } from "@voyant-travel/ui/lib/zod-resolver";
+import { Loader2, Plus } from "lucide-react";
+import { useEffect } from "react";
+import { useForm } from "react-hook-form";
+import { z } from "zod/v4";
+import { useFinanceUiMessagesOrDefault } from "../../i18n/index.js";
+import { useInvoiceAttachmentMutation } from "../../index.js";
+import { EmptyRow, InvoiceSection, LoadingRow } from "./primitives.js";
+export function InvoiceNotesCard({ notes, noteContent, pending, addPending, className, onNoteChange, onAddNote, onCreate, }) {
+    const messages = useFinanceUiMessagesOrDefault();
+    const detail = messages.invoiceDetailPage;
+    const controlledNoteContent = noteContent ?? "";
+    return (_jsxs(InvoiceSection, { dataSlot: "invoice-notes-card", title: detail.titles.notes, className: className, action: onCreate ? (_jsxs(Button, { size: "sm", onClick: onCreate, disabled: addPending, children: [addPending ? _jsx(Loader2, { className: "size-4 animate-spin", "aria-hidden": "true" }) : null, _jsx(Plus, { className: "size-4", "aria-hidden": "true" }), detail.actions.addNote] })) : null, children: [pending ? (_jsx(LoadingRow, {})) : notes.length === 0 ? (_jsx(EmptyRow, { children: detail.states.noNotes })) : (_jsx("ul", { className: "divide-y", children: notes.map((note) => (_jsxs("li", { className: "py-3", children: [_jsx("p", { className: "whitespace-pre-wrap text-sm", children: note.content }), _jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: note.createdAt })] }, note.id))) })), !onCreate && onNoteChange && onAddNote ? (_jsxs("div", { className: "mt-4 flex flex-col gap-2", children: [_jsx(Textarea, { value: controlledNoteContent, onChange: (event) => onNoteChange(event.target.value), placeholder: detail.placeholders.note, rows: 3 }), _jsxs(Button, { type: "button", className: "self-end", disabled: addPending || controlledNoteContent.trim().length === 0, onClick: () => void onAddNote(), children: [addPending ? _jsx(Loader2, { className: "size-4 animate-spin", "aria-hidden": "true" }) : null, detail.actions.addNote] })] })) : null] }));
+}
+function createInvoiceNoteFormSchema(messages) {
+    return z.object({
+        content: z.string().trim().min(1, messages.invoiceDetailPage.noteDialog.contentRequired),
+    });
+}
+export function InvoiceNoteDialog({ open, onOpenChange, pending, onSubmit, }) {
+    const messages = useFinanceUiMessagesOrDefault();
+    const detail = messages.invoiceDetailPage;
+    const noteFormSchema = createInvoiceNoteFormSchema(messages);
+    const form = useForm({
+        resolver: zodResolver(noteFormSchema),
+        defaultValues: {
+            content: "",
+        },
+    });
+    useEffect(() => {
+        if (open) {
+            form.reset({ content: "" });
+        }
+    }, [form, open]);
+    const handleSubmit = async (values) => {
+        await onSubmit(values.content);
+        form.reset({ content: "" });
+    };
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: detail.noteDialog.title }) }), _jsxs("form", { onSubmit: form.handleSubmit(handleSubmit), children: [_jsx(DialogBody, { className: "grid gap-4", children: _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: detail.fields.notes }), _jsx(Textarea, { ...form.register("content"), placeholder: detail.placeholders.note, rows: 4 }), form.formState.errors.content ? (_jsx("p", { className: "text-xs text-destructive", children: form.formState.errors.content.message })) : null] }) }), _jsxs(DialogFooter, { children: [_jsx(Button, { type: "button", variant: "ghost", onClick: () => onOpenChange(false), children: messages.common.cancel }), _jsxs(Button, { type: "submit", disabled: pending || form.formState.isSubmitting, children: [pending || form.formState.isSubmitting ? (_jsx(Loader2, { className: "size-4 animate-spin", "aria-hidden": "true" })) : null, detail.noteDialog.createAction] })] })] })] }) }));
+}
+function createInvoiceAttachmentFormSchema(messages) {
+    return z.object({
+        name: z.string().min(1, messages.invoiceDetailPage.attachmentDialog.nameRequired),
+        kind: z.string().min(1).optional(),
+        mimeType: z.string().optional(),
+        fileSize: z.coerce.number().int().min(0).optional(),
+        storageKey: z.string().optional(),
+        checksum: z.string().optional(),
+    });
+}
+export function InvoiceAttachmentDialog({ open, onOpenChange, invoiceId, attachment, onSuccess, }) {
+    const isEditing = Boolean(attachment);
+    const messages = useFinanceUiMessagesOrDefault();
+    const detail = messages.invoiceDetailPage;
+    const attachmentFormSchema = createInvoiceAttachmentFormSchema(messages);
+    const { create, update } = useInvoiceAttachmentMutation(invoiceId);
+    const form = useForm({
+        resolver: zodResolver(attachmentFormSchema),
+        defaultValues: {
+            name: "",
+            kind: "supporting_document",
+            mimeType: "",
+            fileSize: undefined,
+            storageKey: "",
+            checksum: "",
+        },
+    });
+    useEffect(() => {
+        if (open && attachment) {
+            form.reset({
+                name: attachment.name,
+                kind: attachment.kind,
+                mimeType: attachment.mimeType ?? "",
+                fileSize: attachment.fileSize ?? undefined,
+                storageKey: attachment.storageKey ?? "",
+                checksum: attachment.checksum ?? "",
+            });
+        }
+        else if (open) {
+            form.reset();
+        }
+    }, [open, attachment, form]);
+    const onSubmit = async (values) => {
+        const payload = {
+            name: values.name,
+            kind: values.kind || "supporting_document",
+            mimeType: values.mimeType || undefined,
+            fileSize: values.fileSize || undefined,
+            storageKey: values.storageKey || undefined,
+            checksum: values.checksum || undefined,
+        };
+        if (isEditing && attachment) {
+            await update.mutateAsync({ id: attachment.id, input: payload });
+        }
+        else {
+            await create.mutateAsync(payload);
+        }
+        onSuccess();
+    };
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: isEditing ? detail.attachmentDialog.editTitle : detail.attachmentDialog.createTitle }) }), _jsxs("form", { onSubmit: form.handleSubmit(onSubmit), children: [_jsxs(DialogBody, { className: "grid gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: detail.fields.name }), _jsx(Input, { ...form.register("name"), placeholder: detail.placeholders.attachmentName }), form.formState.errors.name ? (_jsx("p", { className: "text-xs text-destructive", children: form.formState.errors.name.message })) : null] }), _jsxs("div", { className: "grid gap-4 sm:grid-cols-2", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: detail.fields.kind }), _jsx(Input, { ...form.register("kind"), placeholder: detail.placeholders.attachmentKind })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: detail.fields.mimeType }), _jsx(Input, { ...form.register("mimeType"), placeholder: detail.placeholders.attachmentMimeType })] })] }), _jsxs("div", { className: "grid gap-4 sm:grid-cols-2", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: detail.fields.fileSize }), _jsx(Input, { ...form.register("fileSize"), type: "number", placeholder: detail.placeholders.attachmentFileSize })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: detail.fields.checksum }), _jsx(Input, { ...form.register("checksum"), placeholder: detail.placeholders.attachmentChecksum })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: detail.fields.storageKey }), _jsx(Input, { ...form.register("storageKey"), placeholder: detail.placeholders.attachmentStorageKey })] })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { type: "button", variant: "ghost", onClick: () => onOpenChange(false), children: messages.common.cancel }), _jsxs(Button, { type: "submit", disabled: form.formState.isSubmitting, children: [form.formState.isSubmitting ? (_jsx(Loader2, { className: "size-4 animate-spin", "aria-hidden": "true" })) : null, isEditing ? messages.common.saveChanges : detail.attachmentDialog.createAction] })] })] })] }) }));
+}

package/dist/components/invoice-detail-page/primitives.d.ts

@@ -0,0 +1,47 @@
+import type { ReactNode } from "react";
+import { useFinanceUiMessagesOrDefault } from "../../i18n/index.js";
+export declare function formatBytes(bytes: number): string;
+export interface MoneyProps {
+    cents: number;
+    currency: string;
+}
+export interface InvoiceSectionProps {
+    dataSlot: string;
+    title: string;
+    action?: ReactNode;
+    children: ReactNode;
+    className?: string;
+}
+export declare function InvoiceSection({ dataSlot, title, action, children, className, }: InvoiceSectionProps): import("react/jsx-runtime").JSX.Element;
+export declare function Money({ cents, currency }: MoneyProps): import("react/jsx-runtime").JSX.Element;
+export interface DetailRowProps {
+    label: string;
+    children: ReactNode;
+}
+export declare function DetailRow({ label, children }: DetailRowProps): import("react/jsx-runtime").JSX.Element;
+export interface DetailLinkProps {
+    label: string;
+    actionLabel: string;
+    onClick: () => void;
+    disabled?: boolean;
+}
+export declare function DetailLink({ label, actionLabel, onClick, disabled }: DetailLinkProps): string | import("react/jsx-runtime").JSX.Element;
+export interface EmptyRowProps {
+    children: ReactNode;
+}
+export declare function EmptyRow({ children }: EmptyRowProps): import("react/jsx-runtime").JSX.Element;
+export declare function LoadingRow(): import("react/jsx-runtime").JSX.Element;
+export declare function InvoiceDetailLoading({ className }: {
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function InvoiceDetailState({ className, message, onBack, }: {
+    className?: string;
+    message: string;
+    onBack?: () => void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function formatPaymentMethod(method: string, messages: ReturnType<typeof useFinanceUiMessagesOrDefault>): string;
+export declare const invoiceStatusVariant: Record<string, "default" | "secondary" | "outline" | "destructive">;
+export declare const invoiceTypeVariant: Record<string, "default" | "secondary" | "outline" | "destructive">;
+export declare const paymentStatusVariant: Record<string, "default" | "secondary" | "outline" | "destructive">;
+export declare const creditNoteStatusVariant: Record<string, "default" | "secondary" | "outline" | "destructive">;
+//# sourceMappingURL=primitives.d.ts.map

package/dist/components/invoice-detail-page/primitives.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"primitives.d.ts","sourceRoot":"","sources":["../../../src/components/invoice-detail-page/primitives.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAA6B,6BAA6B,EAAE,MAAM,qBAAqB,CAAA;AAE9F,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAIjD;AAED,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,KAAK,EACL,MAAM,EACN,QAAQ,EACR,SAAS,GACV,EAAE,mBAAmB,2CAUrB;AAED,wBAAgB,KAAK,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,UAAU,2CAIpD;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,cAAc,2CAO5D;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,eAAe,oDASpF;AAED,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,EAAE,aAAa,2CAEnD;AAED,wBAAgB,UAAU,4CAMzB;AAED,wBAAgB,oBAAoB,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,2CAWzE;AAED,wBAAgB,kBAAkB,CAAC,EACjC,SAAS,EACT,OAAO,EACP,MAAM,GACP,EAAE;IACD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;CACpB,2CAaA;AAED,wBAAgB,mBAAmB,CACjC,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,UAAU,CAAC,OAAO,6BAA6B,CAAC,UAe3D;AAED,eAAO,MAAM,oBAAoB,EAAE,MAAM,CACvC,MAAM,EACN,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,aAAa,CASpD,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,MAAM,CACrC,MAAM,EACN,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,aAAa,CAKpD,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,MAAM,CACvC,MAAM,EACN,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,aAAa,CAMpD,CAAA;AAED,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAC1C,MAAM,EACN,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,aAAa,CAKpD,CAAA"}

package/dist/components/invoice-detail-page/primitives.js

@@ -0,0 +1,76 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "@voyant-travel/ui/components";
+import { cn } from "@voyant-travel/ui/lib/utils";
+import { ExternalLink, Loader2 } from "lucide-react";
+import { useFinanceUiI18nOrDefault, useFinanceUiMessagesOrDefault } from "../../i18n/index.js";
+export function formatBytes(bytes) {
+    if (bytes < 1024)
+        return `${bytes} B`;
+    if (bytes < 1024 * 1024)
+        return `${Math.round(bytes / 1024)} KB`;
+    return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+}
+export function InvoiceSection({ dataSlot, title, action, children, className, }) {
+    return (_jsxs("section", { "data-slot": dataSlot, className: cn("rounded-md border bg-background", className), children: [_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3 border-b px-4 py-3", children: [_jsx("h2", { className: "font-semibold text-sm", children: title }), action] }), _jsx("div", { className: "p-4", children: children })] }));
+}
+export function Money({ cents, currency }) {
+    const { formatCurrency } = useFinanceUiI18nOrDefault();
+    return _jsx("span", { className: "font-mono", children: formatCurrency(cents / 100, currency) });
+}
+export function DetailRow({ label, children }) {
+    return (_jsxs("div", { className: "flex items-center justify-between gap-4", children: [_jsx("dt", { className: "text-xs uppercase tracking-wide text-muted-foreground", children: label }), _jsx("dd", { className: "text-right", children: children })] }));
+}
+export function DetailLink({ label, actionLabel, onClick, disabled }) {
+    if (disabled)
+        return label;
+    return (_jsxs(Button, { type: "button", variant: "link", className: "h-auto p-0", onClick: onClick, children: [label, _jsx(ExternalLink, { className: "ml-1 size-3", "aria-label": actionLabel })] }));
+}
+export function EmptyRow({ children }) {
+    return _jsx("p", { className: "py-6 text-center text-sm text-muted-foreground", children: children });
+}
+export function LoadingRow() {
+    return (_jsx("div", { className: "flex justify-center py-6", children: _jsx(Loader2, { className: "size-5 animate-spin text-muted-foreground" }) }));
+}
+export function InvoiceDetailLoading({ className }) {
+    const messages = useFinanceUiMessagesOrDefault();
+    return (_jsx("div", { className: cn("flex min-h-48 items-center justify-center", className), children: _jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [_jsx(Loader2, { className: "size-4 animate-spin", "aria-hidden": "true" }), messages.invoiceDetailPage.states.loading] }) }));
+}
+export function InvoiceDetailState({ className, message, onBack, }) {
+    const messages = useFinanceUiMessagesOrDefault();
+    return (_jsxs("div", { className: cn("flex flex-col items-center justify-center gap-4 py-12", className), children: [_jsx("p", { className: "text-muted-foreground", children: message }), onBack ? (_jsx(Button, { type: "button", variant: "outline", onClick: onBack, children: messages.invoiceDetailPage.actions.back })) : null] }));
+}
+export function formatPaymentMethod(method, messages) {
+    if (method in messages.common.paymentMethodLabels) {
+        return messages.common.paymentMethodLabels[method];
+    }
+    if (method in messages.common.supplierPaymentMethodLabels) {
+        return messages.common.supplierPaymentMethodLabels[method];
+    }
+    return method.replace(/_/g, " ");
+}
+export const invoiceStatusVariant = {
+    draft: "outline",
+    pending_external_allocation: "outline",
+    issued: "secondary",
+    partially_paid: "secondary",
+    paid: "default",
+    overdue: "destructive",
+    void: "secondary",
+};
+export const invoiceTypeVariant = {
+    invoice: "default",
+    proforma: "outline",
+    credit_note: "destructive",
+};
+export const paymentStatusVariant = {
+    pending: "outline",
+    completed: "default",
+    failed: "destructive",
+    refunded: "secondary",
+};
+export const creditNoteStatusVariant = {
+    draft: "outline",
+    issued: "secondary",
+    applied: "default",
+};

package/dist/components/invoice-detail-page-with-action-ledger.d.ts

@@ -0,0 +1,7 @@
+import type { ReactNode } from "react";
+import { type InvoiceDetailPageProps } from "./invoice-detail-page.js";
+export interface InvoiceDetailPageWithActionLedgerProps extends InvoiceDetailPageProps {
+    actionLedgerContent?: ReactNode;
+}
+export declare function InvoiceDetailPageWithActionLedger({ actionLedgerContent, slots, ...props }: InvoiceDetailPageWithActionLedgerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=invoice-detail-page-with-action-ledger.d.ts.map

package/dist/components/invoice-detail-page-with-action-ledger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"invoice-detail-page-with-action-ledger.d.ts","sourceRoot":"","sources":["../../src/components/invoice-detail-page-with-action-ledger.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,OAAO,EAAqB,KAAK,sBAAsB,EAAE,MAAM,0BAA0B,CAAA;AAEzF,MAAM,WAAW,sCAAuC,SAAQ,sBAAsB;IACpF,mBAAmB,CAAC,EAAE,SAAS,CAAA;CAChC;AAED,wBAAgB,iCAAiC,CAAC,EAChD,mBAAmB,EACnB,KAAK,EACL,GAAG,KAAK,EACT,EAAE,sCAAsC,2CAmBxC"}

package/dist/components/invoice-detail-page-with-action-ledger.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { InvoiceActionLedgerCard } from "./invoice-action-ledger-card.js";
+import { InvoiceDetailPage } from "./invoice-detail-page.js";
+export function InvoiceDetailPageWithActionLedger({ actionLedgerContent, slots, ...props }) {
+    const ledgerContent = actionLedgerContent ?? (_jsx(InvoiceActionLedgerCard, { invoiceId: props.id }, props.id));
+    return (_jsx(InvoiceDetailPage, { ...props, slots: {
+            ...slots,
+            afterNotes: (_jsxs(_Fragment, { children: [slots?.afterNotes, ledgerContent] })),
+        } }));
+}

package/dist/components/invoice-detail-page.d.ts

@@ -0,0 +1,46 @@
+import { type ReactNode } from "react";
+import type { InvoiceAttachmentRecord, InvoiceRecord, LineItemRecord } from "../index.js";
+import { type InvoiceNoteDialogProps } from "./invoice-detail-page/notes-dialogs.js";
+export interface InvoiceDetailPageSlots {
+    afterHeader?: ReactNode;
+    integrationsContent?: InvoiceDetailIntegrationContent;
+    afterSummary?: ReactNode;
+    lineItemsContent?: ReactNode;
+    afterLineItems?: ReactNode;
+    paymentsContent?: ReactNode;
+    afterPayments?: ReactNode;
+    creditNotesContent?: ReactNode;
+    afterCreditNotes?: ReactNode;
+    attachmentsContent?: ReactNode;
+    afterAttachments?: ReactNode;
+    notesContent?: ReactNode;
+    afterNotes?: ReactNode;
+    dialogs?: ReactNode;
+}
+export interface InvoiceDetailIntegrationSlotContext {
+    invoice: InvoiceRecord;
+}
+export type InvoiceDetailIntegrationContent = ReactNode | ((context: InvoiceDetailIntegrationSlotContext) => ReactNode);
+export interface InvoiceDetailPageProps {
+    id: string;
+    className?: string;
+    onBack?: () => void;
+    onDeleted?: () => void;
+    onBookingOpen?: (bookingId: string, invoice: InvoiceRecord) => void;
+    onPersonOpen?: (personId: string, invoice: InvoiceRecord) => void;
+    onOrganizationOpen?: (organizationId: string, invoice: InvoiceRecord) => void;
+    onLineItemCreate?: (invoice: InvoiceRecord) => void;
+    onLineItemEdit?: (lineItem: LineItemRecord, invoice: InvoiceRecord) => void;
+    onPaymentCreate?: (invoice: InvoiceRecord) => void;
+    onConverted?: (invoice: InvoiceRecord, source: InvoiceRecord) => void;
+    onCreditNoteCreate?: (invoice: InvoiceRecord) => void;
+    getAttachmentDownloadHref?: (attachment: InvoiceAttachmentRecord) => string | undefined;
+    renderInvoiceNoteDialog?: (props: InvoiceNoteDialogProps) => ReactNode;
+    slots?: InvoiceDetailPageSlots;
+}
+export declare function InvoiceDetailPage({ id, className, onBack, onDeleted, onBookingOpen, onPersonOpen, onOrganizationOpen, onLineItemCreate, onLineItemEdit, onPaymentCreate, onConverted, onCreditNoteCreate, getAttachmentDownloadHref, renderInvoiceNoteDialog, slots, }: InvoiceDetailPageProps): import("react/jsx-runtime").JSX.Element;
+export { InvoiceAttachmentsCard, type InvoiceAttachmentsCardProps, InvoiceCreditNotesCard, type InvoiceCreditNotesCardProps, type InvoiceDetailCardProps, InvoiceLineItemsCard, type InvoiceLineItemsCardProps, InvoiceLinksCard, type InvoiceLinksCardProps, InvoicePaymentsCard, type InvoicePaymentsCardProps, InvoiceSummaryCard, } from "./invoice-detail-page/cards.js";
+export { InvoiceDetailHeader, type InvoiceDetailHeaderProps } from "./invoice-detail-page/header.js";
+export { InvoiceNoteDialog, type InvoiceNoteDialogProps, InvoiceNotesCard, type InvoiceNotesCardProps, } from "./invoice-detail-page/notes-dialogs.js";
+export { creditNoteStatusVariant, DetailLink, type DetailLinkProps, DetailRow, type DetailRowProps, EmptyRow, type EmptyRowProps, formatPaymentMethod, InvoiceDetailLoading, InvoiceDetailState, InvoiceSection, type InvoiceSectionProps, invoiceStatusVariant, invoiceTypeVariant, LoadingRow, Money, type MoneyProps, paymentStatusVariant, } from "./invoice-detail-page/primitives.js";
+//# sourceMappingURL=invoice-detail-page.d.ts.map

package/dist/components/invoice-detail-page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"invoice-detail-page.d.ts","sourceRoot":"","sources":["../../src/components/invoice-detail-page.tsx"],"names":[],"mappings":"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"}