@voyant-travel/bookings-react 0.119.3

package/dist/admin/booking-detail-host.js

@@ -0,0 +1,127 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { AdminWidgetSlotRenderer, resolveAdminWidgets, useAdminBreadcrumbs, useAdminExtensions, useAdminHref, useAdminNavigate, useLocale, useOperatorAdminMessages, } from "@voyant-travel/admin";
+import { useInvoices, usePaymentMutation } from "@voyant-travel/finance-react";
+import { Sheet, SheetContent } from "@voyant-travel/ui/components/sheet";
+import { useState } from "react";
+import { BookingDetailPage, } from "../components/booking-detail-page.js";
+import { useBooking } from "../index.js";
+import { BookingDocumentsTable } from "./booking-documents-table.js";
+import { BookingInvoiceSheet } from "./booking-invoice-sheet.js";
+import { bookingDetailFinanceEndSlot, bookingDetailFinanceStartSlot, bookingDetailInvoicesTabSlot, } from "./slots.js";
+import { useBookingActionLedgerEvents } from "./use-booking-action-ledger-events.js";
+// The slot ids live in `./slots.js` — a lean, component-free module — so
+// other domains' admin extension factories (evaluated with workspace chrome)
+// can import them without pulling this host into the entry chunk.
+// Re-exported here for backwards compatibility.
+export { bookingDetailFinanceEndSlot, bookingDetailFinanceStartSlot, bookingDetailInvoicesTabSlot };
+/**
+ * Packaged admin host for the canonical `BookingDetailPage` (packaged-admin
+ * RFC Phase 3). Owns everything package-clean:
+ *
+ *   - Cross-route links resolve through semantic destinations (RFC §4.7):
+ *     `booking.list`, `person.detail`, `organization.detail`,
+ *     `product.detail`, `availabilitySlot.detail`, `payment.detail`,
+ *     `invoice.detail` — no host route tree import.
+ *   - Admin chrome breadcrumbs (`useAdminBreadcrumbs`).
+ *   - Admin widget extension points: the `booking.details.header` and
+ *     `booking.details.after-summary` slots render through the shared
+ *     `AdminWidgetSlotRenderer`, which reads the workspace shell's
+ *     `AdminExtensionsProvider` context.
+ *   - Paid-amount aggregation across the booking's invoices and the
+ *     derived fully-paid disabled reasons.
+ *   - Payment row delete (finance-react mutation) and the in-place
+ *     invoice sheet ({@link BookingInvoiceSheet}).
+ *
+ * App-local cards without package-level data access stay injectable via
+ * {@link BookingDetailHostSlots}.
+ */
+export function BookingDetailHost({ id, activeTab, onTabChange, onRecordPayment, onEditPayment, onGenerateLink, slots, }) {
+    const detailMessages = useOperatorAdminMessages().bookings.detail;
+    const { resolvedLocale } = useLocale();
+    const resolveHref = useAdminHref();
+    const navigateTo = useAdminNavigate();
+    // Finance (or any extension that may not import this package) contributes
+    // the Invoices-tab content as widget contributions; the tab mounts whenever
+    // an app slot or at least one widget targets it.
+    const adminExtensions = useAdminExtensions();
+    const hasInvoicesTabWidgets = resolveAdminWidgets({ slot: bookingDetailInvoicesTabSlot, extensions: adminExtensions })
+        .length > 0;
+    const [viewingInvoiceId, setViewingInvoiceId] = useState(null);
+    const { remove: removePayment } = usePaymentMutation();
+    // Mirror the booking fetch so the admin chrome can render breadcrumbs
+    // without prop-drilling through the canonical page. TanStack Query
+    // dedupes by key, so this doesn't issue a second network request.
+    const { data: bookingData } = useBooking(id);
+    const booking = bookingData?.data;
+    // Sum customer payments across this booking's non-credit-note,
+    // non-draft invoices.
+    const { data: invoicesData } = useInvoices({ bookingId: id, limit: 20 });
+    const paidAmountCents = invoicesData?.data
+        ? invoicesData.data
+            .filter((inv) => {
+            const type = inv.invoiceType ?? "invoice";
+            return type !== "credit_note" && inv.status !== "draft";
+        })
+            .reduce((sum, inv) => sum + (inv.paidCents ?? 0), 0)
+        : null;
+    const fullyPaidReason = booking &&
+        booking.sellAmountCents != null &&
+        paidAmountCents != null &&
+        paidAmountCents >= booking.sellAmountCents
+        ? detailMessages.generateLinkFullyPaid
+        : null;
+    const bookingsHref = resolveHref("booking.list", {});
+    useAdminBreadcrumbs(booking
+        ? [
+            { label: detailMessages.breadcrumbBookings, href: bookingsHref },
+            { label: booking.bookingNumber },
+        ]
+        : [{ label: detailMessages.breadcrumbBookings, href: bookingsHref }]);
+    const slotContext = (b) => ({
+        booking: b,
+        paidAmountCents,
+        fullyPaidReason,
+        openInvoiceSheet: setViewingInvoiceId,
+        onGenerateLink,
+    });
+    // Central action-ledger entries merged into the Activity timeline —
+    // package-owned since the feed ships from `@voyant-travel/bookings-react`.
+    const { events: actionLedgerEvents, footer: actionLedgerFooter } = useBookingActionLedgerEvents(id);
+    const activityExtraEvents = slots?.activityExtraEvents
+        ? [...actionLedgerEvents, ...slots.activityExtraEvents]
+        : actionLedgerEvents;
+    return (_jsxs(_Fragment, { children: [_jsx(BookingDetailPage, { id: id, locale: resolvedLocale, hideBreadcrumb: true, activeTab: activeTab, onTabChange: onTabChange, onBack: () => navigateTo("booking.list", {}), onPersonOpen: (personId) => navigateTo("person.detail", { personId }), onOrganizationOpen: (organizationId) => navigateTo("organization.detail", { organizationId }), onRecordPayment: onRecordPayment ? () => onRecordPayment() : undefined, recordPaymentDisabledReason: fullyPaidReason, addScheduleDisabledReason: fullyPaidReason, paidAmountCents: paidAmountCents, onItemResourceOpen: (kind, resourceId) => {
+                    if (kind === "product") {
+                        navigateTo("product.detail", { productId: resourceId });
+                        return;
+                    }
+                    if (kind === "availabilitySlot") {
+                        navigateTo("availabilitySlot.detail", { slotId: resourceId });
+                    }
+                }, onInvoiceOpen: (invoiceId) => setViewingInvoiceId(invoiceId), onViewPayment: (row) => navigateTo("payment.detail", { paymentId: row.id }), onEditPayment: onEditPayment, onDeletePayment: async (row) => {
+                    await removePayment.mutateAsync(row.id);
+                }, slots: {
+                    header: (b) => (_jsx(AdminWidgetSlotRenderer, { slot: "booking.details.header", props: { booking: b } })),
+                    afterSummary: (b) => (_jsx(AdminWidgetSlotRenderer, { slot: "booking.details.after-summary", props: { booking: b } })),
+                    financeStart: (b) => (_jsxs(_Fragment, { children: [slots?.financeStart?.(slotContext(b)), _jsx(AdminWidgetSlotRenderer, { slot: bookingDetailFinanceStartSlot, props: { ...slotContext(b) } })] })),
+                    financeEnd: (b) => (_jsxs(_Fragment, { children: [slots?.financeEnd?.(slotContext(b)), _jsx(AdminWidgetSlotRenderer, { slot: bookingDetailFinanceEndSlot, props: { ...slotContext(b) } })] })),
+                    invoicesTab: slots?.invoicesTab || hasInvoicesTabWidgets
+                        ? {
+                            label: slots?.invoicesTab?.label,
+                            content: (b) => (_jsxs(_Fragment, { children: [slots?.invoicesTab?.content(slotContext(b)), _jsx(AdminWidgetSlotRenderer, { slot: bookingDetailInvoicesTabSlot, props: { ...slotContext(b) } })] })),
+                        }
+                        : undefined,
+                    documents: slots?.documents
+                        ? (b) => slots.documents?.(slotContext(b))
+                        : () => _jsx(BookingDocumentsTable, { bookingId: id }),
+                    activityExtraEvents,
+                    activityTimelineFooter: actionLedgerFooter || slots?.activityTimelineFooter ? (_jsxs(_Fragment, { children: [actionLedgerFooter, slots?.activityTimelineFooter] })) : undefined,
+                } }), _jsx(Sheet, { open: Boolean(viewingInvoiceId), onOpenChange: (open) => {
+                    if (!open)
+                        setViewingInvoiceId(null);
+                }, children: _jsx(SheetContent, { side: "right", className: "w-full! max-w-5xl!", children: viewingInvoiceId ? (_jsx(BookingInvoiceSheet, { invoiceId: viewingInvoiceId, onOpenInvoice: (invoiceId) => {
+                            setViewingInvoiceId(null);
+                            navigateTo("invoice.detail", { invoiceId });
+                        } })) : null }) })] }));
+}

