@voyantjs/bookings-ui 0.50.5 → 0.50.7

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

@@ -18,7 +18,7 @@ export interface BookingCreateFormProps {
  * Operator booking-create dialog. Composes the booking-create picker
  * sections — product, departure, rooms, person, shared-room, travelers,
  * price breakdown, voucher, payment schedule — and submits via the atomic
- * `POST /v1/bookings/quick-create` endpoint so partial failures can't
+ * `POST /v1/bookings/create` endpoint so partial failures can't
  * leave orphan state.
  *
  * Normally consumed via `BookingDialog` which delegates here when no

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":"AAGA,OAAO,EACL,KAAK,aAAa,EAOnB,MAAM,0BAA0B,CAAA;AAuJjC,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;CAC1B;AAED,MAAM,WAAW,sBAAsB;IACrC,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,CAAA;IAC5C,4EAA4E;IAC5E,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,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,GACjB,EAAE,wBAAwB,2CAqB1B;AAED,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,gBAAgB,EAChB,OAAc,EACd,QAAQ,GACT,EAAE,sBAAsB,2CAycxB"}
+{"version":3,"file":"booking-create-dialog.d.ts","sourceRoot":"","sources":["../../src/components/booking-create-dialog.tsx"],"names":[],"mappings":"AAGA,OAAO,EAKL,KAAK,aAAa,EAGnB,MAAM,0BAA0B,CAAA;AAsMjC,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;CAC1B;AAED,MAAM,WAAW,sBAAsB;IACrC,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,CAAA;IAC5C,4EAA4E;IAC5E,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,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,GACjB,EAAE,wBAAwB,2CAqB1B;AAED,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,gBAAgB,EAChB,OAAc,EACd,QAAQ,GACT,EAAE,sBAAsB,2CAgiBxB"}

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

@@ -1,11 +1,12 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useSlots, useSlotUnitAvailability } from "@voyantjs/availability-react";
-import { useBookingQuickCreateMutation, useBookingStatusByIdMutation, } from "@voyantjs/bookings-react";
-import { Button, Checkbox, Dialog, DialogContent, DialogHeader, DialogTitle, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Textarea, } from "@voyantjs/ui/components";
+import { useBookingCreateMutation, useBookingStatusByIdMutation, } from "@voyantjs/bookings-react";
+import { Button, Checkbox, Dialog, DialogBody, DialogContent, DialogFooter, DialogHeader, DialogTitle, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Textarea, } from "@voyantjs/ui/components";
 import { Loader2 } from "lucide-react";
 import * as React from "react";
 import { formatMessage, useBookingsUiI18nOrDefault, useBookingsUiMessagesOrDefault, } from "../i18n/provider.js";
+import { getBookableDepartureSlots, getSelectedSharedRoomUnitId, itemLinesToRows, } from "./booking-create-utils.js";
 import { emptyPaymentScheduleValue, PaymentScheduleSection, } from "./payment-schedule-section.js";
 import { emptyPersonPickerValue, PersonPickerSection, } from "./person-picker-section.js";
 import { PriceBreakdownSection } from "./price-breakdown-section.js";
@@ -30,10 +31,11 @@ function paymentScheduleToRows(value, currency, totalAmountCents) {
         return [
             {
                 scheduleType: "balance",
-                status: "due",
+                status: value.fullAlreadyPaid ? "paid" : "due",
                 dueDate: value.fullDueDate,
                 currency,
                 amountCents: totalAmountCents,
+                notes: paidScheduleNotes(value.fullAlreadyPaid, value.fullPaymentDate, value.fullPaymentMethod, value.fullPaymentReference),
             },
         ];
     }
