@voyantjs/bookings-ui 0.108.0 → 0.109.0

package/dist/admin/booking-documents-table.js

@@ -0,0 +1,258 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useQueryClient } from "@tanstack/react-query";
+import { useAdminNavigate, useOperatorAdminMessages } from "@voyantjs/admin";
+import { useBooking, useBookingContractGenerationMutation, useBookingTravelerDocumentMutation, useBookingTravelerDocuments, useTravelers, } from "@voyantjs/bookings-react";
+import { legalQueryKeys, useLegalContractAttachments, useLegalContracts, useVoyantLegalContext, } from "@voyantjs/legal-react";
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, Badge, Button, } from "@voyantjs/ui/components";
+import { DataTable } from "@voyantjs/ui/components/data-table";
+import { ArrowUpRight, Download, FileText, Loader2, Plus, RotateCw, Trash2 } from "lucide-react";
+import { useMemo, useState } from "react";
+import { BookingDocumentDialog } from "../components/booking-document-dialog.js";
+import { IconActionButton } from "../components/icon-action-button.js";
+import { StatusBadge } from "../components/status-badge.js";
+import { BookingContractDialog } from "./booking-contract-dialog.js";
+const CONTRACT_GENERATION_FAILURE_LABELS = {
+    render_unavailable: "contractGenerationTemplateError",
+    generator_failed: "contractGenerationGeneratorFailed",
+};
+function resolveContractGenerationFailure(contract) {
+    const metadata = contract.metadata;
+    if (!metadata || typeof metadata !== "object" || Array.isArray(metadata)) {
+        return null;
+    }
+    const status = metadata.lastGenerationStatus;
+    if (typeof status !== "string" || status === "generated") {
+        return null;
+    }
+    return {
+        status,
+        error: typeof metadata.lastGenerationError === "string" && metadata.lastGenerationError.trim()
+            ? metadata.lastGenerationError
+            : null,
+        attemptedAt: typeof metadata.lastGenerationAttemptedAt === "string"
+            ? metadata.lastGenerationAttemptedAt
+            : null,
+    };
+}
+/**
+ * Unified Documents tab for a booking — flattens auto-generated legal
+ * contracts and per-traveler documents (passport, visa, insurance…) into
+ * a single DataTable that matches the rest of the booking detail tabs.
+ * Contracts render first (canonical booking docs), traveler-uploaded
+ * documents below; each contract row owns its own attachments fetch so
+ * we don't need a join endpoint server-side.
+ */
+export function BookingDocumentsTable({ bookingId, }) {
+    const t = useOperatorAdminMessages().bookings.detail.documentsTable;
+    const [uploadOpen, setUploadOpen] = useState(false);
+    const [contractDialogOpen, setContractDialogOpen] = useState(false);
+    const [deleteTarget, setDeleteTarget] = useState(null);
+    const [deletePending, setDeletePending] = useState(false);
+    const bookingQuery = useBooking(bookingId);
+    const booking = bookingQuery.data?.data ?? null;
+    const contractsQuery = useLegalContracts({ bookingId, limit: 25 });
+    const contracts = contractsQuery.data?.data ?? [];
+    const travelerDocsQuery = useBookingTravelerDocuments(bookingId);
+    const travelerDocs = travelerDocsQuery.data?.data ?? [];
+    const travelersQuery = useTravelers(bookingId);
+    const travelersById = useMemo(() => new Map((travelersQuery.data?.data ?? []).map((tr) => [tr.id, tr])), [travelersQuery.data]);
+    const removeTravelerDoc = useBookingTravelerDocumentMutation(bookingId).remove;
+    const isLoading = bookingQuery.isLoading || contractsQuery.isLoading || travelerDocsQuery.isLoading;
+    const rows = useMemo(() => [
+        ...contracts.map((contract) => ({
+            kind: "contract",
+            id: contract.id,
+            contract,
+        })),
+        ...travelerDocs.map((doc) => ({
+            kind: "traveler",
+            id: doc.id,
+            doc,
+            traveler: doc.travelerId ? (travelersById.get(doc.travelerId) ?? null) : null,
+        })),
+    ], [contracts, travelerDocs, travelersById]);
+    const columns = useMemo(() => [
+        {
+            id: "category",
+            header: t.headerCategory,
+            cell: ({ row }) => row.original.kind === "contract" ? (_jsx(Badge, { variant: "outline", className: "text-[10px]", children: t.contractBadge })) : (_jsx(Badge, { variant: "outline", className: "text-[10px]", children: humanizeDocType(row.original.doc.type) })),
+        },
+        {
+            id: "document",
+            header: t.headerDocument,
+            cell: ({ row }) => row.original.kind === "contract" ? (_jsx(ContractDocumentCell, { contract: row.original.contract })) : (_jsx(TravelerDocumentCell, { doc: row.original.doc })),
+        },
+        {
+            id: "for",
+            header: t.headerFor,
+            cell: ({ row }) => {
+                if (row.original.kind === "contract") {
+                    return _jsx("span", { className: "text-muted-foreground text-xs", children: t.forBooking });
+                }
+                const traveler = row.original.traveler;
+                const name = traveler
+                    ? `${traveler.firstName ?? ""} ${traveler.lastName ?? ""}`.trim() || t.travelerFallback
+                    : t.forBooking;
+                return _jsx("span", { className: "text-muted-foreground text-xs", children: name });
+            },
+        },
+        {
+            id: "status",
+            header: t.headerStatus,
+            cell: ({ row }) => row.original.kind === "contract" ? (_jsx(ContractStatusCell, { contract: row.original.contract, messages: t })) : (_jsx(TravelerStatusCell, { doc: row.original.doc, messages: t })),
+        },
+        {
+            id: "date",
+            header: t.headerDate,
+            cell: ({ row }) => row.original.kind === "contract" ? (_jsx(ContractDateCell, { contract: row.original.contract, messages: t })) : (_jsx(TravelerDateCell, { doc: row.original.doc, messages: t })),
+        },
+        {
+            id: "actions",
+            header: () => _jsx("span", { className: "sr-only", children: t.headerCategory }),
+            cell: ({ row }) => {
+                if (row.original.kind === "contract") {
+                    return _jsx(ContractActionsCell, { contract: row.original.contract, messages: t });
+                }
+                const docPayload = row.original.doc;
+                return (_jsx(TravelerActionsCell, { doc: docPayload, messages: t, onDelete: () => setDeleteTarget(docPayload) }));
+            },
+        },
+    ], [t]);
+    const handleDeleteConfirm = async () => {
+        if (!deleteTarget)
+            return;
+        setDeletePending(true);
+        try {
+            await removeTravelerDoc.mutateAsync(deleteTarget.id);
+            setDeleteTarget(null);
+        }
+        finally {
+            setDeletePending(false);
+        }
+    };
+    return (_jsxs("div", { "data-slot": "booking-documents-list", className: "flex flex-col gap-3", children: [_jsxs("div", { className: "flex items-center justify-between gap-3", children: [_jsxs("h2", { className: "flex items-center gap-2 text-base font-semibold", children: [_jsx(FileText, { className: "h-4 w-4 text-muted-foreground" }), t.title] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs(Button, { size: "sm", variant: "outline", onClick: () => setContractDialogOpen(true), disabled: !booking, children: [_jsx(FileText, { className: "mr-1.5 h-3.5 w-3.5" }), t.addContract] }), _jsxs(Button, { size: "sm", variant: "outline", onClick: () => setUploadOpen(true), children: [_jsx(Plus, { className: "mr-1 h-3.5 w-3.5" }), t.uploadDocument] })] })] }), isLoading ? (_jsxs("div", { className: "flex items-center justify-center gap-2 py-6 text-muted-foreground text-sm", children: [_jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin" }), t.loading] })) : (_jsx(DataTable, { columns: columns, data: rows, emptyMessage: t.empty, showPagination: false })), _jsx(BookingDocumentDialog, { open: uploadOpen, onOpenChange: setUploadOpen, bookingId: bookingId }), _jsx(BookingContractDialog, { open: contractDialogOpen, onOpenChange: setContractDialogOpen, bookingId: bookingId, bookingNumber: booking?.bookingNumber ?? null }), _jsx(AlertDialog, { open: Boolean(deleteTarget), onOpenChange: (next) => {
+                    if (!next && !deletePending)
+                        setDeleteTarget(null);
+                }, children: _jsxs(AlertDialogContent, { size: "sm", children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: t.deleteConfirm }), deleteTarget ? (_jsx(AlertDialogDescription, { children: deleteTarget.fileName })) : null] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { disabled: deletePending, children: t.deleteCancel }), _jsx(AlertDialogAction, { variant: "destructive", disabled: deletePending, onClick: () => void handleDeleteConfirm(), children: t.deleteConfirmAction })] })] }) })] }));
+}
+/**
+ * Admin download URL of a contract attachment, resolved against the
+ * legal provider context so the table works in any host app without an
+ * `apiBaseUrl` prop.
+ */
+function useContractAttachmentDownloadHref(attachment) {
+    const { baseUrl } = useVoyantLegalContext();
+    if (!attachment)
+        return null;
+    return `${baseUrl}/v1/admin/legal/contracts/attachments/${attachment.id}/download`;
+}
+function ContractDocumentCell({ contract }) {
+    const attachmentsQuery = useLegalContractAttachments({ contractId: contract.id });
+    const attachments = (attachmentsQuery.data ?? []).filter((a) => a.kind === "document");
+    const latest = attachments[0] ?? null;
+    const downloadHref = useContractAttachmentDownloadHref(latest);
+    const titleText = latest?.name ?? contract.contractNumber ?? `Contract ${contract.id.slice(-8)}`;
+    return downloadHref ? (_jsxs("a", { href: downloadHref, target: "_blank", rel: "noopener noreferrer", className: "inline-flex items-center gap-1.5 text-primary hover:underline", children: [_jsx(FileText, { className: "h-3.5 w-3.5 shrink-0 opacity-60" }), _jsx("span", { className: "truncate", children: titleText }), _jsx(ArrowUpRight, { className: "h-3 w-3" }), latest?.fileSize != null ? (_jsx("span", { className: "ml-1 text-muted-foreground text-xs", children: formatBytes(latest.fileSize) })) : null] })) : (_jsxs("span", { className: "inline-flex items-center gap-1.5 text-muted-foreground", children: [_jsx(FileText, { className: "h-3.5 w-3.5 shrink-0 opacity-60" }), titleText] }));
+}
+function TravelerDocumentCell({ doc }) {
+    return (_jsxs("a", { href: doc.fileUrl, target: "_blank", rel: "noopener noreferrer", className: "inline-flex items-center gap-1.5 text-primary hover:underline", children: [_jsx(FileText, { className: "h-3.5 w-3.5 shrink-0 opacity-60" }), _jsx("span", { className: "truncate", children: doc.fileName }), _jsx(ArrowUpRight, { className: "h-3 w-3" })] }));
+}
+function ContractStatusCell({ contract, messages, }) {
+    const generationFailure = resolveContractGenerationFailure(contract);
+    if (generationFailure) {
+        const failureLabelKey = CONTRACT_GENERATION_FAILURE_LABELS[generationFailure.status];
+        const failureLabel = failureLabelKey
+            ? messages[failureLabelKey]
+            : messages.contractGenerationFailed;
+        return (_jsxs("div", { className: "max-w-80 space-y-1", children: [_jsx(StatusBadge, { status: "failed", children: failureLabel }), _jsx("p", { className: "text-muted-foreground text-xs", children: generationFailure.error ?? messages.contractGenerationErrorFallback })] }));
+    }
+    return _jsx(StatusBadge, { status: contract.status, children: contract.status.replace(/_/g, " ") });
+}
+function TravelerStatusCell({ doc, messages, }) {
+    const isExpired = doc.expiresAt && Number.isFinite(new Date(doc.expiresAt).getTime())
+        ? new Date(doc.expiresAt).getTime() < Date.now()
+        : false;
+    return (_jsx(StatusBadge, { status: isExpired ? "expired" : "active", children: isExpired ? messages.travelerStatusExpired : messages.travelerStatusOnFile }));
+}
+function ContractDateCell({ contract, messages, }) {
+    const generationFailure = resolveContractGenerationFailure(contract);
+    const attachmentsQuery = useLegalContractAttachments({ contractId: contract.id });
+    const attachments = (attachmentsQuery.data ?? []).filter((a) => a.kind === "document");
+    const hasDocument = attachments.length > 0;
+    const dateIso = generationFailure?.attemptedAt ?? contract.issuedAt ?? contract.createdAt ?? null;
+    const dateLabel = generationFailure
+        ? messages.contractGenerationAttemptedLabel
+        : hasDocument
+            ? messages.contractIssuedLabel
+            : messages.contractPendingSinceLabel;
+    if (!dateIso)
+        return _jsx("span", { className: "text-muted-foreground text-xs", children: "\u2014" });
+    return (_jsxs("span", { className: "text-muted-foreground text-xs", children: [_jsxs("span", { className: "opacity-60", children: [dateLabel, " "] }), formatDate(dateIso)] }));
+}
+function TravelerDateCell({ doc, messages, }) {
+    const dateIso = doc.expiresAt ?? doc.createdAt ?? null;
+    const dateLabel = doc.expiresAt ? messages.travelerExpiresLabel : messages.travelerUploadedLabel;
+    if (!dateIso)
+        return _jsx("span", { className: "text-muted-foreground text-xs", children: "\u2014" });
+    return (_jsxs("span", { className: "text-muted-foreground text-xs", children: [_jsxs("span", { className: "opacity-60", children: [dateLabel, " "] }), formatDate(dateIso)] }));
+}
+function ContractActionsCell({ contract, messages, }) {
+    const queryClient = useQueryClient();
+    const navigateTo = useAdminNavigate();
+    const attachmentsQuery = useLegalContractAttachments({ contractId: contract.id });
+    const attachments = (attachmentsQuery.data ?? []).filter((a) => a.kind === "document");
+    const latest = attachments[0] ?? null;
+    const hasDocument = latest !== null;
+    const downloadHref = useContractAttachmentDownloadHref(latest);
+    const { generate } = useBookingContractGenerationMutation(contract.bookingId ?? "");
+    return (_jsxs("div", { className: "flex items-center justify-end gap-1", children: [_jsx(IconActionButton, { label: messages.contractOpenTooltip, icon: _jsx(ArrowUpRight, { className: "h-3.5 w-3.5" }), onClick: (e) => {
+                    e.stopPropagation();
+                    navigateTo("contract.detail", { contractId: contract.id });
+                } }), downloadHref ? (_jsx(IconActionButton, { label: messages.downloadDocumentAria, icon: _jsx(Download, { className: "h-3.5 w-3.5" }), onClick: (e) => {
+                    e.stopPropagation();
+                    window.open(downloadHref, "_blank", "noopener,noreferrer");
+                } })) : null, _jsx(IconActionButton, { label: hasDocument ? messages.contractRegenerateTooltip : messages.contractGenerateTooltip, icon: generate.isPending ? (_jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin" })) : (_jsx(RotateCw, { className: "h-3.5 w-3.5" })), disabled: generate.isPending || !contract.bookingId, onClick: (e) => {
+                    e.stopPropagation();
+                    if (!contract.bookingId)
+                        return;
+                    generate.mutate({ force: hasDocument }, {
+                        onSuccess: () => {
+                            void queryClient.invalidateQueries({ queryKey: legalQueryKeys.contracts() });
+                        },
+                    });
+                } })] }));
+}
+function TravelerActionsCell({ doc, messages, onDelete, }) {
+    return (_jsxs("div", { className: "flex items-center justify-end gap-1", children: [_jsx(IconActionButton, { label: messages.downloadDocumentAria, icon: _jsx(Download, { className: "h-3.5 w-3.5" }), onClick: (e) => {
+                    e.stopPropagation();
+                    window.open(doc.fileUrl, "_blank", "noopener,noreferrer");
+                } }), _jsx(IconActionButton, { label: messages.deleteDocumentAria, icon: _jsx(Trash2, { className: "h-3.5 w-3.5" }), className: "text-muted-foreground hover:bg-destructive/10 hover:text-destructive", onClick: (e) => {
+                    e.stopPropagation();
+                    onDelete();
+                } })] }));
+}
+function humanizeDocType(type) {
+    return type
+        .split("_")
+        .map((part) => part.charAt(0).toUpperCase() + part.slice(1))
+        .join(" ");
+}
+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`;
+}
+function formatDate(iso) {
+    try {
+        const d = new Date(iso);
+        if (!Number.isFinite(d.getTime()))
+            return iso;
+        return d.toLocaleDateString(undefined, { day: "numeric", month: "short", year: "numeric" });
+    }
+    catch {
+        return iso;
+    }
+}

package/dist/admin/booking-invoice-sheet.d.ts

@@ -0,0 +1,18 @@
+export interface BookingInvoiceSheetProps {
+    invoiceId: string;
+    /** Navigate to the full invoice detail page. */
+    onOpenInvoice?: (invoiceId: string) => void;
+}
+/**
+ * Compact invoice view designed to live inside a `Sheet` next to the
+ * booking detail page. Unlike `InvoiceDetailPage` (a standalone page
+ * with breadcrumb + action bar + collapsible cards), this component
+ * trims the chrome and focuses on the operator's reconciliation needs:
+ * summary numbers, line items, payments. Big actions (edit, void)
+ * stay on the dedicated invoice page.
+ *
+ * Packaged host piece (packaged-admin RFC Phase 3): API base URL comes
+ * from the shell's finance provider context — no app env import.
+ */
+export declare function BookingInvoiceSheet({ invoiceId, onOpenInvoice }: BookingInvoiceSheetProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=booking-invoice-sheet.d.ts.map

package/dist/admin/booking-invoice-sheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"booking-invoice-sheet.d.ts","sourceRoot":"","sources":["../../src/admin/booking-invoice-sheet.tsx"],"names":[],"mappings":"AA8BA,MAAM,WAAW,wBAAwB;IACvC,SAAS,EAAE,MAAM,CAAA;IACjB,gDAAgD;IAChD,aAAa,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;CAC5C;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,mBAAmB,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,EAAE,wBAAwB,2CAwTzF"}

package/dist/admin/booking-invoice-sheet.js

@@ -0,0 +1,101 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useLocale, useOperatorAdminMessages } from "@voyantjs/admin";
+import { useInvoice, useInvoiceAttachments, useInvoiceLineItems, useInvoiceMutation, useInvoicePayments, useVoyantFinanceContext, } from "@voyantjs/finance-react";
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, Button, SheetHeader, SheetTitle, } from "@voyantjs/ui/components";
+import { ArrowRightLeft, ArrowUpRight, Download, FileText, Loader2 } from "lucide-react";
+import { useState } from "react";
+import { StatusBadge } from "../components/status-badge.js";
+/**
+ * Compact invoice view designed to live inside a `Sheet` next to the
+ * booking detail page. Unlike `InvoiceDetailPage` (a standalone page
+ * with breadcrumb + action bar + collapsible cards), this component
+ * trims the chrome and focuses on the operator's reconciliation needs:
+ * summary numbers, line items, payments. Big actions (edit, void)
+ * stay on the dedicated invoice page.
+ *
+ * Packaged host piece (packaged-admin RFC Phase 3): API base URL comes
+ * from the shell's finance provider context — no app env import.
+ */
+export function BookingInvoiceSheet({ invoiceId, onOpenInvoice }) {
+    const { resolvedLocale } = useLocale();
+    const adminMessages = useOperatorAdminMessages();
+    const messages = adminMessages.bookings.detail.invoiceSheet;
+    const financeMessages = adminMessages.finance;
+    const { data: invoiceData, isPending: invoicePending } = useInvoice(invoiceId);
+    const { data: lineItemsData, isPending: lineItemsPending } = useInvoiceLineItems(invoiceId);
+    const { data: paymentsData, isPending: paymentsPending } = useInvoicePayments(invoiceId);
+    const { data: attachmentsData, isPending: attachmentsPending } = useInvoiceAttachments(invoiceId);
+    const { convertToInvoice } = useInvoiceMutation();
+    const [confirmConvert, setConfirmConvert] = useState(false);
+    if (invoicePending) {
+        return (_jsxs(_Fragment, { children: [_jsx(SheetHeader, { children: _jsx(SheetTitle, { children: messages.invoiceTypes.invoice }) }), _jsx("div", { className: "flex flex-1 items-center justify-center py-12", children: _jsx(Loader2, { className: "h-5 w-5 animate-spin text-muted-foreground" }) })] }));
+    }
+    const invoice = invoiceData?.data;
+    if (!invoice) {
+        return (_jsxs(_Fragment, { children: [_jsx(SheetHeader, { children: _jsx(SheetTitle, { children: messages.invoiceTypes.invoice }) }), _jsx("div", { className: "p-6 text-sm text-muted-foreground", children: messages.notFound })] }));
+    }
+    const invoiceType = invoice.invoiceType ?? "invoice";
+    const sheetTitle = messages.invoiceTypes[invoiceType] ?? messages.invoiceTypes.invoice;
+    const canConvert = invoiceType === "proforma" && invoice.status !== "void";
+    // A void proforma with a `convertedToInvoiceId` is "Invoiced" in the
+    // operator's mental model — the void is purely how our DB models the
+    // hand-off. Display the friendlier label and link to the final
+    // invoice on the same sheet (no extra navigation).
+    const convertedToInvoiceId = invoice.convertedToInvoiceId ?? null;
+    const convertedToInvoiceNumber = invoice.convertedToInvoiceNumber ?? null;
+    const showAsInvoiced = invoiceType === "proforma" && invoice.status === "void" && Boolean(convertedToInvoiceId);
+    const displayStatusKey = showAsInvoiced ? "invoiced" : invoice.status;
+    const displayStatusLabel = showAsInvoiced
+        ? (messages.invoiceStatusLabels.invoiced ??
+            financeMessages.invoiceStatusInvoiced ??
+            "Invoiced")
+        : (messages.invoiceStatusLabels[invoice.status] ??
+            invoice.status);
+    const lineItems = lineItemsData?.data ?? [];
+    const payments = paymentsData?.data ?? [];
+    const formatMoney = makeFormatMoney(resolvedLocale, invoice.currency);
+    const formatDate = (iso) => iso ? new Date(iso).toLocaleDateString(resolvedLocale, { dateStyle: "medium" }) : "—";
+    const formatDateTime = (iso) => iso
+        ? new Date(iso).toLocaleString(resolvedLocale, {
+            dateStyle: "medium",
+            timeStyle: "short",
+        })
+        : "—";
+    return (_jsxs(_Fragment, { children: [_jsx(SheetHeader, { children: _jsx(SheetTitle, { children: sheetTitle }) }), _jsxs("div", { className: "flex-1 overflow-y-auto px-6 pb-6", children: [_jsxs("header", { className: "mb-6 flex flex-col gap-3 border-b pb-4", children: [_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx("span", { className: "font-mono text-base font-semibold", children: invoice.invoiceNumber }), _jsx(StatusBadge, { status: showAsInvoiced ? "paid" : invoice.status, children: displayStatusLabel }), showAsInvoiced && convertedToInvoiceId ? (_jsxs("button", { type: "button", onClick: () => onOpenInvoice?.(convertedToInvoiceId), className: "inline-flex items-center gap-1 font-mono text-xs text-primary hover:underline", title: messages.convertedToInvoiceTitle, children: ["\u2192 ", convertedToInvoiceNumber ?? displayStatusKey, _jsx(ArrowUpRight, { className: "h-3 w-3" })] })) : null] }), _jsxs("div", { className: "flex items-center gap-2", children: [canConvert ? (_jsxs(Button, { variant: "outline", size: "sm", disabled: convertToInvoice.isPending, onClick: () => setConfirmConvert(true), children: [_jsx(ArrowRightLeft, { className: "mr-1 h-3.5 w-3.5" }), financeMessages.convertToInvoice] })) : null, onOpenInvoice ? (_jsxs(Button, { size: "sm", onClick: () => onOpenInvoice(invoiceId), children: [messages.openInvoice, _jsx(ArrowUpRight, { className: "ml-1 h-3.5 w-3.5" })] })) : null] })] }), invoice.notes ? (_jsx("p", { className: "whitespace-pre-wrap text-sm text-muted-foreground", children: invoice.notes })) : null] }), _jsxs("section", { className: "mb-6", children: [_jsx("h3", { className: "mb-3 text-xs font-medium uppercase tracking-wide text-muted-foreground", children: messages.summarySection }), _jsxs("dl", { className: "rounded-md border divide-y", children: [_jsx(SummaryRow, { label: messages.subtotal, value: formatMoney(invoice.subtotalCents) }), _jsx(SummaryRow, { label: messages.tax, value: formatMoney(invoice.taxCents) }), _jsx(SummaryRow, { label: messages.total, value: formatMoney(invoice.totalCents), emphasis: true }), _jsx(SummaryRow, { label: messages.paid, value: formatMoney(invoice.paidCents) }), _jsx(SummaryRow, { label: messages.balanceDue, value: formatMoney(invoice.balanceDueCents), emphasis: invoice.balanceDueCents > 0 })] })] }), _jsxs("section", { className: "mb-6 grid grid-cols-1 gap-3 sm:grid-cols-2", children: [_jsx(DatesCard, { label: messages.issueDate, value: formatDate(invoice.issueDate) }), _jsx(DatesCard, { label: messages.dueDate, value: formatDate(invoice.dueDate) }), _jsx(DatesCard, { label: messages.createdAt, value: formatDateTime(invoice.createdAt) }), _jsx(DatesCard, { label: messages.updatedAt, value: formatDateTime(invoice.updatedAt) })] }), _jsxs("section", { className: "mb-6", children: [_jsx("h3", { className: "mb-3 text-xs font-medium uppercase tracking-wide text-muted-foreground", children: messages.lineItemsSection }), lineItemsPending ? (_jsxs("div", { className: "flex items-center gap-2 rounded-md border p-3 text-sm text-muted-foreground", children: [_jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin" }), messages.loading] })) : lineItems.length === 0 ? (_jsx("p", { className: "rounded-md border py-4 text-center text-sm text-muted-foreground", children: messages.lineItemsEmpty })) : (_jsx("div", { className: "overflow-hidden rounded-md border", children: _jsxs("table", { className: "w-full text-sm", children: [_jsx("thead", { className: "bg-muted/50", children: _jsxs("tr", { className: "border-b text-muted-foreground", children: [_jsx("th", { className: "px-3 py-2 text-left font-medium", children: messages.colDescription }), _jsx("th", { className: "px-3 py-2 text-right font-medium", children: messages.colQty }), _jsx("th", { className: "px-3 py-2 text-right font-medium", children: messages.colUnitPrice }), _jsx("th", { className: "px-3 py-2 text-right font-medium", children: messages.colTax }), _jsx("th", { className: "px-3 py-2 text-right font-medium", children: messages.colLineTotal })] }) }), _jsx("tbody", { children: lineItems.map((line) => {
+                                                const taxAmountCents = line.taxRate != null
+                                                    ? Math.round((line.totalCents * line.taxRate) / 100)
+                                                    : null;
+                                                return (_jsxs("tr", { className: "border-b last:border-b-0", children: [_jsx("td", { className: "px-3 py-2", children: line.description }), _jsx("td", { className: "px-3 py-2 text-right font-mono", children: line.quantity }), _jsx("td", { className: "px-3 py-2 text-right font-mono", children: formatMoney(line.unitPriceCents) }), _jsx("td", { className: "px-3 py-2 text-right font-mono", children: taxAmountCents != null && line.taxRate != null ? (_jsxs(_Fragment, { children: [formatMoney(taxAmountCents), " ", _jsxs("span", { className: "text-muted-foreground", children: ["(", line.taxRate, "%)"] })] })) : ("—") }), _jsx("td", { className: "px-3 py-2 text-right font-mono", children: formatMoney(line.totalCents) })] }, line.id));
+                                            }) })] }) }))] }), _jsxs("section", { children: [_jsx("h3", { className: "mb-3 text-xs font-medium uppercase tracking-wide text-muted-foreground", children: messages.paymentsSection }), paymentsPending ? (_jsxs("div", { className: "flex items-center gap-2 rounded-md border p-3 text-sm text-muted-foreground", children: [_jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin" }), messages.loading] })) : payments.length === 0 ? (_jsx("p", { className: "rounded-md border py-4 text-center text-sm text-muted-foreground", children: messages.paymentsEmpty })) : (_jsx("div", { className: "overflow-hidden rounded-md border", children: _jsxs("table", { className: "w-full text-sm", children: [_jsx("thead", { className: "bg-muted/50", children: _jsxs("tr", { className: "border-b text-muted-foreground", children: [_jsx("th", { className: "px-3 py-2 text-left font-medium", children: messages.colDate }), _jsx("th", { className: "px-3 py-2 text-left font-medium", children: messages.colMethod }), _jsx("th", { className: "px-3 py-2 text-left font-medium", children: messages.colStatus }), _jsx("th", { className: "px-3 py-2 text-left font-medium", children: messages.colReference }), _jsx("th", { className: "px-3 py-2 text-right font-medium", children: messages.colAmount })] }) }), _jsx("tbody", { children: payments.map((payment) => (_jsxs("tr", { className: "border-b last:border-b-0", children: [_jsx("td", { className: "px-3 py-2", children: formatDateTime(payment.paymentDate) }), _jsx("td", { className: "px-3 py-2 capitalize", children: payment.paymentMethod.replaceAll("_", " ") }), _jsx("td", { className: "px-3 py-2", children: _jsx(StatusBadge, { status: payment.status, children: payment.status }) }), _jsx("td", { className: "px-3 py-2 font-mono text-xs text-muted-foreground", children: payment.referenceNumber ?? "—" }), _jsx("td", { className: "px-3 py-2 text-right font-mono font-medium", children: formatMoney(payment.amountCents) })] }, payment.id))) })] }) }))] }), _jsxs("section", { className: "mt-6", children: [_jsx("h3", { className: "mb-3 text-xs font-medium uppercase tracking-wide text-muted-foreground", children: messages.attachmentsSection }), attachmentsPending ? (_jsxs("div", { className: "flex items-center gap-2 rounded-md border p-3 text-sm text-muted-foreground", children: [_jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin" }), messages.loading] })) : (attachmentsData?.data ?? []).length === 0 ? (_jsx("p", { className: "rounded-md border py-4 text-center text-sm text-muted-foreground", children: messages.attachmentsEmpty })) : (_jsx("ul", { className: "flex flex-col divide-y rounded-md border", children: (attachmentsData?.data ?? []).map((attachment) => (_jsx(AttachmentRow, { attachment: attachment, downloadLabel: messages.attachmentDownload }, attachment.id))) }))] })] }), _jsx(AlertDialog, { open: confirmConvert, onOpenChange: (next) => {
+                    if (!next && !convertToInvoice.isPending)
+                        setConfirmConvert(false);
+                }, children: _jsxs(AlertDialogContent, { size: "sm", children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: financeMessages.convertToInvoice }), _jsx(AlertDialogDescription, { children: financeMessages.convertConfirm })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { disabled: convertToInvoice.isPending, children: financeMessages.detailPage.cancel }), _jsx(AlertDialogAction, { disabled: convertToInvoice.isPending, onClick: () => {
+                                        convertToInvoice.mutate({ id: invoiceId }, { onSuccess: () => setConfirmConvert(false) });
+                                    }, children: financeMessages.convertToInvoice })] })] }) })] }));
+}
+function AttachmentRow({ attachment, downloadLabel, }) {
+    // Same admin endpoint the finance invoice page links to; the base URL
+    // comes from the finance provider context instead of an app env helper.
+    const { baseUrl } = useVoyantFinanceContext();
+    const trimmedBase = baseUrl.endsWith("/") ? baseUrl.slice(0, -1) : baseUrl;
+    const href = `${trimmedBase}/v1/admin/finance/invoice-attachments/${attachment.id}/download`;
+    const sizeKb = typeof attachment.fileSize === "number" ? `${Math.round(attachment.fileSize / 1024)} KB` : null;
+    return (_jsxs("li", { className: "flex items-center justify-between gap-3 px-3 py-2 text-sm", children: [_jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [_jsx(FileText, { className: "h-4 w-4 shrink-0 text-muted-foreground", "aria-hidden": "true" }), _jsxs("div", { className: "flex min-w-0 flex-col", children: [_jsx("span", { className: "truncate", children: attachment.name }), _jsxs("span", { className: "text-muted-foreground text-xs uppercase", children: [attachment.kind, sizeKb ? ` · ${sizeKb}` : null] })] })] }), _jsxs("a", { href: href, target: "_blank", rel: "noopener noreferrer", className: "inline-flex items-center gap-1 rounded-md px-2 py-1 text-xs text-muted-foreground hover:bg-muted hover:text-foreground", children: [_jsx(Download, { className: "h-3.5 w-3.5" }), downloadLabel] })] }));
+}
+function SummaryRow({ label, value, emphasis, }) {
+    return (_jsxs("div", { className: "flex items-baseline justify-between gap-4 px-4 py-2.5 text-sm", children: [_jsx("dt", { className: emphasis ? "font-semibold" : "text-muted-foreground", children: label }), _jsx("dd", { className: emphasis ? "font-mono text-base font-semibold" : "font-mono", children: value })] }));
+}
+function DatesCard({ label, value }) {
+    return (_jsxs("div", { className: "rounded-md border p-3", children: [_jsx("div", { className: "mb-0.5 text-xs uppercase tracking-wide text-muted-foreground", children: label }), _jsx("div", { className: "text-sm", children: value })] }));
+}
+function makeFormatMoney(locale, currency) {
+    return (cents) => {
+        try {
+            return new Intl.NumberFormat(locale, { style: "currency", currency }).format(cents / 100);
+        }
+        catch {
+            return `${(cents / 100).toFixed(2)} ${currency}`;
+        }
+    };
+}

package/dist/admin/bookings-host.d.ts

@@ -0,0 +1,26 @@
+import type { ReactNode } from "react";
+import type { BookingListFiltersState } from "../components/booking-list.js";
+export interface BookingsHostProps {
+    /** Filter / sort / paging state parsed from the URL by the route file. */
+    initialFilters?: Partial<BookingListFiltersState>;
+    /** Fires on any filter change; the route file projects it back into the URL. */
+    onFiltersChange?: (filters: BookingListFiltersState) => void;
+    /**
+     * Extra action(s) rendered alongside the primary "New booking" button.
+     * App-owned adjacent flows (e.g. the operator's "Compose trip" link)
+     * land here so the packaged page doesn't hardcode other domains.
+     */
+    headerActions?: ReactNode;
+}
+/**
+ * Packaged admin host for `BookingsPage` (packaged-admin RFC Phase 3).
+ *
+ * Proof-of-contract for semantic destinations (RFC §4.7): no host route
+ * tree is imported — opening a booking resolves `"booking.detail"` and the
+ * "New booking" button resolves `"booking.create"` through the resolvers
+ * the workspace shell registered. The route file stays the thin binding
+ * layer for search-state (via {@link bookingsIndexSearchSchema} and the
+ * `bookingsSearchToFilters`/`bookingsFiltersToSearch` helpers).
+ */
+export declare function BookingsHost({ initialFilters, onFiltersChange, headerActions, }: BookingsHostProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=bookings-host.d.ts.map

package/dist/admin/bookings-host.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bookings-host.d.ts","sourceRoot":"","sources":["../../src/admin/bookings-host.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,+BAA+B,CAAA;AAG5E,MAAM,WAAW,iBAAiB;IAChC,0EAA0E;IAC1E,cAAc,CAAC,EAAE,OAAO,CAAC,uBAAuB,CAAC,CAAA;IACjD,gFAAgF;IAChF,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,uBAAuB,KAAK,IAAI,CAAA;IAC5D;;;;OAIG;IACH,aAAa,CAAC,EAAE,SAAS,CAAA;CAC1B;AAED;;;;;;;;;GASG;AACH,wBAAgB,YAAY,CAAC,EAC3B,cAAc,EACd,eAAe,EACf,aAAa,GACd,EAAE,iBAAiB,2CAYnB"}

package/dist/admin/bookings-host.js

@@ -0,0 +1,18 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useAdminNavigate } from "@voyantjs/admin";
+import { BookingsPage } from "../components/bookings-page.js";
+/**
+ * Packaged admin host for `BookingsPage` (packaged-admin RFC Phase 3).
+ *
+ * Proof-of-contract for semantic destinations (RFC §4.7): no host route
+ * tree is imported — opening a booking resolves `"booking.detail"` and the
+ * "New booking" button resolves `"booking.create"` through the resolvers
+ * the workspace shell registered. The route file stays the thin binding
+ * layer for search-state (via {@link bookingsIndexSearchSchema} and the
+ * `bookingsSearchToFilters`/`bookingsFiltersToSearch` helpers).
+ */
+export function BookingsHost({ initialFilters, onFiltersChange, headerActions, }) {
+    const navigateTo = useAdminNavigate();
+    return (_jsx(BookingsPage, { onCreateBooking: () => navigateTo("booking.create", {}), onBookingOpen: (booking) => navigateTo("booking.detail", { bookingId: booking.id }), headerActions: headerActions, initialFilters: initialFilters, onFiltersChange: onFiltersChange }));
+}

package/dist/admin/bookings-list-skeleton.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Route-level placeholder for the bookings list. Mirrors `BookingsPage` +
+ * `BookingList`:
+ *   - Page title + description
+ *   - Search input (left) + "New booking" button (right)
+ *   - 5-column table: Booking # / Status / Sell Amount / Pax / Start Date
+ *   - Pagination bar
+ */
+export declare function BookingsListSkeleton(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=bookings-list-skeleton.d.ts.map

package/dist/admin/bookings-list-skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bookings-list-skeleton.d.ts","sourceRoot":"","sources":["../../src/admin/bookings-list-skeleton.tsx"],"names":[],"mappings":"AAaA;;;;;;;GAOG;AACH,wBAAgB,oBAAoB,4CA2CnC"}

package/dist/admin/bookings-list-skeleton.js

@@ -0,0 +1,25 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useOperatorAdminMessages } from "@voyantjs/admin";
+import { Skeleton } from "@voyantjs/ui/components/skeleton";
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "@voyantjs/ui/components/table";
+/**
+ * Route-level placeholder for the bookings list. Mirrors `BookingsPage` +
+ * `BookingList`:
+ *   - Page title + description
+ *   - Search input (left) + "New booking" button (right)
+ *   - 5-column table: Booking # / Status / Sell Amount / Pax / Start Date
+ *   - Pagination bar
+ */
+export function BookingsListSkeleton() {
+    const bookingMessages = useOperatorAdminMessages().bookings.list;
+    return (_jsxs("div", { className: "flex flex-col gap-6 p-6", children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Skeleton, { className: "h-7 w-28" }), _jsx(Skeleton, { className: "h-4 w-80" })] }), _jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [_jsx(Skeleton, { className: "h-9 w-full max-w-sm" }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Skeleton, { className: "h-9 w-32" }), _jsx(Skeleton, { className: "h-9 w-36" })] })] }), _jsx("div", { className: "rounded-md border", children: _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: bookingMessages.tableBookingNumber }), _jsx(TableHead, { children: bookingMessages.tableStatus }), _jsx(TableHead, { children: bookingMessages.tableSellAmount }), _jsx(TableHead, { children: bookingMessages.tablePax }), _jsx(TableHead, { children: bookingMessages.tableStartDate })] }) }), _jsx(SkeletonRows, { rows: 8, widths: ["w-28", "w-20", "w-24", "w-6", "w-24"] })] }) }), _jsxs("div", { className: "flex items-center justify-between", children: [_jsx(Skeleton, { className: "h-4 w-40" }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Skeleton, { className: "h-8 w-20" }), _jsx(Skeleton, { className: "h-4 w-20" }), _jsx(Skeleton, { className: "h-8 w-16" })] })] })] }));
+}
+/** Placeholder `<TableBody>` with one skeleton line per cell. */
+function SkeletonRows({ rows, widths }) {
+    return (_jsx(TableBody, { children: Array.from({ length: rows }).map((_, r) => (_jsx(TableRow
+        // biome-ignore lint/suspicious/noArrayIndexKey: stable placeholders
+        , { children: widths.map((width, c) => (_jsx(TableCell
+            // biome-ignore lint/suspicious/noArrayIndexKey: stable placeholders
+            , { children: _jsx(Skeleton, { className: `h-4 ${width}` }) }, c))) }, r))) }));
+}