@voyant-travel/finance-react 0.119.5

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

@@ -0,0 +1,134 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "@voyant-travel/ui/lib/utils";
+import { useState } from "react";
+import { useFinanceUiMessagesOrDefault } from "../i18n/index.js";
+import { useInvoice, useInvoiceAttachmentMutation, useInvoiceAttachments, useInvoiceCreditNotes, useInvoiceLineItemMutation, useInvoiceLineItems, useInvoiceMutation, useInvoiceNoteMutation, useInvoiceNotes, useInvoicePayments, useVoyantFinanceContext, } from "../index.js";
+import { InvoiceAttachmentsCard, InvoiceCreditNotesCard, InvoiceLineItemsCard, InvoiceLinksCard, InvoicePaymentsCard, InvoiceSummaryCard, } from "./invoice-detail-page/cards.js";
+import { InvoiceDetailHeader } from "./invoice-detail-page/header.js";
+import { InvoiceAttachmentDialog, InvoiceNoteDialog, InvoiceNotesCard, } from "./invoice-detail-page/notes-dialogs.js";
+import { InvoiceDetailLoading, InvoiceDetailState } from "./invoice-detail-page/primitives.js";
+import { InvoiceDialog } from "./invoice-dialog.js";
+function withApiBaseUrl(baseUrl, path) {
+    const trimmedBase = baseUrl.endsWith("/") ? baseUrl.slice(0, -1) : baseUrl;
+    const normalizedPath = path.startsWith("/") ? path : `/${path}`;
+    return `${trimmedBase}${normalizedPath}`;
+}
+function getDefaultInvoiceAttachmentDownloadHref(baseUrl, attachment) {
+    return withApiBaseUrl(baseUrl, `/v1/admin/finance/invoice-attachments/${attachment.id}/download`);
+}
+function renderInvoiceDetailIntegrationContent(content, context) {
+    return typeof content === "function" ? content(context) : content;
+}
+export function InvoiceDetailPage({ id, className, onBack, onDeleted, onBookingOpen, onPersonOpen, onOrganizationOpen, onLineItemCreate, onLineItemEdit, onPaymentCreate, onConverted, onCreditNoteCreate, getAttachmentDownloadHref, renderInvoiceNoteDialog, slots, }) {
+    const { baseUrl } = useVoyantFinanceContext();
+    const messages = useFinanceUiMessagesOrDefault();
+    const [editOpen, setEditOpen] = useState(false);
+    const [attachmentOpen, setAttachmentOpen] = useState(false);
+    const [editingAttachment, setEditingAttachment] = useState();
+    const [noteOpen, setNoteOpen] = useState(false);
+    const [actionError, setActionError] = useState(null);
+    const invoiceQuery = useInvoice(id);
+    const invoice = invoiceQuery.data?.data;
+    const lineItemsQuery = useInvoiceLineItems(id, { enabled: Boolean(invoice) });
+    const paymentsQuery = useInvoicePayments(id, { enabled: Boolean(invoice) });
+    const creditNotesQuery = useInvoiceCreditNotes(id, { enabled: Boolean(invoice) });
+    const attachmentsQuery = useInvoiceAttachments(id, { enabled: Boolean(invoice) });
+    const notesQuery = useInvoiceNotes(id, { enabled: Boolean(invoice) });
+    const { convertToInvoice, remove: removeInvoice, voidInvoice } = useInvoiceMutation();
+    const { remove: removeLineItem } = useInvoiceLineItemMutation(id);
+    const { remove: removeAttachment } = useInvoiceAttachmentMutation(id);
+    const addNote = useInvoiceNoteMutation(id);
+    if (invoiceQuery.isPending) {
+        return _jsx(InvoiceDetailLoading, { className: className });
+    }
+    if (invoiceQuery.isError || !invoice) {
+        return (_jsx(InvoiceDetailState, { className: className, message: invoiceQuery.isError
+                ? invoiceQuery.error instanceof Error
+                    ? invoiceQuery.error.message
+                    : messages.invoiceDetailPage.states.loadFailed
+                : messages.invoiceDetailPage.states.notFound, onBack: onBack }));
+    }
+    const lineItems = lineItemsQuery.data?.data ?? [];
+    const payments = paymentsQuery.data?.data ?? [];
+    const creditNotes = creditNotesQuery.data?.data ?? [];
+    const attachments = attachmentsQuery.data?.data ?? [];
+    const notes = notesQuery.data?.data ?? [];
+    const integrationsContent = renderInvoiceDetailIntegrationContent(slots?.integrationsContent, {
+        invoice,
+    });
+    const handleCreateNote = async (nextContent) => {
+        const content = nextContent.trim();
+        if (!content)
+            return;
+        await addNote.mutateAsync({ content });
+        setNoteOpen(false);
+        void notesQuery.refetch();
+    };
+    return (_jsxs("div", { "data-slot": "invoice-detail-page", className: cn("flex flex-col gap-6 p-6", className), children: [_jsx(InvoiceDetailHeader, { invoice: invoice, onBack: onBack, onEdit: () => setEditOpen(true), deletePending: removeInvoice.isPending, convertPending: convertToInvoice.isPending, voidPending: voidInvoice.isPending, onConvert: async () => {
+                    try {
+                        setActionError(null);
+                        const converted = await convertToInvoice.mutateAsync({ id });
+                        onConverted?.(converted, invoice);
+                    }
+                    catch (error) {
+                        setActionError(error instanceof Error
+                            ? error.message
+                            : messages.invoiceDetailPage.actions.mutationFailed);
+                    }
+                }, onVoid: async (reason) => {
+                    try {
+                        setActionError(null);
+                        await voidInvoice.mutateAsync({ id, input: { reason } });
+                    }
+                    catch (error) {
+                        setActionError(error instanceof Error
+                            ? error.message
+                            : messages.invoiceDetailPage.actions.mutationFailed);
+                    }
+                }, onDelete: async () => {
+                    try {
+                        setActionError(null);
+                        await removeInvoice.mutateAsync(id);
+                        onDeleted?.();
+                        onBack?.();
+                    }
+                    catch (error) {
+                        setActionError(error instanceof Error
+                            ? error.message
+                            : messages.invoiceDetailPage.actions.mutationFailed);
+                    }
+                } }), actionError ? (_jsx("div", { className: "rounded-md border border-destructive/30 bg-destructive/10 px-3 py-2 text-destructive text-sm", children: actionError })) : null, slots?.afterHeader, _jsxs("div", { className: "grid gap-4 md:grid-cols-2", children: [_jsx(InvoiceSummaryCard, { invoice: invoice }), _jsx(InvoiceLinksCard, { invoice: invoice, onBookingOpen: onBookingOpen, onPersonOpen: onPersonOpen, onOrganizationOpen: onOrganizationOpen })] }), integrationsContent ? (_jsx("div", { "data-slot": "invoice-integrations-content", className: "grid gap-3", children: integrationsContent })) : null, slots?.afterSummary, slots?.lineItemsContent !== undefined ? (slots.lineItemsContent) : (_jsx(InvoiceLineItemsCard, { invoice: invoice, lineItems: lineItems, pending: lineItemsQuery.isPending, deletePending: removeLineItem.isPending, onCreate: onLineItemCreate, onEdit: onLineItemEdit, onDelete: async (lineItemId) => {
+                    try {
+                        setActionError(null);
+                        await removeLineItem.mutateAsync(lineItemId);
+                    }
+                    catch (error) {
+                        setActionError(error instanceof Error
+                            ? error.message
+                            : messages.invoiceDetailPage.actions.mutationFailed);
+                    }
+                } })), slots?.afterLineItems, slots?.paymentsContent !== undefined ? (slots.paymentsContent) : (_jsx(InvoicePaymentsCard, { invoice: invoice, payments: payments, pending: paymentsQuery.isPending, onCreate: onPaymentCreate })), slots?.afterPayments, slots?.creditNotesContent !== undefined ? (slots.creditNotesContent) : (_jsx(InvoiceCreditNotesCard, { invoice: invoice, creditNotes: creditNotes, pending: creditNotesQuery.isPending, onCreate: onCreditNoteCreate })), slots?.afterCreditNotes, slots?.attachmentsContent !== undefined ? (slots.attachmentsContent) : (_jsx(InvoiceAttachmentsCard, { invoice: invoice, attachments: attachments, pending: attachmentsQuery.isPending, deletePending: removeAttachment.isPending, getDownloadHref: getAttachmentDownloadHref ??
+                    ((attachment) => getDefaultInvoiceAttachmentDownloadHref(baseUrl, attachment)), onCreate: () => {
+                    setEditingAttachment(undefined);
+                    setAttachmentOpen(true);
+                }, onEdit: (attachment) => {
+                    setEditingAttachment(attachment);
+                    setAttachmentOpen(true);
+                }, onDelete: async (attachmentId) => {
+                    await removeAttachment.mutateAsync(attachmentId);
+                } })), slots?.afterAttachments, slots?.notesContent !== undefined ? (slots.notesContent) : (_jsx(InvoiceNotesCard, { notes: notes, pending: notesQuery.isPending, addPending: addNote.isPending, onCreate: () => setNoteOpen(true) })), slots?.afterNotes, _jsx(InvoiceDialog, { open: editOpen, onOpenChange: setEditOpen, invoice: invoice }), _jsx(InvoiceAttachmentDialog, { open: attachmentOpen, onOpenChange: setAttachmentOpen, invoiceId: id, attachment: editingAttachment, onSuccess: () => {
+                    setAttachmentOpen(false);
+                    setEditingAttachment(undefined);
+                    void attachmentsQuery.refetch();
+                } }), renderInvoiceNoteDialog ? (renderInvoiceNoteDialog({
+                open: noteOpen,
+                onOpenChange: setNoteOpen,
+                pending: addNote.isPending,
+                onSubmit: handleCreateNote,
+            })) : (_jsx(InvoiceNoteDialog, { open: noteOpen, onOpenChange: setNoteOpen, pending: addNote.isPending, onSubmit: handleCreateNote })), slots?.dialogs] }));
+}
+export { InvoiceAttachmentsCard, InvoiceCreditNotesCard, InvoiceLineItemsCard, InvoiceLinksCard, InvoicePaymentsCard, InvoiceSummaryCard, } from "./invoice-detail-page/cards.js";
+export { InvoiceDetailHeader } from "./invoice-detail-page/header.js";
+export { InvoiceNoteDialog, InvoiceNotesCard, } from "./invoice-detail-page/notes-dialogs.js";
+export { creditNoteStatusVariant, DetailLink, DetailRow, EmptyRow, formatPaymentMethod, InvoiceDetailLoading, InvoiceDetailState, InvoiceSection, invoiceStatusVariant, invoiceTypeVariant, LoadingRow, Money, paymentStatusVariant, } from "./invoice-detail-page/primitives.js";