@@ -43,10 +45,11 @@ function paymentScheduleToRows(value, currency, totalAmountCents) {
         const rows = [
             {
                 scheduleType: "deposit",
-                status: "due",
+                status: value.advanceAlreadyPaid ? "paid" : "due",
                 dueDate: value.advanceDueDate,
                 currency,
                 amountCents: value.advanceAmountCents,
+                notes: paidScheduleNotes(value.advanceAlreadyPaid, value.advancePaymentDate, value.advancePaymentMethod, value.advancePaymentReference),
             },
         ];
         if (totalAmountCents !== null && totalAmountCents > value.advanceAmountCents) {
@@ -65,25 +68,38 @@ function paymentScheduleToRows(value, currency, totalAmountCents) {
     if (value.splitFirstDueDate && value.splitFirstAmountCents != null) {
         rows.push({
             scheduleType: "installment",
-            status: "due",
+            status: value.splitFirstAlreadyPaid ? "paid" : "due",
             dueDate: value.splitFirstDueDate,
             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: "pending",
+            status: value.splitSecondAlreadyPaid ? "paid" : "pending",
             dueDate: value.splitSecondDueDate,
             currency,
             amountCents: value.splitSecondAmountCents,
+            notes: paidScheduleNotes(value.splitSecondAlreadyPaid, value.splitSecondPaymentDate, value.splitSecondPaymentMethod, value.splitSecondPaymentReference),
         });
     }
     return rows;
 }
+function paidScheduleNotes(alreadyPaid, paymentDate, paymentMethod, paymentReference) {
+    if (!alreadyPaid)
+        return null;
+    return JSON.stringify({
+        alreadyPaid: true,
+        paymentDate,
+        paymentMethod,
+        paymentReference: paymentReference.trim() || null,
+    });
+}
 function travelersToRows(value) {
     return value.travelers.map((traveler) => ({
+        personId: traveler.personId,
         firstName: traveler.firstName.trim(),
         lastName: traveler.lastName.trim(),
         email: traveler.email.trim() || null,
@@ -103,7 +119,7 @@ function travelersToRows(value) {
  * Operator booking-create dialog. Composes the booking-create picker
  * sections — product, departure, rooms, person, shared-room, travelers,
  * price breakdown, voucher, payment schedule — and submits via the atomic
- * `POST /v1/bookings/quick-create` endpoint so partial failures can't
+ * `POST /v1/bookings/create` endpoint so partial failures can't
  * leave orphan state.
  *
  * Normally consumed via `BookingDialog` which delegates here when no
@@ -130,6 +146,8 @@ export function BookingCreateForm({ onCreated, defaultProductId, enabled = true,
     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("");
     /**
      * Optional post-create transition: set status to `confirmed` right after
@@ -153,6 +171,8 @@ export function BookingCreateForm({ onCreated, defaultProductId, enabled = true,
             setVoucher(emptyVoucherPickerValue);
             setPricing(null);
             setPaymentSchedule(emptyPaymentScheduleValue);
+            setGenerateContractDocument(false);
+            setGenerateInvoiceDocument(false);
             setNotes("");
             setConfirmAfterCreate(false);
             setError(null);
@@ -163,28 +183,53 @@ export function BookingCreateForm({ onCreated, defaultProductId, enabled = true,
                 : { productId: defaultProductId, optionId: null });
         }
     }, [enabled, defaultProductId]);
-    // biome-ignore lint/correctness/useExhaustiveDependencies: intentionally only resets when product/option changes
+    // biome-ignore lint/correctness/useExhaustiveDependencies: booking-create intentionally resets transient departure state only when product id changes; option changes are reconciled against the selected departure below.
     React.useEffect(() => {
         setSlotId(null);
         setRooms(emptyRoomsStepperValue);
-    }, [product.productId, product.optionId]);
+        setSharedRoom(emptySharedRoomValue);
+    }, [product.productId]);
+    const [slotsFromIso, setSlotsFromIso] = React.useState(() => new Date().toISOString());
+    React.useEffect(() => {
+        if (enabled && product.productId)
+            setSlotsFromIso(new Date().toISOString());
+    }, [enabled, product.productId]);
     const { data: slotsData } = useSlots({
         productId: product.productId || undefined,
         status: "open",
+        startsAtFrom: slotsFromIso,
         limit: 100,
         enabled: enabled && Boolean(product.productId),
     });
+    const allOpenSlots = React.useMemo(() => {
+        return getBookableDepartureSlots(slotsData?.data ?? [], {
+            nowIso: slotsFromIso,
+            optionId: null,
+        });
+    }, [slotsData?.data, slotsFromIso]);
     const slots = React.useMemo(() => {
-        const nowIso = new Date().toISOString();
-        return (slotsData?.data ?? [])
-            .filter((slot) => slot.startsAt >= nowIso)
-            .filter((slot) => {
-            if (!product.optionId)
-                return true;
-            return slot.optionId === null || slot.optionId === product.optionId;
-        })
-            .sort((a, b) => a.startsAt.localeCompare(b.startsAt));
-    }, [slotsData, product.optionId]);
+        const optionSlots = getBookableDepartureSlots(slotsData?.data ?? [], {
+            nowIso: slotsFromIso,
+            optionId: product.optionId,
+        });
+        return optionSlots.length > 0 ? optionSlots : allOpenSlots;
+    }, [slotsData?.data, slotsFromIso, product.optionId, allOpenSlots]);
+    const setSelectedSlot = React.useCallback((nextSlotId) => {
+        const selectedSlot = nextSlotId ? allOpenSlots.find((slot) => slot.id === nextSlotId) : null;
+        if (selectedSlot?.optionId && selectedSlot.optionId !== product.optionId) {
+            setProduct((prev) => ({ ...prev, optionId: selectedSlot.optionId }));
+        }
+        setSlotId(nextSlotId);
+    }, [allOpenSlots, product.optionId]);
+    React.useEffect(() => {
+        setRooms(emptyRoomsStepperValue);
+        if (!slotId || !product.optionId)
+            return;
+        const selectedSlot = allOpenSlots.find((slot) => slot.id === slotId);
+        if (selectedSlot?.optionId && selectedSlot.optionId !== product.optionId) {
+            setSlotId(null);
+        }
+    }, [allOpenSlots, product.optionId, slotId]);
     const formatSlotLabel = React.useCallback((slot) => {
         const date = formatDate(slot.startsAt, {
             year: "numeric",
@@ -224,7 +269,7 @@ export function BookingCreateForm({ onCreated, defaultProductId, enabled = true,
     const currency = messages.bookingCreateDialog.labels.currency;
     const pricingCurrency = pricing?.currency ?? currency;
     const pricingTotalAmountCents = pricing?.confirmedAmountCents ?? undefined;
-    const quickCreateMutation = useBookingQuickCreateMutation();
+    const createBookingMutation = useBookingCreateMutation();
     const statusMutation = useBookingStatusByIdMutation();
     const handleSubmit = async () => {
         setError(null);
@@ -262,6 +307,7 @@ export function BookingCreateForm({ onCreated, defaultProductId, enabled = true,
                 return;
             }
             const paymentSchedules = paymentScheduleToRows(paymentSchedule, pricingCurrency, confirmedSellAmountCents);
+            const itemLines = itemLinesToRows(rooms.quantities, slotUnitAvailability.data?.data ?? [], pricing);
             const travelerRows = travelersToRows(travelers);
             const voucherRedemption = voucher.picked && voucher.picked.remainingAmountCents != null
                 ? {
@@ -269,6 +315,7 @@ export function BookingCreateForm({ onCreated, defaultProductId, enabled = true,
                     amountCents: voucher.picked.remainingAmountCents,
                 }
                 : undefined;
+            const selectedSharedRoomUnitId = getSelectedSharedRoomUnitId(rooms.quantities);
             const groupMembership = sharedRoom.enabled
                 ? sharedRoom.mode === "create"
                     ? {
@@ -276,14 +323,14 @@ export function BookingCreateForm({ onCreated, defaultProductId, enabled = true,
                         kind: "shared_room",
                         label: sharedRoom.groupLabel?.trim() ||
                             `${messages.bookingCreateDialog.labels.sharedRoomGeneratedLabelPrefix} - ${bookingNumber}`,
-                        optionUnitId: product.optionId,
+                        optionUnitId: selectedSharedRoomUnitId,
                         makeBookingPrimary: true,
                     }
                     : sharedRoom.groupId
                         ? { action: "join", groupId: sharedRoom.groupId, role: "shared" }
                         : undefined
                 : undefined;
-            const { booking } = await quickCreateMutation.mutateAsync({
+            const { booking } = await createBookingMutation.mutateAsync({
                 productId: product.productId,
                 bookingNumber,
                 optionId: product.optionId,
@@ -294,10 +341,15 @@ export function BookingCreateForm({ onCreated, defaultProductId, enabled = true,
                 catalogSellAmountCents,
                 confirmedSellAmountCents,
                 priceOverrideReason: priceOverrideReason || null,
+                itemLines: itemLines.length > 0 ? itemLines : undefined,
                 travelers: travelerRows.length > 0 ? travelerRows : undefined,
                 paymentSchedules: paymentSchedules.length > 0 ? paymentSchedules : undefined,
                 voucherRedemption,
                 groupMembership,
+                documentGeneration: {
+                    contractDocument: generateContractDocument,
+                    invoiceDocument: generateInvoiceDocument,
+                },
             });
             // Optional post-create confirm. If the app has autoConfirmAndDispatch
             // wired on the notifications module, the status transition triggers
@@ -329,11 +381,12 @@ export function BookingCreateForm({ onCreated, defaultProductId, enabled = true,
             setError(err instanceof Error ? err.message : messages.bookingCreateDialog.validation.createFailed);
         }
     };
-    const isSubmitting = quickCreateMutation.isPending || statusMutation.isPending;
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "grid gap-4", children: [_jsx(ProductPickerSection, { value: product, onChange: setProduct, enabled: enabled, lockProduct: Boolean(defaultProductId), labels: {
+    const isSubmitting = createBookingMutation.isPending || statusMutation.isPending;
+    return (_jsxs(_Fragment, { children: [_jsxs(DialogBody, { className: "grid gap-4", children: [_jsx(ProductPickerSection, { value: product, onChange: setProduct, enabled: enabled, lockProduct: Boolean(defaultProductId), labels: {
                             optionNone: messages.bookingCreateDialog.labels.noSpecificOption,
-                        } }), product.productId ? (_jsxs("div", { className: "flex flex-col gap-1", children: [_jsx(Label, { children: messages.bookingCreateDialog.fields.departure }), _jsxs(Select, { value: slotId ?? "__none__", onValueChange: (v) => setSlotId(v === "__none__" ? null : (v ?? null)), children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, { placeholder: messages.bookingCreateDialog.placeholders.departure }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "__none__", children: messages.bookingCreateDialog.placeholders.departureNone }), slots.length === 0 ? (_jsx(SelectItem, { value: "__empty__", disabled: true, children: messages.bookingCreateDialog.placeholders.departureEmpty })) : (slots.map((slot) => (_jsx(SelectItem, { value: slot.id, children: formatSlotLabel(slot) }, slot.id))))] })] })] })) : null, slotId ? (_jsx(RoomsStepperSection, { value: rooms, onChange: setRooms, slotId: slotId, enabled: enabled, labels: {
+                        } }), product.productId ? (_jsxs("div", { className: "flex flex-col gap-1", children: [_jsx(Label, { children: messages.bookingCreateDialog.fields.departure }), _jsxs(Select, { value: slotId ?? "__none__", onValueChange: (v) => setSelectedSlot(v === "__none__" ? null : (v ?? null)), children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, { placeholder: messages.bookingCreateDialog.placeholders.departure }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "__none__", children: messages.bookingCreateDialog.placeholders.departureNone }), slots.length === 0 ? (_jsx(SelectItem, { value: "__empty__", disabled: true, children: messages.bookingCreateDialog.placeholders.departureEmpty })) : (slots.map((slot) => (_jsx(SelectItem, { value: slot.id, children: formatSlotLabel(slot) }, slot.id))))] })] })] })) : null, product.optionId ? (_jsx(RoomsStepperSection, { value: rooms, onChange: setRooms, slotId: slotId ?? undefined, optionId: product.optionId, enabled: enabled, labels: {
                             heading: messages.bookingCreateDialog.labels.roomsHeading,
+                            noOption: messages.bookingCreateDialog.labels.roomsNoOption,
                             noSlot: messages.bookingCreateDialog.labels.roomsNoSlot,
                             noUnits: messages.bookingCreateDialog.labels.roomsNoUnits,
                             remaining: messages.bookingCreateDialog.labels.roomsRemaining,
@@ -349,9 +402,16 @@ export function BookingCreateForm({ onCreated, defaultProductId, enabled = true,
                             selectPlaceholder: messages.bookingCreateDialog.labels.sharedRoomSelectPlaceholder,
                             noGroups: messages.bookingCreateDialog.labels.sharedRoomNoGroups,
                             createHint: messages.bookingCreateDialog.labels.sharedRoomCreateHint,
-                        } }), product.productId ? (_jsx(TravelersSection, { value: travelers, onChange: setTravelers, roomUnits: roomUnitOptions.length > 0 ? roomUnitOptions : undefined, labels: {
+                            remove: messages.bookingCreateDialog.labels.sharedRoomRemove,
+                        } }), product.productId ? (_jsx(TravelersSection, { value: travelers, onChange: setTravelers, roomUnits: roomUnitOptions.length > 0 ? roomUnitOptions : undefined, billingPersonId: (person.billTo ?? "person") === "person" ? person.personId : null, labels: {
                             heading: messages.bookingCreateDialog.labels.travelerHeading,
                             addTraveler: messages.bookingCreateDialog.labels.addTraveler,
+                            person: messages.bookingCreateDialog.labels.travelerPerson,
+                            personSearchPlaceholder: messages.bookingCreateDialog.labels.travelerPersonSearchPlaceholder,
+                            personEmpty: messages.bookingCreateDialog.labels.travelerPersonEmpty,
+                            createNewPerson: messages.bookingCreateDialog.labels.createNewPerson,
+                            createPersonSheetTitle: messages.bookingCreateDialog.labels.createPersonSheetTitle,
+                            addBillingPerson: messages.bookingCreateDialog.labels.addBillingPersonAsTraveler,
                             role: messages.bookingCreateDialog.labels.travelerRole,
                             roleLead: messages.bookingCreateDialog.labels.travelerLead,
                             roleAdult: messages.bookingCreateDialog.labels.travelerAdult,
@@ -393,5 +453,12 @@ export function BookingCreateForm({ onCreated, defaultProductId, enabled = true,
                             secondInstallment: messages.bookingCreateDialog.labels.paymentSecondInstallment,
                             preset5050: messages.bookingCreateDialog.labels.paymentPreset5050,
                             unpaidHint: messages.bookingCreateDialog.labels.paymentUnpaidHint,
-                        } }), _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 })] }), _jsxs("div", { className: "flex items-start gap-2 rounded-md border p-3", children: [_jsx(Checkbox, { id: "new-booking-confirm-after-create", checked: confirmAfterCreate, onCheckedChange: (v) => setConfirmAfterCreate(v === true), className: "mt-0.5" }), _jsxs("div", { className: "flex flex-col gap-1", children: [_jsx(Label, { htmlFor: "new-booking-confirm-after-create", className: "cursor-pointer text-sm", children: messages.bookingCreateDialog.fields.confirmAfterCreate }), _jsx("p", { className: "text-xs text-muted-foreground", children: messages.bookingCreateDialog.fields.confirmAfterCreateHint })] })] }), error && _jsx("p", { className: "text-xs text-destructive", children: error })] }), _jsxs("div", { className: "mt-4 flex justify-end gap-2", 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, children: [isSubmitting && _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), messages.bookingCreateDialog.actions.createDraftBooking] })] })] }));
+                            totalDue: messages.bookingCreateDialog.labels.paymentTotalDue,
+                            scheduledTotal: messages.bookingCreateDialog.labels.paymentScheduledTotal,
+                            remaining: messages.bookingCreateDialog.labels.paymentRemaining,
+                            alreadyPaid: messages.bookingCreateDialog.labels.paymentAlreadyPaid,
+                            paymentDate: messages.bookingCreateDialog.labels.paymentDate,
+                            paymentMethod: messages.bookingCreateDialog.labels.paymentMethod,
+                            paymentReference: messages.bookingCreateDialog.labels.paymentReference,
+                        } }), _jsxs("div", { className: "flex flex-col gap-2 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 })] })] })] }), _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 })] }), _jsxs("div", { className: "flex items-start gap-2 rounded-md border p-3", children: [_jsx(Checkbox, { id: "new-booking-confirm-after-create", checked: confirmAfterCreate, onCheckedChange: (v) => setConfirmAfterCreate(v === true), className: "mt-0.5" }), _jsxs("div", { className: "flex flex-col gap-1", children: [_jsx(Label, { htmlFor: "new-booking-confirm-after-create", className: "cursor-pointer text-sm", children: messages.bookingCreateDialog.fields.confirmAfterCreate }), _jsx("p", { className: "text-xs text-muted-foreground", children: messages.bookingCreateDialog.fields.confirmAfterCreateHint })] })] }), error && _jsx("p", { className: "text-xs text-destructive", children: error })] }), _jsxs(DialogFooter, { 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, children: [isSubmitting && _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), messages.bookingCreateDialog.actions.createDraftBooking] })] })] }));
 }

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

@@ -1,11 +1,12 @@
 import type { BookingRecord } from "@voyantjs/bookings-react";
 export interface BookingCreatePageProps {
     onCreated?: (booking: BookingRecord) => void;
+    onCancel?: () => void;
     /** When provided, pre-selects this product and hides the product picker. */
     defaultProductId?: string;
 }
 /**
  * Full-page booking create surface for route-based booking creation.
  */
-export declare function BookingCreatePage({ onCreated, defaultProductId }: BookingCreatePageProps): import("react/jsx-runtime").JSX.Element;
+export declare function BookingCreatePage({ onCreated, onCancel, defaultProductId, }: BookingCreatePageProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=booking-create-page.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"booking-create-page.d.ts","sourceRoot":"","sources":["../../src/components/booking-create-page.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AAI7D,MAAM,WAAW,sBAAsB;IACrC,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,CAAA;IAC5C,4EAA4E;IAC5E,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,EAAE,sBAAsB,2CAgBxF"}
+{"version":3,"file":"booking-create-page.d.ts","sourceRoot":"","sources":["../../src/components/booking-create-page.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AAI7D,MAAM,WAAW,sBAAsB;IACrC,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,CAAA;IAC5C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,4EAA4E;IAC5E,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,QAAQ,EACR,gBAAgB,GACjB,EAAE,sBAAsB,2CAoBxB"}

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

@@ -5,7 +5,7 @@ import { BookingCreateForm } from "./booking-create-dialog.js";
 /**
  * Full-page booking create surface for route-based booking creation.
  */
-export function BookingCreatePage({ onCreated, defaultProductId }) {
+export function BookingCreatePage({ onCreated, onCancel, defaultProductId, }) {
     const messages = useBookingsUiMessagesOrDefault();
-    return (_jsxs("main", { className: "mx-auto flex w-full max-w-4xl flex-col gap-6 px-4 py-6 sm:px-6 lg:px-8", children: [_jsxs("header", { className: "flex flex-col gap-1", children: [_jsx("h1", { className: "text-2xl font-semibold tracking-normal", children: messages.bookingCreatePage.title }), _jsx("p", { className: "text-sm text-muted-foreground", children: messages.bookingCreatePage.description })] }), _jsx("section", { className: "flex flex-col gap-4", children: _jsx(BookingCreateForm, { onCreated: onCreated, defaultProductId: defaultProductId }) })] }));
+    return (_jsxs("main", { className: "mx-auto flex w-full max-w-4xl flex-col gap-6 px-4 py-6 sm:px-6 lg:px-8", children: [_jsxs("header", { className: "flex flex-col gap-1", children: [_jsx("h1", { className: "text-2xl font-semibold tracking-normal", children: messages.bookingCreatePage.title }), _jsx("p", { className: "text-sm text-muted-foreground", children: messages.bookingCreatePage.description })] }), _jsx("section", { className: "flex flex-col gap-4", children: _jsx(BookingCreateForm, { onCreated: onCreated, onCancel: onCancel, defaultProductId: defaultProductId }) })] }));
 }

package/dist/components/booking-create-utils.d.ts

@@ -0,0 +1,33 @@
+import type { BookingCreateItemLineInput } from "@voyantjs/bookings-react";
+import type { ProductRecord } from "@voyantjs/products-react";
+export type ProductPickerSearchRecord = Pick<ProductRecord, "description" | "name" | "sellCurrency">;
+export interface DepartureSlotSearchRecord {
+    id: string;
+    optionId: string | null;
+    startsAt: string;
+    status?: string;
+}
+export interface BookingCreateUnitLineRecord {
+    optionUnitId: string;
+    unitName: string;
+}
+export interface BookingCreatePricingLineRecord {
+    unitId: string;
+    label: string;
+    unitAmountCents: number | null;
+    totalAmountCents: number | null;
+}
+export interface BookingCreatePricingRecord {
+    confirmedAmountCents: number | null;
+    lines: BookingCreatePricingLineRecord[];
+}
+export declare function normalizeBookingSearchText(value: string): string;
+export declare function matchesBookingSearchText(value: string | null | undefined, query: string): boolean;
+export declare function productMatchesPickerSearch(product: ProductPickerSearchRecord | null | undefined, query: string): boolean;
+export declare function getBookableDepartureSlots<TSlot extends DepartureSlotSearchRecord>(slots: readonly TSlot[], options: {
+    nowIso: string;
+    optionId: string | null;
+}): TSlot[];
+export declare function itemLinesToRows(quantities: Record<string, number>, units: BookingCreateUnitLineRecord[], pricing: BookingCreatePricingRecord | null): BookingCreateItemLineInput[];
+export declare function getSelectedSharedRoomUnitId(quantities: Record<string, number>): string | null;
+//# sourceMappingURL=booking-create-utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"booking-create-utils.d.ts","sourceRoot":"","sources":["../../src/components/booking-create-utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,0BAA0B,CAAA;AAC1E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AAE7D,MAAM,MAAM,yBAAyB,GAAG,IAAI,CAAC,aAAa,EAAE,aAAa,GAAG,MAAM,GAAG,cAAc,CAAC,CAAA;AAEpG,MAAM,WAAW,yBAAyB;IACxC,EAAE,EAAE,MAAM,CAAA;IACV,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,MAAM,WAAW,2BAA2B;IAC1C,YAAY,EAAE,MAAM,CAAA;IACpB,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,MAAM,WAAW,8BAA8B;IAC7C,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,eAAe,EAAE,MAAM,GAAG,IAAI,CAAA;IAC9B,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAA;CAChC;AAED,MAAM,WAAW,0BAA0B;IACzC,oBAAoB,EAAE,MAAM,GAAG,IAAI,CAAA;IACnC,KAAK,EAAE,8BAA8B,EAAE,CAAA;CACxC;AAED,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAMhE;AAED,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO,CAIjG;AAED,wBAAgB,0BAA0B,CACxC,OAAO,EAAE,yBAAyB,GAAG,IAAI,GAAG,SAAS,EACrD,KAAK,EAAE,MAAM,GACZ,OAAO,CAKT;AAED,wBAAgB,yBAAyB,CAAC,KAAK,SAAS,yBAAyB,EAC/E,KAAK,EAAE,SAAS,KAAK,EAAE,EACvB,OAAO,EAAE;IACP,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;CACxB,GACA,KAAK,EAAE,CAST;AAED,wBAAgB,eAAe,CAC7B,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EAClC,KAAK,EAAE,2BAA2B,EAAE,EACpC,OAAO,EAAE,0BAA0B,GAAG,IAAI,GACzC,0BAA0B,EAAE,CAuC9B;AAED,wBAAgB,2BAA2B,CAAC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,GAAG,IAAI,CAE7F"}

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

@@ -0,0 +1,67 @@
+export function normalizeBookingSearchText(value) {
+    return value
+        .normalize("NFKD")
+        .replace(/[\u0300-\u036f]/g, "")
+        .trim()
+        .toLowerCase();
+}
+export function matchesBookingSearchText(value, query) {
+    const normalizedQuery = normalizeBookingSearchText(query);
+    if (!normalizedQuery)
+        return true;
+    return normalizeBookingSearchText(value ?? "").includes(normalizedQuery);
+}
+export function productMatchesPickerSearch(product, query) {
+    if (!product)
+        return false;
+    return [product.name, product.description, product.sellCurrency].some((value) => matchesBookingSearchText(value, query));
+}
+export function getBookableDepartureSlots(slots, options) {
+    return slots
+        .filter((slot) => !slot.status || slot.status === "open")
+        .filter((slot) => slot.startsAt >= options.nowIso)
+        .filter((slot) => {
+        if (!options.optionId)
+            return true;
+        return slot.optionId === null || slot.optionId === options.optionId;
+    })
+        .sort((left, right) => left.startsAt.localeCompare(right.startsAt));
+}
+export function itemLinesToRows(quantities, units, pricing) {
+    const unitNames = new Map(units.map((unit) => [unit.optionUnitId, unit.unitName]));
+    const pricedLines = new Map((pricing?.lines ?? []).map((line) => [line.unitId, line]));
+    const selectedLines = Object.entries(quantities).filter(([, quantity]) => quantity > 0);
+    const pricedTotal = selectedLines.reduce((sum, [optionUnitId]) => {
+        const total = pricedLines.get(optionUnitId)?.totalAmountCents;
+        return total == null ? sum : sum + total;
+    }, 0);
+    const unpricedLines = selectedLines.filter(([optionUnitId]) => pricedLines.get(optionUnitId)?.totalAmountCents == null);
+    const unpricedQuantity = unpricedLines.reduce((sum, [, quantity]) => sum + quantity, 0);
+    const manualRemainder = pricing?.confirmedAmountCents != null && unpricedLines.length > 0
+        ? Math.max(0, pricing.confirmedAmountCents - pricedTotal)
+        : null;
+    let allocatedManualTotal = 0;
+    return selectedLines.map(([optionUnitId, quantity]) => {
+        const pricedLine = pricedLines.get(optionUnitId);
+        let totalSellAmountCents = pricedLine?.totalAmountCents ?? null;
+        if (totalSellAmountCents == null && manualRemainder != null && unpricedQuantity > 0) {
+            const isLastUnpriced = unpricedLines[unpricedLines.length - 1]?.[0] === optionUnitId;
+            totalSellAmountCents = isLastUnpriced
+                ? manualRemainder - allocatedManualTotal
+                : Math.floor((manualRemainder * quantity) / unpricedQuantity);
+            allocatedManualTotal += totalSellAmountCents;
+        }
+        const unitSellAmountCents = pricedLine?.unitAmountCents ??
+            (totalSellAmountCents != null ? Math.floor(totalSellAmountCents / quantity) : null);
+        return {
+            optionUnitId,
+            quantity,
+            title: pricedLine?.label ?? unitNames.get(optionUnitId) ?? null,
+            unitSellAmountCents,
+            totalSellAmountCents,
+        };
+    });
+}
+export function getSelectedSharedRoomUnitId(quantities) {
+    return Object.entries(quantities).find(([, quantity]) => quantity > 0)?.[0] ?? null;
+}

package/dist/components/booking-list.d.ts

@@ -2,6 +2,7 @@ import { type BookingRecord } from "@voyantjs/bookings-react";
 export interface BookingListProps {
     pageSize?: number;
     onSelectBooking?: (booking: BookingRecord) => void;
+    onCreateBooking?: () => void;
 }
-export declare function BookingList({ pageSize, onSelectBooking }?: BookingListProps): import("react/jsx-runtime").JSX.Element;
+export declare function BookingList({ pageSize, onSelectBooking, onCreateBooking, }?: BookingListProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=booking-list.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"booking-list.d.ts","sourceRoot":"","sources":["../../src/components/booking-list.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,aAAa,EAKnB,MAAM,0BAA0B,CAAA;AAyBjC,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,CAAA;CACnD;AAgBD,wBAAgB,WAAW,CAAC,EAAE,QAAa,EAAE,eAAe,EAAE,GAAE,gBAAqB,2CAmVpF"}
+{"version":3,"file":"booking-list.d.ts","sourceRoot":"","sources":["../../src/components/booking-list.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,aAAa,EAKnB,MAAM,0BAA0B,CAAA;AAyBjC,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,CAAA;IAClD,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;CAC7B;AAgBD,wBAAgB,WAAW,CAAC,EAC1B,QAAa,EACb,eAAe,EACf,eAAe,GAChB,GAAE,gBAAqB,2CAuVvB"}

package/dist/components/booking-list.js

@@ -22,7 +22,7 @@ const SORTABLE_COLUMNS = {
 };
 const SKELETON_ROW_COUNT = 6;
 const TABLE_COLUMN_COUNT = 7;
-export function BookingList({ pageSize = 25, onSelectBooking } = {}) {
+export function BookingList({ pageSize = 25, onSelectBooking, onCreateBooking, } = {}) {
     const [search, setSearch] = React.useState("");
     const [status, setStatus] = React.useState(BOOKING_STATUS_ALL);
     const [productId, setProductId] = React.useState(null);
@@ -121,6 +121,10 @@ export function BookingList({ pageSize = 25, onSelectBooking } = {}) {
                                     setSearch(event.target.value);
                                     resetOffset();
                                 }, className: "pl-9" })] }), _jsx(BookingListFiltersPopover, { open: filterPopoverOpen, onOpenChange: setFilterPopoverOpen, activeFilterCount: activeFilterCount, status: status, onStatusChange: setStatus, productId: productId, onProductIdChange: setProductId, optionId: optionId, onOptionIdChange: setOptionId, supplierId: supplierId, onSupplierIdChange: setSupplierId, productCategoryId: productCategoryId, onProductCategoryIdChange: setProductCategoryId, personId: personId, onPersonIdChange: setPersonId, organizationId: organizationId, onOrganizationIdChange: setOrganizationId, dateRange: dateRange, onDateRangeChange: setDateRange, paxMin: paxMin, onPaxMinChange: setPaxMin, paxMax: paxMax, onPaxMaxChange: setPaxMax, onFiltersChanged: resetOffset }), hasActiveFilters && (_jsxs(Button, { variant: "ghost", size: "sm", onClick: clearFilters, children: [_jsx(X, { className: "mr-1 size-4" }), filterMessages.clear] })), _jsx("div", { className: "ml-auto", children: _jsxs(Button, { onClick: () => {
+                                if (onCreateBooking) {
+                                    onCreateBooking();
+                                    return;
+                                }
                                 setEditing(undefined);
                                 setDialogOpen(true);
                             }, children: [_jsx(Plus, { className: "mr-2 size-4" }), messages.bookingList.newBooking] }) })] }), _jsx("div", { className: "rounded-md border", children: _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: _jsx(SortHeader, { label: columnMessages.bookingNumber, field: SORTABLE_COLUMNS.bookingNumber, sortBy: sortBy, sortDir: sortDir, onSort: handleSort }) }), _jsx(TableHead, { children: columnMessages.whatBooked }), _jsx(TableHead, { children: _jsx(SortHeader, { label: columnMessages.status, field: SORTABLE_COLUMNS.status, sortBy: sortBy, sortDir: sortDir, onSort: handleSort }) }), _jsx(TableHead, { children: _jsx(SortHeader, { label: columnMessages.sellAmount, field: SORTABLE_COLUMNS.sellAmount, sortBy: sortBy, sortDir: sortDir, onSort: handleSort }) }), _jsx(TableHead, { children: _jsx(SortHeader, { label: columnMessages.pax, field: SORTABLE_COLUMNS.pax, sortBy: sortBy, sortDir: sortDir, onSort: handleSort }) }), _jsx(TableHead, { children: _jsx(SortHeader, { label: columnMessages.startDate, field: SORTABLE_COLUMNS.startDate, sortBy: sortBy, sortDir: sortDir, onSort: handleSort }) }), _jsx(TableHead, { children: _jsx(SortHeader, { label: columnMessages.endDate, field: SORTABLE_COLUMNS.endDate, sortBy: sortBy, sortDir: sortDir, onSort: handleSort }) })] }) }), _jsx(TableBody, { children: showSkeleton ? (_jsx(BookingTableSkeleton, { rows: SKELETON_ROW_COUNT })) : isError ? (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: TABLE_COLUMN_COUNT, className: "h-24 text-center text-sm text-destructive", children: messages.bookingList.loadingError }) })) : bookings.length === 0 ? (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: TABLE_COLUMN_COUNT, className: "h-24 text-center text-sm text-muted-foreground", children: messages.bookingList.empty }) })) : (bookings.map((booking) => (_jsxs(TableRow, { onClick: () => handleSelect(booking), className: "cursor-pointer", children: [_jsx(TableCell, { className: "font-medium", children: booking.bookingNumber }), _jsx(TableCell, { children: formatBookingItems(booking, messages.bookingList.itemsMore) }), _jsx(TableCell, { children: _jsx(Badge, { variant: bookingStatusBadgeVariant[booking.status], children: statusLabels[booking.status] }) }), _jsx(TableCell, { children: booking.sellAmountCents == null

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

@@ -2,7 +2,8 @@ import type { BookingRecord } from "@voyantjs/bookings-react";
 export interface BookingsPageProps {
     pageSize?: number;
     onBookingOpen?: (booking: BookingRecord) => void;
+    onCreateBooking?: () => void;
     className?: string;
 }
-export declare function BookingsPage({ pageSize, onBookingOpen, className }?: BookingsPageProps): import("react/jsx-runtime").JSX.Element;
+export declare function BookingsPage({ pageSize, onBookingOpen, onCreateBooking, className, }?: BookingsPageProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=bookings-page.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"bookings-page.d.ts","sourceRoot":"","sources":["../../src/components/bookings-page.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AAK7D,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,CAAA;IAChD,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,aAAa,EAAE,SAAS,EAAE,GAAE,iBAAsB,2CAa1F"}
+{"version":3,"file":"bookings-page.d.ts","sourceRoot":"","sources":["../../src/components/bookings-page.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AAK7D,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,CAAA;IAChD,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,aAAa,EACb,eAAe,EACf,SAAS,GACV,GAAE,iBAAsB,2CAiBxB"}

package/dist/components/bookings-page.js

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

package/dist/components/payment-schedule-section.d.ts

@@ -11,6 +11,22 @@ export interface PaymentScheduleValue {
     splitFirstDueDate: string | null;
     splitSecondAmountCents: number | null;
     splitSecondDueDate: string | null;
+    fullAlreadyPaid: boolean;
+    fullPaymentDate: string | null;
+    fullPaymentMethod: string;
+    fullPaymentReference: string;
+    advanceAlreadyPaid: boolean;
+    advancePaymentDate: string | null;
+    advancePaymentMethod: string;
+    advancePaymentReference: string;
+    splitFirstAlreadyPaid: boolean;
+    splitFirstPaymentDate: string | null;
+    splitFirstPaymentMethod: string;
+    splitFirstPaymentReference: string;
+    splitSecondAlreadyPaid: boolean;
+    splitSecondPaymentDate: string | null;
+    splitSecondPaymentMethod: string;
+    splitSecondPaymentReference: string;
 }
 export declare const emptyPaymentScheduleValue: PaymentScheduleValue;
 export interface PaymentScheduleSectionProps {
@@ -36,6 +52,13 @@ export interface PaymentScheduleSectionProps {
         secondInstallment?: string;
         preset5050?: string;
         unpaidHint?: string;
+        totalDue?: string;
+        scheduledTotal?: string;
+        remaining?: string;
+        alreadyPaid?: string;
+        paymentDate?: string;
+        paymentMethod?: string;
+        paymentReference?: string;
     };
 }
 /**

package/dist/components/payment-schedule-section.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"payment-schedule-section.d.ts","sourceRoot":"","sources":["../../src/components/payment-schedule-section.tsx"],"names":[],"mappings":"AAOA,MAAM,MAAM,mBAAmB,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAA;AAEzE,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,mBAAmB,CAAA;IACzB,wEAAwE;IACxE,WAAW,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,wEAAwE;IACxE,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAA;IACjC,cAAc,EAAE,MAAM,GAAG,IAAI,CAAA;IAC7B,qDAAqD;IACrD,qBAAqB,EAAE,MAAM,GAAG,IAAI,CAAA;IACpC,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAA;IAChC,sBAAsB,EAAE,MAAM,GAAG,IAAI,CAAA;IACrC,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAA;CAClC;AAED,eAAO,MAAM,yBAAyB,EAAE,oBASvC,CAAA;AAED,MAAM,WAAW,2BAA2B;IAC1C,KAAK,EAAE,oBAAoB,CAAA;IAC3B,QAAQ,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,IAAI,CAAA;IAC/C;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE;QACP,OAAO,CAAC,EAAE,MAAM,CAAA;QAChB,UAAU,CAAC,EAAE,MAAM,CAAA;QACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;QACjB,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB,OAAO,CAAC,EAAE,MAAM,CAAA;QAChB,MAAM,CAAC,EAAE,MAAM,CAAA;QACf,gBAAgB,CAAC,EAAE,MAAM,CAAA;QACzB,iBAAiB,CAAC,EAAE,MAAM,CAAA;QAC1B,UAAU,CAAC,EAAE,MAAM,CAAA;QACnB,UAAU,CAAC,EAAE,MAAM,CAAA;KACpB,CAAA;CACF;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,KAAK,EACL,QAAQ,EACR,gBAAgB,EAChB,QAAQ,EACR,MAAM,GACP,EAAE,2BAA2B,2CAmH7B"}
+{"version":3,"file":"payment-schedule-section.d.ts","sourceRoot":"","sources":["../../src/components/payment-schedule-section.tsx"],"names":[],"mappings":"AAiBA,MAAM,MAAM,mBAAmB,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAA;AAEzE,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,mBAAmB,CAAA;IACzB,wEAAwE;IACxE,WAAW,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,wEAAwE;IACxE,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAA;IACjC,cAAc,EAAE,MAAM,GAAG,IAAI,CAAA;IAC7B,qDAAqD;IACrD,qBAAqB,EAAE,MAAM,GAAG,IAAI,CAAA;IACpC,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAA;IAChC,sBAAsB,EAAE,MAAM,GAAG,IAAI,CAAA;IACrC,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAA;IACjC,eAAe,EAAE,OAAO,CAAA;IACxB,eAAe,EAAE,MAAM,GAAG,IAAI,CAAA;IAC9B,iBAAiB,EAAE,MAAM,CAAA;IACzB,oBAAoB,EAAE,MAAM,CAAA;IAC5B,kBAAkB,EAAE,OAAO,CAAA;IAC3B,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAA;IACjC,oBAAoB,EAAE,MAAM,CAAA;IAC5B,uBAAuB,EAAE,MAAM,CAAA;IAC/B,qBAAqB,EAAE,OAAO,CAAA;IAC9B,qBAAqB,EAAE,MAAM,GAAG,IAAI,CAAA;IACpC,uBAAuB,EAAE,MAAM,CAAA;IAC/B,0BAA0B,EAAE,MAAM,CAAA;IAClC,sBAAsB,EAAE,OAAO,CAAA;IAC/B,sBAAsB,EAAE,MAAM,GAAG,IAAI,CAAA;IACrC,wBAAwB,EAAE,MAAM,CAAA;IAChC,2BAA2B,EAAE,MAAM,CAAA;CACpC;AAED,eAAO,MAAM,yBAAyB,EAAE,oBAyBvC,CAAA;AAED,MAAM,WAAW,2BAA2B;IAC1C,KAAK,EAAE,oBAAoB,CAAA;IAC3B,QAAQ,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,IAAI,CAAA;IAC/C;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE;QACP,OAAO,CAAC,EAAE,MAAM,CAAA;QAChB,UAAU,CAAC,EAAE,MAAM,CAAA;QACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;QACjB,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB,OAAO,CAAC,EAAE,MAAM,CAAA;QAChB,MAAM,CAAC,EAAE,MAAM,CAAA;QACf,gBAAgB,CAAC,EAAE,MAAM,CAAA;QACzB,iBAAiB,CAAC,EAAE,MAAM,CAAA;QAC1B,UAAU,CAAC,EAAE,MAAM,CAAA;QACnB,UAAU,CAAC,EAAE,MAAM,CAAA;QACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;QACjB,cAAc,CAAC,EAAE,MAAM,CAAA;QACvB,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,aAAa,CAAC,EAAE,MAAM,CAAA;QACtB,gBAAgB,CAAC,EAAE,MAAM,CAAA;KAC1B,CAAA;CACF;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,KAAK,EACL,QAAQ,EACR,gBAAgB,EAChB,QAAQ,EACR,MAAM,GACP,EAAE,2BAA2B,2CAkO7B"}