@voyant-travel/bookings-react 0.119.3

package/dist/components/booking-quick-view-sheet.js

@@ -0,0 +1,283 @@
+// 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, Fragment as _Fragment } from "react/jsx-runtime";
+import { useAdminBookingPayments, useBookingPaymentSchedules, useInvoiceAttachments, useInvoices, useVoyantFinanceContext, } from "@voyant-travel/finance-react";
+import { useLegalContractAttachments, useLegalContracts, useVoyantLegalContext, } from "@voyant-travel/legal-react";
+import { useOrganization, usePerson } from "@voyant-travel/relationships-react";
+import { Badge, Button, Collapsible, CollapsibleContent, CollapsibleTrigger, cn, Sheet, SheetBody, SheetContent, SheetFooter, SheetHeader, SheetTitle, } from "@voyant-travel/ui/components";
+import { ArrowRight, Building2, Calendar, ChevronDown, CreditCard, ExternalLink, FileText, Globe, Languages, Mail, MessageSquare, Paperclip, Phone, ScrollText, StickyNote, User, Users, } from "lucide-react";
+import { Fragment, useState } from "react";
+import { useBookingsUiI18nOrDefault, useBookingsUiMessagesOrDefault } from "../i18n/index.js";
+import { bookingStatusBadgeVariant, useBooking, useBookingTravelerDocuments, useRevealTraveler, useTravelers, } from "../index.js";
+export function BookingQuickViewSheet({ bookingId, open, onOpenChange, onViewFull, locale, }) {
+    const i18n = useBookingsUiI18nOrDefault();
+    const messages = useBookingsUiMessagesOrDefault();
+    const detail = messages.bookingDetailPage;
+    const quick = messages.bookingQuickViewSheet;
+    const resolvedLocale = locale ?? i18n.locale;
+    const query = useBooking(bookingId ?? undefined, {
+        enabled: open && Boolean(bookingId),
+    });
+    const booking = query.data?.data ?? null;
+    // `isPending` stays true for disabled queries in @tanstack/react-query
+    // v5, so opening the sheet with no `bookingId` would render an
+    // indefinite loading state. Gate on an active fetch instead.
+    const isLoading = Boolean(bookingId) && query.fetchStatus === "fetching" && !booking;
+    return (_jsx(Sheet, { open: open, onOpenChange: onOpenChange, children: _jsxs(SheetContent, { side: "right", className: "sm:max-w-md", children: [_jsx(SheetHeader, { className: "border-b", children: booking ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex items-center justify-between gap-3", children: [_jsx(SheetTitle, { className: "font-mono text-sm", children: booking.bookingNumber }), _jsx(Badge, { variant: bookingStatusBadgeVariant[booking.status], children: messages.common.bookingStatusLabels[booking.status] ?? booking.status })] }), _jsx("div", { className: "text-2xl font-semibold tabular-nums", children: formatAmount(booking.sellAmountCents, booking.sellCurrency, resolvedLocale, detail.noValue) })] })) : (_jsx(SheetTitle, { children: quick.loadingTitle })) }), _jsx(SheetBody, { className: "flex flex-col gap-5", children: isLoading ? (_jsx("p", { className: "text-sm text-muted-foreground", children: messages.common.loading })) : !booking ? (_jsx("p", { className: "text-sm text-muted-foreground", children: detail.notFound })) : (_jsx(QuickViewBody, { booking: booking, locale: resolvedLocale })) }), onViewFull && booking ? (_jsx(SheetFooter, { children: _jsxs(Button, { type: "button", className: "w-full", onClick: () => onViewFull(booking), children: [quick.viewFullAction, _jsx(ArrowRight, { className: "ml-1 h-4 w-4", "aria-hidden": "true" })] }) })) : null] }) }));
+}
+function QuickViewBody({ booking, locale }) {
+    const messages = useBookingsUiMessagesOrDefault();
+    const detail = messages.bookingDetailPage;
+    const dateRange = booking.startDate
+        ? booking.endDate && booking.endDate !== booking.startDate
+            ? `${formatDate(booking.startDate, locale, detail.noValue)} - ${formatDate(booking.endDate, locale, detail.noValue)}`
+            : formatDate(booking.startDate, locale, detail.noValue)
+        : detail.tbd;
+    return (_jsxs("div", { className: "flex flex-col gap-5", children: [_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsxs("div", { className: "flex items-center gap-2 text-sm", children: [_jsx(Calendar, { className: "h-4 w-4 text-muted-foreground", "aria-hidden": "true" }), _jsx("span", { children: dateRange })] }), _jsxs("div", { className: "flex items-center gap-2 text-sm", children: [_jsx(Users, { className: "h-4 w-4 text-muted-foreground", "aria-hidden": "true" }), _jsx("span", { children: booking.pax != null
+                                    ? `${booking.pax} ${messages.bookingQuickViewSheet.paxSuffix}`
+                                    : detail.noValue })] })] }), _jsx(ContactSection, { booking: booking }), _jsx(TravelersSection, { bookingId: booking.id, expectedPax: booking.pax, locale: locale }), _jsx(PaymentsSection, { booking: booking, locale: locale }), _jsx(InvoicesSection, { booking: booking }), _jsx(PaymentScheduleSection, { booking: booking, locale: locale }), _jsx(ContractsSection, { bookingId: booking.id })] }));
+}
+function ContactSection({ booking }) {
+    const messages = useBookingsUiMessagesOrDefault();
+    const quick = messages.bookingQuickViewSheet;
+    // Source of truth for billing snapshot is the booking row itself —
+    // those `contact_*` columns are stamped at create time and persist
+    // even if the linked CRM record changes. Fall back to the live person
+    // / organization for fields we don't snapshot (preferred language,
+    // website).
+    const person = usePerson(booking.personId ?? undefined, {
+        enabled: Boolean(booking.personId),
+    }).data;
+    const organization = useOrganization(booking.organizationId ?? undefined, {
+        enabled: Boolean(booking.organizationId),
+    }).data;
+    const name = [booking.contactFirstName, booking.contactLastName].filter(Boolean).join(" ") ||
+        (person ? [person.firstName, person.lastName].filter(Boolean).join(" ") : "") ||
+        organization?.name ||
+        "";
+    const email = booking.contactEmail ?? person?.email ?? null;
+    const phone = booking.contactPhone ?? person?.phone ?? null;
+    const language = booking.contactPreferredLanguage ?? person?.preferredLanguage ?? null;
+    const addressParts = [
+        booking.contactAddressLine1,
+        booking.contactAddressLine2,
+        [booking.contactPostalCode, booking.contactCity].filter(Boolean).join(" ") || null,
+        booking.contactRegion,
+        booking.contactCountry,
+    ].filter((part) => Boolean(part));
+    if (!name && !email && !phone && addressParts.length === 0 && !organization)
+        return null;
+    return (_jsx(Section, { icon: _jsx(User, { className: "h-3.5 w-3.5" }), label: quick.sectionPayer, children: _jsxs("div", { className: "flex flex-col gap-1.5", children: [name ? _jsx("div", { className: "text-sm font-medium", children: name }) : null, organization?.name && organization.name !== name ? (_jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [_jsx(Building2, { className: "h-3.5 w-3.5 shrink-0", "aria-hidden": "true" }), _jsx("span", { className: "truncate", children: organization.name })] })) : null, email ? (_jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [_jsx(Mail, { className: "h-3.5 w-3.5 shrink-0", "aria-hidden": "true" }), _jsx("a", { href: `mailto:${email}`, className: "truncate hover:underline", children: email })] })) : null, phone ? (_jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [_jsx(Phone, { className: "h-3.5 w-3.5 shrink-0", "aria-hidden": "true" }), _jsx("a", { href: `tel:${phone}`, className: "truncate hover:underline", children: phone })] })) : null, language ? (_jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [_jsx(Languages, { className: "h-3.5 w-3.5 shrink-0", "aria-hidden": "true" }), _jsx("span", { className: "truncate uppercase", children: language })] })) : null, person?.website ? (_jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [_jsx(Globe, { className: "h-3.5 w-3.5 shrink-0", "aria-hidden": "true" }), _jsx("a", { href: person.website, target: "_blank", rel: "noopener noreferrer", className: "truncate hover:underline", children: person.website })] })) : null, addressParts.length > 0 ? (_jsx("div", { className: "text-xs text-muted-foreground", children: addressParts.join(", ") })) : null] }) }));
+}
+function TravelersSection({ bookingId, expectedPax, locale, }) {
+    const messages = useBookingsUiMessagesOrDefault();
+    const quick = messages.bookingQuickViewSheet;
+    const { data } = useTravelers(bookingId);
+    const documentsQuery = useBookingTravelerDocuments(bookingId);
+    const travelers = data?.data ?? [];
+    const documentsByTravelerId = new Map();
+    // Booking-level documents (no `travelerId`) stay attached to the
+    // booking rather than the travelers list — surfacing them per-traveler
+    // would imply the wrong owner. We only group attachments that name a
+    // specific traveler.
+    for (const doc of documentsQuery.data?.data ?? []) {
+        if (!doc.travelerId)
+            continue;
+        const bucket = documentsByTravelerId.get(doc.travelerId) ?? [];
+        bucket.push(doc);
+        documentsByTravelerId.set(doc.travelerId, bucket);
+    }
+    const counter = expectedPax != null ? `${travelers.length}/${expectedPax}` : String(travelers.length);
+    return (_jsx(Section, { icon: _jsx(Users, { className: "h-3.5 w-3.5" }), label: quick.sectionTravelers, count: counter, children: travelers.length === 0 ? (_jsx("p", { className: "text-sm text-muted-foreground", children: quick.travelersEmpty })) : (_jsx("ul", { className: "flex flex-col gap-2", children: travelers.map((traveler) => (_jsx(TravelerCard, { bookingId: bookingId, traveler: traveler, documents: documentsByTravelerId.get(traveler.id) ?? [], locale: locale }, traveler.id))) })) }));
+}
+function TravelerCard({ bookingId, traveler, documents, locale, }) {
+    const messages = useBookingsUiMessagesOrDefault();
+    const quick = messages.bookingQuickViewSheet;
+    const reveal = quick.travelerReveal;
+    const [expanded, setExpanded] = useState(false);
+    // The reveal endpoint audit-logs every call, so it must only fire
+    // when the operator actively clicks "More info" — never on mount.
+    const revealQuery = useRevealTraveler(bookingId, traveler.id, { enabled: expanded });
+    const revealed = revealQuery.data?.data ?? null;
+    const travelDetails = revealed?.travelDetails ?? null;
+    const name = [traveler.firstName, traveler.lastName].filter(Boolean).join(" ").trim();
+    const category = traveler.travelerCategory ?? null;
+    const categoryLabel = category
+        ? (quick.travelerCategoryLabels[category] ??
+            category)
+        : null;
+    const revealRows = [];
+    if (travelDetails) {
+        if (travelDetails.dateOfBirth) {
+            revealRows.push({
+                label: reveal.dateOfBirth,
+                value: formatDate(travelDetails.dateOfBirth, locale, ""),
+            });
+        }
+        if (travelDetails.nationality) {
+            revealRows.push({
+                label: reveal.nationality,
+                value: _jsx("span", { className: "uppercase", children: travelDetails.nationality }),
+            });
+        }
+        if (travelDetails.documentType) {
+            revealRows.push({
+                label: reveal.documentType,
+                value: (_jsx(Badge, { variant: "outline", className: "text-[10px] uppercase", children: travelDetails.documentType.replace(/_/g, " ") })),
+            });
+        }
+        if (travelDetails.documentNumber) {
+            revealRows.push({
+                label: reveal.documentNumber,
+                value: _jsx("span", { className: "font-mono text-xs", children: travelDetails.documentNumber }),
+            });
+        }
+        if (travelDetails.documentExpiry) {
+            revealRows.push({
+                label: reveal.documentExpiry,
+                value: formatDate(travelDetails.documentExpiry, locale, ""),
+            });
+        }
+        if (travelDetails.documentIssuingCountry) {
+            revealRows.push({
+                label: reveal.documentIssuingCountry,
+                value: _jsx("span", { className: "uppercase", children: travelDetails.documentIssuingCountry }),
+            });
+        }
+        if (travelDetails.documentIssuingAuthority) {
+            revealRows.push({
+                label: reveal.documentIssuingAuthority,
+                value: travelDetails.documentIssuingAuthority,
+            });
+        }
+        if (travelDetails.dietaryRequirements) {
+            revealRows.push({
+                label: reveal.dietaryRequirements,
+                value: _jsx("span", { className: "whitespace-pre-wrap", children: travelDetails.dietaryRequirements }),
+            });
+        }
+        if (travelDetails.accessibilityNeeds) {
+            revealRows.push({
+                label: reveal.accessibilityNeeds,
+                value: _jsx("span", { className: "whitespace-pre-wrap", children: travelDetails.accessibilityNeeds }),
+            });
+        }
+        if (travelDetails.bedPreference) {
+            revealRows.push({
+                label: reveal.bedPreference,
+                value: (_jsx(Badge, { variant: "outline", className: "text-[10px] uppercase", children: travelDetails.bedPreference.replace(/-/g, " ") })),
+            });
+        }
+    }
+    return (_jsxs("li", { className: "flex flex-col gap-2 rounded-md border p-3 text-sm", children: [_jsxs("div", { className: "flex items-start justify-between gap-2", children: [_jsx("span", { className: "truncate font-medium", children: name || quick.travelerUnnamed }), _jsxs("div", { className: "flex shrink-0 items-center gap-1", children: [traveler.isPrimary ? (_jsx(Badge, { variant: "outline", className: "text-[10px] uppercase", children: quick.travelerCategoryLabels.lead })) : null, categoryLabel ? (_jsx(Badge, { variant: "outline", className: "text-[10px] uppercase", children: categoryLabel })) : null] })] }), _jsxs("div", { className: "flex flex-col gap-1 text-xs text-muted-foreground", children: [traveler.email ? (_jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx(Mail, { className: "h-3 w-3 shrink-0", "aria-hidden": "true" }), _jsx("a", { href: `mailto:${traveler.email}`, className: "truncate hover:underline", children: traveler.email })] })) : null, traveler.phone ? (_jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx(Phone, { className: "h-3 w-3 shrink-0", "aria-hidden": "true" }), _jsx("a", { href: `tel:${traveler.phone}`, className: "truncate hover:underline", children: traveler.phone })] })) : null, traveler.preferredLanguage ? (_jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx(Languages, { className: "h-3 w-3 shrink-0", "aria-hidden": "true" }), _jsx("span", { className: "truncate uppercase", children: traveler.preferredLanguage })] })) : null, traveler.specialRequests ? (_jsxs("div", { className: "flex items-start gap-1.5", children: [_jsx(MessageSquare, { className: "mt-0.5 h-3 w-3 shrink-0", "aria-hidden": "true" }), _jsx("span", { className: "whitespace-pre-wrap", children: traveler.specialRequests })] })) : null, traveler.notes ? (_jsxs("div", { className: "flex items-start gap-1.5", children: [_jsx(StickyNote, { className: "mt-0.5 h-3 w-3 shrink-0", "aria-hidden": "true" }), _jsx("span", { className: "whitespace-pre-wrap", children: traveler.notes })] })) : null] }), documents.length > 0 ? (_jsxs("div", { className: "flex flex-col gap-1 border-t pt-2", children: [_jsxs("div", { className: "flex items-center gap-1.5 text-[10px] font-medium uppercase tracking-wide text-muted-foreground", children: [_jsx(Paperclip, { className: "h-3 w-3", "aria-hidden": "true" }), quick.sectionTravelerDocuments, _jsx("span", { className: "font-mono normal-case", children: documents.length })] }), _jsx("ul", { className: "flex flex-col", children: documents.map((doc) => (_jsxs("li", { className: "flex items-center justify-between gap-2 py-0.5 text-xs", children: [_jsxs("a", { href: doc.fileUrl, target: "_blank", rel: "noopener noreferrer", className: "inline-flex min-w-0 items-center gap-1 hover:underline", children: [_jsx("span", { className: "truncate", children: doc.fileName }), _jsx(ExternalLink, { className: "h-3 w-3 shrink-0", "aria-hidden": "true" })] }), _jsx(Badge, { variant: "outline", className: "shrink-0 text-[10px] uppercase", children: doc.type.replace(/_/g, " ") })] }, doc.id))) })] })) : null, _jsxs(Collapsible, { open: expanded, onOpenChange: setExpanded, children: [_jsx(CollapsibleTrigger, { render: _jsxs("button", { type: "button", className: "flex w-full items-center justify-between gap-2 border-t pt-2 text-[10px] font-medium uppercase tracking-wide text-muted-foreground transition-colors hover:text-foreground", children: [_jsx("span", { children: expanded ? reveal.hideAction : reveal.showAction }), _jsx(ChevronDown, { className: cn("h-3 w-3 shrink-0 transition-transform", expanded ? "rotate-180" : null), "aria-hidden": "true" })] }) }), _jsx(CollapsibleContent, { className: "data-closed:hidden", children: _jsx("div", { className: "mt-2 flex flex-col gap-1.5 text-xs", children: revealQuery.isFetching && revealRows.length === 0 ? (_jsx("p", { className: "text-muted-foreground", children: messages.common.loading })) : revealQuery.isError ? (_jsx("p", { className: "text-destructive", children: reveal.error })) : revealRows.length === 0 ? (_jsx("p", { className: "text-muted-foreground", children: reveal.empty })) : (_jsx("dl", { className: "grid grid-cols-[max-content_1fr] gap-x-3 gap-y-1", children: revealRows.map((row) => (_jsxs(Fragment, { children: [_jsx("dt", { className: "text-muted-foreground", children: row.label }), _jsx("dd", { className: "break-words text-right", children: row.value })] }, row.label))) })) }) })] })] }));
+}
+function PaymentsSection({ booking, locale }) {
+    const messages = useBookingsUiMessagesOrDefault();
+    const detail = messages.bookingDetailPage;
+    const quick = messages.bookingQuickViewSheet;
+    const { data } = useAdminBookingPayments(booking.id);
+    const payments = data?.data?.payments ?? [];
+    const paidCents = payments
+        .filter((payment) => payment.status === "completed")
+        .reduce((sum, payment) => sum + payment.amountCents, 0);
+    const totalCents = booking.sellAmountCents ?? 0;
+    const remainingCents = Math.max(0, totalCents - paidCents);
+    return (_jsxs(Section, { icon: _jsx(CreditCard, { className: "h-3.5 w-3.5" }), label: quick.sectionPayments, count: String(payments.length), children: [_jsxs("div", { className: "flex items-center justify-between text-sm", children: [_jsx("span", { className: "text-muted-foreground", children: quick.paymentsPaid }), _jsx("span", { className: "font-medium tabular-nums", children: formatAmount(paidCents, booking.sellCurrency, locale, detail.noValue) })] }), _jsxs("div", { className: "flex items-center justify-between text-sm", children: [_jsx("span", { className: "text-muted-foreground", children: quick.paymentsRemaining }), _jsx("span", { className: "font-medium tabular-nums", children: formatAmount(remainingCents, booking.sellCurrency, locale, detail.noValue) })] })] }));
+}
+function InvoicesSection({ booking }) {
+    const messages = useBookingsUiMessagesOrDefault();
+    const quick = messages.bookingQuickViewSheet;
+    const { data } = useInvoices({ bookingId: booking.id, limit: 20 });
+    const invoices = data?.data ?? [];
+    return (_jsx(Section, { icon: _jsx(FileText, { className: "h-3.5 w-3.5" }), label: quick.sectionInvoices, count: String(invoices.length), children: invoices.length === 0 ? (_jsx("p", { className: "text-sm text-muted-foreground", children: quick.invoicesEmpty })) : (_jsx("ul", { className: "flex flex-col", children: invoices.map((invoice) => (_jsx(InvoiceRow, { invoice: invoice }, invoice.id))) })) }));
+}
+function InvoiceRow({ invoice }) {
+    const messages = useBookingsUiMessagesOrDefault();
+    const quick = messages.bookingQuickViewSheet;
+    const { baseUrl } = useVoyantFinanceContext();
+    const { data } = useInvoiceAttachments(invoice.id);
+    const attachment = latestAttachment(data?.data ?? []);
+    const statusLabel = quick.invoiceStatusLabels[invoice.status] ??
+        invoice.status;
+    return (_jsxs("li", { className: "flex items-center justify-between gap-3 py-1 font-mono text-sm", children: [_jsx(LinkedRowTitle, { href: attachment ? getDefaultInvoiceAttachmentDownloadHref(baseUrl, attachment) : null, label: invoice.invoiceNumber }), _jsx(Badge, { variant: "outline", className: "shrink-0 font-sans text-[10px] uppercase", children: statusLabel })] }));
+}
+function PaymentScheduleSection({ booking, locale }) {
+    const messages = useBookingsUiMessagesOrDefault();
+    const detail = messages.bookingDetailPage;
+    const quick = messages.bookingQuickViewSheet;
+    const { data } = useBookingPaymentSchedules(booking.id);
+    const schedules = data?.data ?? [];
+    const paidCount = schedules.filter((schedule) => schedule.status === "paid").length;
+    const counter = schedules.length === 0 ? "0" : `${paidCount}/${schedules.length} ${quick.scheduleCountSuffix}`;
+    return (_jsx(Section, { icon: _jsx(Calendar, { className: "h-3.5 w-3.5" }), label: quick.sectionPaymentSchedule, count: counter, children: schedules.length === 0 ? (_jsx("p", { className: "text-sm text-muted-foreground", children: quick.scheduleEmpty })) : (_jsx("ul", { className: "flex flex-col gap-1.5", children: schedules.map((schedule) => {
+                const typeLabel = quick.scheduleTypeLabels[schedule.scheduleType] ?? schedule.scheduleType;
+                return (_jsxs("li", { className: "flex items-center justify-between gap-3 text-sm", children: [_jsxs("span", { className: "flex items-center gap-2", children: [_jsx(Badge, { variant: "outline", className: "text-[10px] uppercase", children: typeLabel }), _jsx("span", { className: "text-muted-foreground", children: formatScheduleDate(schedule.dueDate, locale, detail.noValue) })] }), _jsx("span", { className: "font-medium tabular-nums", children: formatAmount(schedule.amountCents, schedule.currency, locale, detail.noValue) })] }, schedule.id));
+            }) })) }));
+}
+function ContractsSection({ bookingId }) {
+    const messages = useBookingsUiMessagesOrDefault();
+    const quick = messages.bookingQuickViewSheet;
+    const { data } = useLegalContracts({ bookingId, limit: 20 });
+    const contracts = data?.data ?? [];
+    return (_jsx(Section, { icon: _jsx(ScrollText, { className: "h-3.5 w-3.5" }), label: quick.sectionContracts, count: String(contracts.length), children: contracts.length === 0 ? (_jsx("p", { className: "text-sm text-muted-foreground", children: quick.contractsEmpty })) : (_jsx("ul", { className: "flex flex-col", children: contracts.map((contract) => (_jsx(ContractRow, { contract: contract }, contract.id))) })) }));
+}
+function ContractRow({ contract }) {
+    const messages = useBookingsUiMessagesOrDefault();
+    const quick = messages.bookingQuickViewSheet;
+    const { baseUrl } = useVoyantLegalContext();
+    const { data } = useLegalContractAttachments({ contractId: contract.id });
+    const attachment = latestAttachment(data);
+    const statusLabel = quick.contractStatusLabels[contract.status] ??
+        contract.status;
+    return (_jsxs("li", { className: "flex items-center justify-between gap-3 py-1 text-sm", children: [_jsx(LinkedRowTitle, { href: attachment ? getDefaultLegalContractAttachmentDownloadHref(baseUrl, attachment) : null, label: contract.contractNumber ?? contract.title }), _jsx(Badge, { variant: "outline", className: "shrink-0 font-sans text-[10px] uppercase", children: statusLabel })] }));
+}
+function LinkedRowTitle({ href, label }) {
+    if (!href) {
+        return _jsx("span", { className: "min-w-0 truncate font-mono", children: label });
+    }
+    return (_jsxs("a", { href: href, target: "_blank", rel: "noopener noreferrer", className: "inline-flex min-w-0 items-center gap-1 font-mono text-primary hover:underline", children: [_jsx("span", { className: "truncate", children: label }), _jsx(ExternalLink, { className: "h-3 w-3 shrink-0", "aria-hidden": "true" })] }));
+}
+function latestAttachment(attachments) {
+    return (attachments ?? []).reduce((latest, attachment) => !latest || attachment.createdAt > latest.createdAt ? attachment : latest, null);
+}
+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 getDefaultLegalContractAttachmentDownloadHref(baseUrl, attachment) {
+    return withApiBaseUrl(baseUrl, `/v1/admin/legal/contracts/attachments/${attachment.id}/download`);
+}
+function Section({ icon, label, count, children, }) {
+    return (_jsxs("section", { className: "flex flex-col gap-2 border-t pt-4", children: [_jsxs("header", { className: "flex items-center justify-between gap-2 text-xs font-medium text-muted-foreground uppercase tracking-wide", children: [_jsxs("span", { className: "flex items-center gap-1.5", children: [icon, label] }), count ? _jsx("span", { className: "font-mono normal-case", children: count }) : null] }), children] }));
+}
+function formatAmount(cents, currency, locale, empty) {
+    if (cents == null)
+        return empty;
+    return new Intl.NumberFormat(locale, {
+        style: "currency",
+        currency,
+        minimumFractionDigits: 2,
+        maximumFractionDigits: 2,
+    }).format(cents / 100);
+}
+function formatDate(iso, locale, empty) {
+    if (!iso)
+        return empty;
+    return new Date(iso).toLocaleDateString(locale, {
+        month: "short",
+        day: "numeric",
+        year: "numeric",
+    });
+}
+function formatScheduleDate(iso, locale, empty) {
+    if (!iso)
+        return empty;
+    return new Date(iso).toLocaleDateString(locale, {
+        month: "short",
+        day: "numeric",
+    });
+}