package/dist/components/invoice-dialog.d.ts

@@ -0,0 +1,9 @@
+import { type InvoiceRecord } from "../index.js";
+export interface InvoiceDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    invoice?: InvoiceRecord;
+    onSuccess?: (invoice: InvoiceRecord) => void;
+}
+export declare function InvoiceDialog({ open, onOpenChange, invoice, onSuccess }: InvoiceDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=invoice-dialog.d.ts.map

package/dist/components/invoice-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"invoice-dialog.d.ts","sourceRoot":"","sources":["../../src/components/invoice-dialog.tsx"],"names":[],"mappings":"AA4BA,OAAO,EAAE,KAAK,aAAa,EAAsB,MAAM,aAAa,CAAA;AAuBpE,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,CAAA;CAC7C;AASD,wBAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,kBAAkB,2CAyR3F"}

package/dist/components/invoice-dialog.js

@@ -0,0 +1,145 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { BookingCombobox } from "@voyant-travel/bookings-react/ui";
+import { Button, Dialog, DialogBody, DialogContent, DialogFooter, DialogHeader, DialogTitle, Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Textarea, } from "@voyant-travel/ui/components";
+import { CurrencyCombobox } from "@voyant-travel/ui/components/currency-combobox";
+import { CurrencyInput } from "@voyant-travel/ui/components/currency-input";
+import { DatePicker } from "@voyant-travel/ui/components/date-picker";
+import { zodResolver } from "@voyant-travel/ui/lib/zod-resolver";
+import { Loader2 } 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 { invoiceStatuses } from "../i18n/messages.js";
+import { useInvoiceMutation } from "../index.js";
+function createInvoiceFormSchema(messages) {
+    return z.object({
+        invoiceNumber: z.string().min(1, messages.invoiceDialog.validation.invoiceNumberRequired),
+        bookingId: z.string().min(1, messages.invoiceDialog.validation.bookingIdRequired),
+        personId: z.string().optional().nullable(),
+        organizationId: z.string().optional().nullable(),
+        status: z.enum(invoiceStatuses),
+        currency: z.string().min(3).max(3, messages.invoiceDialog.validation.currencyIsoCode),
+        subtotalCents: z.coerce.number().int().min(0).default(0),
+        taxCents: z.coerce.number().int().min(0).default(0),
+        totalCents: z.coerce.number().int().min(0).default(0),
+        issueDate: z.string().min(1, messages.invoiceDialog.validation.issueDateRequired),
+        dueDate: z.string().min(1, messages.invoiceDialog.validation.dueDateRequired),
+        notes: z.string().optional().nullable(),
+    });
+}
+function generateInvoiceNumber() {
+    const now = new Date();
+    const y = now.getFullYear();
+    const seq = String(Math.floor(Math.random() * 9000) + 1000);
+    return `INV-${y}-${seq}`;
+}
+export function InvoiceDialog({ open, onOpenChange, invoice, onSuccess }) {
+    const isEditing = Boolean(invoice);
+    const { create, update } = useInvoiceMutation();
+    const messages = useFinanceUiMessagesOrDefault();
+    const invoiceFormSchema = createInvoiceFormSchema(messages);
+    const form = useForm({
+        resolver: zodResolver(invoiceFormSchema),
+        defaultValues: {
+            invoiceNumber: "",
+            bookingId: "",
+            personId: "",
+            organizationId: "",
+            status: "draft",
+            currency: "EUR", // i18n-literal-ok domain default currency
+            subtotalCents: 0,
+            taxCents: 0,
+            totalCents: 0,
+            issueDate: "",
+            dueDate: "",
+            notes: "",
+        },
+    });
+    useEffect(() => {
+        if (open && invoice) {
+            form.reset({
+                invoiceNumber: invoice.invoiceNumber,
+                bookingId: invoice.bookingId,
+                personId: invoice.personId ?? "",
+                organizationId: invoice.organizationId ?? "",
+                status: invoice.status,
+                currency: invoice.currency,
+                subtotalCents: invoice.subtotalCents,
+                taxCents: invoice.taxCents,
+                totalCents: invoice.totalCents,
+                issueDate: invoice.issueDate,
+                dueDate: invoice.dueDate,
+                notes: invoice.notes ?? "",
+            });
+        }
+        else if (open) {
+            const today = new Date().toISOString().split("T")[0];
+            form.reset({
+                invoiceNumber: generateInvoiceNumber(),
+                bookingId: "",
+                personId: "",
+                organizationId: "",
+                status: "draft",
+                currency: "EUR", // i18n-literal-ok domain default currency
+                subtotalCents: 0,
+                taxCents: 0,
+                totalCents: 0,
+                issueDate: today,
+                dueDate: "",
+                notes: "",
+            });
+        }
+    }, [open, invoice, form]);
+    const onSubmit = async (values) => {
+        const payload = {
+            invoiceNumber: values.invoiceNumber,
+            bookingId: values.bookingId,
+            personId: values.personId || null,
+            organizationId: values.organizationId || null,
+            status: values.status,
+            currency: values.currency,
+            subtotalCents: values.subtotalCents,
+            taxCents: values.taxCents,
+            totalCents: values.totalCents,
+            paidCents: invoice?.paidCents ?? 0,
+            balanceDueCents: typeof invoice?.paidCents === "number"
+                ? values.totalCents - invoice.paidCents
+                : values.totalCents,
+            issueDate: values.issueDate,
+            dueDate: values.dueDate,
+            notes: values.notes || null,
+        };
+        const saved = isEditing
+            ? await update.mutateAsync({ id: invoice.id, input: payload })
+            : await create.mutateAsync(payload);
+        onOpenChange(false);
+        onSuccess?.(saved);
+    };
+    const isSubmitting = create.isPending || update.isPending;
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { size: "lg", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: isEditing ? messages.invoiceDialog.titles.edit : messages.invoiceDialog.titles.create }) }), _jsxs("form", { onSubmit: form.handleSubmit(onSubmit), children: [_jsxs(DialogBody, { className: "grid gap-4", children: [_jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.invoiceDialog.fields.invoiceNumber }), _jsx(Input, { ...form.register("invoiceNumber"), placeholder: messages.invoiceDialog.placeholders.invoiceNumber }), form.formState.errors.invoiceNumber ? (_jsx("p", { className: "text-xs text-destructive", children: form.formState.errors.invoiceNumber.message })) : null] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.invoiceDialog.fields.status }), _jsxs(Select, { items: invoiceStatuses.map((value) => ({
+                                                        label: messages.common.invoiceStatusLabels[value],
+                                                        value,
+                                                    })), value: form.watch("status"), onValueChange: (value) => form.setValue("status", value), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: invoiceStatuses.map((status) => (_jsx(SelectItem, { value: status, children: messages.common.invoiceStatusLabels[status] }, status))) })] })] })] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.invoiceDialog.fields.bookingId }), _jsx(BookingCombobox, { value: form.watch("bookingId") || null, onChange: (next) => form.setValue("bookingId", next ?? "", {
+                                                        shouldDirty: true,
+                                                        shouldValidate: true,
+                                                    }), placeholder: messages.invoiceDialog.placeholders.bookingId }), form.formState.errors.bookingId ? (_jsx("p", { className: "text-xs text-destructive", children: form.formState.errors.bookingId.message })) : null] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.invoiceDialog.fields.currency }), _jsx(CurrencyCombobox, { value: form.watch("currency") || null, onChange: (next) => form.setValue("currency", next ?? "EUR" /* i18n-literal-ok domain default currency */, {
+                                                        shouldValidate: true,
+                                                        shouldDirty: true,
+                                                    }) })] })] }), _jsxs("div", { className: "grid grid-cols-3 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.invoiceDialog.fields.subtotalCents }), _jsx(CurrencyInput, { value: form.watch("subtotalCents"), onChange: (next) => form.setValue("subtotalCents", next ?? 0, {
+                                                        shouldDirty: true,
+                                                        shouldValidate: true,
+                                                    }), currency: form.watch("currency") })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.invoiceDialog.fields.taxCents }), _jsx(CurrencyInput, { value: form.watch("taxCents"), onChange: (next) => form.setValue("taxCents", next ?? 0, {
+                                                        shouldDirty: true,
+                                                        shouldValidate: true,
+                                                    }), currency: form.watch("currency") })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.invoiceDialog.fields.totalCents }), _jsx(CurrencyInput, { value: form.watch("totalCents"), onChange: (next) => form.setValue("totalCents", next ?? 0, {
+                                                        shouldDirty: true,
+                                                        shouldValidate: true,
+                                                    }), currency: form.watch("currency") })] })] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.invoiceDialog.fields.issueDate }), _jsx(DatePicker, { value: form.watch("issueDate") || null, onChange: (nextValue) => form.setValue("issueDate", nextValue ?? "", {
+                                                        shouldDirty: true,
+                                                        shouldValidate: true,
+                                                    }), placeholder: messages.invoiceDialog.placeholders.issueDate, className: "w-full" }), form.formState.errors.issueDate ? (_jsx("p", { className: "text-xs text-destructive", children: form.formState.errors.issueDate.message })) : null] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.invoiceDialog.fields.dueDate }), _jsx(DatePicker, { value: form.watch("dueDate") || null, onChange: (nextValue) => form.setValue("dueDate", nextValue ?? "", {
+                                                        shouldDirty: true,
+                                                        shouldValidate: true,
+                                                    }), placeholder: messages.invoiceDialog.placeholders.dueDate, className: "w-full" }), form.formState.errors.dueDate ? (_jsx("p", { className: "text-xs text-destructive", children: form.formState.errors.dueDate.message })) : null] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.invoiceDialog.fields.notes }), _jsx(Textarea, { ...form.register("notes"), placeholder: messages.invoiceDialog.placeholders.notes })] })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { type: "button", variant: "ghost", onClick: () => onOpenChange(false), children: messages.common.cancel }), _jsxs(Button, { type: "submit", disabled: isSubmitting, children: [isSubmitting ? _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }) : null, isEditing ? messages.common.saveChanges : messages.invoiceDialog.actions.create] })] })] })] }) }));
+}

