@voyantjs/bookings-ui 0.34.0 → 0.37.0

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

@@ -0,0 +1,13 @@
+export interface BookingComboboxProps {
+    value: string | null | undefined;
+    onChange: (value: string | null) => void;
+    placeholder?: string;
+    emptyText?: string;
+    disabled?: boolean;
+    className?: string;
+    triggerClassName?: string;
+    clearable?: boolean;
+    limit?: number;
+}
+export declare function BookingCombobox({ value, onChange, placeholder, emptyText, disabled, className, triggerClassName, clearable, limit, }: BookingComboboxProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=booking-combobox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"booking-combobox.d.ts","sourceRoot":"","sources":["../../src/components/booking-combobox.tsx"],"names":[],"mappings":"AAQA,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAA;IAChC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IACxC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAkCD,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,QAAQ,EACR,WAAW,EACX,SAAS,EACT,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,SAAgB,EAChB,KAAqB,GACtB,EAAE,oBAAoB,2CAiCtB"}

package/dist/components/booking-combobox.js

@@ -0,0 +1,44 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useBooking, useBookings } from "@voyantjs/bookings-react";
+import { AsyncCombobox } from "@voyantjs/ui/components/async-combobox";
+import * as React from "react";
+import { useBookingsUiMessagesOrDefault } from "../i18n/provider.js";
+const DEFAULT_LIMIT = 20;
+function compact(parts) {
+    return parts.map((part) => part?.trim()).filter(Boolean);
+}
+function formatCustomer(booking) {
+    const name = compact([booking.contactFirstName, booking.contactLastName]).join(" ");
+    return name || booking.contactEmail || null;
+}
+function formatPrimaryItem(booking) {
+    return booking.items?.find((item) => item.title.trim())?.title ?? null;
+}
+function formatDateRange(booking) {
+    const start = booking.startDate ?? booking.startsAt;
+    const end = booking.endDate ?? booking.endsAt;
+    if (start && end)
+        return `${start} - ${end}`;
+    return start ?? end ?? null;
+}
+function formatBookingLabel(booking) {
+    return compact([booking.bookingNumber, formatCustomer(booking), formatPrimaryItem(booking)]).join(" - ");
+}
+function formatBookingSecondary(booking) {
+    return compact([formatDateRange(booking), booking.sellCurrency]).join(" - ");
+}
+export function BookingCombobox({ value, onChange, placeholder, emptyText, disabled, className, triggerClassName, clearable = true, limit = DEFAULT_LIMIT, }) {
+    const messages = useBookingsUiMessagesOrDefault().bookingCombobox;
+    const [search, setSearch] = React.useState("");
+    const listQuery = useBookings({
+        search: search || undefined,
+        limit,
+    });
+    const selectedQuery = useBooking(value ?? undefined, { enabled: Boolean(value) });
+    const selectedBooking = selectedQuery.data?.data ?? null;
+    const bookings = listQuery.data?.data ?? [];
+    return (_jsx(AsyncCombobox, { value: value ?? null, onChange: onChange, items: bookings, selectedItem: selectedBooking, getKey: (booking) => booking.id, getLabel: formatBookingLabel, getSecondary: formatBookingSecondary, onSearchChange: setSearch, placeholder: placeholder ?? messages.placeholder, emptyText: listQuery.isPending || selectedQuery.isPending
+            ? messages.loading
+            : (emptyText ?? messages.empty), disabled: disabled, className: className, triggerClassName: triggerClassName, clearable: clearable }));
+}

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

@@ -6,6 +6,14 @@ export interface BookingCreateDialogProps {
     /** When provided, pre-selects this product and hides the product picker. */
     defaultProductId?: string;
 }
+export interface BookingCreateFormProps {
+    onCreated?: (booking: BookingRecord) => void;
+    /** When provided, pre-selects this product and hides the product picker. */
+    defaultProductId?: string;
+    /** Gates data fetching and resets transient form state when false. */
+    enabled?: boolean;
+    onCancel?: () => void;
+}
 /**
  * Operator booking-create dialog. Composes the booking-create picker
  * sections — product, departure, rooms, person, shared-room, passengers,
@@ -18,4 +26,5 @@ export interface BookingCreateDialogProps {
  * sections individually and assemble their own dialog instead of forking.
  */
 export declare function BookingCreateDialog({ open, onOpenChange, onCreated, defaultProductId, }: BookingCreateDialogProps): import("react/jsx-runtime").JSX.Element;