package/dist/components/bookings-page.d.ts

@@ -0,0 +1,19 @@
+import type * as React from "react";
+import type { BookingRecord } from "../index.js";
+import { type BookingListFiltersState } from "./booking-list.js";
+export interface BookingsPageProps {
+    pageSize?: number;
+    onBookingOpen?: (booking: BookingRecord) => void;
+    onCreateBooking?: () => void;
+    /**
+     * Extra action(s) rendered alongside the primary "New booking" button.
+     * Templates pass adjacent flows (e.g. a "Compose trip" link) here.
+     */
+    headerActions?: React.ReactNode;
+    className?: string;
+    /** Forwarded to `BookingList` — see prop docs there. */
+    initialFilters?: Partial<BookingListFiltersState>;
+    onFiltersChange?: (filters: BookingListFiltersState) => void;
+}
+export declare function BookingsPage({ pageSize, onBookingOpen, onCreateBooking, headerActions, className, initialFilters, onFiltersChange, }?: BookingsPageProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=bookings-page.d.ts.map

package/dist/components/bookings-page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bookings-page.d.ts","sourceRoot":"","sources":["../../src/components/bookings-page.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAEnC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAChD,OAAO,EAAe,KAAK,uBAAuB,EAAE,MAAM,mBAAmB,CAAA;AAE7E,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,CAAA;IAChD,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B;;;OAGG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,wDAAwD;IACxD,cAAc,CAAC,EAAE,OAAO,CAAC,uBAAuB,CAAC,CAAA;IACjD,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,uBAAuB,KAAK,IAAI,CAAA;CAC7D;AAED,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,aAAa,EACb,eAAe,EACf,aAAa,EACb,SAAS,EACT,cAAc,EACd,eAAe,GAChB,GAAE,iBAAsB,2CAoBxB"}

package/dist/components/bookings-page.js

@@ -0,0 +1,9 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "@voyant-travel/ui/lib/utils";
+import { useBookingsUiMessagesOrDefault } from "../i18n/index.js";
+import { BookingList } from "./booking-list.js";
+export function BookingsPage({ pageSize, onBookingOpen, onCreateBooking, headerActions, className, initialFilters, onFiltersChange, } = {}) {
+    const messages = useBookingsUiMessagesOrDefault().bookingsPage;
+    return (_jsxs("div", { "data-slot": "bookings-page", className: cn("flex flex-col gap-6 p-6", className), children: [_jsxs("div", { children: [_jsx("h1", { className: "text-2xl font-bold tracking-tight", children: messages.title }), _jsx("p", { className: "text-sm text-muted-foreground", children: messages.description })] }), _jsx(BookingList, { pageSize: pageSize, onSelectBooking: onBookingOpen, onCreateBooking: onCreateBooking, headerActions: headerActions, initialFilters: initialFilters, onFiltersChange: onFiltersChange })] }));
+}

package/dist/components/file-dropzone.d.ts

@@ -0,0 +1,25 @@
+export interface UploadedFile {
+    key: string;
+    url: string;
+    mimeType: string;
+    size: number;
+    name: string;
+}
+export interface FileDropzoneProps {
+    /** URL of the upload endpoint (defaults to /api/v1/uploads). */
+    uploadUrl?: string;
+    /** MIME types or extensions to accept (same format as <input accept>). */
+    accept?: string;
+    /** Maximum file size in bytes. */
+    maxSize?: number;
+    /** Called after a successful upload. */
+    onUploaded: (file: UploadedFile) => void;
+    /** Called when an error occurs (validation, upload failure). */
+    onError?: (message: string) => void;
+    /** Helper text shown in the idle state. */
+    helperText?: string;
+    /** Disable interaction. */
+    disabled?: boolean;
+}
+export declare function FileDropzone({ uploadUrl, accept, maxSize, onUploaded, onError, helperText, disabled, }: FileDropzoneProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=file-dropzone.d.ts.map

package/dist/components/file-dropzone.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-dropzone.d.ts","sourceRoot":"","sources":["../../src/components/file-dropzone.tsx"],"names":[],"mappings":"AAUA,MAAM,WAAW,YAAY;IAC3B,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,QAAQ,EAAE,MAAM,CAAA;IAChB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;CACb;AAED,MAAM,WAAW,iBAAiB;IAChC,gEAAgE;IAChE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,0EAA0E;IAC1E,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,kCAAkC;IAClC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,wCAAwC;IACxC,UAAU,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAA;IACxC,gEAAgE;IAChE,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,2CAA2C;IAC3C,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,wBAAgB,YAAY,CAAC,EAC3B,SAA6B,EAC7B,MAAM,EACN,OAAO,EACP,UAAU,EACV,OAAO,EACP,UAAU,EACV,QAAQ,GACT,EAAE,iBAAiB,2CA8KnB"}

package/dist/components/file-dropzone.js

@@ -0,0 +1,102 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { File as FileIcon, Loader2, Upload, X } from "lucide-react";
+import * as React from "react";
+import { formatMessage, useBookingsUiI18nOrDefault, useBookingsUiMessagesOrDefault, } from "../i18n/provider.js";
+export function FileDropzone({ uploadUrl = "/api/v1/uploads", accept, maxSize, onUploaded, onError, helperText, disabled, }) {
+    const inputRef = React.useRef(null);
+    const [isDragging, setIsDragging] = React.useState(false);
+    const [isUploading, setIsUploading] = React.useState(false);
+    const [uploaded, setUploaded] = React.useState(null);
+    const [error, setError] = React.useState(null);
+    const { formatNumber } = useBookingsUiI18nOrDefault();
+    const messages = useBookingsUiMessagesOrDefault();
+    const resolvedHelperText = helperText ?? messages.fileDropzone.helperText;
+    const formatSize = React.useCallback((bytes) => {
+        if (bytes < 1024)
+            return `${formatNumber(bytes)} B`;
+        if (bytes < 1024 * 1024) {
+            return `${formatNumber(bytes / 1024, { maximumFractionDigits: 1 })} KB`;
+        }
+        return `${formatNumber(bytes / (1024 * 1024), { maximumFractionDigits: 1 })} MB`;
+    }, [formatNumber]);
+    const reportError = (message) => {
+        setError(message);
+        onError?.(message);
+    };
+    const handleFile = async (file) => {
+        setError(null);
+        if (maxSize && file.size > maxSize) {
+            reportError(formatMessage(messages.fileDropzone.validation.fileTooLarge, {
+                maxSize: formatSize(maxSize),
+            }));
+            return;
+        }
+        setIsUploading(true);
+        try {
+            const formData = new FormData();
+            formData.append("file", file);
+            const res = await fetch(uploadUrl, {
+                method: "POST", // i18n-literal-ok HTTP method
+                body: formData,
+                credentials: "include", // i18n-literal-ok fetch credentials mode
+            });
+            if (!res.ok) {
+                const body = await res.text();
+                reportError(body ||
+                    formatMessage(messages.fileDropzone.validation.uploadFailedWithStatus, {
+                        status: res.status,
+                    }));
+                return;
+            }
+            const data = (await res.json());
+            const result = { ...data, name: file.name };
+            setUploaded(result);
+            onUploaded(result);
+        }
+        catch (err) {
+            reportError(err instanceof Error ? err.message : messages.fileDropzone.validation.uploadFailed);
+        }
+        finally {
+            setIsUploading(false);
+        }
+    };
+    const handleDrop = (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setIsDragging(false);
+        if (disabled || isUploading)
+            return;
+        const file = e.dataTransfer.files?.[0];
+        if (file) {
+            void handleFile(file);
+        }
+    };
+    const handleDragOver = (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        if (!disabled && !isUploading) {
+            setIsDragging(true);
+        }
+    };
+    const handleDragLeave = (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setIsDragging(false);
+    };
+    const handleChange = (e) => {
+        const file = e.target.files?.[0];
+        if (file) {
+            void handleFile(file);
+        }
+        e.target.value = "";
+    };
+    const reset = () => {
+        setUploaded(null);
+        setError(null);
+    };
+    if (uploaded) {
+        return (_jsxs("div", { className: "flex items-center justify-between gap-3 rounded-md border bg-muted/30 p-3", children: [_jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [_jsx(FileIcon, { className: "h-4 w-4 shrink-0 text-muted-foreground" }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("p", { className: "truncate text-sm font-medium", children: uploaded.name }), _jsxs("p", { className: "text-xs text-muted-foreground", children: [formatSize(uploaded.size), " \u00B7 ", uploaded.mimeType] })] })] }), _jsx("button", { type: "button", onClick: reset, className: "text-muted-foreground hover:text-destructive", "aria-label": messages.fileDropzone.removeFileAriaLabel, children: _jsx(X, { className: "h-4 w-4" }) })] }));
+    }
+    return (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx("button", { type: "button", onClick: () => inputRef.current?.click(), onDrop: handleDrop, onDragOver: handleDragOver, onDragLeave: handleDragLeave, disabled: disabled || isUploading, "data-dragging": isDragging, className: "flex flex-col items-center justify-center gap-2 rounded-md border border-dashed px-4 py-8 text-center transition-colors hover:border-foreground/30 hover:bg-muted/30 data-[dragging=true]:border-primary data-[dragging=true]:bg-primary/5 disabled:cursor-not-allowed disabled:opacity-60", children: isUploading ? (_jsxs(_Fragment, { children: [_jsx(Loader2, { className: "h-6 w-6 animate-spin text-muted-foreground" }), _jsx("p", { className: "text-sm text-muted-foreground", children: messages.fileDropzone.uploading })] })) : (_jsxs(_Fragment, { children: [_jsx(Upload, { className: "h-6 w-6 text-muted-foreground" }), _jsx("p", { className: "text-sm text-muted-foreground", children: resolvedHelperText }), accept && (_jsxs("p", { className: "text-xs text-muted-foreground", children: [messages.fileDropzone.acceptedPrefix, " ", accept] }))] })) }), _jsx("input", { ref: inputRef, type: "file", className: "hidden", accept: accept, onChange: handleChange, disabled: disabled || isUploading }), error && _jsx("p", { className: "text-xs text-destructive", children: error })] }));
+}