package/dist/components/invoice-number-series-dialog.d.ts

@@ -0,0 +1,9 @@
+import { type InvoiceNumberSeriesRecord } from "../index.js";
+export interface InvoiceNumberSeriesDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    series?: InvoiceNumberSeriesRecord;
+    onSuccess?: () => void;
+}
+export declare function InvoiceNumberSeriesDialog({ open, onOpenChange, series, onSuccess, }: InvoiceNumberSeriesDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=invoice-number-series-dialog.d.ts.map

package/dist/components/invoice-number-series-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"invoice-number-series-dialog.d.ts","sourceRoot":"","sources":["../../src/components/invoice-number-series-dialog.tsx"],"names":[],"mappings":"AA0BA,OAAO,EACL,KAAK,yBAAyB,EAG/B,MAAM,aAAa,CAAA;AAyBpB,MAAM,WAAW,8BAA8B;IAC7C,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,MAAM,CAAC,EAAE,yBAAyB,CAAA;IAClC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;CACvB;AAoBD,wBAAgB,yBAAyB,CAAC,EACxC,IAAI,EACJ,YAAY,EACZ,MAAM,EACN,SAAS,GACV,EAAE,8BAA8B,2CAqPhC"}

package/dist/components/invoice-number-series-dialog.js

@@ -0,0 +1,134 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Dialog, DialogBody, DialogContent, DialogFooter, DialogHeader, DialogTitle, Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Switch, } from "@voyant-travel/ui/components";
+import { zodResolver } from "@voyant-travel/ui/lib/zod-resolver";
+import { Loader2 } 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 { invoiceNumberResetStrategies, invoiceNumberSeriesScopes } from "../i18n/messages.js";
+import { useInvoiceNumberSeriesMutation, } from "../index.js";
+import { formatInvoiceNumberSeriesSample } from "./invoice-number-series-format.js";
+const seriesFormSchema = z.object({
+    code: z.string().min(1, "codeRequired").max(100),
+    name: z.string().min(1, "nameRequired").max(255),
+    prefix: z.string().max(50).default(""),
+    separator: z.string().max(10).default(""),
+    padLength: z.coerce
+        .number()
+        .int("padLengthInvalid")
+        .min(0, "padLengthInvalid")
+        .max(20, "padLengthInvalid"),
+    currentSequence: z.coerce.number().int("currentSequenceInvalid").min(0, "currentSequenceInvalid"),
+    resetStrategy: z.enum(invoiceNumberResetStrategies),
+    scope: z.enum(invoiceNumberSeriesScopes),
+    isDefault: z.boolean(),
+    externalProvider: z.string().max(100).optional(),
+    externalConfigKey: z.string().max(100).optional(),
+    active: z.boolean(),
+});
+function emptyToNull(value) {
+    const trimmed = value?.trim();
+    return trimmed ? trimmed : null;
+}
+function resolveValidation(messages, code) {
+    const validation = messages.invoiceNumberSeriesDialog.validation;
+    if (!code)
+        return "";
+    if (code === "codeRequired")
+        return validation.codeRequired;
+    if (code === "nameRequired")
+        return validation.nameRequired;
+    if (code === "padLengthInvalid")
+        return validation.padLengthInvalid;
+    if (code === "currentSequenceInvalid")
+        return validation.currentSequenceInvalid;
+    return code;
+}
+export function InvoiceNumberSeriesDialog({ open, onOpenChange, series, onSuccess, }) {
+    const messages = useFinanceUiMessagesOrDefault();
+    const dialog = messages.invoiceNumberSeriesDialog;
+    const page = messages.invoiceNumberSeriesPage;
+    const isEditing = !!series;
+    const { create, update } = useInvoiceNumberSeriesMutation();
+    const form = useForm({
+        resolver: zodResolver(seriesFormSchema),
+        defaultValues: {
+            code: "",
+            name: "",
+            prefix: "INV",
+            separator: "-",
+            padLength: 4,
+            currentSequence: 0,
+            resetStrategy: "never",
+            scope: "invoice",
+            isDefault: false,
+            externalProvider: "",
+            externalConfigKey: "",
+            active: true,
+        },
+    });
+    useEffect(() => {
+        if (!open)
+            return;
+        if (series) {
+            form.reset({
+                code: series.code,
+                name: series.name,
+                prefix: series.prefix,
+                separator: series.separator,
+                padLength: series.padLength,
+                currentSequence: series.currentSequence,
+                resetStrategy: series.resetStrategy,
+                scope: series.scope,
+                isDefault: series.isDefault,
+                externalProvider: series.externalProvider ?? "",
+                externalConfigKey: series.externalConfigKey ?? "",
+                active: series.active,
+            });
+            return;
+        }
+        form.reset();
+    }, [form, open, series]);
+    const onSubmit = async (values) => {
+        const payload = {
+            code: values.code.trim(),
+            name: values.name.trim(),
+            prefix: values.prefix,
+            separator: values.separator,
+            padLength: values.padLength,
+            currentSequence: values.currentSequence,
+            resetStrategy: values.resetStrategy,
+            scope: values.scope,
+            isDefault: values.isDefault,
+            externalProvider: emptyToNull(values.externalProvider),
+            externalConfigKey: emptyToNull(values.externalConfigKey),
+            active: values.active,
+        };
+        if (series) {
+            await update.mutateAsync({ id: series.id, input: payload });
+        }
+        else {
+            await create.mutateAsync(payload);
+        }
+        onSuccess?.();
+    };
+    const prefix = form.watch("prefix") ?? "";
+    const separator = form.watch("separator") ?? "";
+    const currentSequence = Number(form.watch("currentSequence") ?? 0);
+    const padLength = Number(form.watch("padLength") ?? 4);
+    const preview = formatInvoiceNumberSeriesSample({
+        prefix,
+        separator,
+        currentSequence: Number.isFinite(currentSequence) ? currentSequence : 0,
+        padLength: Number.isFinite(padLength) ? padLength : 4,
+    });
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { size: "lg", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: isEditing ? dialog.titleEdit : dialog.titleNew }) }), _jsxs("form", { onSubmit: form.handleSubmit(onSubmit), children: [_jsxs(DialogBody, { className: "grid gap-4", children: [_jsxs("div", { className: "grid gap-4 md:grid-cols-2", children: [_jsx(FieldError, { label: dialog.fields.code, error: form.formState.errors.code?.message, children: _jsx(Input, { ...form.register("code"), placeholder: dialog.placeholders.code }) }), _jsx(FieldError, { label: dialog.fields.name, error: form.formState.errors.name?.message, children: _jsx(Input, { ...form.register("name"), placeholder: dialog.placeholders.name }) })] }), _jsxs("div", { className: "grid gap-4 md:grid-cols-4", children: [_jsx(FieldError, { label: dialog.fields.prefix, error: form.formState.errors.prefix?.message, children: _jsx(Input, { ...form.register("prefix"), placeholder: dialog.placeholders.prefix }) }), _jsx(FieldError, { label: dialog.fields.separator, error: form.formState.errors.separator?.message, children: _jsx(Input, { ...form.register("separator"), placeholder: dialog.placeholders.separator }) }), _jsx(FieldError, { label: dialog.fields.padLength, error: form.formState.errors.padLength?.message, children: _jsx(Input, { ...form.register("padLength"), type: "number", min: 0, max: 20 }) }), _jsx(FieldError, { label: dialog.fields.currentSequence, error: form.formState.errors.currentSequence?.message, children: _jsx(Input, { ...form.register("currentSequence"), type: "number", min: 0 }) })] }), _jsxs("div", { className: "rounded-md border bg-muted/30 p-3", children: [_jsx("div", { className: "text-sm font-medium", children: dialog.help.previewLabel }), _jsx("div", { className: "mt-1 font-mono text-sm", children: preview }), _jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: dialog.help.previewSample })] }), _jsxs("div", { className: "grid gap-4 md:grid-cols-2", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: dialog.fields.resetStrategy }), _jsxs(Select, { value: form.watch("resetStrategy"), onValueChange: (value) => form.setValue("resetStrategy", value), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: invoiceNumberResetStrategies.map((value) => (_jsx(SelectItem, { value: value, children: page.resetStrategyLabels[value] }, value))) })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: dialog.fields.scope }), _jsxs(Select, { value: form.watch("scope"), onValueChange: (value) => form.setValue("scope", value), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: invoiceNumberSeriesScopes.map((value) => (_jsx(SelectItem, { value: value, children: page.scopeLabels[value] }, value))) })] })] })] }), _jsxs("div", { className: "grid gap-4 md:grid-cols-2", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: dialog.fields.externalProvider }), _jsx(Input, { ...form.register("externalProvider"), placeholder: dialog.placeholders.externalProvider }), _jsx("p", { className: "text-xs text-muted-foreground", children: dialog.help.external })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: dialog.fields.externalConfigKey }), _jsx(Input, { ...form.register("externalConfigKey"), placeholder: dialog.placeholders.externalConfigKey })] })] }), _jsxs("div", { className: "grid gap-3 rounded-md border p-3 md:grid-cols-2", children: [_jsx(SwitchField, { label: dialog.fields.isDefault, help: dialog.help.default, checked: form.watch("isDefault"), onCheckedChange: (checked) => form.setValue("isDefault", checked) }), _jsx(SwitchField, { label: dialog.fields.active, checked: form.watch("active"), onCheckedChange: (checked) => form.setValue("active", checked) })] })] }), _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: "mr-2 h-4 w-4 animate-spin" })) : null, isEditing ? messages.common.saveChanges : dialog.actions.create] })] })] })] }) }));
+    function FieldError({ children, error, label, }) {
+        return (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: label }), children, error ? (_jsx("p", { className: "text-xs text-destructive", children: resolveValidation(messages, error) })) : null] }));
+    }
+}
+function SwitchField({ checked, help, label, onCheckedChange, }) {
+    return (_jsxs("div", { className: "flex items-start gap-3", children: [_jsx(Switch, { checked: checked, onCheckedChange: onCheckedChange }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { children: label }), help ? _jsx("p", { className: "text-xs text-muted-foreground", children: help }) : null] })] }));
+}