+export declare function BookingCreateForm({ onCreated, defaultProductId, enabled, onCancel, }: BookingCreateFormProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=booking-create-dialog.d.ts.map

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;AA2JjC,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;;;;;;;;;;GAUG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,gBAAgB,GACjB,EAAE,wBAAwB,2CA6b1B"}
+{"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;AAwJjC,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"}

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

@@ -1,9 +1,8 @@
 "use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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 { usePersonMutation } from "@voyantjs/crm-react";
-import { Button, Checkbox, Dialog, DialogBody, DialogContent, DialogFooter, DialogHeader, DialogTitle, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Textarea, } from "@voyantjs/ui/components";
+import { Button, Checkbox, Dialog, DialogContent, 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";
@@ -112,6 +111,13 @@ function passengersToRows(value) {
  * sections individually and assemble their own dialog instead of forking.
  */
 export function BookingCreateDialog({ open, onOpenChange, onCreated, defaultProductId, }) {
+    const messages = useBookingsUiMessagesOrDefault();
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { size: "lg", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: messages.bookingCreateDialog.title }) }), _jsx(BookingCreateForm, { enabled: open, defaultProductId: defaultProductId, onCancel: () => onOpenChange(false), onCreated: (booking) => {
+                        onOpenChange(false);
+                        onCreated?.(booking);
+                    } })] }) }));
+}
+export function BookingCreateForm({ onCreated, defaultProductId, enabled = true, onCancel, }) {
     const [product, setProduct] = React.useState({
         productId: defaultProductId ?? "",
         optionId: null,
@@ -122,6 +128,7 @@ export function BookingCreateDialog({ open, onOpenChange, onCreated, defaultProd
     const [sharedRoom, setSharedRoom] = React.useState(emptySharedRoomValue);
     const [passengers, setPassengers] = React.useState(emptyPassengerListValue);
     const [voucher, setVoucher] = React.useState(emptyVoucherPickerValue);
+    const [pricing, setPricing] = React.useState(null);
     const [paymentSchedule, setPaymentSchedule] = React.useState(emptyPaymentScheduleValue);
     const [notes, setNotes] = React.useState("");
     /**
@@ -136,7 +143,7 @@ export function BookingCreateDialog({ open, onOpenChange, onCreated, defaultProd
     const { formatDate } = useBookingsUiI18nOrDefault();
     const messages = useBookingsUiMessagesOrDefault();
     React.useEffect(() => {
-        if (!open) {
+        if (!enabled) {
             setProduct({ productId: defaultProductId ?? "", optionId: null });
             setSlotId(null);
             setRooms(emptyRoomsStepperValue);
@@ -144,6 +151,7 @@ export function BookingCreateDialog({ open, onOpenChange, onCreated, defaultProd
             setSharedRoom(emptySharedRoomValue);
             setPassengers(emptyPassengerListValue);
             setVoucher(emptyVoucherPickerValue);
+            setPricing(null);
             setPaymentSchedule(emptyPaymentScheduleValue);
             setNotes("");
             setConfirmAfterCreate(false);
@@ -154,7 +162,7 @@ export function BookingCreateDialog({ open, onOpenChange, onCreated, defaultProd
                 ? prev
                 : { productId: defaultProductId, optionId: null });
         }
-    }, [open, defaultProductId]);
+    }, [enabled, defaultProductId]);
     // biome-ignore lint/correctness/useExhaustiveDependencies: intentionally only resets when product/option changes
     React.useEffect(() => {
         setSlotId(null);
@@ -164,7 +172,7 @@ export function BookingCreateDialog({ open, onOpenChange, onCreated, defaultProd
         productId: product.productId || undefined,
         status: "open",
         limit: 100,
-        enabled: open && Boolean(product.productId),
+        enabled: enabled && Boolean(product.productId),
     });
     const slots = React.useMemo(() => {
         const nowIso = new Date().toISOString();
@@ -190,7 +198,7 @@ export function BookingCreateDialog({ open, onOpenChange, onCreated, defaultProd
     }, [formatDate, messages]);
     const slotUnitAvailability = useSlotUnitAvailability({
         slotId: slotId ?? undefined,
-        enabled: open && Boolean(slotId),
+        enabled: enabled && Boolean(slotId),
     });
     const roomUnitOptions = React.useMemo(() => {
         const units = slotUnitAvailability.data?.data ?? [];
@@ -214,7 +222,8 @@ export function BookingCreateDialog({ open, onOpenChange, onCreated, defaultProd
     // Consumers hooking in real product data should override this by wrapping
     // the component or swapping in their own currency-aware hook.
     const currency = messages.bookingCreateDialog.labels.currency;
-    const { create: createPerson } = usePersonMutation();
+    const pricingCurrency = pricing?.currency ?? currency;
+    const pricingTotalAmountCents = pricing?.confirmedAmountCents ?? undefined;
     const quickCreateMutation = useBookingQuickCreateMutation();
     const statusMutation = useBookingStatusByIdMutation();
     const handleSubmit = async () => {
@@ -224,33 +233,35 @@ export function BookingCreateDialog({ open, onOpenChange, onCreated, defaultProd
             return;
         }
         let resolvedPersonId = null;
-        try {
-            if (person.mode === "existing") {
-                if (!person.personId) {
-                    setError(messages.bookingCreateDialog.validation.selectPerson);
-                    return;
-                }
-                resolvedPersonId = person.personId;
+        let resolvedOrganizationId = null;
+        if ((person.billTo ?? "person") === "person") {
+            if (!person.personId) {
+                setError(messages.bookingCreateDialog.validation.selectPerson);
+                return;
             }
-            else {
-                if (!person.newPerson.firstName.trim() || !person.newPerson.lastName.trim()) {
-                    setError(messages.bookingCreateDialog.validation.firstAndLastNameRequired);
-                    return;
-                }
-                const created = await createPerson.mutateAsync({
-                    firstName: person.newPerson.firstName.trim(),
-                    lastName: person.newPerson.lastName.trim(),
-                    email: person.newPerson.email.trim() || null,
-                    phone: person.newPerson.phone.trim() || null,
-                });
-                resolvedPersonId = created.id;
+            resolvedPersonId = person.personId;
+        }
+        else {
+            if (!person.organizationId) {
+                setError(messages.bookingCreateDialog.validation.selectOrganization);
+                return;
             }
+            resolvedOrganizationId = person.organizationId;
+        }
+        try {
             if (sharedRoom.enabled && sharedRoom.mode === "join" && !sharedRoom.groupId) {
                 setError(messages.bookingCreateDialog.validation.selectSharedRoomGroup);
                 return;
             }
             const bookingNumber = generateBookingNumber();
-            const paymentSchedules = paymentScheduleToRows(paymentSchedule, currency, null);
+            const confirmedSellAmountCents = pricing?.confirmedAmountCents ?? null;
+            const catalogSellAmountCents = pricing?.catalogAmountCents ?? null;
+            const priceOverrideReason = pricing?.priceOverrideReason.trim() ?? "";
+            if (pricing?.requiresReason) {
+                setError(messages.bookingCreateDialog.labels.breakdownOverrideReasonRequired);
+                return;
+            }
+            const paymentSchedules = paymentScheduleToRows(paymentSchedule, pricingCurrency, confirmedSellAmountCents);
             const travelers = passengersToRows(passengers);
             const voucherRedemption = voucher.picked && voucher.picked.remainingAmountCents != null
                 ? {
@@ -263,7 +274,8 @@ export function BookingCreateDialog({ open, onOpenChange, onCreated, defaultProd
                     ? {
                         action: "create",
                         kind: "shared_room",
-                        label: `${messages.bookingCreateDialog.labels.sharedRoomGeneratedLabelPrefix} - ${bookingNumber}`,
+                        label: sharedRoom.groupLabel?.trim() ||
+                            `${messages.bookingCreateDialog.labels.sharedRoomGeneratedLabelPrefix} - ${bookingNumber}`,
                         optionUnitId: product.optionId,
                         makeBookingPrimary: true,
                     }
@@ -277,8 +289,11 @@ export function BookingCreateDialog({ open, onOpenChange, onCreated, defaultProd
                 optionId: product.optionId,
                 slotId,
                 personId: resolvedPersonId,
-                organizationId: person.organizationId,
+                organizationId: resolvedOrganizationId,
                 internalNotes: notes.trim() || null,
+                catalogSellAmountCents,
+                confirmedSellAmountCents,
+                priceOverrideReason: priceOverrideReason || null,
                 travelers: travelers.length > 0 ? travelers : undefined,
                 paymentSchedules: paymentSchedules.length > 0 ? paymentSchedules : undefined,
                 voucherRedemption,
@@ -308,70 +323,75 @@ export function BookingCreateDialog({ open, onOpenChange, onCreated, defaultProd
                     return;
                 }
             }
-            onOpenChange(false);
             onCreated?.(finalBooking);
         }
         catch (err) {
             setError(err instanceof Error ? err.message : messages.bookingCreateDialog.validation.createFailed);
         }
     };
-    const isSubmitting = quickCreateMutation.isPending || createPerson.isPending || statusMutation.isPending;
-    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { size: "lg", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: messages.bookingCreateDialog.title }) }), _jsxs(DialogBody, { className: "grid gap-4", children: [_jsx(ProductPickerSection, { value: product, onChange: setProduct, enabled: open, 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: open, labels: {
-                                heading: messages.bookingCreateDialog.labels.roomsHeading,
-                                noSlot: messages.bookingCreateDialog.labels.roomsNoSlot,
-                                noUnits: messages.bookingCreateDialog.labels.roomsNoUnits,
-                                remaining: messages.bookingCreateDialog.labels.roomsRemaining,
-                                unlimited: messages.bookingCreateDialog.labels.roomsUnlimited,
-                            } })) : null, _jsx(PersonPickerSection, { value: person, onChange: setPerson, enabled: open, labels: {
-                                createNewPerson: messages.bookingCreateDialog.labels.createNewPerson,
-                                selectExistingPerson: messages.bookingCreateDialog.labels.selectExistingPerson,
-                                organizationNone: messages.bookingCreateDialog.labels.organizationNone,
-                            } }), _jsx(SharedRoomSection, { value: sharedRoom, onChange: setSharedRoom, productId: product.productId || undefined, enabled: open, labels: {
-                                toggle: messages.bookingCreateDialog.labels.sharedRoomToggle,
-                                createMode: messages.bookingCreateDialog.labels.sharedRoomCreateMode,
-                                joinMode: messages.bookingCreateDialog.labels.sharedRoomJoinMode,
-                                selectPlaceholder: messages.bookingCreateDialog.labels.sharedRoomSelectPlaceholder,
-                                noGroups: messages.bookingCreateDialog.labels.sharedRoomNoGroups,
-                                createHint: messages.bookingCreateDialog.labels.sharedRoomCreateHint,
-                            } }), product.productId ? (_jsx(PassengersSection, { value: passengers, onChange: setPassengers, roomUnits: roomUnitOptions.length > 0 ? roomUnitOptions : undefined, labels: {
-                                heading: messages.bookingCreateDialog.labels.passengerHeading,
-                                addPassenger: messages.bookingCreateDialog.labels.addPassenger,
-                                role: messages.bookingCreateDialog.labels.passengerRole,
-                                roleLead: messages.bookingCreateDialog.labels.passengerLead,
-                                roleAdult: messages.bookingCreateDialog.labels.passengerAdult,
-                                roleChild: messages.bookingCreateDialog.labels.passengerChild,
-                                roleInfant: messages.bookingCreateDialog.labels.passengerInfant,
-                                room: messages.bookingCreateDialog.labels.passengerRoom,
-                                noRoom: messages.bookingCreateDialog.labels.passengerNoRoom,
-                                remove: messages.bookingCreateDialog.labels.passengerRemove,
-                                empty: messages.bookingCreateDialog.labels.passengerEmpty,
-                            } })) : null, product.productId ? (_jsx(PriceBreakdownSection, { productId: product.productId, optionId: product.optionId, unitQuantities: rooms.quantities, labels: {
-                                heading: messages.bookingCreateDialog.labels.breakdownHeading,
-                                total: messages.bookingCreateDialog.labels.breakdownTotal,
-                                onRequest: messages.bookingCreateDialog.labels.breakdownOnRequest,
-                                groupRate: messages.bookingCreateDialog.labels.breakdownGroupRate,
-                                empty: messages.bookingCreateDialog.labels.breakdownEmpty,
-                                noPricing: messages.bookingCreateDialog.labels.breakdownNoPricing,
-                            } })) : null, _jsx(VoucherPickerSection, { value: voucher, onChange: setVoucher, currency: currency, labels: {
-                                heading: messages.bookingCreateDialog.labels.voucherHeading,
-                                codePlaceholder: messages.bookingCreateDialog.labels.voucherCodePlaceholder,
-                                apply: messages.bookingCreateDialog.labels.voucherApply,
-                                clear: messages.bookingCreateDialog.labels.voucherClear,
-                                remainingLabel: messages.bookingCreateDialog.labels.voucherRemainingLabel,
-                                invalidLabel: messages.bookingCreateDialog.labels.voucherInvalidLabel,
-                            } }), _jsx(PaymentScheduleSection, { value: paymentSchedule, onChange: setPaymentSchedule, currency: currency, labels: {
-                                heading: messages.bookingCreateDialog.labels.paymentHeading,
-                                modeUnpaid: messages.bookingCreateDialog.labels.paymentModeUnpaid,
-                                modeFull: messages.bookingCreateDialog.labels.paymentModeFull,
-                                modeAdvance: messages.bookingCreateDialog.labels.paymentModeAdvance,
-                                modeSplit: messages.bookingCreateDialog.labels.paymentModeSplit,
-                                dueDate: messages.bookingCreateDialog.labels.paymentDueDate,
-                                amount: messages.bookingCreateDialog.labels.paymentAmount,
-                                firstInstallment: messages.bookingCreateDialog.labels.paymentFirstInstallment,
-                                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: "quickbook-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: "quickbook-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: () => onOpenChange(false), 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] })] })] }) }));
+    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: {
+                            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: {
+                            heading: messages.bookingCreateDialog.labels.roomsHeading,
+                            noSlot: messages.bookingCreateDialog.labels.roomsNoSlot,
+                            noUnits: messages.bookingCreateDialog.labels.roomsNoUnits,
+                            remaining: messages.bookingCreateDialog.labels.roomsRemaining,
+                            unlimited: messages.bookingCreateDialog.labels.roomsUnlimited,
+                        } })) : null, _jsx(PersonPickerSection, { value: person, onChange: setPerson, enabled: enabled, labels: {
+                            createNewPerson: messages.bookingCreateDialog.labels.createNewPerson,
+                            selectExistingPerson: messages.bookingCreateDialog.labels.selectExistingPerson,
+                            organizationNone: messages.bookingCreateDialog.labels.organizationNone,
+                        } }), _jsx(SharedRoomSection, { value: sharedRoom, onChange: setSharedRoom, productId: product.productId || undefined, enabled: enabled, labels: {
+                            toggle: messages.bookingCreateDialog.labels.sharedRoomToggle,
+                            createMode: messages.bookingCreateDialog.labels.sharedRoomCreateMode,
+                            joinMode: messages.bookingCreateDialog.labels.sharedRoomJoinMode,
+                            selectPlaceholder: messages.bookingCreateDialog.labels.sharedRoomSelectPlaceholder,
+                            noGroups: messages.bookingCreateDialog.labels.sharedRoomNoGroups,
+                            createHint: messages.bookingCreateDialog.labels.sharedRoomCreateHint,
+                        } }), product.productId ? (_jsx(PassengersSection, { value: passengers, onChange: setPassengers, roomUnits: roomUnitOptions.length > 0 ? roomUnitOptions : undefined, labels: {
+                            heading: messages.bookingCreateDialog.labels.passengerHeading,
+                            addPassenger: messages.bookingCreateDialog.labels.addPassenger,
+                            role: messages.bookingCreateDialog.labels.passengerRole,
+                            roleLead: messages.bookingCreateDialog.labels.passengerLead,
+                            roleAdult: messages.bookingCreateDialog.labels.passengerAdult,
+                            roleChild: messages.bookingCreateDialog.labels.passengerChild,
+                            roleInfant: messages.bookingCreateDialog.labels.passengerInfant,
+                            room: messages.bookingCreateDialog.labels.passengerRoom,
+                            noRoom: messages.bookingCreateDialog.labels.passengerNoRoom,
+                            remove: messages.bookingCreateDialog.labels.passengerRemove,
+                            empty: messages.bookingCreateDialog.labels.passengerEmpty,
+                        } })) : null, product.productId ? (_jsx(PriceBreakdownSection, { productId: product.productId, optionId: product.optionId, unitQuantities: rooms.quantities, labels: {
+                            heading: messages.bookingCreateDialog.labels.breakdownHeading,
+                            total: messages.bookingCreateDialog.labels.breakdownTotal,
+                            onRequest: messages.bookingCreateDialog.labels.breakdownOnRequest,
+                            groupRate: messages.bookingCreateDialog.labels.breakdownGroupRate,
+                            empty: messages.bookingCreateDialog.labels.breakdownEmpty,
+                            noPricing: messages.bookingCreateDialog.labels.breakdownNoPricing,
+                            confirmedTotal: messages.bookingCreateDialog.labels.breakdownConfirmedTotal,
+                            manualTotal: messages.bookingCreateDialog.labels.breakdownManualTotal,
+                            useCatalogTotal: messages.bookingCreateDialog.labels.breakdownUseCatalogTotal,
+                            overrideReason: messages.bookingCreateDialog.labels.breakdownOverrideReason,
+                            overrideReasonPlaceholder: messages.bookingCreateDialog.labels.breakdownOverrideReasonPlaceholder,
+                            overrideReasonRequired: messages.bookingCreateDialog.labels.breakdownOverrideReasonRequired,
+                        }, onChange: setPricing })) : null, _jsx(VoucherPickerSection, { value: voucher, onChange: setVoucher, currency: currency, labels: {
+                            heading: messages.bookingCreateDialog.labels.voucherHeading,
+                            codePlaceholder: messages.bookingCreateDialog.labels.voucherCodePlaceholder,
+                            apply: messages.bookingCreateDialog.labels.voucherApply,
+                            clear: messages.bookingCreateDialog.labels.voucherClear,
+                            remainingLabel: messages.bookingCreateDialog.labels.voucherRemainingLabel,
+                            invalidLabel: messages.bookingCreateDialog.labels.voucherInvalidLabel,
+                        } }), _jsx(PaymentScheduleSection, { value: paymentSchedule, onChange: setPaymentSchedule, currency: pricingCurrency, totalAmountCents: pricingTotalAmountCents, labels: {
+                            heading: messages.bookingCreateDialog.labels.paymentHeading,
+                            modeUnpaid: messages.bookingCreateDialog.labels.paymentModeUnpaid,
+                            modeFull: messages.bookingCreateDialog.labels.paymentModeFull,
+                            modeAdvance: messages.bookingCreateDialog.labels.paymentModeAdvance,
+                            modeSplit: messages.bookingCreateDialog.labels.paymentModeSplit,
+                            dueDate: messages.bookingCreateDialog.labels.paymentDueDate,
+                            amount: messages.bookingCreateDialog.labels.paymentAmount,
+                            firstInstallment: messages.bookingCreateDialog.labels.paymentFirstInstallment,
+                            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] })] })] }));
 }

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

@@ -0,0 +1,11 @@
+import type { BookingRecord } from "@voyantjs/bookings-react";
+export interface BookingCreatePageProps {
+    onCreated?: (booking: BookingRecord) => 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;
+//# sourceMappingURL=booking-create-page.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,11 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useBookingsUiMessagesOrDefault } from "../i18n/provider.js";
+import { BookingCreateForm } from "./booking-create-dialog.js";
+/**
+ * Full-page booking create surface for route-based booking creation.
+ */
+export function BookingCreatePage({ onCreated, 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 }) })] }));
+}

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":"AAEA,OAAO,EACL,KAAK,aAAa,EAInB,MAAM,0BAA0B,CAAA;AA2BjC,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAA;AAgBhD,MAAM,WAAW,sBAAsB;IACrC,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,SAAS,CAAA;IAC9C,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,SAAS,CAAA;IACpD,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,SAAS,CAAA;IACrD,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,SAAS,CAAA;IACnD,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,SAAS,CAAA;IACtD,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,SAAS,CAAA;IACpD,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,SAAS,CAAA;IAClD,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,SAAS,CAAA;IACjD,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,SAAS,CAAA;CACpD;AAED,MAAM,WAAW,sBAAsB;IACrC,EAAE,EAAE,MAAM,CAAA;IACV,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IACzC,kBAAkB,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,IAAI,CAAA;IACrD,gBAAgB,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,CAAA;IACnD,KAAK,CAAC,EAAE,sBAAsB,CAAA;CAC/B;AAED,wBAAgB,iBAAiB,CAAC,EAChC,EAAE,EACF,SAAS,EACT,MAAM,EACN,MAAM,EACN,YAAY,EACZ,kBAAkB,EAClB,gBAAgB,EAChB,KAAK,GACN,EAAE,sBAAsB,2CAyPxB;AAED,wBAAgB,yBAAyB,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,aAAa,CAAA;CAAE,2CAmChF"}
+{"version":3,"file":"booking-detail-page.d.ts","sourceRoot":"","sources":["../../src/components/booking-detail-page.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,aAAa,EAInB,MAAM,0BAA0B,CAAA;AA2BjC,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAA;AAgBhD,MAAM,WAAW,sBAAsB;IACrC,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,SAAS,CAAA;IAC9C,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,SAAS,CAAA;IACpD,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,SAAS,CAAA;IACrD,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,SAAS,CAAA;IACnD,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,SAAS,CAAA;IACtD,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,SAAS,CAAA;IACpD,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,SAAS,CAAA;IAClD,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,SAAS,CAAA;IACjD,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,SAAS,CAAA;CACpD;AAED,MAAM,WAAW,sBAAsB;IACrC,EAAE,EAAE,MAAM,CAAA;IACV,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IACzC,kBAAkB,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,IAAI,CAAA;IACrD,gBAAgB,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,CAAA;IACnD,KAAK,CAAC,EAAE,sBAAsB,CAAA;CAC/B;AAED,wBAAgB,iBAAiB,CAAC,EAChC,EAAE,EACF,SAAS,EACT,MAAM,EACN,MAAM,EACN,YAAY,EACZ,kBAAkB,EAClB,gBAAgB,EAChB,KAAK,GACN,EAAE,sBAAsB,2CA4PxB;AAED,wBAAgB,yBAAyB,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,aAAa,CAAA;CAAE,2CAmChF"}

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

@@ -36,12 +36,15 @@ export function BookingDetailPage({ id, className, locale, onBack, onPersonOpen,
         return (_jsxs("div", { className: cn("flex flex-col items-center justify-center gap-4 py-12", className), children: [_jsx("p", { className: "text-muted-foreground", children: detailMessages.notFound }), onBack ? (_jsx(Button, { variant: "outline", onClick: onBack, children: detailMessages.backToBookings })) : null] }));
     }
     const canCancel = ["draft", "on_hold", "confirmed", "in_progress"].includes(booking.status);
+    const sellHint = booking.priceOverride?.isManual
+        ? `${detailMessages.summaryPriceOverride}: ${booking.priceOverride.reason}`
+        : booking.sellCurrency;
     return (_jsxs("div", { "data-slot": "booking-detail-page", className: cn("flex flex-col gap-6 p-6", className), children: [_jsxs("div", { className: "flex items-center gap-1.5 text-sm text-muted-foreground", children: [onBack ? (_jsx("button", { type: "button", onClick: onBack, className: "transition-colors hover:text-foreground", children: detailMessages.breadcrumbBookings })) : (_jsx("span", { children: detailMessages.breadcrumbBookings })), _jsx(ChevronRight, { className: "h-3.5 w-3.5", "aria-hidden": "true" }), _jsx("span", { className: "font-normal text-foreground", children: booking.bookingNumber })] }), _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("h1", { className: "text-2xl font-bold tracking-tight", children: booking.bookingNumber }), _jsx(Badge, { variant: bookingStatusBadgeVariant[booking.status], children: getBookingStatusLabel(booking.status, messages.common.bookingStatusLabels) })] }), _jsxs(ActionMenu, { children: [_jsxs(DropdownMenuItem, { onClick: () => setEditOpen(true), children: [_jsx(Pencil, { className: "h-4 w-4", "aria-hidden": "true" }), detailMessages.editAction] }), _jsxs(DropdownMenuItem, { onClick: () => setStatusDialogOpen(true), children: [_jsx(RefreshCw, { className: "h-4 w-4", "aria-hidden": "true" }), detailMessages.changeStatusAction] }), canCancel ? (_jsxs(DropdownMenuItem, { onClick: () => setCancelDialogOpen(true), children: [_jsx(Ban, { className: "h-4 w-4", "aria-hidden": "true" }), detailMessages.cancelBookingAction] })) : null, _jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuItem, { variant: "destructive", disabled: remove.isPending, onClick: async () => {
                                     if (confirm(detailMessages.deleteConfirm)) {
                                         await remove.mutateAsync(id);
                                         onBack?.();
                                     }
-                                }, children: [_jsx(Trash2, { className: "h-4 w-4", "aria-hidden": "true" }), detailMessages.deleteAction] })] })] }), slots?.header?.(booking), _jsx(Card, { children: _jsxs(CardContent, { className: "grid grid-cols-2 gap-6 py-6 sm:grid-cols-4", children: [_jsx(SummaryStat, { label: detailMessages.summarySell, value: formatAmount(booking.sellAmountCents, booking.sellCurrency, resolvedLocale, detailMessages.noValue), hint: booking.sellCurrency }), _jsx(SummaryStat, { label: detailMessages.summaryCostMargin, value: formatAmount(booking.costAmountCents, booking.sellCurrency, resolvedLocale, detailMessages.noValue), hint: formatMargin(booking.marginPercent, detailMessages.noValue) }), _jsx(SummaryStat, { label: detailMessages.summaryDates, value: booking.startDate
+                                }, children: [_jsx(Trash2, { className: "h-4 w-4", "aria-hidden": "true" }), detailMessages.deleteAction] })] })] }), slots?.header?.(booking), _jsx(Card, { children: _jsxs(CardContent, { className: "grid grid-cols-2 gap-6 py-6 sm:grid-cols-4", children: [_jsx(SummaryStat, { label: detailMessages.summarySell, value: formatAmount(booking.sellAmountCents, booking.sellCurrency, resolvedLocale, detailMessages.noValue), hint: sellHint }), _jsx(SummaryStat, { label: detailMessages.summaryCostMargin, value: formatAmount(booking.costAmountCents, booking.sellCurrency, resolvedLocale, detailMessages.noValue), hint: formatMargin(booking.marginPercent, detailMessages.noValue) }), _jsx(SummaryStat, { label: detailMessages.summaryDates, value: booking.startDate
                                 ? `${formatDate(booking.startDate, resolvedLocale, detailMessages.noValue)} - ${formatDate(booking.endDate, resolvedLocale, detailMessages.noValue)}`
                                 : detailMessages.tbd, icon: _jsx(Calendar, { className: "h-3.5 w-3.5", "aria-hidden": "true" }) }), _jsx(SummaryStat, { label: detailMessages.summaryTravelers, value: booking.pax != null ? String(booking.pax) : detailMessages.noValue, icon: _jsx(Users, { className: "h-3.5 w-3.5", "aria-hidden": "true" }) }), booking.personId ? (_jsx(SummaryLink, { label: detailMessages.summaryPerson, id: booking.personId, onOpen: onPersonOpen })) : null, booking.organizationId ? (_jsx(SummaryLink, { label: detailMessages.summaryOrganization, id: booking.organizationId, onOpen: onOrganizationOpen })) : null, _jsx(SummaryStat, { label: detailMessages.summaryCreated, value: formatDate(booking.createdAt, resolvedLocale, detailMessages.noValue) }), _jsx(SummaryStat, { label: detailMessages.summaryUpdated, value: formatDate(booking.updatedAt, resolvedLocale, detailMessages.noValue) })] }) }), slots?.afterSummary?.(booking), _jsxs(Tabs, { defaultValue: "overview", children: [_jsxs(TabsList, { className: "w-full justify-start", children: [_jsx(TabsTrigger, { value: "overview", children: detailMessages.tabOverview }), _jsx(TabsTrigger, { value: "travelers", children: detailMessages.tabTravelers }), _jsx(TabsTrigger, { value: "finance", children: detailMessages.tabFinance }), _jsx(TabsTrigger, { value: "suppliers", children: detailMessages.tabSuppliers }), _jsx(TabsTrigger, { value: "documents", children: detailMessages.tabDocuments }), _jsx(TabsTrigger, { value: "activity", children: detailMessages.tabActivity })] }), _jsxs(TabsContent, { value: "overview", className: "mt-4 flex flex-col gap-6", children: [slots?.overviewStart?.(booking), _jsx(BookingItemList, { bookingId: id }), _jsx(BookingGroupSection, { bookingId: id }), visibleInternalNotes(booking.internalNotes) ? (_jsx(Card, { children: _jsxs(CardContent, { className: "py-5", children: [_jsx("p", { className: "mb-1 text-xs font-medium text-muted-foreground", children: detailMessages.internalNotesLabel }), _jsx("p", { className: "whitespace-pre-wrap text-sm", children: visibleInternalNotes(booking.internalNotes) })] }) })) : null, slots?.overviewEnd?.(booking)] }), _jsxs(TabsContent, { value: "travelers", className: "mt-4 flex flex-col gap-6", children: [slots?.travelersStart?.(booking), _jsx(BookingBillingContextCard, { booking: booking }), _jsx(TravelerList, { bookingId: id, autoReveal: true })] }), _jsxs(TabsContent, { value: "finance", className: "mt-4 flex flex-col gap-6", children: [onCollectPayment ? (_jsx("div", { className: "flex items-center justify-end", children: _jsx(Button, { onClick: () => onCollectPayment(booking), children: detailMessages.collectPaymentAction }) })) : null, slots?.financeStart?.(booking), _jsx(BookingPaymentsSummary, { bookingId: id, variant: "admin" }), _jsx(BookingPaymentScheduleList, { bookingId: id }), _jsx(BookingGuaranteeList, { bookingId: id }), slots?.financeEnd?.(booking)] }), _jsx(TabsContent, { value: "suppliers", className: "mt-4", children: _jsx(SupplierStatusList, { bookingId: id }) }), _jsx(TabsContent, { value: "documents", className: "mt-4 flex flex-col gap-4", children: slots?.documents ? (slots.documents(booking)) : (_jsx("p", { className: "rounded-md border border-dashed p-4 text-sm text-muted-foreground", children: detailMessages.documentsSlotEmpty })) }), _jsxs(TabsContent, { value: "activity", className: "mt-4 flex flex-col gap-6", children: [_jsx(BookingActivityTimeline, { bookingId: id }), _jsx(BookingNotes, { bookingId: id }), slots?.activityEnd?.(booking)] })] }), _jsx(BookingDialog, { open: editOpen, onOpenChange: setEditOpen, booking: booking }), _jsx(StatusChangeDialog, { open: statusDialogOpen, onOpenChange: setStatusDialogOpen, bookingId: id, currentStatus: booking.status }), _jsx(BookingCancellationDialog, { open: cancelDialogOpen, onOpenChange: setCancelDialogOpen, booking: booking })] }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"booking-item-list.d.ts","sourceRoot":"","sources":["../../src/components/booking-item-list.tsx"],"names":[],"mappings":"AAwBA,MAAM,WAAW,oBAAoB;IACnC,SAAS,EAAE,MAAM,CAAA;CAClB;AAED,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,EAAE,oBAAoB,2CAiLlE"}