package/dist/components/icon-action-button.d.ts

@@ -0,0 +1,18 @@
+import type * as React from "react";
+export interface IconActionButtonProps {
+    /** Label shown in the tooltip and used as `aria-label`. */
+    label: string;
+    /** Lucide icon (or any node) rendered inside the button. */
+    icon: React.ReactNode;
+    className?: string;
+    disabled?: boolean;
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+}
+/**
+ * Standard table-action icon button with a tooltip. Wraps the design
+ * system's `<Button variant="ghost" size="icon-sm">` with a base-ui
+ * tooltip so every action across the booking detail tables exposes a
+ * short verb hint on hover.
+ */
+export declare function IconActionButton({ label, icon, className, disabled, onClick, }: IconActionButtonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=icon-action-button.d.ts.map

package/dist/components/icon-action-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-action-button.d.ts","sourceRoot":"","sources":["../../src/components/icon-action-button.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAEnC,MAAM,WAAW,qBAAqB;IACpC,2DAA2D;IAC3D,KAAK,EAAE,MAAM,CAAA;IACb,4DAA4D;IAC5D,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;CAC/D;AAED;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,OAAO,GACR,EAAE,qBAAqB,2CAoBvB"}

package/dist/components/icon-action-button.js

@@ -0,0 +1,13 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "@voyant-travel/ui/components/button";
+import { Tooltip, TooltipContent, TooltipTrigger } from "@voyant-travel/ui/components/tooltip";
+/**
+ * Standard table-action icon button with a tooltip. Wraps the design
+ * system's `<Button variant="ghost" size="icon-sm">` with a base-ui
+ * tooltip so every action across the booking detail tables exposes a
+ * short verb hint on hover.
+ */
+export function IconActionButton({ label, icon, className, disabled, onClick, }) {
+    return (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { render: _jsx(Button, { variant: "ghost", size: "icon-sm", "aria-label": label, className: className, disabled: disabled, onClick: onClick }), children: icon }), _jsx(TooltipContent, { children: label })] }));
+}