package/dist/components/invoice-number-series-format.d.ts

@@ -0,0 +1,3 @@
+import type { InvoiceNumberSeriesRecord } from "../index.js";
+export declare function formatInvoiceNumberSeriesSample(series: Pick<InvoiceNumberSeriesRecord, "currentSequence" | "padLength" | "prefix" | "separator">): string;
+//# sourceMappingURL=invoice-number-series-format.d.ts.map

package/dist/components/invoice-number-series-format.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"invoice-number-series-format.d.ts","sourceRoot":"","sources":["../../src/components/invoice-number-series-format.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAA;AAE5D,wBAAgB,+BAA+B,CAC7C,MAAM,EAAE,IAAI,CAAC,yBAAyB,EAAE,iBAAiB,GAAG,WAAW,GAAG,QAAQ,GAAG,WAAW,CAAC,UAIlG"}

package/dist/components/invoice-number-series-format.js

@@ -0,0 +1,4 @@
+export function formatInvoiceNumberSeriesSample(series) {
+    const nextSequence = series.currentSequence + 1;
+    return `${series.prefix}${series.separator}${String(nextSequence).padStart(series.padLength, "0")}`;
+}

package/dist/components/invoice-number-series-page.d.ts

@@ -0,0 +1,5 @@
+export interface InvoiceNumberSeriesPageProps {
+    className?: string;
+}
+export declare function InvoiceNumberSeriesPage({ className }?: InvoiceNumberSeriesPageProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=invoice-number-series-page.d.ts.map

package/dist/components/invoice-number-series-page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"invoice-number-series-page.d.ts","sourceRoot":"","sources":["../../src/components/invoice-number-series-page.tsx"],"names":[],"mappings":"AAgCA,MAAM,WAAW,4BAA4B;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAQD,wBAAgB,uBAAuB,CAAC,EAAE,SAAS,EAAE,GAAE,4BAAiC,2CAoLvF"}

