@voyant-travel/bookings-react 0.138.2 → 0.138.4

package/dist/admin/booking-contract-dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"booking-contract-dialog.d.ts","sourceRoot":"","sources":["../../src/admin/booking-contract-dialog.tsx"],"names":[],"mappings":"AA0BA,MAAM,WAAW,0BAA0B;IACzC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,SAAS,EAAE,MAAM,CAAA;IACjB,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC7B,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;CACvB;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,aAAa,EACb,SAAS,GACV,EAAE,0BAA0B,+BA8N5B"}
+{"version":3,"file":"booking-contract-dialog.d.ts","sourceRoot":"","sources":["../../src/admin/booking-contract-dialog.tsx"],"names":[],"mappings":"AA2BA,MAAM,WAAW,0BAA0B;IACzC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,SAAS,EAAE,MAAM,CAAA;IACjB,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC7B,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;CACvB;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,aAAa,EACb,SAAS,GACV,EAAE,0BAA0B,+BA8O5B"}

package/dist/admin/booking-contract-dialog.js

@@ -6,6 +6,7 @@ import { legalQueryKeys, useLegalContractAttachmentMutation, useLegalContractMut
 import { Button, Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, Input, Label, Skeleton, } from "@voyant-travel/ui/components";
 import { FileText, Loader2, Paperclip, X } from "lucide-react";
 import { useEffect, useState } from "react";
+import { VoyantApiError } from "../client.js";
 import { useBookingContractGenerationMutation } from "../index.js";
 /**
  * "Add contract" dialog for a booking. Two modes:
@@ -29,6 +30,7 @@ export function BookingContractDialog({ open, onOpenChange, bookingId, bookingNu
     const [mode, setMode] = useState("generate");
     const [uploading, setUploading] = useState(false);
     const [error, setError] = useState(null);
+    const [previewRequested, setPreviewRequested] = useState(false);
     // Upload form state
     const [title, setTitle] = useState("");
     const [file, setFile] = useState(null);
@@ -43,6 +45,7 @@ export function BookingContractDialog({ open, onOpenChange, bookingId, bookingNu
         setFile(null);
         setError(null);
         setUploading(false);
+        setPreviewRequested(false);
         resetPreview();
     }, [open, resetPreview]);
     // Fetch preview HTML every time the dialog opens (or the mode flips
@@ -52,6 +55,7 @@ export function BookingContractDialog({ open, onOpenChange, bookingId, bookingNu
     useEffect(() => {
         if (!open || mode !== "generate")
             return;
+        setPreviewRequested(true);
         fetchPreview();
     }, [open, mode, fetchPreview]);
     const handleGenerate = async () => {
@@ -102,10 +106,16 @@ export function BookingContractDialog({ open, onOpenChange, bookingId, bookingNu
     const submitting = generate.isPending || uploading;
     const previewReady = preview.data != null;
     const canSubmit = mode === "generate" ? previewReady && !submitting : file != null && !submitting;
+    const previewSetupMissing = preview.error instanceof VoyantApiError && preview.error.status === 404;
+    const showPreviewSetupHint = mode === "generate" &&
+        previewRequested &&
+        !preview.isPending &&
+        !preview.data &&
+        (!preview.isError || previewSetupMissing);
     return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "w-full! max-w-4xl! gap-0 p-0", children: [_jsxs(DialogHeader, { className: "shrink-0 border-b px-6 py-4", children: [_jsx(DialogTitle, { children: t.title }), _jsx(DialogDescription, { children: t.description })] }), _jsx("div", { className: "max-h-[70vh] overflow-y-auto", children: _jsxs("div", { className: "flex flex-col gap-4 px-6 py-5", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: t.modeLabel }), _jsx(SegmentedChoice, { value: mode, onChange: setMode, options: [
                                             { value: "generate", label: t.modeGenerate },
                                             { value: "upload", label: t.modeUpload },
-                                        ] })] }), mode === "generate" ? (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: t.previewLabel }), _jsx("div", { className: "overflow-hidden rounded-md border bg-muted/30", children: preview.isPending ? (_jsxs("div", { className: "flex flex-col gap-3 p-6", children: [_jsx(Skeleton, { className: "h-6 w-1/2" }), _jsx(Skeleton, { className: "h-4 w-full" }), _jsx(Skeleton, { className: "h-4 w-5/6" }), _jsx(Skeleton, { className: "h-4 w-4/5" }), _jsx(Skeleton, { className: "h-4 w-full" })] })) : preview.isError ? (_jsxs("p", { className: "p-6 text-destructive text-sm", children: [t.previewErrorPrefix, " ", preview.error instanceof Error ? preview.error.message : t.previewFailed] })) : preview.data ? (_jsx("iframe", { title: preview.data.templateName || t.previewIframeFallback, srcDoc: wrapPreviewHtml(preview.data.html), sandbox: "", className: "h-[60vh] w-full border-0 bg-white" })) : null }), preview.data?.templateName ? (_jsxs("p", { className: "text-muted-foreground text-xs", children: [t.previewTemplateLabel, " ", preview.data.templateName] })) : null] })) : (_jsxs("div", { className: "flex flex-col gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: t.uploadTitleLabel }), _jsx(Input, { value: title, onChange: (e) => setTitle(e.target.value), placeholder: bookingNumber ? `Contract ${bookingNumber}` : t.uploadTitlePlaceholder }), _jsx("p", { className: "text-muted-foreground text-xs", children: t.uploadTitleHint })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: t.uploadFileLabel }), _jsx("input", { type: "file", accept: "application/pdf", onChange: (e) => {
+                                        ] })] }), mode === "generate" ? (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: t.previewLabel }), _jsx("div", { className: "overflow-hidden rounded-md border bg-muted/30", children: preview.isPending ? (_jsxs("div", { className: "flex flex-col gap-3 p-6", children: [_jsx(Skeleton, { className: "h-6 w-1/2" }), _jsx(Skeleton, { className: "h-4 w-full" }), _jsx(Skeleton, { className: "h-4 w-5/6" }), _jsx(Skeleton, { className: "h-4 w-4/5" }), _jsx(Skeleton, { className: "h-4 w-full" })] })) : preview.isError && !previewSetupMissing ? (_jsxs("p", { className: "p-6 text-destructive text-sm", children: [t.previewErrorPrefix, " ", preview.error instanceof Error ? preview.error.message : t.previewFailed] })) : preview.data ? (_jsx("iframe", { title: preview.data.templateName || t.previewIframeFallback, srcDoc: wrapPreviewHtml(preview.data.html), sandbox: "", className: "h-[60vh] w-full border-0 bg-white" })) : (_jsx("div", { className: "p-6 text-muted-foreground text-sm", children: t.previewUnavailable })) }), preview.data?.templateName ? (_jsxs("p", { className: "text-muted-foreground text-xs", children: [t.previewTemplateLabel, " ", preview.data.templateName] })) : null, showPreviewSetupHint ? (_jsx("p", { className: "text-muted-foreground text-xs", children: t.previewSetupHint })) : null] })) : (_jsxs("div", { className: "flex flex-col gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: t.uploadTitleLabel }), _jsx(Input, { value: title, onChange: (e) => setTitle(e.target.value), placeholder: bookingNumber ? `Contract ${bookingNumber}` : t.uploadTitlePlaceholder }), _jsx("p", { className: "text-muted-foreground text-xs", children: t.uploadTitleHint })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: t.uploadFileLabel }), _jsx("input", { type: "file", accept: "application/pdf", onChange: (e) => {
                                                     const next = e.target.files?.[0] ?? null;
                                                     setFile(next);
                                                 }, className: "block w-full text-sm file:mr-3 file:rounded-md file:border file:bg-muted file:px-3 file:py-1.5 file:text-sm file:font-medium hover:file:bg-muted/70" }), file ? (_jsxs("div", { className: "flex items-center justify-between gap-2 rounded-md border bg-background px-3 py-1.5 text-sm", children: [_jsxs("span", { className: "flex min-w-0 items-center gap-2", children: [_jsx(Paperclip, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" }), _jsx("span", { className: "truncate", children: file.name })] }), _jsx(Button, { type: "button", variant: "ghost", size: "icon-sm", onClick: () => setFile(null), children: _jsx(X, { className: "h-3.5 w-3.5" }) })] })) : null] })] })), error ? _jsx("p", { className: "text-sm text-destructive", children: error }) : null] }) }), _jsxs("div", { className: "flex shrink-0 items-center justify-end gap-2 border-t px-6 py-4", children: [_jsx(Button, { type: "button", variant: "outline", onClick: () => onOpenChange(false), disabled: submitting, children: t.cancel }), _jsxs(Button, { type: "button", disabled: !canSubmit, onClick: () => {

package/dist/admin/use-booking-action-ledger-events.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-booking-action-ledger-events.d.ts","sourceRoot":"","sources":["../../src/admin/use-booking-action-ledger-events.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAA;AAO/E;;;;;;;;GAQG;AACH,wBAAgB,4BAA4B,CAAC,SAAS,EAAE,MAAM,GAAG;IAC/D,MAAM,EAAE,aAAa,EAAE,CAAA;IACvB,MAAM,EAAE,KAAK,CAAC,SAAS,GAAG,IAAI,CAAA;CAC/B,CAgDA"}
+{"version":3,"file":"use-booking-action-ledger-events.d.ts","sourceRoot":"","sources":["../../src/admin/use-booking-action-ledger-events.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,aAAa,EAAkB,MAAM,4CAA4C,CAAA;AAO/F;;;;;;;;GAQG;AACH,wBAAgB,4BAA4B,CAAC,SAAS,EAAE,MAAM,GAAG;IAC/D,MAAM,EAAE,aAAa,EAAE,CAAA;IACvB,MAAM,EAAE,KAAK,CAAC,SAAS,GAAG,IAAI,CAAA;CAC/B,CAiDA"}

package/dist/admin/use-booking-action-ledger-events.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useOperatorAdminMessages } from "@voyant-travel/admin";
 import { Button } from "@voyant-travel/ui/components/button";
-import { ScrollText } from "lucide-react";
+import { CreditCard, FileText, ScrollText } from "lucide-react";
 import { useMemo } from "react";
 import { useBookingActionLedger, } from "../index.js";
 /**
@@ -25,14 +25,15 @@ export function useBookingActionLedgerEvents(bookingId) {
         for (const page of pages) {
             for (const entry of page.data) {
                 const traveler = travelersById.get(entry.targetId) ?? null;
+                const presentation = getLedgerTimelinePresentation(entry.actionName);
                 all.push({
                     id: `action:${entry.id}`,
-                    source: "action",
+                    source: presentation.source,
                     title: formatActionName(entry.actionName),
                     description: formatLedgerDescription(entry, traveler, t.travelerFallback, t.targetBooking),
                     actorId: entry.principalId,
                     timestamp: entry.occurredAt,
-                    icon: ScrollText,
+                    icon: presentation.icon,
                 });
             }
         }
@@ -44,6 +45,20 @@ export function useBookingActionLedgerEvents(bookingId) {
 function formatActionName(value) {
     return value.replaceAll(".", " / ").replaceAll("_", " ");
 }
+function getLedgerTimelinePresentation(actionName) {
+    if (actionName.startsWith("finance.invoice.") ||
+        actionName.startsWith("finance.invoice_line_item.") ||
+        actionName.startsWith("finance.credit_note.") ||
+        actionName.startsWith("finance.credit_note_line_item.")) {
+        return { source: "document", icon: FileText };
+    }
+    if (actionName.startsWith("finance.payment") ||
+        actionName.startsWith("finance.booking_payment") ||
+        actionName.startsWith("finance.booking_guarantee")) {
+        return { source: "payment", icon: CreditCard };
+    }
+    return { source: "action", icon: ScrollText };
+}
 function formatTarget(entry, traveler, travelerFallback, bookingFallback) {
     if (traveler) {
         return [traveler.firstName, traveler.lastName].filter(Boolean).join(" ") || travelerFallback;

package/dist/components/booking-activity-timeline.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"booking-activity-timeline.d.ts","sourceRoot":"","sources":["../../src/components/booking-activity-timeline.tsx"],"names":[],"mappings":"AAYA,OAAO,EAML,KAAK,UAAU,EAKhB,MAAM,cAAc,CAAA;AACrB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,MAAM,WAAW,4BAA4B;IAC3C,SAAS,EAAE,MAAM,CAAA;IACjB;;;;;OAKG;IACH,eAAe,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;IACpC;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,SAAS,aAAa,EAAE,CAAA;IAC3C,0FAA0F;IAC1F,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,MAAM,cAAc,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,GAAG,QAAQ,CAAA;AAE3E,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,EAAE,MAAM,CAAA;IACV,MAAM,EAAE,cAAc,CAAA;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,SAAS,EAAE,MAAM,CAAA;IACjB,IAAI,EAAE,UAAU,CAAA;IAChB,IAAI,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAA;CACvC,CAAA;AA6BD,wBAAgB,uBAAuB,CAAC,EACtC,SAAS,EACT,eAA0B,EAC1B,gBAAgB,EAChB,MAAM,EACN,QAAa,GACd,EAAE,4BAA4B,qBAuJ9B"}
+{"version":3,"file":"booking-activity-timeline.d.ts","sourceRoot":"","sources":["../../src/components/booking-activity-timeline.tsx"],"names":[],"mappings":"AAYA,OAAO,EAML,KAAK,UAAU,EAKhB,MAAM,cAAc,CAAA;AACrB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,MAAM,WAAW,4BAA4B;IAC3C,SAAS,EAAE,MAAM,CAAA;IACjB;;;;;OAKG;IACH,eAAe,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;IACpC;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,SAAS,aAAa,EAAE,CAAA;IAC3C,0FAA0F;IAC1F,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,MAAM,cAAc,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,GAAG,QAAQ,CAAA;AAE3E,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,EAAE,MAAM,CAAA;IACV,MAAM,EAAE,cAAc,CAAA;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,SAAS,EAAE,MAAM,CAAA;IACjB,IAAI,EAAE,UAAU,CAAA;IAChB,IAAI,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAA;CACvC,CAAA;AA6BD,wBAAgB,uBAAuB,CAAC,EACtC,SAAS,EACT,eAA0B,EAC1B,gBAAgB,EAChB,MAAM,EACN,QAAa,GACd,EAAE,4BAA4B,qBA0J9B"}

package/dist/components/booking-activity-timeline.js

@@ -56,7 +56,10 @@ export function BookingActivityTimeline({ bookingId, paymentsVariant = "public",
             merged.push({
                 id: `activity:${entry.id}`,
                 source: "activity",
-                title: messages.bookingActivityTimeline.activityTitles[entry.activityType] ?? entry.description,
+                title: entry.activityType === "note_added"
+                    ? entry.description
+                    : (messages.bookingActivityTimeline.activityTitles[entry.activityType] ??
+                        entry.description),
                 description: entry.description,
                 // Prefer the hydrated display name; fall back to email then raw
                 // id (system actors stay null and skip the "By …" render).

package/dist/components/booking-document-dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"booking-document-dialog.d.ts","sourceRoot":"","sources":["../../src/components/booking-document-dialog.tsx"],"names":[],"mappings":"AAkDA,MAAM,WAAW,0BAA0B;IACzC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;CACvB;AAED,wBAAgB,qBAAqB,CAAC,EACpC,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,SAAS,GACV,EAAE,0BAA0B,+BAyK5B"}
+{"version":3,"file":"booking-document-dialog.d.ts","sourceRoot":"","sources":["../../src/components/booking-document-dialog.tsx"],"names":[],"mappings":"AAqDA,MAAM,WAAW,0BAA0B;IACzC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;CACvB;AAED,wBAAgB,qBAAqB,CAAC,EACpC,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,SAAS,GACV,EAAE,0BAA0B,+BA+K5B"}

package/dist/components/booking-document-dialog.js

@@ -19,7 +19,10 @@ function createDocumentFormSchema(messages) {
             .string()
             .min(1, messages.bookingDocumentDialog.validation.fileNameRequired)
             .max(500),
-        fileUrl: z.string().url(messages.bookingDocumentDialog.validation.fileUrlInvalid),
+        fileUrl: z
+            .string()
+            .min(1, messages.bookingDocumentDialog.validation.fileRequired)
+            .url(messages.bookingDocumentDialog.validation.fileUrlInvalid),
         travelerId: z.string().optional().nullable(),
         expiresAt: z.string().optional().nullable(),
         notes: z.string().optional().nullable(),
@@ -73,11 +76,16 @@ export function BookingDocumentDialog({ open, onOpenChange, bookingId, onSuccess
         onOpenChange(false);
         onSuccess?.();
     };
+    const uploadedFileUrl = form.watch("fileUrl");
+    const canSubmit = Boolean(uploadedFileUrl) && !create.isPending;
     return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { size: "lg", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: messages.bookingDocumentDialog.title }) }), _jsxs("form", { onSubmit: form.handleSubmit(onSubmit), className: "flex flex-1 flex-col overflow-hidden", children: [_jsxs(DialogBody, { className: "grid gap-4", children: [_jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.bookingDocumentDialog.fields.type }), _jsxs(Select, { items: typeItems, value: form.watch("type"), onValueChange: (v) => form.setValue("type", (v ?? "other")), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: documentTypes.map((t) => (_jsx(SelectItem, { value: t, children: messages.bookingDocumentDialog.documentTypeLabels[t] }, t))) })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.bookingDocumentDialog.fields.traveler }), _jsxs(Select, { items: travelerItems, value: form.watch("travelerId") ?? UNASSIGNED, onValueChange: (v) => form.setValue("travelerId", v ?? UNASSIGNED), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: UNASSIGNED, children: messages.bookingDocumentDialog.placeholders.travelerUnassigned }), travelers.map((traveler) => (_jsxs(SelectItem, { value: traveler.id, children: [traveler.firstName, " ", traveler.lastName] }, traveler.id)))] })] })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.bookingDocumentDialog.fields.file }), _jsx(FileDropzone, { accept: "application/pdf,image/*", maxSize: 10 * 1024 * 1024, onUploaded: (upload) => {
                                                 form.setValue("fileUrl", upload.url, { shouldValidate: true });
                                                 form.setValue("fileName", upload.name, { shouldValidate: true });
+                                            }, onCleared: () => {
+                                                form.setValue("fileUrl", "", { shouldDirty: true, shouldValidate: true });
+                                                form.setValue("fileName", "", { shouldDirty: true, shouldValidate: true });
                                             }, helperText: messages.bookingDocumentDialog.placeholders.helperText }), form.formState.errors.fileUrl && (_jsx("p", { className: "text-xs text-destructive", children: form.formState.errors.fileUrl.message }))] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.bookingDocumentDialog.fields.expiresAt }), _jsx(DatePicker, { value: form.watch("expiresAt") || null, onChange: (next) => form.setValue("expiresAt", next ?? "", {
                                                 shouldValidate: true,
                                                 shouldDirty: true,
-                                            }), placeholder: messages.bookingDocumentDialog.placeholders.expiresAt, className: "w-full" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.bookingDocumentDialog.fields.notes }), _jsx(Textarea, { ...form.register("notes"), placeholder: messages.bookingDocumentDialog.placeholders.notes })] })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => onOpenChange(false), children: messages.common.cancel }), _jsxs(Button, { type: "submit", size: "sm", disabled: create.isPending, children: [create.isPending && _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), messages.bookingDocumentDialog.actions.addDocument] })] })] })] }) }));
+                                            }), placeholder: messages.bookingDocumentDialog.placeholders.expiresAt, className: "w-full" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.bookingDocumentDialog.fields.notes }), _jsx(Textarea, { ...form.register("notes"), placeholder: messages.bookingDocumentDialog.placeholders.notes })] })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => onOpenChange(false), children: messages.common.cancel }), _jsxs(Button, { type: "submit", size: "sm", disabled: !canSubmit, children: [create.isPending && _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), messages.bookingDocumentDialog.actions.addDocument] })] })] })] }) }));
 }

package/dist/components/booking-payment-reconciliation-banner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"booking-payment-reconciliation-banner.d.ts","sourceRoot":"","sources":["../../src/components/booking-payment-reconciliation-banner.tsx"],"names":[],"mappings":"AAeA,MAAM,WAAW,uCAAuC;IACtD,SAAS,EAAE,MAAM,CAAA;CAClB;AAID,wBAAgB,kCAAkC,CAAC,EACjD,SAAS,GACV,EAAE,uCAAuC,+BA4FzC"}
+{"version":3,"file":"booking-payment-reconciliation-banner.d.ts","sourceRoot":"","sources":["../../src/components/booking-payment-reconciliation-banner.tsx"],"names":[],"mappings":"AAeA,MAAM,WAAW,uCAAuC;IACtD,SAAS,EAAE,MAAM,CAAA;CAClB;AASD,wBAAgB,kCAAkC,CAAC,EACjD,SAAS,GACV,EAAE,uCAAuC,+BA4FzC"}

package/dist/components/booking-payments-summary.d.ts

@@ -1,7 +1,8 @@
 import { type PaymentMethod, type PaymentStatus } from "@voyant-travel/finance-react";
 import * as React from "react";
-export interface BookingPaymentsSummaryRow {
+export interface BookingPaymentSummaryPaymentRow {
     id: string;
+    source: "payment";
     invoiceId: string;
     invoiceNumber: string;
     invoiceType?: "invoice" | "proforma" | "credit_note";
@@ -16,6 +17,13 @@ export interface BookingPaymentsSummaryRow {
     referenceNumber: string | null;
     notes: string | null;
 }
+export interface BookingPaymentSummaryVoucherRedemptionRow extends Omit<BookingPaymentSummaryPaymentRow, "source" | "invoiceId" | "invoiceNumber" | "invoiceType"> {
+    source: "voucher_redemption";
+    invoiceId: null;
+    invoiceNumber: null;
+    invoiceType: null;
+}
+export type BookingPaymentsSummaryRow = BookingPaymentSummaryPaymentRow | BookingPaymentSummaryVoucherRedemptionRow;
 export interface BookingPaymentsSummaryProps {
     bookingId: string;
     /**

package/dist/components/booking-payments-summary.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"booking-payments-summary.d.ts","sourceRoot":"","sources":["../../src/components/booking-payments-summary.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,KAAK,aAAa,EAClB,KAAK,aAAa,EAGnB,MAAM,8BAA8B,CAAA;AAarC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,MAAM,WAAW,yBAAyB;IACxC,EAAE,EAAE,MAAM,CAAA;IACV,SAAS,EAAE,MAAM,CAAA;IACjB,aAAa,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,aAAa,CAAA;IACpD,WAAW,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,MAAM,CAAA;IAChB,uEAAuE;IACvE,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC5B,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC/B,MAAM,EAAE,aAAa,CAAA;IACrB,aAAa,EAAE,aAAa,CAAA;IAC5B,WAAW,EAAE,MAAM,CAAA;IACnB,eAAe,EAAE,MAAM,GAAG,IAAI,CAAA;IAC9B,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;CACrB;AAED,MAAM,WAAW,2BAA2B;IAC1C,SAAS,EAAE,MAAM,CAAA;IACjB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IAC5B;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,GAAG,EAAE,yBAAyB,KAAK,IAAI,CAAA;IAC3E;;;OAGG;IACH,cAAc,CAAC,EAAE,CAAC,GAAG,EAAE,yBAAyB,KAAK,MAAM,CAAA;IAC3D;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,yBAAyB,KAAK,IAAI,CAAA;IACxD,+EAA+E;IAC/E,iBAAiB,CAAC,EAAE,CAAC,GAAG,EAAE,yBAAyB,KAAK,OAAO,CAAC,OAAO,CAAC,GAAG,OAAO,CAAA;IAClF,uEAAuE;IACvE,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,yBAAyB,KAAK,IAAI,CAAA;IACxD;;;;OAIG;IACH,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,yBAAyB,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;IAC1E;;;;OAIG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC/B;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,SAAS,EACT,OAAkB,EAClB,aAAa,EACb,cAAc,EACd,aAAa,EACb,iBAAiB,EACjB,aAAa,EACb,eAAe,EACf,YAAY,GACb,EAAE,2BAA2B,qBAwQ7B"}
+{"version":3,"file":"booking-payments-summary.d.ts","sourceRoot":"","sources":["../../src/components/booking-payments-summary.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,KAAK,aAAa,EAClB,KAAK,aAAa,EAGnB,MAAM,8BAA8B,CAAA;AAarC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,MAAM,WAAW,+BAA+B;IAC9C,EAAE,EAAE,MAAM,CAAA;IACV,MAAM,EAAE,SAAS,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;IACjB,aAAa,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,aAAa,CAAA;IACpD,WAAW,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,MAAM,CAAA;IAChB,uEAAuE;IACvE,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC5B,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC/B,MAAM,EAAE,aAAa,CAAA;IACrB,aAAa,EAAE,aAAa,CAAA;IAC5B,WAAW,EAAE,MAAM,CAAA;IACnB,eAAe,EAAE,MAAM,GAAG,IAAI,CAAA;IAC9B,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;CACrB;AAED,MAAM,WAAW,yCACf,SAAQ,IAAI,CACV,+BAA+B,EAC/B,QAAQ,GAAG,WAAW,GAAG,eAAe,GAAG,aAAa,CACzD;IACD,MAAM,EAAE,oBAAoB,CAAA;IAC5B,SAAS,EAAE,IAAI,CAAA;IACf,aAAa,EAAE,IAAI,CAAA;IACnB,WAAW,EAAE,IAAI,CAAA;CAClB;AAED,MAAM,MAAM,yBAAyB,GACjC,+BAA+B,GAC/B,yCAAyC,CAAA;AAmB7C,MAAM,WAAW,2BAA2B;IAC1C,SAAS,EAAE,MAAM,CAAA;IACjB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IAC5B;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,GAAG,EAAE,yBAAyB,KAAK,IAAI,CAAA;IAC3E;;;OAGG;IACH,cAAc,CAAC,EAAE,CAAC,GAAG,EAAE,yBAAyB,KAAK,MAAM,CAAA;IAC3D;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,yBAAyB,KAAK,IAAI,CAAA;IACxD,+EAA+E;IAC/E,iBAAiB,CAAC,EAAE,CAAC,GAAG,EAAE,yBAAyB,KAAK,OAAO,CAAC,OAAO,CAAC,GAAG,OAAO,CAAA;IAClF,uEAAuE;IACvE,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,yBAAyB,KAAK,IAAI,CAAA;IACxD;;;;OAIG;IACH,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,yBAAyB,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;IAC1E;;;;OAIG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC/B;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,SAAS,EACT,OAAkB,EAClB,aAAa,EACb,cAAc,EACd,aAAa,EACb,iBAAiB,EACjB,aAAa,EACb,eAAe,EACf,YAAY,GACb,EAAE,2BAA2B,qBAqS7B"}

package/dist/components/booking-payments-summary.js

@@ -50,21 +50,37 @@ export function BookingPaymentsSummary({ bookingId, variant = "public", onInvoic
             setDeletePending(false);
         }
     };
-    const paymentRows = React.useMemo(() => payments.map((payment) => ({
-        id: payment.id,
-        invoiceId: payment.invoiceId,
-        invoiceNumber: payment.invoiceNumber,
-        invoiceType: payment.invoiceType,
-        amountCents: payment.amountCents,
-        currency: payment.currency,
-        baseCurrency: payment.baseCurrency ?? null,
-        baseAmountCents: payment.baseAmountCents ?? null,
-        status: payment.status,
-        paymentMethod: payment.paymentMethod,
-        paymentDate: payment.paymentDate,
-        referenceNumber: payment.referenceNumber,
-        notes: payment.notes,
-    })), [payments]);
+    const paymentRows = React.useMemo(() => payments.map((payment) => {
+        const base = {
+            id: payment.id,
+            amountCents: payment.amountCents,
+            currency: payment.currency,
+            baseCurrency: payment.baseCurrency ?? null,
+            baseAmountCents: payment.baseAmountCents ?? null,
+            status: payment.status,
+            paymentMethod: payment.paymentMethod,
+            paymentDate: payment.paymentDate,
+            referenceNumber: payment.referenceNumber,
+            notes: payment.notes,
+        };
+        const source = payment.source ?? "payment";
+        if (source === "voucher_redemption") {
+            return {
+                ...base,
+                source: "voucher_redemption",
+                invoiceId: null,
+                invoiceNumber: null,
+                invoiceType: null,
+            };
+        }
+        return {
+            ...base,
+            source: "payment",
+            invoiceId: payment.invoiceId ?? "",
+            invoiceNumber: payment.invoiceNumber ?? "",
+            invoiceType: payment.invoiceType ?? undefined,
+        };
+    }), [payments]);
     const columns = React.useMemo(() => {
         const cols = [
             {
@@ -109,16 +125,20 @@ export function BookingPaymentsSummary({ bookingId, variant = "public", onInvoic
                 accessorKey: "invoiceNumber",
                 header: card.columns.invoice,
                 cell: ({ row }) => {
+                    const payment = row.original;
+                    if (payment.source !== "payment") {
+                        return _jsx("span", { className: "text-muted-foreground", children: "\u2014" });
+                    }
                     if (onInvoiceOpen) {
                         return (_jsxs("button", { type: "button", onClick: (e) => {
                                 e.stopPropagation();
-                                onInvoiceOpen(row.original.invoiceId, row.original);
-                            }, className: "inline-flex items-center gap-1 font-mono text-primary text-xs hover:underline", children: [row.original.invoiceNumber, _jsx(ArrowUpRight, { className: "h-3 w-3" })] }));
+                                onInvoiceOpen(payment.invoiceId, payment);
+                            }, className: "inline-flex items-center gap-1 font-mono text-primary text-xs hover:underline", children: [payment.invoiceNumber, _jsx(ArrowUpRight, { className: "h-3 w-3" })] }));
                     }
                     if (getInvoiceHref) {
-                        return (_jsxs("a", { href: getInvoiceHref(row.original), onClick: (e) => e.stopPropagation(), className: "inline-flex items-center gap-1 font-mono text-primary text-xs hover:underline", children: [row.original.invoiceNumber, _jsx(ArrowUpRight, { className: "h-3 w-3" })] }));
+                        return (_jsxs("a", { href: getInvoiceHref(payment), onClick: (e) => e.stopPropagation(), className: "inline-flex items-center gap-1 font-mono text-primary text-xs hover:underline", children: [payment.invoiceNumber, _jsx(ArrowUpRight, { className: "h-3 w-3" })] }));
                     }
-                    return _jsx("span", { className: "font-mono text-xs", children: row.original.invoiceNumber });
+                    return _jsx("span", { className: "font-mono text-xs", children: payment.invoiceNumber });
                 },
             },
         ];
@@ -126,19 +146,24 @@ export function BookingPaymentsSummary({ bookingId, variant = "public", onInvoic
             cols.push({
                 id: "actions",
                 header: () => _jsx("span", { className: "sr-only", children: card.columns.actions }),
-                cell: ({ row }) => (_jsxs("div", { className: "flex items-center justify-end gap-1", children: [onViewPayment ? (_jsx(IconActionButton, { label: card.actions.view, icon: _jsx(Eye, { className: "h-3.5 w-3.5" }), onClick: (e) => {
-                                e.stopPropagation();
-                                onViewPayment(row.original);
-                            } })) : null, onConvertProforma && row.original.invoiceType === "proforma" ? (_jsx(IconActionButton, { label: card.actions.convertToInvoice, icon: _jsx(ArrowUpRight, { className: "h-3.5 w-3.5" }), onClick: (e) => {
-                                e.stopPropagation();
-                                void onConvertProforma(row.original);
-                            } })) : null, onEditPayment ? (_jsx(IconActionButton, { label: card.actions.edit, icon: _jsx(Pencil, { className: "h-3.5 w-3.5" }), onClick: (e) => {
-                                e.stopPropagation();
-                                onEditPayment(row.original);
-                            } })) : null, onDeletePayment ? (_jsx(IconActionButton, { label: card.actions.delete, 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();
-                                setDeleteTarget(row.original);
-                            } })) : null] })),
+                cell: ({ row }) => {
+                    if (row.original.source !== "payment") {
+                        return null;
+                    }
+                    return (_jsxs("div", { className: "flex items-center justify-end gap-1", children: [onViewPayment ? (_jsx(IconActionButton, { label: card.actions.view, icon: _jsx(Eye, { className: "h-3.5 w-3.5" }), onClick: (e) => {
+                                    e.stopPropagation();
+                                    onViewPayment(row.original);
+                                } })) : null, onConvertProforma && row.original.invoiceType === "proforma" ? (_jsx(IconActionButton, { label: card.actions.convertToInvoice, icon: _jsx(ArrowUpRight, { className: "h-3.5 w-3.5" }), onClick: (e) => {
+                                    e.stopPropagation();
+                                    void onConvertProforma(row.original);
+                                } })) : null, onEditPayment ? (_jsx(IconActionButton, { label: card.actions.edit, icon: _jsx(Pencil, { className: "h-3.5 w-3.5" }), onClick: (e) => {
+                                    e.stopPropagation();
+                                    onEditPayment(row.original);
+                                } })) : null, onDeletePayment ? (_jsx(IconActionButton, { label: card.actions.delete, 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();
+                                    setDeleteTarget(row.original);
+                                } })) : null] }));
+                },
             });
         }
         return cols;

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

@@ -15,6 +15,8 @@ export interface FileDropzoneProps {
     maxSize?: number;
     /** Called after a successful upload. */
     onUploaded: (file: UploadedFile) => void;
+    /** Called after a previously uploaded file is cleared from the dropzone. */
+    onCleared?: () => void;
     /** Called when an error occurs (validation, upload failure). */
     onError?: (message: string) => void;
     /** Helper text shown in the idle state. */
@@ -22,5 +24,5 @@ export interface FileDropzoneProps {
     /** Disable interaction. */
     disabled?: boolean;
 }
-export declare function FileDropzone({ uploadUrl, accept, maxSize, onUploaded, onError, helperText, disabled, }: FileDropzoneProps): React.JSX.Element;
+export declare function FileDropzone({ uploadUrl, accept, maxSize, onUploaded, onCleared, onError, helperText, disabled, }: FileDropzoneProps): React.JSX.Element;
 //# sourceMappingURL=file-dropzone.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"file-dropzone.d.ts","sourceRoot":"","sources":["../../src/components/file-dropzone.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,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,sEAAsE;IACtE,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,SAAmC,EACnC,MAAM,EACN,OAAO,EACP,UAAU,EACV,OAAO,EACP,UAAU,EACV,QAAQ,GACT,EAAE,iBAAiB,qBA8KnB"}
+{"version":3,"file":"file-dropzone.d.ts","sourceRoot":"","sources":["../../src/components/file-dropzone.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,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,sEAAsE;IACtE,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,4EAA4E;IAC5E,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,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,SAAmC,EACnC,MAAM,EACN,OAAO,EACP,UAAU,EACV,SAAS,EACT,OAAO,EACP,UAAU,EACV,QAAQ,GACT,EAAE,iBAAiB,qBA+KnB"}

package/dist/components/file-dropzone.js

@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 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/admin/uploads", accept, maxSize, onUploaded, onError, helperText, disabled, }) {
+export function FileDropzone({ uploadUrl = "/api/v1/admin/uploads", accept, maxSize, onUploaded, onCleared, onError, helperText, disabled, }) {
     const inputRef = React.useRef(null);
     const [isDragging, setIsDragging] = React.useState(false);
     const [isUploading, setIsUploading] = React.useState(false);
@@ -94,6 +94,7 @@ export function FileDropzone({ uploadUrl = "/api/v1/admin/uploads", accept, maxS
     const reset = () => {
         setUploaded(null);
         setError(null);
+        onCleared?.();
     };
     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" }) })] }));

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

@@ -1 +1 @@
-{"version":3,"file":"traveler-dialog.d.ts","sourceRoot":"","sources":["../../src/components/traveler-dialog.tsx"],"names":[],"mappings":"AAoCA,OAAO,EACL,KAAK,qBAAqB,EAG3B,MAAM,aAAa,CAAA;AAoCpB,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,qBAAqB,CAAA;IAChC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;CACvB;AAED,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,QAAQ,EACR,SAAS,GACV,EAAE,mBAAmB,+BA0brB"}
+{"version":3,"file":"traveler-dialog.d.ts","sourceRoot":"","sources":["../../src/components/traveler-dialog.tsx"],"names":[],"mappings":"AAoCA,OAAO,EACL,KAAK,qBAAqB,EAG3B,MAAM,aAAa,CAAA;AA4CpB,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,qBAAqB,CAAA;IAChC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;CACvB;AAED,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,QAAQ,EACR,SAAS,GACV,EAAE,mBAAmB,+BA0drB"}

package/dist/components/traveler-dialog.js

@@ -14,10 +14,12 @@ import { z } from "zod/v4";
 import { useBookingsUiMessagesOrDefault } from "../i18n/provider.js";
 import { useRevealTraveler, useTravelerWithTravelDetailsMutation, } from "../index.js";
 const identityDocumentTypes = ["passport", "id_card", "driver_license", "visa", "other"];
+const travelerCategories = ["adult", "child", "infant", "senior", "other"];
 function createTravelerFormSchema(messages) {
     return z.object({
         firstName: z.string().min(1, messages.travelerDialog.validation.firstNameRequired),
         lastName: z.string().min(1, messages.travelerDialog.validation.lastNameRequired),
+        travelerCategory: z.enum(travelerCategories).default("adult"),
         email: z.string().email().optional().or(z.literal("")).nullable(),
         phone: z.string().optional().nullable(),
         specialRequests: z.string().optional().nullable(),
@@ -41,6 +43,11 @@ const EMPTY_PII_FORM = {
     dietaryRequirements: "",
     accessibilityNeeds: "",
 };
+function normalizeTravelerCategory(value) {
+    return travelerCategories.includes(value)
+        ? value
+        : "adult";
+}
 export function TravelerDialog({ open, onOpenChange, bookingId, traveler, onSuccess, }) {
     const isEditing = Boolean(traveler);
     const personId = traveler?.personId ?? null;
@@ -65,6 +72,7 @@ export function TravelerDialog({ open, onOpenChange, bookingId, traveler, onSucc
         defaultValues: {
             firstName: "",
             lastName: "",
+            travelerCategory: "adult",
             email: "",
             phone: "",
             specialRequests: "",
@@ -82,6 +90,7 @@ export function TravelerDialog({ open, onOpenChange, bookingId, traveler, onSucc
             form.reset({
                 firstName: traveler.firstName,
                 lastName: traveler.lastName,
+                travelerCategory: normalizeTravelerCategory(traveler.travelerCategory),
                 email: traveler.email ?? "",
                 phone: traveler.phone ?? "",
                 specialRequests: traveler.specialRequests ?? "",
@@ -99,6 +108,7 @@ export function TravelerDialog({ open, onOpenChange, bookingId, traveler, onSucc
             form.reset({
                 firstName: "",
                 lastName: "",
+                travelerCategory: "adult",
                 email: "",
                 phone: "",
                 specialRequests: "",
@@ -135,6 +145,7 @@ export function TravelerDialog({ open, onOpenChange, bookingId, traveler, onSucc
             specialRequests: values.specialRequests || null,
             isPrimary: traveler?.isPrimary ?? false,
             participantType: "traveler",
+            travelerCategory: values.travelerCategory,
             documentType: values.documentType,
             documentNumber: trimOrNull(values.documentNumber),
             documentExpiry: trimOrNull(values.documentExpiry),
@@ -238,7 +249,10 @@ export function TravelerDialog({ open, onOpenChange, bookingId, traveler, onSucc
         });
     return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { size: "lg", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: isEditing
                             ? messages.travelerDialog.titles.edit
-                            : messages.travelerDialog.titles.create }) }), _jsxs("form", { onSubmit: form.handleSubmit(onSubmit), className: "flex flex-1 flex-col overflow-hidden", children: [_jsxs(DialogBody, { className: "grid gap-4", children: [_jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.travelerDialog.fields.firstName }), _jsx(Input, { ...form.register("firstName"), placeholder: messages.travelerDialog.placeholders.firstName }), form.formState.errors.firstName && (_jsx("p", { className: "text-xs text-destructive", children: form.formState.errors.firstName.message }))] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.travelerDialog.fields.lastName }), _jsx(Input, { ...form.register("lastName"), placeholder: messages.travelerDialog.placeholders.lastName }), form.formState.errors.lastName && (_jsx("p", { className: "text-xs text-destructive", children: form.formState.errors.lastName.message }))] })] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.travelerDialog.fields.email }), _jsx(Input, { ...form.register("email"), type: "email", placeholder: messages.travelerDialog.placeholders.email })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.travelerDialog.fields.phone }), _jsx(PhoneInput, { value: form.watch("phone") ?? "", onChange: (next) => form.setValue("phone", next, { shouldDirty: true }) })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.travelerDialog.fields.specialRequests }), _jsx(Textarea, { ...form.register("specialRequests"), placeholder: messages.travelerDialog.placeholders.specialRequests })] }), _jsxs("div", { className: "flex flex-col gap-3 border-t pt-4", children: [_jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsx("h3", { className: "text-sm font-semibold", children: messages.travelerDialog.fields.travelDetailsHeading }), personId ? (_jsxs(Button, { type: "button", variant: "ghost", size: "sm", disabled: !snapshot || snapshotQuery.isLoading, onClick: prefillFromProfile, children: [_jsx(Sparkles, { className: "mr-2 h-3.5 w-3.5" }), messages.travelerDialog.actions.prefillFromProfile] })) : null] }), prefilledNotice ? (_jsx("p", { className: "text-xs text-muted-foreground", children: messages.travelerDialog.hints.prefilledFromProfile })) : null, _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.travelerDialog.fields.documentType }), _jsxs(Select, { value: form.watch("documentType") ?? "passport", onValueChange: (nextValue) => form.setValue("documentType", nextValue, {
+                            : messages.travelerDialog.titles.create }) }), _jsxs("form", { onSubmit: form.handleSubmit(onSubmit), className: "flex flex-1 flex-col overflow-hidden", children: [_jsxs(DialogBody, { className: "grid gap-4", children: [_jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.travelerDialog.fields.firstName }), _jsx(Input, { ...form.register("firstName"), placeholder: messages.travelerDialog.placeholders.firstName }), form.formState.errors.firstName && (_jsx("p", { className: "text-xs text-destructive", children: form.formState.errors.firstName.message }))] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.travelerDialog.fields.lastName }), _jsx(Input, { ...form.register("lastName"), placeholder: messages.travelerDialog.placeholders.lastName }), form.formState.errors.lastName && (_jsx("p", { className: "text-xs text-destructive", children: form.formState.errors.lastName.message }))] })] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.travelerDialog.fields.email }), _jsx(Input, { ...form.register("email"), type: "email", placeholder: messages.travelerDialog.placeholders.email })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.travelerDialog.fields.phone }), _jsx(PhoneInput, { value: form.watch("phone") ?? "", onChange: (next) => form.setValue("phone", next, { shouldDirty: true }) })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.travelerDialog.fields.travelerCategory }), _jsxs(Select, { value: form.watch("travelerCategory") ?? "adult", onValueChange: (nextValue) => form.setValue("travelerCategory", nextValue, {
+                                                shouldDirty: true,
+                                                shouldValidate: true,
+                                            }), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: travelerCategories.map((category) => (_jsx(SelectItem, { value: category, children: messages.travelerDialog.travelerCategoryLabels[category] }, category))) })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.travelerDialog.fields.specialRequests }), _jsx(Textarea, { ...form.register("specialRequests"), placeholder: messages.travelerDialog.placeholders.specialRequests })] }), _jsxs("div", { className: "flex flex-col gap-3 border-t pt-4", children: [_jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsx("h3", { className: "text-sm font-semibold", children: messages.travelerDialog.fields.travelDetailsHeading }), personId ? (_jsxs(Button, { type: "button", variant: "ghost", size: "sm", disabled: !snapshot || snapshotQuery.isLoading, onClick: prefillFromProfile, children: [_jsx(Sparkles, { className: "mr-2 h-3.5 w-3.5" }), messages.travelerDialog.actions.prefillFromProfile] })) : null] }), prefilledNotice ? (_jsx("p", { className: "text-xs text-muted-foreground", children: messages.travelerDialog.hints.prefilledFromProfile })) : null, _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.travelerDialog.fields.documentType }), _jsxs(Select, { value: form.watch("documentType") ?? "passport", onValueChange: (nextValue) => form.setValue("documentType", nextValue, {
                                                                 shouldDirty: true,
                                                                 shouldValidate: true,
                                                             }), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: identityDocumentTypes.map((type) => (_jsx(SelectItem, { value: type, children: messages.travelerDialog.documentTypeLabels[type] }, type))) })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.travelerDialog.fields.documentNumber }), _jsx(Input, { ...form.register("documentNumber"), placeholder: messages.travelerDialog.placeholders.documentNumber })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.travelerDialog.fields.documentExpiry }), _jsx(DatePicker, { value: form.watch("documentExpiry") || null, onChange: (nextValue) => form.setValue("documentExpiry", nextValue ?? "", {

package/dist/components/traveler-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"traveler-list.d.ts","sourceRoot":"","sources":["../../src/components/traveler-list.tsx"],"names":[],"mappings":"AAyBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAc9B,MAAM,WAAW,iBAAiB;IAChC,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,UAAkB,EAAE,EAAE,iBAAiB,qBA2RhF"}
+{"version":3,"file":"traveler-list.d.ts","sourceRoot":"","sources":["../../src/components/traveler-list.tsx"],"names":[],"mappings":"AAyBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAc9B,MAAM,WAAW,iBAAiB;IAChC,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,UAAkB,EAAE,EAAE,iBAAiB,qBAiRhF"}

package/dist/components/traveler-list.js

@@ -51,7 +51,7 @@ export function TravelerList({ bookingId, autoReveal = false }) {
             return next;
         });
     }, []);