+{"version":3,"file":"booking-item-list.d.ts","sourceRoot":"","sources":["../../src/components/booking-item-list.tsx"],"names":[],"mappings":"AAwBA,MAAM,WAAW,oBAAoB;IACnC,SAAS,EAAE,MAAM,CAAA;CAClB;AAED,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,EAAE,oBAAoB,2CAqLlE"}

package/dist/components/booking-item-list.js

@@ -32,7 +32,9 @@ export function BookingItemList({ bookingId }) {
                                     return (_jsxs(React.Fragment, { children: [_jsxs("tr", { className: "cursor-pointer border-b hover:bg-muted/30", onClick: () => setExpandedItemId(isExpanded ? null : item.id), children: [_jsx("td", { className: "p-2", children: _jsx("button", { type: "button", onClick: (e) => {
                                                                 e.stopPropagation();
                                                                 setExpandedItemId(isExpanded ? null : item.id);
-                                                            }, className: "text-muted-foreground hover:text-foreground", "aria-label": isExpanded ? "Collapse item" : "Expand item", children: isExpanded ? (_jsx(ChevronDown, { className: "h-3.5 w-3.5" })) : (_jsx(ChevronRight, { className: "h-3.5 w-3.5" })) }) }), _jsx("td", { className: "p-2 font-medium", children: item.title }), _jsx("td", { className: "p-2", children: messages.bookingItemDialog.itemTypeLabels[item.itemType] }), _jsx("td", { className: "p-2", children: _jsx(Badge, { variant: statusVariant[item.status] ?? "secondary", children: messages.bookingItemDialog.itemStatusLabels[item.status] }) }), _jsx("td", { className: "p-2 text-right font-mono", children: item.quantity }), _jsx("td", { className: "p-2 text-right font-mono", children: item.totalSellAmountCents == null
+                                                            }, className: "text-muted-foreground hover:text-foreground", "aria-label": isExpanded
+                                                                ? messages.bookingItemList.actions.collapseItem
+                                                                : messages.bookingItemList.actions.expandItem, children: isExpanded ? (_jsx(ChevronDown, { className: "h-3.5 w-3.5" })) : (_jsx(ChevronRight, { className: "h-3.5 w-3.5" })) }) }), _jsx("td", { className: "p-2 font-medium", children: item.title }), _jsx("td", { className: "p-2", children: messages.bookingItemDialog.itemTypeLabels[item.itemType] }), _jsx("td", { className: "p-2", children: _jsx(Badge, { variant: statusVariant[item.status] ?? "secondary", children: messages.bookingItemDialog.itemStatusLabels[item.status] }) }), _jsx("td", { className: "p-2 text-right font-mono", children: item.quantity }), _jsx("td", { className: "p-2 text-right font-mono", children: item.totalSellAmountCents == null
                                                             ? messages.bookingItemList.values.totalUnavailable
                                                             : formatCurrency(item.totalSellAmountCents / 100, item.sellCurrency) }), _jsx("td", { className: "p-2 text-right font-mono text-muted-foreground", children: item.totalCostAmountCents == null || !item.costCurrency
                                                             ? messages.bookingItemList.values.costUnavailable
@@ -41,12 +43,12 @@ export function BookingItemList({ bookingId }) {
                                                                         e.stopPropagation();
                                                                         setEditing(item);
                                                                         setDialogOpen(true);
-                                                                    }, className: "text-muted-foreground hover:text-foreground", "aria-label": "Edit item", children: _jsx(Pencil, { className: "h-3.5 w-3.5" }) }), _jsx("button", { type: "button", onClick: (e) => {
+                                                                    }, className: "text-muted-foreground hover:text-foreground", "aria-label": messages.bookingItemList.actions.editItem, children: _jsx(Pencil, { className: "h-3.5 w-3.5" }) }), _jsx("button", { type: "button", onClick: (e) => {
                                                                         e.stopPropagation();
                                                                         if (confirm(messages.bookingItemList.actions.deleteConfirm)) {
                                                                             remove.mutate(item.id);
                                                                         }
-                                                                    }, className: "text-muted-foreground hover:text-destructive", "aria-label": "Delete item", children: _jsx(Trash2, { className: "h-3.5 w-3.5" }) })] }) })] }), isExpanded && (_jsxs("tr", { className: "border-b last:border-b-0 bg-muted/10", children: [_jsx("td", {}), _jsx("td", { colSpan: 8, className: "p-3", children: _jsx(ItemDetailPanel, { bookingId: bookingId, item: item }) })] }))] }, item.id));
+                                                                    }, className: "text-muted-foreground hover:text-destructive", "aria-label": messages.bookingItemList.actions.deleteItem, children: _jsx(Trash2, { className: "h-3.5 w-3.5" }) })] }) })] }), isExpanded && (_jsxs("tr", { className: "border-b last:border-b-0 bg-muted/10", children: [_jsx("td", {}), _jsx("td", { colSpan: 8, className: "p-3", children: _jsx(ItemDetailPanel, { bookingId: bookingId, item: item }) })] }))] }, item.id));
                                 }) })] }) })) }), _jsx(BookingItemDialog, { open: dialogOpen, onOpenChange: (nextOpen) => {
                     setDialogOpen(nextOpen);
                     if (!nextOpen) {

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

@@ -0,0 +1,35 @@
+export declare const BOOKING_STATUS_ALL = "__all__";
+export interface BookingListFiltersPopoverProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    activeFilterCount: number;
+    status: string;
+    onStatusChange: (status: string) => void;
+    productId: string | null;
+    onProductIdChange: (productId: string | null) => void;
+    optionId: string | null;
+    onOptionIdChange: (optionId: string | null) => void;
+    supplierId: string | null;
+    onSupplierIdChange: (supplierId: string | null) => void;
+    productCategoryId: string | null;
+    onProductCategoryIdChange: (productCategoryId: string | null) => void;
+    personId: string | null;
+    onPersonIdChange: (personId: string | null) => void;
+    organizationId: string | null;
+    onOrganizationIdChange: (organizationId: string | null) => void;
+    dateRange: {
+        from: string | null;
+        to: string | null;
+    } | null;
+    onDateRangeChange: (dateRange: {
+        from: string | null;
+        to: string | null;
+    } | null) => void;
+    paxMin: string;
+    onPaxMinChange: (paxMin: string) => void;
+    paxMax: string;
+    onPaxMaxChange: (paxMax: string) => void;
+    onFiltersChanged: () => void;
+}
+export declare function BookingListFiltersPopover({ open, onOpenChange, activeFilterCount, status, onStatusChange, productId, onProductIdChange, optionId, onOptionIdChange, supplierId, onSupplierIdChange, productCategoryId, onProductCategoryIdChange, personId, onPersonIdChange, organizationId, onOrganizationIdChange, dateRange, onDateRangeChange, paxMin, onPaxMinChange, paxMax, onPaxMaxChange, onFiltersChanged, }: BookingListFiltersPopoverProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=booking-list-filters.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"booking-list-filters.d.ts","sourceRoot":"","sources":["../../src/components/booking-list-filters.tsx"],"names":[],"mappings":"AAgCA,eAAO,MAAM,kBAAkB,YAAY,CAAA;AAE3C,MAAM,WAAW,8BAA8B;IAC7C,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,iBAAiB,EAAE,MAAM,CAAA;IACzB,MAAM,EAAE,MAAM,CAAA;IACd,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,SAAS,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,iBAAiB,EAAE,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IACrD,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,gBAAgB,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IACnD,UAAU,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,kBAAkB,EAAE,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IACvD,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAA;IAChC,yBAAyB,EAAE,CAAC,iBAAiB,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IACrE,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,gBAAgB,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IACnD,cAAc,EAAE,MAAM,GAAG,IAAI,CAAA;IAC7B,sBAAsB,EAAE,CAAC,cAAc,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IAC/D,SAAS,EAAE;QAAE,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;QAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,GAAG,IAAI,CAAA;IAC5D,iBAAiB,EAAE,CAAC,SAAS,EAAE;QAAE,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;QAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,GAAG,IAAI,KAAK,IAAI,CAAA;IACzF,MAAM,EAAE,MAAM,CAAA;IACd,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,MAAM,EAAE,MAAM,CAAA;IACd,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,gBAAgB,EAAE,MAAM,IAAI,CAAA;CAC7B;AAED,wBAAgB,yBAAyB,CAAC,EACxC,IAAI,EACJ,YAAY,EACZ,iBAAiB,EACjB,MAAM,EACN,cAAc,EACd,SAAS,EACT,iBAAiB,EACjB,QAAQ,EACR,gBAAgB,EAChB,UAAU,EACV,kBAAkB,EAClB,iBAAiB,EACjB,yBAAyB,EACzB,QAAQ,EACR,gBAAgB,EAChB,cAAc,EACd,sBAAsB,EACtB,SAAS,EACT,iBAAiB,EACjB,MAAM,EACN,cAAc,EACd,MAAM,EACN,cAAc,EACd,gBAAgB,GACjB,EAAE,8BAA8B,2CAuShC"}