package/dist/admin/booking-detail-skeleton.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Route-level placeholder for the booking detail page. Mirrors the
+ * canonical `BookingDetailPage` layout (header row, summary card, tab
+ * bar, two list cards) so the pending state doesn't shift the page.
+ */
+export declare function BookingDetailSkeleton(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=booking-detail-skeleton.d.ts.map

package/dist/admin/booking-detail-skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"booking-detail-skeleton.d.ts","sourceRoot":"","sources":["../../src/admin/booking-detail-skeleton.tsx"],"names":[],"mappings":"AAGA;;;;GAIG;AACH,wBAAgB,qBAAqB,4CAUpC"}

package/dist/admin/booking-detail-skeleton.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card, CardContent, CardHeader } from "@voyant-travel/ui/components/card";
+import { Skeleton } from "@voyant-travel/ui/components/skeleton";
+/**
+ * Route-level placeholder for the booking detail page. Mirrors the
+ * canonical `BookingDetailPage` layout (header row, summary card, tab
+ * bar, two list cards) so the pending state doesn't shift the page.
+ */
+export function BookingDetailSkeleton() {
+    return (_jsxs("div", { className: "flex flex-col gap-6 p-6", children: [_jsx(Header, {}), _jsx(SummaryCard, {}), _jsx(TabsBar, {}), _jsx(ListCard, { titleWidth: "w-32", rows: 3 }), _jsx(ListCard, { titleWidth: "w-28", rows: 2 })] }));
+}
+function Header() {
+    return (_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Skeleton, { className: "h-7 w-44" }), _jsx(Skeleton, { className: "h-5 w-20 rounded-full" })] }), _jsx(Skeleton, { className: "h-8 w-8 rounded-md" })] }));
+}
+function SummaryCard() {
+    return (_jsx(Card, { children: _jsx(CardContent, { className: "grid grid-cols-2 gap-6 py-6 sm:grid-cols-4", children: Array.from({ length: 8 }).map((_, i) => (_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Skeleton, { className: "h-3 w-20" }), _jsx(Skeleton, { className: "h-5 w-28" }), _jsx(Skeleton, { className: "h-3 w-12" })] }, i))) }) }));
+}
+function TabsBar() {
+    const widths = ["w-20", "w-20", "w-16", "w-20", "w-24", "w-16"];
+    return (_jsx("div", { className: "flex h-9 w-fit items-center gap-1 rounded-lg bg-muted p-[3px]", children: widths.map((w, i) => (_jsx(Skeleton, { className: `h-7 rounded-md ${w}` }, i))) }));
+}
+function ListCard({ titleWidth, rows }) {
+    return (_jsxs(Card, { children: [_jsxs(CardHeader, { className: "flex flex-row items-center justify-between", children: [_jsx(Skeleton, { className: `h-5 ${titleWidth}` }), _jsx(Skeleton, { className: "h-8 w-24" })] }), _jsx(CardContent, { className: "space-y-2", children: Array.from({ length: rows }).map((_, i) => (_jsxs("div", { className: "flex items-center justify-between rounded-md border px-3 py-3", children: [_jsxs("div", { className: "space-y-1.5", children: [_jsx(Skeleton, { className: "h-4 w-48" }), _jsx(Skeleton, { className: "h-3 w-32" })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Skeleton, { className: "h-4 w-16" }), _jsx(Skeleton, { className: "h-5 w-16 rounded-full" })] })] }, i))) })] }));
+}