-    const isRevealed = React.useCallback((travelerId) => autoReveal || revealedIds.has(travelerId), [autoReveal, revealedIds]);
+    const isRevealed = React.useCallback((travelerId) => autoReveal || allAlreadyRevealed || revealedIds.has(travelerId), [allAlreadyRevealed, autoReveal, revealedIds]);
     const deleteMessages = messages.travelerList.actions.deleteConfirm;
     const handleConfirmDelete = async () => {
         if (!deleteTarget)
@@ -88,13 +88,7 @@ export function TravelerList({ bookingId, autoReveal = false }) {
         {
             id: "documents",
             header: messages.travelerList.columns.documents,
-            cell: ({ row }) => {
-                const documents = documentsByTraveler.get(row.original.id) ?? [];
-                if (documents.length === 0) {
-                    return (_jsx("span", { className: "text-muted-foreground text-xs", children: messages.travelerList.values.documentsUnavailable }));
-                }
-                return (_jsxs("div", { className: "flex flex-wrap gap-1.5", children: [documents.slice(0, 2).map((document) => (_jsx(MiniPill, { children: document.type.replaceAll("_", " ") }, document.id))), documents.length > 2 ? _jsxs(MiniPill, { children: ["+", documents.length - 2] }) : null] }));
-            },
+            cell: ({ row }) => (_jsx(TravelerDocumentsCell, { bookingId: bookingId, traveler: row.original, revealed: isRevealed(row.original.id), documents: documentsByTraveler.get(row.original.id) ?? [] })),
         },
         {
             id: "actions",
@@ -196,12 +190,35 @@ function RolePills({ traveler }) {
     const pills = [];
     if (traveler.isPrimary)
         pills.push(messages.travelerList.roles.primary);
-    if (traveler.travelerCategory)
-        pills.push(traveler.travelerCategory);
+    if (traveler.travelerCategory) {
+        pills.push(messages.travelerDialog.travelerCategoryLabels[traveler.travelerCategory] ?? traveler.travelerCategory);
+    }
     if (pills.length === 0)
         return _jsx("span", { className: "text-muted-foreground text-xs", children: "\u2014" });
     return (_jsx("div", { className: "flex flex-wrap gap-1.5", children: pills.map((label) => (_jsx(MiniPill, { children: label }, label))) }));
 }
+function TravelerDocumentsCell({ bookingId, traveler, revealed, documents, }) {
+    const { travelDetails, loading } = useRevealed(bookingId, traveler, revealed);
+    const messages = useBookingsUiMessagesOrDefault();
+    const travelDocumentLabel = getTravelDocumentLabel(travelDetails, messages);
+    if (loading)
+        return _jsx(RowLoading, {});
+    if (!revealed && documents.length === 0) {
+        return (_jsx("span", { className: "text-muted-foreground text-xs", children: messages.travelerList.values.documentsHidden }));
+    }
+    if (documents.length === 0 && !travelDocumentLabel) {
+        return (_jsx("span", { className: "text-muted-foreground text-xs", children: messages.travelerList.values.documentsUnavailable }));
+    }
+    return (_jsxs("div", { className: "flex flex-wrap gap-1.5", children: [travelDocumentLabel ? _jsx(MiniPill, { children: travelDocumentLabel }) : null, documents.slice(0, travelDocumentLabel ? 1 : 2).map((document) => (_jsx(MiniPill, { children: document.type.replaceAll("_", " ") }, document.id))), documents.length > (travelDocumentLabel ? 1 : 2) ? (_jsxs(MiniPill, { children: ["+", documents.length - (travelDocumentLabel ? 1 : 2)] })) : null] }));
+}
+function getTravelDocumentLabel(travelDetails, messages) {
+    if (!travelDetails)
+        return null;
+    if (!travelDetails.documentNumber && !travelDetails.documentExpiry)
+        return null;
+    const documentType = travelDetails.documentType ?? "passport";
+    return messages.travelerDialog.documentTypeLabels[documentType];
+}
 function TravelerSnapshotBody({ bookingId, traveler, documents, }) {
     const messages = useBookingsUiMessagesOrDefault();
     const labels = messages.travelerList.snapshot;
@@ -223,8 +240,9 @@ function TravelerSnapshotBody({ bookingId, traveler, documents, }) {
         roles.push(messages.travelerList.roles.primary);
     if (travelDetails?.isLeadTraveler)
         roles.push(messages.travelerList.roles.lead);
-    if (display.travelerCategory)
-        roles.push(display.travelerCategory);
+    if (display.travelerCategory) {
+        roles.push(messages.travelerDialog.travelerCategoryLabels[display.travelerCategory] ?? display.travelerCategory);
+    }
     return (_jsxs("div", { className: "flex-1 overflow-y-auto px-4 pb-4", children: [loading ? (_jsx("div", { className: "py-4", children: _jsx(RowLoading, {}) })) : null, _jsxs(SnapshotSection, { title: labels.sectionContact, children: [_jsx(SnapshotRow, { label: labels.nameLabel, value: fullName }), _jsx(SnapshotRow, { label: labels.emailLabel, value: email }), _jsx(SnapshotRow, { label: labels.phoneLabel, value: phone }), _jsx(SnapshotRow, { label: labels.languageLabel, value: display.preferredLanguage || empty }), _jsx(SnapshotRow, { label: labels.roleLabel, value: roles.length > 0 ? (_jsx("div", { className: "flex flex-wrap gap-1.5", children: roles.map((label) => (_jsx(MiniPill, { children: label }, label))) })) : (empty) })] }), _jsxs(SnapshotSection, { title: labels.sectionTravel, children: [_jsx(SnapshotRow, { label: labels.dobLabel, value: formatDobAge(dob, empty) }), _jsx(SnapshotRow, { label: labels.nationalityLabel, value: travelDetails?.nationality || empty }), _jsx(SnapshotRow, { label: labels.documentLabel, value: documentValue }), _jsx(SnapshotRow, { label: labels.documentExpiryLabel, value: formatDateValue(travelDetails?.documentExpiry) ?? empty }), _jsx(SnapshotRow, { label: labels.dietaryLabel, value: travelDetails?.dietaryRequirements || empty, multiline: true }), _jsx(SnapshotRow, { label: labels.accessibilityLabel, value: travelDetails?.accessibilityNeeds || empty, multiline: true }), _jsx(SnapshotRow, { label: labels.specialRequestsLabel, value: display.specialRequests || empty, multiline: true }), _jsx(SnapshotRow, { label: labels.notesLabel, value: display.notes || empty, multiline: true })] }), _jsx(SnapshotSection, { title: labels.sectionDocuments, children: documents.length === 0 ? (_jsx("div", { className: "px-3 py-3 text-sm text-muted-foreground", children: labels.noDocuments })) : (documents.map((document) => (_jsx(SnapshotRow, { label: formatMessage(messages.travelerList.context.documentLabel, {
                         type: document.type.replaceAll("_", " "),
                     }), value: document.fileName }, document.id)))) }), _jsxs(SnapshotSection, { title: labels.sectionMeta, children: [_jsx(SnapshotRow, { label: labels.createdAtLabel, value: formatTimestamp(traveler.createdAt) ?? empty }), _jsx(SnapshotRow, { label: labels.updatedAtLabel, value: formatTimestamp(traveler.updatedAt) ?? empty })] })] }));

package/dist/extras/hooks/use-slot-extra-manifest-mutation.d.ts

@@ -12,7 +12,7 @@ export declare function useSlotExtraManifestMutation(slotId: string): {
         productExtraId: string;
         optionExtraConfigId?: string | null | undefined;
         status?: "selected" | "cancelled" | "fulfilled" | "no_show" | undefined;
-        collectionStatus?: "pending" | "not_required" | "collected" | "waived" | "refunded" | undefined;
+        collectionStatus?: "not_required" | "pending" | "collected" | "waived" | "refunded" | undefined;
         collectionCurrency?: string | null | undefined;
         collectionAmountCents?: number | null | undefined;
         notes?: string | null | undefined;
@@ -27,7 +27,7 @@ export declare function useSlotExtraManifestMutation(slotId: string): {
             productExtraId: string;
             optionExtraConfigId?: string | null | undefined;
             status?: "selected" | "cancelled" | "fulfilled" | "no_show" | undefined;
-            collectionStatus?: "pending" | "not_required" | "collected" | "waived" | "refunded" | undefined;
+            collectionStatus?: "not_required" | "pending" | "collected" | "waived" | "refunded" | undefined;
             collectionCurrency?: string | null | undefined;
             collectionAmountCents?: number | null | undefined;
             notes?: string | null | undefined;
@@ -39,7 +39,7 @@ export declare function useSlotExtraManifestMutation(slotId: string): {
     }, Error, {
         productExtraId: string;
         travelerIds: string[];
-        collectionStatus: "pending" | "not_required" | "collected" | "waived" | "refunded";
+        collectionStatus: "not_required" | "pending" | "collected" | "waived" | "refunded";
         collectionCurrency?: string | null | undefined;
         collectionAmountCents?: number | null | undefined;
         notes?: string | null | undefined;

package/dist/extras/hooks/use-slot-extra-manifest.d.ts

@@ -55,7 +55,7 @@ export declare function useSlotExtraManifest(slotId: string | null | undefined,
         status: "selected" | "cancelled" | "fulfilled" | "no_show";
         selected: boolean;
         collectionMode: "cash_on_trip" | "external" | "included" | "none" | "booking_total";
-        collectionStatus: "pending" | "not_required" | "collected" | "waived" | "refunded";
+        collectionStatus: "not_required" | "pending" | "collected" | "waived" | "refunded";
         collectionCurrency: string | null;
         collectionAmountCents: number | null;
         collectedAt: string | null;