package/dist/components/invoice-number-series-page.js

@@ -0,0 +1,55 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { formatMessage } from "@voyant-travel/i18n";
+import { Badge, Button, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@voyant-travel/ui/components";
+import { cn } from "@voyant-travel/ui/lib/utils";
+import { Loader2, Pencil, Plus, Trash2 } from "lucide-react";
+import { useState } from "react";
+import { useFinanceUiMessagesOrDefault } from "../i18n/index.js";
+import { invoiceNumberSeriesScopes } from "../i18n/messages.js";
+import { useInvoiceNumberSeries, useInvoiceNumberSeriesMutation, } from "../index.js";
+import { InvoiceNumberSeriesDialog } from "./invoice-number-series-dialog.js";
+import { formatInvoiceNumberSeriesSample } from "./invoice-number-series-format.js";
+const SCOPE_ALL = "__all__";
+const ACTIVE_ALL = "__all__";
+const ACTIVE_ONLY = "active";
+const INACTIVE_ONLY = "inactive";
+function activeFilterToBoolean(value) {
+    if (value === ACTIVE_ONLY)
+        return true;
+    if (value === INACTIVE_ONLY)
+        return false;
+    return undefined;
+}
+export function InvoiceNumberSeriesPage({ className } = {}) {
+    const messages = useFinanceUiMessagesOrDefault();
+    const page = messages.invoiceNumberSeriesPage;
+    const [scope, setScope] = useState(SCOPE_ALL);
+    const [active, setActive] = useState(ACTIVE_ALL);
+    const [dialogOpen, setDialogOpen] = useState(false);
+    const [editingSeries, setEditingSeries] = useState();
+    const activeFilter = activeFilterToBoolean(active);
+    const { data, isPending, isError, refetch } = useInvoiceNumberSeries({
+        limit: 100,
+        offset: 0,
+        ...(scope === SCOPE_ALL ? {} : { scope: scope }),
+        ...(activeFilter === undefined ? {} : { active: activeFilter }),
+    });
+    const { remove } = useInvoiceNumberSeriesMutation();
+    const rows = data?.data ?? [];
+    return (_jsxs("div", { className: cn("flex flex-col gap-6 p-6", className), children: [_jsxs("div", { className: "flex flex-wrap items-start justify-between gap-3", children: [_jsxs("div", { children: [_jsx("h1", { className: "text-2xl font-bold tracking-tight", children: page.title }), _jsx("p", { className: "text-sm text-muted-foreground", children: page.description })] }), _jsxs(Button, { onClick: () => {
+                            setEditingSeries(undefined);
+                            setDialogOpen(true);
+                        }, children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), page.actions.create] })] }), _jsxs("div", { className: "flex flex-wrap items-end gap-3", children: [_jsxs("div", { className: "flex min-w-48 flex-col gap-1.5", children: [_jsx(Label, { children: page.filters.scopeLabel }), _jsxs(Select, { value: scope, onValueChange: (value) => setScope(value ?? SCOPE_ALL), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: SCOPE_ALL, children: page.filters.scopeAll }), invoiceNumberSeriesScopes.map((value) => (_jsx(SelectItem, { value: value, children: page.scopeLabels[value] }, value)))] })] })] }), _jsxs("div", { className: "flex min-w-48 flex-col gap-1.5", children: [_jsx(Label, { children: page.filters.activeLabel }), _jsxs(Select, { value: active, onValueChange: (value) => setActive(value ?? ACTIVE_ALL), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: ACTIVE_ALL, children: page.filters.activeAll }), _jsx(SelectItem, { value: ACTIVE_ONLY, children: page.filters.activeOnly }), _jsx(SelectItem, { value: INACTIVE_ONLY, children: page.filters.inactiveOnly })] })] })] })] }), isPending ? (_jsx("div", { className: "flex items-center justify-center py-12", children: _jsx(Loader2, { className: "h-6 w-6 animate-spin text-muted-foreground" }) })) : null, !isPending && isError ? (_jsx("div", { className: "rounded-md border border-destructive/30 bg-destructive/5 p-4 text-sm text-destructive", children: page.loadFailed })) : null, !isPending && !isError && rows.length === 0 ? (_jsx("div", { className: "rounded-md border border-dashed p-8 text-center", children: _jsx("p", { className: "text-sm text-muted-foreground", children: page.empty }) })) : null, !isPending && !isError && rows.length > 0 ? (_jsx("div", { className: "overflow-hidden rounded border bg-background", children: _jsx("div", { className: "overflow-x-auto", 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-3 text-left font-medium", children: page.columns.code }), _jsx("th", { className: "p-3 text-left font-medium", children: page.columns.name }), _jsx("th", { className: "p-3 text-left font-medium", children: page.columns.prefix }), _jsx("th", { className: "p-3 text-left font-medium", children: page.columns.current }), _jsx("th", { className: "p-3 text-left font-medium", children: page.columns.reset }), _jsx("th", { className: "p-3 text-left font-medium", children: page.columns.scope }), _jsx("th", { className: "p-3 text-left font-medium", children: page.columns.default }), _jsx("th", { className: "p-3 text-left font-medium", children: page.columns.status }), _jsx("th", { className: "p-3 text-left font-medium", children: page.columns.external }), _jsx("th", { className: "w-20 p-3" })] }) }), _jsx("tbody", { children: rows.map((series) => (_jsxs("tr", { className: "border-b last:border-b-0", children: [_jsx("td", { className: "p-3 font-mono", children: series.code }), _jsx("td", { className: "p-3", children: series.name }), _jsx("td", { className: "p-3 font-mono", children: formatInvoiceNumberSeriesSample(series) }), _jsx("td", { className: "p-3 font-mono", children: series.currentSequence }), _jsx("td", { className: "p-3", children: page.resetStrategyLabels[series.resetStrategy] }), _jsx("td", { className: "p-3", children: _jsx(Badge, { variant: "outline", children: page.scopeLabels[series.scope] }) }), _jsx("td", { className: "p-3", children: _jsx(Badge, { variant: series.isDefault ? "default" : "secondary", children: series.isDefault ? page.default : page.notDefault }) }), _jsx("td", { className: "p-3", children: _jsx(Badge, { variant: series.active ? "default" : "secondary", children: series.active ? page.active : page.inactive }) }), _jsx("td", { className: "p-3", children: series.externalProvider ? (_jsxs("span", { className: "font-mono text-xs", children: [series.externalProvider, series.externalConfigKey ? `/${series.externalConfigKey}` : ""] })) : (_jsx("span", { className: "text-muted-foreground", children: page.noExternalProvider })) }), _jsx("td", { className: "p-3", children: _jsxs("div", { className: "flex items-center gap-1", children: [_jsx("button", { type: "button", onClick: () => {
+                                                            setEditingSeries(series);
+                                                            setDialogOpen(true);
+                                                        }, className: "text-muted-foreground hover:text-foreground", children: _jsx(Pencil, { className: "h-3.5 w-3.5" }) }), _jsx("button", { type: "button", onClick: () => {
+                                                            if (confirm(formatMessage(page.deleteConfirm, { name: series.name }))) {
+                                                                remove.mutate(series.id, { onSuccess: () => void refetch() });
+                                                            }
+                                                        }, className: "text-muted-foreground hover:text-destructive", children: _jsx(Trash2, { className: "h-3.5 w-3.5" }) })] }) })] }, series.id))) })] }) }) })) : null, _jsx(InvoiceNumberSeriesDialog, { open: dialogOpen, onOpenChange: setDialogOpen, series: editingSeries, onSuccess: () => {
+                    setDialogOpen(false);
+                    setEditingSeries(undefined);
+                    void refetch();
+                } })] }));
+}