package/dist/admin/booking-documents-table.d.ts

@@ -0,0 +1,13 @@
+export interface BookingDocumentsTableProps {
+    bookingId: string;
+}
+/**
+ * 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 declare function BookingDocumentsTable({ bookingId, }: BookingDocumentsTableProps): React.ReactElement;
+//# sourceMappingURL=booking-documents-table.d.ts.map

package/dist/admin/booking-documents-table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"booking-documents-table.d.ts","sourceRoot":"","sources":["../../src/admin/booking-documents-table.tsx"],"names":[],"mappings":"AA8CA,MAAM,WAAW,0BAA0B;IACzC,SAAS,EAAE,MAAM,CAAA;CAClB;AAmDD;;;;;;;GAOG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,SAAS,GACV,EAAE,0BAA0B,GAAG,KAAK,CAAC,YAAY,CA6MjD"}

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

@@ -0,0 +1,259 @@
+// agent-quality: file-size exception -- owner: bookings-react; existing UI surface stays co-located until a dedicated split preserves behavior and tests.
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useQueryClient } from "@tanstack/react-query";
+import { useAdminNavigate, useOperatorAdminMessages } from "@voyant-travel/admin";
+import { legalQueryKeys, useLegalContractAttachments, useLegalContracts, useVoyantLegalContext, } from "@voyant-travel/legal-react";
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, Badge, Button, } from "@voyant-travel/ui/components";
+import { DataTable } from "@voyant-travel/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 { useBooking, useBookingContractGenerationMutation, useBookingTravelerDocumentMutation, useBookingTravelerDocuments, useTravelers, } from "../index.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 "@voyant-travel/admin";
+import { useInvoice, useInvoiceAttachments, useInvoiceLineItems, useInvoiceMutation, useInvoicePayments, useVoyantFinanceContext, } from "@voyant-travel/finance-react";
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, Button, SheetHeader, SheetTitle, } from "@voyant-travel/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/booking-journey-host.d.ts

@@ -0,0 +1,24 @@
+export interface BookingJourneyHostProps {
+    entityModule: string;
+    entityId: string;
+    /** Usually omitted — the server resolves provenance from `(module, id)`. */
+    sourceKind?: string;
+    sourceConnectionId?: string;
+    sourceRef?: string;
+    departureId?: string;
+    /** Free-form departure date (ISO) for sourced products with no slot id. */
+    departureDate?: string;
+    optionId?: string;
+    /** Sourced stays/package rate pin — the exact room + rate plan to re-resolve. */
+    roomTypeId?: string;
+    ratePlanId?: string;
+    board?: string;
+    /** Preview hints (name + hero image) for sourced entities, which aren't in
+     *  the owned products table. */
+    entityName?: string;
+    entityImageUrl?: string;
+    draftId: string;
+    className?: string;
+}
+export declare function BookingJourneyHost({ entityModule, entityId, sourceKind, sourceConnectionId, sourceRef, departureId, departureDate, optionId, roomTypeId, ratePlanId, board, entityName, entityImageUrl, draftId, className, }: BookingJourneyHostProps): React.ReactElement;
+//# sourceMappingURL=booking-journey-host.d.ts.map

package/dist/admin/booking-journey-host.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"booking-journey-host.d.ts","sourceRoot":"","sources":["../../src/admin/booking-journey-host.tsx"],"names":[],"mappings":"AAuDA,MAAM,WAAW,uBAAuB;IACtC,YAAY,EAAE,MAAM,CAAA;IACpB,QAAQ,EAAE,MAAM,CAAA;IAChB,4EAA4E;IAC5E,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,2EAA2E;IAC3E,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,iFAAiF;IACjF,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;oCACgC;IAChC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,kBAAkB,CAAC,EACjC,YAAY,EACZ,QAAQ,EACR,UAAU,EACV,kBAAkB,EAClB,SAAS,EACT,WAAW,EACX,aAAa,EACb,QAAQ,EACR,UAAU,EACV,UAAU,EACV,KAAK,EACL,UAAU,EACV,cAAc,EACd,OAAO,EACP,SAAS,GACV,EAAE,uBAAuB,GAAG,KAAK,CAAC,YAAY,CAqG9C"}