@voyantjs/bookings-ui 0.81.14 → 0.81.16

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

@@ -1 +1 @@
-{"version":3,"file":"booking-billing-dialog.d.ts","sourceRoot":"","sources":["../../src/components/booking-billing-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAAsB,MAAM,0BAA0B,CAAA;AAuCjF,MAAM,WAAW,yBAAyB;IACxC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,OAAO,EAAE,aAAa,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;CACvB;AAED;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,IAAI,EACJ,YAAY,EACZ,OAAO,EACP,SAAS,GACV,EAAE,yBAAyB,2CA2J3B"}
+{"version":3,"file":"booking-billing-dialog.d.ts","sourceRoot":"","sources":["../../src/components/booking-billing-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAAsB,MAAM,0BAA0B,CAAA;AAsCjF,MAAM,WAAW,yBAAyB;IACxC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,OAAO,EAAE,aAAa,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;CACvB;AAED;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,IAAI,EACJ,YAAY,EACZ,OAAO,EACP,SAAS,GACV,EAAE,yBAAyB,2CA2J3B"}

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

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useBookingMutation } from "@voyantjs/bookings-react";
-import { Button, Dialog, DialogBody, DialogContent, DialogFooter, DialogHeader, DialogTitle, Input, Label, Textarea, } from "@voyantjs/ui/components";
+import { Button, Dialog, DialogBody, DialogContent, DialogFooter, DialogHeader, DialogTitle, Input, Label, } from "@voyantjs/ui/components";
 import { CountryCombobox } from "@voyantjs/ui/components/country-combobox";
 import { PhoneInput } from "@voyantjs/ui/components/phone-input";
 import { zodResolver } from "@voyantjs/ui/lib/zod-resolver";
@@ -87,7 +87,7 @@ export function BookingBillingDialog({ open, onOpenChange, booking, onSuccess, }
         onOpenChange(false);
         onSuccess?.();
     };
-    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { size: "lg", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: messages.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-1 gap-4 sm:grid-cols-2", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.fields.firstName }), _jsx(Input, { ...form.register("contactFirstName") })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.fields.lastName }), _jsx(Input, { ...form.register("contactLastName") })] })] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.fields.email }), _jsx(Input, { type: "email", ...form.register("contactEmail") }), form.formState.errors.contactEmail ? (_jsx("p", { className: "text-xs text-destructive", children: form.formState.errors.contactEmail.message })) : null] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.fields.phone }), _jsx(PhoneInput, { value: form.watch("contactPhone") ?? "", onChange: (next) => form.setValue("contactPhone", next, { shouldDirty: true }) })] })] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.fields.addressLine1 }), _jsx(Textarea, { rows: 2, ...form.register("contactAddressLine1") })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.fields.addressLine2 }), _jsx(Textarea, { rows: 2, ...form.register("contactAddressLine2") })] })] }), _jsxs("div", { className: "grid grid-cols-3 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.fields.city }), _jsx(Input, { ...form.register("contactCity") })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.fields.region }), _jsx(Input, { ...form.register("contactRegion") })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.fields.postalCode }), _jsx(Input, { ...form.register("contactPostalCode") })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.fields.country }), _jsx(CountryCombobox, { value: form.watch("contactCountry") || null, onChange: (next) => form.setValue("contactCountry", next ?? "", {
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { size: "lg", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: messages.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-1 gap-4 sm:grid-cols-2", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.fields.firstName }), _jsx(Input, { ...form.register("contactFirstName") })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.fields.lastName }), _jsx(Input, { ...form.register("contactLastName") })] })] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.fields.email }), _jsx(Input, { type: "email", ...form.register("contactEmail") }), form.formState.errors.contactEmail ? (_jsx("p", { className: "text-xs text-destructive", children: form.formState.errors.contactEmail.message })) : null] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.fields.phone }), _jsx(PhoneInput, { value: form.watch("contactPhone") ?? "", onChange: (next) => form.setValue("contactPhone", next, { shouldDirty: true }) })] })] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.fields.addressLine1 }), _jsx(Input, { ...form.register("contactAddressLine1") })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.fields.addressLine2 }), _jsx(Input, { ...form.register("contactAddressLine2") })] })] }), _jsxs("div", { className: "grid grid-cols-3 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.fields.city }), _jsx(Input, { ...form.register("contactCity") })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.fields.region }), _jsx(Input, { ...form.register("contactRegion") })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.fields.postalCode }), _jsx(Input, { ...form.register("contactPostalCode") })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.fields.country }), _jsx(CountryCombobox, { value: form.watch("contactCountry") || null, onChange: (next) => form.setValue("contactCountry", next ?? "", {
                                                 shouldDirty: true,
                                                 shouldValidate: true,
                                             }) })] })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => onOpenChange(false), children: messages.actions.cancel }), _jsxs(Button, { type: "submit", size: "sm", disabled: update.isPending, children: [update.isPending ? _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }) : null, messages.actions.save] })] })] })] }) }));

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