package/dist/components/invoice-table-parts.d.ts

@@ -0,0 +1,25 @@
+export declare const invoiceStatusVariant: Record<string, "default" | "secondary" | "outline" | "destructive">;
+export declare function formatInvoiceAmount(cents: number, currency: string): string;
+interface SortHeaderProps<TField extends string> {
+    label: string;
+    field: TField;
+    sortBy: string;
+    sortDir: "asc" | "desc";
+    onSort: (field: TField) => void;
+}
+export declare function SortHeader<TField extends string>({ label, field, sortBy, sortDir, onSort, }: SortHeaderProps<TField>): import("react/jsx-runtime").JSX.Element;
+export declare function PaginationBar({ shown, total, page, pageCount, onPrevious, onNext, canGoBack, canGoForward, }: {
+    shown: number;
+    total: number;
+    page: number;
+    pageCount: number;
+    onPrevious: () => void;
+    onNext: () => void;
+    canGoBack: boolean;
+    canGoForward: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function InvoiceRowSkeleton({ rows }: {
+    rows: number;
+}): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=invoice-table-parts.d.ts.map

package/dist/components/invoice-table-parts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"invoice-table-parts.d.ts","sourceRoot":"","sources":["../../src/components/invoice-table-parts.tsx"],"names":[],"mappings":"AAQA,eAAO,MAAM,oBAAoB,EAAE,MAAM,CACvC,MAAM,EACN,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,aAAa,CASpD,CAAA;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,CAE3E;AAED,UAAU,eAAe,CAAC,MAAM,SAAS,MAAM;IAC7C,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,KAAK,GAAG,MAAM,CAAA;IACvB,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAChC;AAED,wBAAgB,UAAU,CAAC,MAAM,SAAS,MAAM,EAAE,EAChD,KAAK,EACL,KAAK,EACL,MAAM,EACN,OAAO,EACP,MAAM,GACP,EAAE,eAAe,CAAC,MAAM,CAAC,2CAgBzB;AAED,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,KAAK,EACL,IAAI,EACJ,SAAS,EACT,UAAU,EACV,MAAM,EACN,SAAS,EACT,YAAY,GACb,EAAE;IACD,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,EAAE,MAAM,IAAI,CAAA;IACtB,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,SAAS,EAAE,OAAO,CAAA;IAClB,YAAY,EAAE,OAAO,CAAA;CACtB,2CAiBA;AAED,wBAAgB,kBAAkB,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,2CA+B5D"}

package/dist/components/invoice-table-parts.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { formatMessage } from "@voyant-travel/i18n";
+import { Button } from "@voyant-travel/ui/components/button";
+import { Skeleton } from "@voyant-travel/ui/components/skeleton";
+import { TableCell, TableRow } from "@voyant-travel/ui/components/table";
+import { ArrowDown, ArrowUp, ArrowUpDown } from "lucide-react";
+import { useFinanceUiMessagesOrDefault } from "../i18n/index.js";
+export const invoiceStatusVariant = {
+    draft: "outline",
+    pending_external_allocation: "outline",
+    issued: "secondary",
+    partially_paid: "secondary",
+    paid: "default",
+    overdue: "destructive",
+    void: "destructive",
+};
+export function formatInvoiceAmount(cents, currency) {
+    return `${(cents / 100).toFixed(2)} ${currency}`;
+}
+export function SortHeader({ label, field, sortBy, sortDir, onSort, }) {
+    const active = sortBy === field;
+    const Icon = active ? (sortDir === "asc" ? ArrowUp : ArrowDown) : ArrowUpDown;
+    return (_jsxs("button", { type: "button", onClick: () => onSort(field), className: "-ml-2 inline-flex h-8 items-center gap-1 rounded-sm px-2 hover:bg-muted/60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", children: [_jsx("span", { children: label }), _jsx(Icon, { className: `size-3.5 ${active ? "text-foreground" : "text-muted-foreground/60"}`, "aria-hidden": true })] }));
+}
+export function PaginationBar({ shown, total, page, pageCount, onPrevious, onNext, canGoBack, canGoForward, }) {
+    const messages = useFinanceUiMessagesOrDefault();
+    const f = messages.invoicesPage.pagination;
+    return (_jsxs("div", { className: "flex items-center justify-between text-sm text-muted-foreground", children: [_jsx("span", { children: formatMessage(f.showing, { count: shown, total }) }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Button, { variant: "outline", size: "sm", disabled: !canGoBack, onClick: onPrevious, children: f.previous }), _jsx("span", { children: formatMessage(f.page, { page, pageCount }) }), _jsx(Button, { variant: "outline", size: "sm", disabled: !canGoForward, onClick: onNext, children: f.next })] })] }));
+}
+export function InvoiceRowSkeleton({ rows }) {
+    return (_jsx(_Fragment, { children: Array.from({ length: rows }).map((_, idx) => (_jsxs(TableRow, { children: [_jsx(TableCell, { children: _jsx(Skeleton, { className: "size-4" }) }), _jsx(TableCell, { children: _jsx(Skeleton, { className: "h-4 w-32" }) }), _jsx(TableCell, { children: _jsx(Skeleton, { className: "h-5 w-20 rounded-full" }) }), _jsx(TableCell, { children: _jsx(Skeleton, { className: "h-4 w-24" }) }), _jsx(TableCell, { children: _jsx(Skeleton, { className: "h-4 w-24" }) }), _jsx(TableCell, { children: _jsx(Skeleton, { className: "h-4 w-24" }) }), _jsx(TableCell, { children: _jsx(Skeleton, { className: "h-4 w-24" }) })] }, `skeleton-${idx}`))) }));
+}

package/dist/components/invoices-page-skeleton.d.ts

@@ -0,0 +1,5 @@
+export declare function InvoicesTableSkeleton({ rows }: {
+    rows?: number;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function InvoicesPageSkeleton(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=invoices-page-skeleton.d.ts.map

package/dist/components/invoices-page-skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"invoices-page-skeleton.d.ts","sourceRoot":"","sources":["../../src/components/invoices-page-skeleton.tsx"],"names":[],"mappings":"AAcA,wBAAgB,qBAAqB,CAAC,EAAE,IAAQ,EAAE,EAAE;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,2CAiCpE;AAED,wBAAgB,oBAAoB,4CAgBnC"}