package/dist/components/option-units-stepper-section.d.ts

@@ -0,0 +1,111 @@
+/** Quantity per option_unit id; omitted ids are treated as 0. */
+export interface OptionUnitsStepperValue {
+    quantities: Record<string, number>;
+}
+export declare const emptyOptionUnitsStepperValue: OptionUnitsStepperValue;
+export interface OptionUnitsStepperUnit {
+    optionId: string | null;
+    optionUnitId: string;
+    unitName: string;
+    /** Stable code from the products schema (`ADULT`, `CHILD`, `SENIOR`, …) when present. */
+    unitCode?: string | null;
+    /** Inclusive lower age bound for this unit, when configured. */
+    minAge?: number | null;
+    /** Inclusive upper age bound for this unit, when configured. */
+    maxAge?: number | null;
+    /** Unit category from option_units.unitType — person/group/room/vehicle/service/other. */
+    unitType?: "person" | "group" | "room" | "vehicle" | "service" | "other" | null;
+    occupancyMax: number | null;
+    initial: number | null;
+    reserved: number;
+    remaining: number | null;
+}
+export interface OptionUnitsStepperSectionProps {
+    value: OptionUnitsStepperValue;
+    onChange: (value: OptionUnitsStepperValue) => void;
+    /** Product whose options become selectable room quantity rows. */
+    productId?: string;
+    /**
+     * Departure the operator picked. Departure-specific availability wins
+     * when present; otherwise the section falls back to option-level units.
+     */
+    slotId?: string;
+    /**
+     * Product option whose units should be shown before a departure is picked.
+     * Departure-specific availability wins when `slotId` is present.
+     */
+    optionId?: string | null;
+    /**
+     * When true, only the SELECTED option's units are shown (no cross-option
+     * fallback). Use when the option is already chosen and other options'
+     * rooms aren't bookable — e.g. the booking journey, where rooms are
+     * nested under the picked option. Defaults to false (show all options'
+     * units, the create-sheet's cross-option behavior).
+     */
+    restrictToOption?: boolean;
+    enabled?: boolean;
+    onUnitsChange?: (units: OptionUnitsStepperUnit[]) => void;
+    labels?: {
+        heading?: string;
+        noOption?: string;
+        noSlot?: string;
+        noUnits?: string;
+        remaining?: string;
+        unlimited?: string;
+        fillsSlotCapacity?: string;
+        reviewLine?: string;
+    };
+    slotHasFiniteCapacity?: boolean;
+    invalidOptionUnitIds?: readonly string[];
+}
+/**
+ * Rooms / per-unit stepper for booking-create flows. Drives
+ * `GET /v1/operations/availability/slots/:id/unit-availability` from #235 when a
+ * departure is selected, and product option-level units before departure
+ * selection, so operators can build "2 double rooms and 1 single" drafts.
+ *
+ * The section only tracks **intent** (how many of each unit the operator
+ * wants to book). Actual hold/reservation happens when the parent submits
+ * the booking — capacity drops the moment the reservation transaction
+ * commits; the next refetch of `useSlotUnitAvailability` reflects it.
+ *
+ * ### Stepper bounds
+ *
+ * - Minimum is 0 (operator can deselect).
+ * - Maximum is the unit's `remaining` count from the server. Unlimited
+ *   pools (`remaining === null`) have no upper bound.
+ * - The server is the truth: entering `3 doubles` when only 2 remain just
+ *   disables the "+" button — we don't let the UI submit a request that
+ *   would 409 at insert time.
+ */
+export declare function OptionUnitsStepperSection({ value, onChange, productId, slotId, optionId, restrictToOption, enabled, onUnitsChange, labels, slotHasFiniteCapacity, invalidOptionUnitIds, }: OptionUnitsStepperSectionProps): import("react/jsx-runtime").JSX.Element;
+export declare function resolveOptionRemainingLabel({ totalRemaining, units, slotHasFiniteCapacity, remaining, unlimited, fillsSlotCapacity, }: {
+    totalRemaining: number | null;
+    units: ReadonlyArray<Pick<OptionUnitsStepperUnit, "unitType">>;
+    slotHasFiniteCapacity: boolean;
+    remaining: string;
+    unlimited: string;
+    fillsSlotCapacity?: string;
+}): string;
+export declare function optionRowHasInvalidUnit(units: ReadonlyArray<Pick<OptionUnitsStepperUnit, "optionUnitId">>, invalidOptionUnitIds: ReadonlySet<string>): boolean;
+/**
+ * Returns the `optionId` the slot is bound to, derived from the first
+ * slot-availability row whose `optionUnitId` we can map to a known
+ * product option. Falls back to the caller's `fallbackOptionId` (the
+ * dialog's currently-selected option) when no rows resolve — that lets
+ * the existing `optionId` prop drive the previous-behavior path for
+ * unit pickers that haven't loaded yet.
+ */
+export declare function resolveSlotOptionId(slotRows: ReadonlyArray<{
+    optionUnitId: string;
+}>, optionByUnitId: ReadonlyMap<string, string>, fallbackOptionId: string | null): string | null;
+/**
+ * Merges slot-bound per-unit availability with the product's option-unit
+ * catalog. Slot rows are authoritative for the slot's option (they carry
+ * real-time `remaining`); product-level rows fill in the other options
+ * the product offers so the operator can still pick mixes the slot isn't
+ * explicitly tracking. When the slot is product-level (no `option_id`)
+ * or hasn't loaded slot rows yet, the product-level rows cover everything.
+ */
+export declare function mergeStepperUnits(slotRows: ReadonlyArray<OptionUnitsStepperUnit>, productRows: ReadonlyArray<OptionUnitsStepperUnit>, slotOptionId: string | null, hasSlot: boolean): OptionUnitsStepperUnit[];
+//# sourceMappingURL=option-units-stepper-section.d.ts.map

package/dist/components/option-units-stepper-section.d.ts.map

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