@@ -1 +1 @@
-{"version":3,"file":"booking-create-dialog.d.ts","sourceRoot":"","sources":["../../src/components/booking-create-dialog.tsx"],"names":[],"mappings":"AAeA,OAAO,EAKL,KAAK,aAAa,EAInB,MAAM,0BAA0B,CAAA;AAkQjC,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,CAAA;IAC5C,4EAA4E;IAC5E,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,+DAA+D;IAC/D,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED,MAAM,WAAW,sBAAsB;IACrC,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,CAAA;IAC5C,4EAA4E;IAC5E,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,+DAA+D;IAC/D,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,sEAAsE;IACtE,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACtB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,gBAAgB,EAChB,aAAa,GACd,EAAE,wBAAwB,2CAsB1B;AAED,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,gBAAgB,EAChB,aAAa,EACb,OAAc,EACd,QAAQ,GACT,EAAE,sBAAsB,2CAg+BxB"}
+{"version":3,"file":"booking-create-dialog.d.ts","sourceRoot":"","sources":["../../src/components/booking-create-dialog.tsx"],"names":[],"mappings":"AAeA,OAAO,EAKL,KAAK,aAAa,EAInB,MAAM,0BAA0B,CAAA;AAiPjC,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,CAAA;IAC5C,4EAA4E;IAC5E,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,+DAA+D;IAC/D,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED,MAAM,WAAW,sBAAsB;IACrC,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,CAAA;IAC5C,4EAA4E;IAC5E,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,+DAA+D;IAC/D,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,sEAAsE;IACtE,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACtB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,gBAAgB,EAChB,aAAa,GACd,EAAE,wBAAwB,2CAsB1B;AAED,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,gBAAgB,EAChB,aAAa,EACb,OAAc,EACd,QAAQ,GACT,EAAE,sBAAsB,2CAg8BxB"}

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

@@ -1,5 +1,5 @@
 "use client";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useQueries, useQuery } from "@tanstack/react-query";
 import { getSlotQueryOptions, useSlots, useSlotUnitAvailability, useVoyantAvailabilityContext, } from "@voyantjs/availability-react";
 import { resolveBookingDraft, resolveBookingExtraLines, travelersToRows, } from "@voyantjs/bookings/pricing-assignment";
@@ -32,39 +32,35 @@ function generateBookingNumber() {
 }
 function paymentScheduleToRows(value, currency, totalAmountCents) {
     if (value.mode === "full") {
-        if (!value.fullDueDate || totalAmountCents === null)
+        const installment = value.installments[0];
+        if (!installment?.dueDate || totalAmountCents === null)
             return [];
         return [
             {
                 scheduleType: "balance",
-                status: value.fullAlreadyPaid ? "paid" : "due",
-                dueDate: value.fullDueDate,
+                status: installment.alreadyPaid ? "paid" : "due",
+                dueDate: installment.dueDate,
                 currency,
                 amountCents: totalAmountCents,
-                notes: paidScheduleNotes(value.fullAlreadyPaid, value.fullPaymentDate, value.fullPaymentMethod, value.fullPaymentReference),
+                notes: paidScheduleNotes(installment.alreadyPaid, installment.paymentDate, installment.paymentMethod, installment.paymentReference),
             },
         ];
     }
-    // split
+    // split — N installments
     const rows = [];
-    if (value.splitFirstDueDate && value.splitFirstAmountCents != null) {
+    for (const [idx, installment] of value.installments.entries()) {
+        if (!installment.dueDate || installment.amountCents == null)
+            continue;
         rows.push({
             scheduleType: "installment",
-            status: value.splitFirstAlreadyPaid ? "paid" : "due",
-            dueDate: value.splitFirstDueDate,
+            // First installment defaults to `due` (immediately collectable),
+            // subsequent ones to `pending` so the dashboard's "next due" picker
+            // doesn't flag them all at once.
+            status: installment.alreadyPaid ? "paid" : idx === 0 ? "due" : "pending",
+            dueDate: installment.dueDate,
             currency,
-            amountCents: value.splitFirstAmountCents,
-            notes: paidScheduleNotes(value.splitFirstAlreadyPaid, value.splitFirstPaymentDate, value.splitFirstPaymentMethod, value.splitFirstPaymentReference),
-        });
-    }
-    if (value.splitSecondDueDate && value.splitSecondAmountCents != null) {
-        rows.push({
-            scheduleType: "installment",
-            status: value.splitSecondAlreadyPaid ? "paid" : "pending",
-            dueDate: value.splitSecondDueDate,
-            currency,
-            amountCents: value.splitSecondAmountCents,
-            notes: paidScheduleNotes(value.splitSecondAlreadyPaid, value.splitSecondPaymentDate, value.splitSecondPaymentMethod, value.splitSecondPaymentReference),
+            amountCents: installment.amountCents,
+            notes: paidScheduleNotes(installment.alreadyPaid, installment.paymentDate, installment.paymentMethod, installment.paymentReference),
         });
     }
     return rows;
@@ -101,14 +97,7 @@ function stripUnitSuffix(name) {
  * `confirmed`; otherwise it lands in `awaiting_payment`.
  */
 function hasAnyPaidPayment(schedule) {
-    switch (schedule.mode) {
-        case "full":
-            return schedule.fullAlreadyPaid;
-        case "split":
-            return schedule.splitFirstAlreadyPaid || schedule.splitSecondAlreadyPaid;
-        default:
-            return false;
-    }
+    return schedule.installments.some((installment) => installment.alreadyPaid);
 }
 /**
  * Inverse of stripUnitSuffix — strip the leading "Option name - " so
@@ -195,18 +184,24 @@ export function BookingCreateForm({ onCreated, defaultProductId, defaultSlotId,
     const [voucher, setVoucher] = React.useState(emptyVoucherPickerValue);
     const [pricing, setPricing] = React.useState(null);
     const [paymentSchedule, setPaymentSchedule] = React.useState(emptyPaymentScheduleValue);
-    const [generateContractDocument, setGenerateContractDocument] = React.useState(false);
-    const [generateInvoiceDocument, setGenerateInvoiceDocument] = React.useState(false);
-    const [notes, setNotes] = React.useState("");
     /**
-     * Operator override that forces the booking to land in `draft`
-     * regardless of payment state. Off by default — the dialog
-     * smart-defaults to `confirmed` (when any payment is marked paid)
-     * or `awaiting_payment` (when nothing is paid yet). The override
-     * exists so an operator can still capture a half-configured
-     * booking without committing it to the lifecycle.
+     * Mutually-exclusive document toggles. "Proforma" issues a single
+     * placeholder invoice; "Invoice + contract" issues a final invoice
+     * alongside the customer contract. Either off → no documents.
      */
-    const [createAsDraft, setCreateAsDraft] = React.useState(false);
+    const [generateProforma, setGenerateProformaState] = React.useState(false);
+    const [generateInvoiceAndContract, setGenerateInvoiceAndContractState] = React.useState(false);
+    const setGenerateProforma = (next) => {
+        setGenerateProformaState(next);
+        if (next)
+            setGenerateInvoiceAndContractState(false);
+    };
+    const setGenerateInvoiceAndContract = (next) => {
+        setGenerateInvoiceAndContractState(next);
+        if (next)
+            setGenerateProformaState(false);
+    };
+    const [notes, setNotes] = React.useState("");
     // Only relevant when the derived status is `confirmed`: when off,
     // the status transition carries `suppressNotifications: true` so
     // the auto-dispatch subscriber skips the customer email + document
@@ -239,10 +234,9 @@ export function BookingCreateForm({ onCreated, defaultProductId, defaultSlotId,
             setVoucher(emptyVoucherPickerValue);
             setPricing(null);
             setPaymentSchedule(emptyPaymentScheduleValue);
-            setGenerateContractDocument(false);
-            setGenerateInvoiceDocument(false);
+            setGenerateProformaState(false);
+            setGenerateInvoiceAndContractState(false);
             setNotes("");
-            setCreateAsDraft(false);
             setNotifyTraveler(true);
             setError(null);
             setPayloadMismatchUnitIds([]);
@@ -610,15 +604,12 @@ export function BookingCreateForm({ onCreated, defaultProductId, defaultSlotId,
             // Smart-default status from payment state — any payment marked
             // "Already paid" implies the booking is effectively confirmed,
             // otherwise it lands in `awaiting_payment` so the operator can
-            // dispatch a payment link. Override available via the explicit
-            // "Create as draft" checkbox. The server commits this status in
+            // dispatch a payment link. The server commits this status in
             // the create transaction and emits `booking.confirmed`
             // post-commit when applicable — no second roundtrip.
-            const initialStatus = createAsDraft
-                ? undefined
-                : hasAnyPaidPayment(paymentSchedule)
-                    ? "confirmed"
-                    : "awaiting_payment";
+            const initialStatus = hasAnyPaidPayment(paymentSchedule)
+                ? "confirmed"
+                : "awaiting_payment";
             // Build the billing-contact snapshot from whichever CRM record
             // the operator picked, plus the primary identity address when
             // present. Falls back to nulls when a record is missing — the
@@ -670,10 +661,15 @@ export function BookingCreateForm({ onCreated, defaultProductId, defaultSlotId,
                 paymentSchedules: paymentSchedules.length > 0 ? paymentSchedules : undefined,
                 voucherRedemption,
                 groupMembership,
-                documentGeneration: {
-                    contractDocument: generateContractDocument,
-                    invoiceDocument: generateInvoiceDocument,
-                },
+                documentGeneration: generateProforma
+                    ? { contractDocument: false, invoiceDocument: true, invoiceType: "proforma" }
+                    : generateInvoiceAndContract
+                        ? {
+                            contractDocument: true,
+                            invoiceDocument: true,
+                            invoiceType: "invoice",
+                        }
+                        : { contractDocument: false, invoiceDocument: false },
                 initialStatus,
                 // Suppression only matters when transitioning to `confirmed` —
                 // `awaiting_payment` doesn't trigger the auto-dispatch
@@ -749,19 +745,9 @@ export function BookingCreateForm({ onCreated, defaultProductId, defaultSlotId,
                                     noRoom: messages.bookingCreateDialog.labels.travelerNoRoom,
                                     remove: messages.bookingCreateDialog.labels.travelerRemove,
                                     empty: messages.bookingCreateDialog.labels.travelerEmpty,
-                                } })) : null, product.productId && slotId ? (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.bookingCreateDialog.fields.internalNotes }), _jsx(Textarea, { value: notes, onChange: (e) => setNotes(e.target.value), placeholder: messages.bookingCreateDialog.placeholders.internalNotes })] })) : null, product.productId && slotId ? (_jsxs("div", { className: "flex flex-col gap-3 rounded-md border p-3", children: [_jsx(Label, { children: messages.bookingCreateDialog.labels.documentGenerationHeading }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsxs("div", { className: "flex items-center gap-2 text-sm", children: [_jsx(Checkbox, { id: "new-booking-generate-contract-document", checked: generateContractDocument, onCheckedChange: (value) => setGenerateContractDocument(value === true) }), _jsx(Label, { htmlFor: "new-booking-generate-contract-document", className: "cursor-pointer", children: messages.bookingCreateDialog.labels.generateContractDocument })] }), _jsxs("div", { className: "flex items-center gap-2 text-sm", children: [_jsx(Checkbox, { id: "new-booking-generate-invoice-document", checked: generateInvoiceDocument, onCheckedChange: (value) => setGenerateInvoiceDocument(value === true) }), _jsx(Label, { htmlFor: "new-booking-generate-invoice-document", className: "cursor-pointer", children: messages.bookingCreateDialog.labels.generateInvoiceDocument })] }), _jsx("div", { className: "flex flex-col gap-2 border-t pt-2 text-sm", children: (() => {
-                                                    const wouldBeConfirmed = hasAnyPaidPayment(paymentSchedule);
-                                                    const derivedStatusLabel = createAsDraft
-                                                        ? messages.common.bookingStatusLabels.draft
-                                                        : wouldBeConfirmed
-                                                            ? messages.common.bookingStatusLabels.confirmed
-                                                            : messages.common.bookingStatusLabels.awaiting_payment;
-                                                    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex items-start gap-2", children: [_jsx(Checkbox, { id: "new-booking-create-as-draft", checked: createAsDraft, onCheckedChange: (v) => setCreateAsDraft(v === true), className: "mt-0.5" }), _jsxs("div", { className: "flex flex-col gap-1", children: [_jsx(Label, { htmlFor: "new-booking-create-as-draft", className: "cursor-pointer text-sm", children: messages.bookingCreateDialog.fields.createAsDraft }), _jsx("p", { className: "text-xs text-muted-foreground", children: formatMessage(messages.bookingCreateDialog.fields.createAsDraftHint, { status: derivedStatusLabel }) })] })] }), !createAsDraft && wouldBeConfirmed ? (_jsxs("div", { className: "flex items-start gap-2 pl-6", children: [_jsx(Checkbox, { id: "new-booking-notify-traveler", checked: notifyTraveler, onCheckedChange: (v) => setNotifyTraveler(v === true), className: "mt-0.5" }), _jsxs("div", { className: "flex flex-col gap-1", children: [_jsx(Label, { htmlFor: "new-booking-notify-traveler", className: "cursor-pointer text-sm", children: messages.bookingCreateDialog.fields.notifyTraveler }), _jsx("p", { className: "text-xs text-muted-foreground", children: messages.bookingCreateDialog.fields.notifyTravelerHint })] })] })) : null] }));
-                                                })() })] })] })) : null] }), error ? (_jsx("div", { role: "alert", className: "mt-3 rounded-md border border-destructive/50 bg-destructive/10 px-3 py-2 text-xs text-destructive", children: error })) : null, _jsxs("div", { className: "mt-4 flex items-center justify-end gap-2 border-t px-1 pt-3", children: [_jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: onCancel, disabled: isSubmitting, children: messages.common.cancel }), _jsxs(Button, { type: "button", size: "sm", onClick: handleSubmit, disabled: isSubmitting || !product.productId || !slotId || !hasSelectedUnits, children: [isSubmitting && _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), createAsDraft
-                                        ? messages.bookingCreateDialog.actions.createDraftBooking
-                                        : hasAnyPaidPayment(paymentSchedule)
-                                            ? messages.bookingCreateDialog.actions.createConfirmedBooking
-                                            : messages.bookingCreateDialog.actions.createAwaitingPaymentBooking] })] })] }), _jsxs("div", { className: "flex flex-col gap-4 lg:col-span-4", children: [_jsx(BookingPreviewCard, { productId: product.productId, optionId: product.optionId, slotId: slotId, slotLabel: (() => {
+                                } })) : null, product.productId && slotId ? (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.bookingCreateDialog.fields.internalNotes }), _jsx(Textarea, { value: notes, onChange: (e) => setNotes(e.target.value), placeholder: messages.bookingCreateDialog.placeholders.internalNotes })] })) : null, product.productId && slotId ? (_jsxs("div", { className: "flex flex-col gap-3 rounded-md border p-3", children: [_jsx(Label, { children: messages.bookingCreateDialog.labels.documentGenerationHeading }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsxs("div", { className: "flex items-center gap-2 text-sm", children: [_jsx(Checkbox, { id: "new-booking-generate-proforma", checked: generateProforma, onCheckedChange: (value) => setGenerateProforma(value === true) }), _jsx(Label, { htmlFor: "new-booking-generate-proforma", className: "cursor-pointer", children: messages.bookingCreateDialog.labels.generateProforma })] }), _jsxs("div", { className: "flex items-center gap-2 text-sm", children: [_jsx(Checkbox, { id: "new-booking-generate-invoice-and-contract", checked: generateInvoiceAndContract, onCheckedChange: (value) => setGenerateInvoiceAndContract(value === true) }), _jsx(Label, { htmlFor: "new-booking-generate-invoice-and-contract", className: "cursor-pointer", children: messages.bookingCreateDialog.labels.generateInvoiceAndContract })] }), hasAnyPaidPayment(paymentSchedule) ? (_jsxs("div", { className: "flex items-start gap-2 border-t pt-2 text-sm", children: [_jsx(Checkbox, { id: "new-booking-notify-traveler", checked: notifyTraveler, onCheckedChange: (v) => setNotifyTraveler(v === true), className: "mt-0.5" }), _jsxs("div", { className: "flex flex-col gap-1", children: [_jsx(Label, { htmlFor: "new-booking-notify-traveler", className: "cursor-pointer text-sm", children: messages.bookingCreateDialog.fields.notifyTraveler }), _jsx("p", { className: "text-xs text-muted-foreground", children: messages.bookingCreateDialog.fields.notifyTravelerHint })] })] })) : null] })] })) : null] }), error ? (_jsx("div", { role: "alert", className: "mt-3 rounded-md border border-destructive/50 bg-destructive/10 px-3 py-2 text-xs text-destructive", children: error })) : null, _jsxs("div", { className: "mt-4 flex items-center justify-end gap-2 border-t px-1 pt-3", children: [_jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: onCancel, disabled: isSubmitting, children: messages.common.cancel }), _jsxs(Button, { type: "button", size: "sm", onClick: handleSubmit, disabled: isSubmitting || !product.productId || !slotId || !hasSelectedUnits, children: [isSubmitting && _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), hasAnyPaidPayment(paymentSchedule)
+                                        ? messages.bookingCreateDialog.actions.createConfirmedBooking
+                                        : messages.bookingCreateDialog.actions.createAwaitingPaymentBooking] })] })] }), _jsxs("div", { className: "flex flex-col gap-4 lg:col-span-4", children: [_jsx(BookingPreviewCard, { productId: product.productId, optionId: product.optionId, slotId: slotId, slotLabel: (() => {
                             const slot = slots.find((s) => s.id === slotId);
                             return slot ? formatSlotLabel(slot) : null;
                         })(), unitQuantities: displayQuantities, unitLabels: roomUnitLabels, extraLines: displayExtraLines, travelers: travelers.travelers, messages: messages, onPricingChange: setPricing }), product.productId && slotId ? (_jsx(VoucherPickerSection, { value: voucher, onChange: setVoucher, currency: currency, labels: {
@@ -771,7 +757,7 @@ export function BookingCreateForm({ onCreated, defaultProductId, defaultSlotId,
                             clear: messages.bookingCreateDialog.labels.voucherClear,
                             remainingLabel: messages.bookingCreateDialog.labels.voucherRemainingLabel,
                             invalidLabel: messages.bookingCreateDialog.labels.voucherInvalidLabel,
-                        } })) : null, product.productId && slotId ? (_jsx(PaymentScheduleSection, { value: paymentSchedule, onChange: setPaymentSchedule, currency: pricingCurrency, totalAmountCents: pricingTotalAmountCents, labels: {
+                        } })) : null, product.productId && slotId ? (_jsx(PaymentScheduleSection, { value: paymentSchedule, onChange: setPaymentSchedule, currency: pricingCurrency, totalAmountCents: pricingTotalAmountCents, departureDate: selectedSlot?.startsAt?.slice(0, 10) ?? null, labels: {
                             heading: messages.bookingCreateDialog.labels.paymentHeading,
                             modeUnpaid: messages.bookingCreateDialog.labels.paymentModeUnpaid,
                             modeFull: messages.bookingCreateDialog.labels.paymentModeFull,

package/dist/components/booking-detail-page.d.ts

@@ -1,5 +1,6 @@
 import { type BookingRecord } from "@voyantjs/bookings-react";
 import { type ReactNode } from "react";
+import { type BookingItemResourceKind } from "./booking-item-list.js";
 import { type BookingPaymentsSummaryRow } from "./booking-payments-summary.js";
 /**
  * Optional extra tab. When provided, the canonical layout renders a
@@ -40,12 +41,45 @@ export interface BookingDetailPageProps {
      * (use when the host shell already renders breadcrumbs). */
     hideBreadcrumb?: boolean;
     onBack?: () => void;
+    /**
+     * Forwarded to the finance-tab `BookingPaymentsSummary` header as a
+     * `Record payment` action button.
+     */
+    onRecordPayment?: (booking: BookingRecord) => void;
+    /**
+     * When set, the Record payment header button renders disabled and its
+     * tooltip shows this reason. Use for "nothing left to pay" states.
+     */
+    recordPaymentDisabledReason?: string | null;
+    /**
+     * When set, the Add schedule button in the payment-schedule section
+     * renders disabled and its tooltip shows this reason.
+     */
+    addScheduleDisabledReason?: string | null;
+    /**
+     * Amount the customer has paid so far against this booking, in cents
+     * of `booking.sellCurrency`. When provided, a `Paid` stat is shown
+     * next to `Total`. Resolution (invoices vs. raw payments) is left to
+     * the host template — `bookings-ui` doesn't fetch finance data.
+     */
+    paidAmountCents?: number | null;
+    /**
+     * Open a linked resource referenced by a booking item (product or
+     * availability slot) in the host app. When omitted, the item-snapshot
+     * sheet renders the names as plain text.
+     */
+    onItemResourceOpen?: (kind: BookingItemResourceKind, id: string) => void;
+    /** Open the linked CRM person's detail page (used by the Payer card). */
     onPersonOpen?: (personId: string) => void;
+    /** Open the linked CRM organization's detail page (used by the Payer card). */
     onOrganizationOpen?: (organizationId: string) => void;
-    /** Wired to a primary `Generate payment link` button on the Payments tab. */
-    onCollectPayment?: (booking: BookingRecord) => void;
-    /** Wired to a secondary `Record payment` button on the Payments tab. */
-    onRecordPayment?: (booking: BookingRecord) => void;
+    /**
+     * Open an invoice in-place when the operator clicks the invoice
+     * number in the Payments row. Typically wired to a `Sheet` that
+     * renders the invoice-detail view so the admin doesn't leave the
+     * booking screen.
+     */
+    onInvoiceOpen?: (invoiceId: string, row: BookingPaymentsSummaryRow) => void;
     /** Forwarded to the finance-tab `BookingPaymentsSummary` row menu. */
     onViewPayment?: (row: BookingPaymentsSummaryRow) => void;
     /** Forwarded to the finance-tab `BookingPaymentsSummary` row menu. */
@@ -54,7 +88,7 @@ export interface BookingDetailPageProps {
     onDeletePayment?: (row: BookingPaymentsSummaryRow) => Promise<void> | void;
     slots?: BookingDetailPageSlots;
 }
-export declare function BookingDetailPage({ id, className, locale, hideBreadcrumb, onBack, onPersonOpen, onOrganizationOpen, onCollectPayment, onRecordPayment, onViewPayment, onEditPayment, onDeletePayment, slots, }: BookingDetailPageProps): import("react/jsx-runtime").JSX.Element;
+export declare function BookingDetailPage({ id, className, locale, hideBreadcrumb, onBack, onRecordPayment, recordPaymentDisabledReason, addScheduleDisabledReason, paidAmountCents, onItemResourceOpen, onPersonOpen, onOrganizationOpen, onInvoiceOpen, onViewPayment, onEditPayment, onDeletePayment, slots, }: BookingDetailPageProps): import("react/jsx-runtime").JSX.Element;
 /**
  * Billing/contact card for the Travelers tab. Snapshot fields on the
  * booking row are the source of truth (they capture contact info at
@@ -63,7 +97,11 @@ export declare function BookingDetailPage({ id, className, locale, hideBreadcrum
  * person / organization so the operator still sees who they're
  * billing.
  */
-export declare function BookingBillingContextCard({ booking }: {
+export declare function BookingBillingContextCard({ booking, onPersonOpen, onOrganizationOpen, }: {
     booking: BookingRecord;
+    /** Open the linked CRM person's detail page. */
+    onPersonOpen?: (personId: string) => void;
+    /** Open the linked CRM organization's detail page. */
+    onOrganizationOpen?: (organizationId: string) => void;
 }): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=booking-detail-page.d.ts.map

package/dist/components/booking-detail-page.d.ts.map

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