@voyantjs/bookings-ui 0.107.0 → 0.108.0

package/dist/journey/components/journey-steps/billing-step.js

@@ -0,0 +1,78 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Separator } from "@voyantjs/ui/components";
+import { Card, CardContent, CardHeader, CardTitle } from "@voyantjs/ui/components/card";
+import { CountryCombobox } from "@voyantjs/ui/components/country-combobox";
+import { Label } from "@voyantjs/ui/components/label";
+import { RadioGroup, RadioGroupItem } from "@voyantjs/ui/components/radio-group";
+import { useBookingsUiMessagesOrDefault } from "../../../i18n/index.js";
+import { patchBilling } from "../../lib/draft-state.js";
+import { Field, JourneyWarnings, PhoneField } from "./shared.js";
+// ─────────────────────────────────────────────────────────────────
+// Billing
+// ─────────────────────────────────────────────────────────────────
+export function BillingStep({ draft, setDraft, renderLeadContactPicker, renderExtras, warnings, }) {
+    const messages = useBookingsUiMessagesOrDefault();
+    const billing = draft.billing;
+    // Merge each partial from the picker (person record, org record, address
+    // lookup) into the billing draft without clobbering the other slices.
+    const apply = (next) => {
+        const patch = {};
+        if (next.firstName !== undefined ||
+            next.lastName !== undefined ||
+            next.email !== undefined ||
+            next.phone !== undefined ||
+            next.personId !== undefined) {
+            patch.contact = {
+                ...billing.contact,
+                ...(next.firstName !== undefined ? { firstName: next.firstName } : {}),
+                ...(next.lastName !== undefined ? { lastName: next.lastName } : {}),
+                ...(next.email !== undefined ? { email: next.email } : {}),
+                ...(next.phone !== undefined ? { phone: next.phone } : {}),
+                ...(next.personId !== undefined ? { personId: next.personId } : {}),
+            };
+        }
+        if (next.organizationId !== undefined) {
+            patch.organizationId = next.organizationId;
+        }
+        if (next.companyName !== undefined || next.taxId !== undefined) {
+            patch.company = {
+                name: next.companyName ?? billing.company?.name ?? "",
+                vatId: next.taxId ?? billing.company?.vatId,
+            };
+        }
+        if (next.address) {
+            patch.address = { ...billing.address, ...next.address };
+        }
+        setDraft(patchBilling(draft, patch));
+    };
+    return (_jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: messages.bookingJourney.billing.title }) }), _jsx(Separator, {}), _jsxs(CardContent, { className: "space-y-6", children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: messages.bookingJourney.billing.buyerType }), _jsxs(RadioGroup, { value: billing.buyerType, onValueChange: (v) => setDraft(patchBilling(draft, { buyerType: v })), className: "flex gap-4", children: [_jsxs("label", { className: "flex items-center gap-2 text-sm", children: [_jsx(RadioGroupItem, { value: "B2C" }), " ", messages.bookingJourney.billing.individual] }), _jsxs("label", { className: "flex items-center gap-2 text-sm", children: [_jsx(RadioGroupItem, { value: "B2B" }), " ", messages.bookingJourney.billing.company] })] })] }), renderLeadContactPicker ? (_jsx("div", { children: renderLeadContactPicker({ apply, buyerType: billing.buyerType }) })) : null, renderLeadContactPicker ? null : (_jsxs(_Fragment, { children: [_jsxs("div", { className: "grid grid-cols-1 gap-3 sm:grid-cols-2", children: [_jsx(Field, { id: "bj-billing-firstName", label: messages.bookingJourney.billing.firstName, value: billing.contact.firstName, onChange: (v) => setDraft(patchBilling(draft, {
+                                            contact: { ...billing.contact, firstName: v },
+                                        })) }), _jsx(Field, { id: "bj-billing-lastName", label: messages.bookingJourney.billing.lastName, value: billing.contact.lastName, onChange: (v) => setDraft(patchBilling(draft, {
+                                            contact: { ...billing.contact, lastName: v },
+                                        })) }), _jsx(Field, { id: "bj-billing-email", label: messages.bookingJourney.billing.email, type: "email", value: billing.contact.email, onChange: (v) => setDraft(patchBilling(draft, {
+                                            contact: { ...billing.contact, email: v },
+                                        })) }), _jsx(PhoneField, { id: "bj-billing-phone", label: messages.bookingJourney.billing.phone, value: billing.contact.phone ?? "", onChange: (v) => setDraft(patchBilling(draft, {
+                                            contact: { ...billing.contact, phone: v },
+                                        })) })] }), _jsxs("div", { className: "grid grid-cols-1 gap-3 sm:grid-cols-2", children: [_jsx(Field, { id: "bj-billing-line1", label: messages.bookingJourney.billing.addressLine1, value: billing.address.line1 ?? "", onChange: (v) => setDraft(patchBilling(draft, {
+                                            address: { ...billing.address, line1: v },
+                                        })) }), _jsx(Field, { id: "bj-billing-line2", label: messages.bookingJourney.billing.addressLine2Optional, value: billing.address.line2 ?? "", onChange: (v) => setDraft(patchBilling(draft, {
+                                            address: { ...billing.address, line2: v },
+                                        })) }), _jsx(Field, { id: "bj-billing-city", label: messages.bookingJourney.billing.city, value: billing.address.city ?? "", onChange: (v) => setDraft(patchBilling(draft, {
+                                            address: { ...billing.address, city: v },
+                                        })) }), _jsx(Field, { id: "bj-billing-postal", label: messages.bookingJourney.billing.postalCode, value: billing.address.postal ?? "", onChange: (v) => setDraft(patchBilling(draft, {
+                                            address: { ...billing.address, postal: v },
+                                        })) }), _jsxs("div", { className: "space-y-1 sm:col-span-2", children: [_jsx(Label, { htmlFor: "bj-billing-country", children: messages.bookingJourney.billing.country }), _jsx(CountryCombobox, { value: billing.address.country ?? null, onChange: (code) => setDraft(patchBilling(draft, {
+                                                    address: { ...billing.address, country: code ?? "" },
+                                                })) })] })] }), billing.buyerType === "B2B" ? (_jsxs("div", { className: "grid grid-cols-1 gap-3 sm:grid-cols-2", children: [_jsx(Field, { id: "bj-billing-companyName", label: messages.bookingJourney.billing.companyName, value: billing.company?.name ?? "", onChange: (v) => setDraft(patchBilling(draft, {
+                                            company: {
+                                                ...(billing.company ?? { name: "" }),
+                                                name: v,
+                                            },
+                                        })) }), _jsx(Field, { id: "bj-billing-vatId", label: messages.bookingJourney.billing.vatId, value: billing.company?.vatId ?? "", onChange: (v) => setDraft(patchBilling(draft, {
+                                            company: {
+                                                ...(billing.company ?? { name: "" }),
+                                                vatId: v,
+                                            },
+                                        })) })] })) : null] })), renderExtras ? _jsx("div", { children: renderExtras() }) : null, _jsx(JourneyWarnings, { warnings: warnings })] })] }));
+}

package/dist/journey/components/journey-steps/configure-steps.d.ts

@@ -0,0 +1,28 @@
+import type { BookingDraftShape } from "@voyantjs/catalog/booking-engine";
+import { type Draft } from "../../lib/draft-state.js";
+import { type RenderDeparturePicker, type RenderUnitsPicker, type StepCommonProps } from "./shared.js";
+export declare function DepartureStep({ draft, setDraft, shape, productId, renderDeparturePicker, }: StepCommonProps & {
+    /** Owned product id — passed to the injected departure picker. */
+    productId?: string;
+    renderDeparturePicker?: RenderDeparturePicker;
+}): React.ReactElement;
+export declare function OptionsStep({ draft, setDraft, shape, productId, renderUnitsPicker, }: StepCommonProps & {
+    /** Owned product id — passed to the injected units picker. */
+    productId?: string;
+    renderUnitsPicker?: RenderUnitsPicker;
+}): React.ReactElement;
+export declare function PaxBands({ draft, setDraft, shape }: StepCommonProps): React.ReactElement;
+export declare function PaxValidation({ draft, shape, }: {
+    draft: Draft;
+    shape: BookingDraftShape;
+}): React.ReactNode;
+/**
+ * Surfaces broken cross-band occupancy rules (e.g. "Child under 6
+ * requires an Adult") as hard validation errors under the pax steppers.
+ * These also block step advancement via `canAdvanceFromStep`.
+ */
+export declare function PaxDependencyWarnings({ draft, shape, }: {
+    draft: Draft;
+    shape: BookingDraftShape;
+}): React.ReactNode;
+//# sourceMappingURL=configure-steps.d.ts.map

package/dist/journey/components/journey-steps/configure-steps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"configure-steps.d.ts","sourceRoot":"","sources":["../../../../src/journey/components/journey-steps/configure-steps.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAA;AASzE,OAAO,EAAE,KAAK,KAAK,EAA2C,MAAM,0BAA0B,CAAA;AAK9F,OAAO,EAGL,KAAK,qBAAqB,EAC1B,KAAK,iBAAiB,EACtB,KAAK,eAAe,EACrB,MAAM,aAAa,CAAA;AAMpB,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,KAAK,EACL,SAAS,EACT,qBAAqB,GACtB,EAAE,eAAe,GAAG;IACnB,kEAAkE;IAClE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,qBAAqB,CAAC,EAAE,qBAAqB,CAAA;CAC9C,GAAG,KAAK,CAAC,YAAY,CA0CrB;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,KAAK,EACL,SAAS,EACT,iBAAiB,GAClB,EAAE,eAAe,GAAG;IACnB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,iBAAiB,CAAC,EAAE,iBAAiB,CAAA;CACtC,GAAG,KAAK,CAAC,YAAY,CAiErB;AAED,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,eAAe,GAAG,KAAK,CAAC,YAAY,CAsDxF;AAED,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,KAAK,GACN,EAAE;IACD,KAAK,EAAE,KAAK,CAAA;IACZ,KAAK,EAAE,iBAAiB,CAAA;CACzB,GAAG,KAAK,CAAC,SAAS,CAwBlB;AAgCD;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,KAAK,EACL,KAAK,GACN,EAAE;IACD,KAAK,EAAE,KAAK,CAAA;IACZ,KAAK,EAAE,iBAAiB,CAAA;CACzB,GAAG,KAAK,CAAC,SAAS,CAoBlB"}

package/dist/journey/components/journey-steps/configure-steps.js

@@ -0,0 +1,231 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Separator } from "@voyantjs/ui/components";
+import { Button } from "@voyantjs/ui/components/button";
+import { Card, CardContent, CardHeader, CardTitle } from "@voyantjs/ui/components/card";
+import { Input } from "@voyantjs/ui/components/input";
+import { Label } from "@voyantjs/ui/components/label";
+import { RadioGroup, RadioGroupItem } from "@voyantjs/ui/components/radio-group";
+import { Minus, Plus } from "lucide-react";
+import { formatMessage, useBookingsUiMessagesOrDefault } from "../../../i18n/index.js";
+import { patchConfigure, patchPaxCount, totalPax } from "../../lib/draft-state.js";
+import { evaluatePaxBandDependencies, } from "../../lib/pax-band-dependencies.js";
+import { ageHint, DateField, } from "./shared.js";
+// ─────────────────────────────────────────────────────────────────
+// Configure
+// ─────────────────────────────────────────────────────────────────
+export function DepartureStep({ draft, setDraft, shape, productId, renderDeparturePicker, }) {
+    const messages = useBookingsUiMessagesOrDefault();
+    const subSteps = shape.configureSubSteps ?? [];
+    // With no descriptor sub-steps, still offer a departure (storefront
+    // free-date fallback).
+    const showsDeparture = subSteps.length === 0 || subSteps.some((s) => s.kind === "departure");
+    const departureNode = showsDeparture ? (renderDeparturePicker && productId ? (renderDeparturePicker({
+        productId,
+        optionId: draft.configure.variantId ?? null,
+        slotId: draft.configure.departureSlotId ?? null,
+        departureDate: draft.configure.departureDate ?? null,
+        departureTime: draft.configure.departureTime ?? null,
+        onChange: (next) => setDraft(patchConfigure(draft, {
+            ...(next.slotId !== undefined ? { departureSlotId: next.slotId ?? undefined } : {}),
+            ...(next.departureDate !== undefined
+                ? { departureDate: next.departureDate ?? undefined }
+                : {}),
+            ...(next.departureTime !== undefined
+                ? { departureTime: next.departureTime ?? undefined }
+                : {}),
+        })),
+    })) : (_jsx(DepartureBasic, { draft: draft, setDraft: setDraft }))) : null;
+    return (_jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: messages.bookingJourney.steps.departure }) }), _jsx(Separator, {}), _jsx(CardContent, { className: "space-y-6", children: departureNode })] }));
+}
+export function OptionsStep({ draft, setDraft, shape, productId, renderUnitsPicker, }) {
+    const messages = useBookingsUiMessagesOrDefault();
+    const subSteps = shape.configureSubSteps ?? [];
+    const optionList = subSteps.flatMap((s) => (s.kind === "product-option" ? s.options : []));
+    const multipleOptions = optionList.length > 1;
+    const showsUnits = subSteps.some((s) => s.kind === "option-units");
+    const otherSteps = subSteps.filter((s) => s.kind !== "departure" &&
+        s.kind !== "product-option" &&
+        s.kind !== "option-units" &&
+        s.kind !== "occupancy");
+    const unitsNode = showsUnits && renderUnitsPicker && productId
+        ? renderUnitsPicker({
+            productId,
+            optionId: draft.configure.variantId ?? null,
+            slotId: draft.configure.departureSlotId ?? null,
+            selections: draft.configure.optionSelections ?? [],
+            onChange: (selections) => setDraft(patchConfigure(draft, { optionSelections: selections })),
+        })
+        : null;
+    const optionNode = optionList.length > 0 ? (_jsx(ProductOptionFields, { draft: draft, setDraft: setDraft, options: optionList, 
+        // With a real choice between options, nest the rooms under the
+        // SELECTED option so switching reveals that option's inventory in
+        // place. With a single/no option there's nothing to switch, so the
+        // rooms render directly below instead.
+        renderSelectedUnits: multipleOptions && unitsNode ? () => unitsNode : undefined })) : null;
+    return (_jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: messages.bookingJourney.steps.options }) }), _jsx(Separator, {}), _jsxs(CardContent, { className: "space-y-6", children: [optionNode || unitsNode ? (_jsxs("div", { className: "space-y-3", children: [optionNode, unitsNode && !multipleOptions ? unitsNode : null] })) : null, otherSteps.length > 0 ? (_jsx("div", { className: "space-y-4", children: otherSteps.map((sub) => renderOtherConfigureSubStep(sub, draft, setDraft)) })) : null] })] }));
+}
+export function PaxBands({ draft, setDraft, shape }) {
+    const messages = useBookingsUiMessagesOrDefault();
+    return (_jsxs("div", { className: "flex flex-col gap-2 rounded-md border p-3", children: [_jsx(Label, { children: messages.bookingJourney.travelers.partySize }), _jsx("div", { className: "flex flex-col gap-2", children: shape.paxBands.map((band) => {
+                    const value = draft.configure.pax?.[band.code] ?? 0;
+                    return (_jsxs("div", { className: "flex items-center gap-3 rounded-md border px-3 py-2", children: [_jsxs("div", { className: "flex-1", children: [_jsx("div", { className: "text-sm font-medium", children: band.label }), band.minAge != null || band.maxAge != null ? (_jsx("div", { className: "text-muted-foreground text-xs", children: ageHint(band.minAge, band.maxAge, messages) })) : null] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Button, { variant: "ghost", size: "sm", type: "button", className: "h-7 w-7 p-0", disabled: value <= band.minCount, onClick: () => setDraft(patchPaxCount(draft, band.code, value - 1)), "aria-label": formatMessage(messages.bookingJourney.travelers.decrease, {
+                                            label: band.label,
+                                        }), children: _jsx(Minus, { className: "h-3.5 w-3.5" }) }), _jsx("span", { className: "min-w-[1.5rem] text-center text-sm tabular-nums", children: value }), _jsx(Button, { variant: "ghost", size: "sm", type: "button", className: "h-7 w-7 p-0", disabled: value >= band.maxCount, onClick: () => setDraft(patchPaxCount(draft, band.code, value + 1)), "aria-label": formatMessage(messages.bookingJourney.travelers.increase, {
+                                            label: band.label,
+                                        }), children: _jsx(Plus, { className: "h-3.5 w-3.5" }) })] })] }, band.code));
+                }) }), _jsx(PaxValidation, { draft: draft, shape: shape })] }));
+}
+export function PaxValidation({ draft, shape, }) {
+    const messages = useBookingsUiMessagesOrDefault();
+    const total = totalPax(draft);
+    const { min, max } = shape.paxBandsAllowedTotal;
+    if (total < min) {
+        return (_jsx("p", { className: "text-sm text-amber-600", children: formatMessage(messages.bookingJourney.validation.addAtLeastTravelers, {
+                count: min,
+                plural: min === 1 ? "" : "s",
+            }) }));
+    }
+    if (total > max) {
+        return (_jsx("p", { className: "text-sm text-destructive", children: formatMessage(messages.bookingJourney.validation.maxTravelersPerBooking, {
+                count: max,
+            }) }));
+    }
+    return null;
+}
+/** Formats one occupancy-rule violation into a localized message. */
+function formatPaxDependencyViolation(violation, messages) {
+    switch (violation.type) {
+        case "requires":
+            return formatMessage(messages.dependencyRequires, {
+                dependent: violation.dependentLabel,
+                master: violation.masterLabel,
+            });
+        case "excludes":
+            return formatMessage(messages.dependencyExcludes, {
+                dependent: violation.dependentLabel,
+                master: violation.masterLabel,
+            });
+        case "limits_per_master":
+            return formatMessage(messages.dependencyLimitPerMaster, {
+                limit: violation.limit ?? 0,
+                dependent: violation.dependentLabel,
+                master: violation.masterLabel,
+            });
+        case "limits_sum":
+            return formatMessage(messages.dependencyLimitSum, {
+                limit: violation.limit ?? 0,
+                dependent: violation.dependentLabel,
+            });
+    }
+}
+/**
+ * Surfaces broken cross-band occupancy rules (e.g. "Child under 6
+ * requires an Adult") as hard validation errors under the pax steppers.
+ * These also block step advancement via `canAdvanceFromStep`.
+ */
+export function PaxDependencyWarnings({ draft, shape, }) {
+    const messages = useBookingsUiMessagesOrDefault();
+    const violations = evaluatePaxBandDependencies(draft.configure.pax, shape.paxBandDependencies, shape.paxBands);
+    if (violations.length === 0)
+        return null;
+    return (_jsx("div", { className: "space-y-1", children: violations.map((violation) => (_jsx("p", { className: "text-destructive text-sm", children: formatPaxDependencyViolation(violation, messages.bookingJourney.validation) }, `${violation.type}-${violation.dependentCode}-${violation.masterCode}`))) }));
+}
+/**
+ * Renders the vertical-specific Configure sub-steps that aren't part of the
+ * fixed products layout (departure / option / rooms / occupancy are handled
+ * explicitly in `ConfigureStep`). Cruise cabins, date ranges, and air
+ * arrangement land here, in descriptor order.
+ */
+function renderOtherConfigureSubStep(sub, draft, setDraft) {
+    if (sub.kind === "date-range") {
+        return (_jsx(DateRangeFields, { draft: draft, setDraft: setDraft, minNights: sub.minNights, maxNights: sub.maxNights }, "date-range"));
+    }
+    if (sub.kind === "cabin-category") {
+        return (_jsx(CabinCategoryFields, { draft: draft, setDraft: setDraft, categories: sub.categories }, "cabin-category"));
+    }
+    if (sub.kind === "cabin-number") {
+        return (_jsx(CabinNumberFields, { draft: draft, setDraft: setDraft, perCategory: sub.perCategory }, "cabin-number"));
+    }
+    if (sub.kind === "air-arrangement") {
+        return _jsx(AirArrangementFields, { draft: draft, setDraft: setDraft }, "air-arrangement");
+    }
+    return null;
+}
+function ProductOptionFields({ draft, setDraft, options, renderSelectedUnits, }) {
+    const messages = useBookingsUiMessagesOrDefault();
+    const selectedId = draft.configure.variantId;
+    if (options.length === 0)
+        return null;
+    return (_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: messages.bookingJourney.configure.option }), _jsx(RadioGroup, { value: selectedId ?? "", 
+                // Switching options must clear the previous option's room/unit picks —
+                // otherwise stale `optionSelections` from option A still drive the
+                // quote/commit (price, item lines, rooms gate) under option B.
+                onValueChange: (v) => setDraft(patchConfigure(draft, v === selectedId ? { variantId: v } : { variantId: v, optionSelections: [] })), className: "grid grid-cols-1 gap-2", children: options.map((option) => {
+                    const selected = option.id === selectedId;
+                    return (_jsxs("div", { className: "space-y-2", children: [_jsxs("label", { className: "flex cursor-pointer items-start gap-3 rounded-md border p-3 text-sm transition-colors " +
+                                    (selected ? "border-primary bg-primary/5" : "border-input hover:bg-muted/50"), children: [_jsx(RadioGroupItem, { value: option.id, className: "mt-0.5" }), _jsxs("div", { className: "min-w-0", children: [_jsxs("div", { className: "font-medium", children: [option.name, option.code ? (_jsx("span", { className: "ml-2 text-muted-foreground text-xs uppercase", children: option.code })) : null] }), option.description ? (_jsx("div", { className: "mt-1 text-muted-foreground text-xs", children: option.description })) : null] })] }), selected && renderSelectedUnits ? (_jsx("div", { className: "ml-7 space-y-2 border-muted border-l-2 pl-4", children: renderSelectedUnits() })) : null] }, option.id));
+                }) })] }));
+}
+function DepartureBasic({ draft, setDraft, }) {
+    const messages = useBookingsUiMessagesOrDefault();
+    return (_jsxs("div", { className: "grid grid-cols-1 gap-3 sm:grid-cols-2", children: [_jsx(DateField, { id: "bj-departure-date", label: messages.bookingJourney.configure.departureDate, value: draft.configure.departureDate ?? "", onChange: (v) => setDraft(patchConfigure(draft, { departureDate: v })), range: "future" }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: "bj-departure-time", children: messages.bookingJourney.configure.timeOptional }), _jsx(Input, { id: "bj-departure-time", type: "time", value: draft.configure.departureTime ?? "", onChange: (e) => setDraft(patchConfigure(draft, { departureTime: e.target.value })) })] })] }));
+}
+function DateRangeFields({ draft, setDraft, minNights, maxNights, }) {
+    const messages = useBookingsUiMessagesOrDefault();
+    const range = draft.configure.dateRange;
+    return (_jsxs("div", { className: "grid grid-cols-1 gap-3 sm:grid-cols-2", children: [_jsx(DateField, { id: "bj-checkin", label: messages.bookingJourney.configure.checkIn, value: range?.checkIn ?? "", onChange: (v) => setDraft(patchConfigure(draft, {
+                    dateRange: { checkIn: v, checkOut: range?.checkOut ?? "" },
+                })), range: "future" }), _jsx(DateField, { id: "bj-checkout", label: formatMessage(messages.bookingJourney.configure.checkOutWithNights, {
+                    minNights,
+                    maxNights,
+                }), value: range?.checkOut ?? "", onChange: (v) => setDraft(patchConfigure(draft, {
+                    dateRange: { checkIn: range?.checkIn ?? "", checkOut: v },
+                })), range: "future" })] }));
+}
+function CabinCategoryFields({ draft, setDraft, categories, }) {
+    const messages = useBookingsUiMessagesOrDefault();
+    return (_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: messages.bookingJourney.configure.cabinCategory }), _jsx("div", { className: "grid grid-cols-1 gap-2 sm:grid-cols-2", children: categories.map((cat) => {
+                    const selected = draft.configure.cabinCategoryId === cat.id;
+                    return (_jsxs("button", { type: "button", className: `rounded-md border p-3 text-left ${selected ? "border-primary ring-2 ring-primary" : ""}`, onClick: () => setDraft(patchConfigure(draft, {
+                            cabinCategoryId: cat.id,
+                            cabinNumberId: undefined,
+                        })), children: [_jsx("div", { className: "font-medium", children: cat.name }), cat.description ? (_jsx("div", { className: "text-muted-foreground text-xs", children: cat.description })) : null] }, cat.id));
+                }) })] }));
+}
+function AirArrangementFields({ draft, setDraft, }) {
+    const messages = useBookingsUiMessagesOrDefault();
+    const current = draft.configure.airArrangement;
+    const options = [
+        {
+            value: "cruise_line",
+            label: messages.bookingJourney.configure.airOptions.cruise_line.label,
+            description: messages.bookingJourney.configure.airOptions.cruise_line.description,
+        },
+        {
+            value: "independent",
+            label: messages.bookingJourney.configure.airOptions.independent.label,
+            description: messages.bookingJourney.configure.airOptions.independent.description,
+        },
+        {
+            value: "none",
+            label: messages.bookingJourney.configure.airOptions.none.label,
+            description: messages.bookingJourney.configure.airOptions.none.description,
+        },
+    ];
+    return (_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: messages.bookingJourney.configure.airArrangements }), _jsx("div", { className: "grid grid-cols-1 gap-2 sm:grid-cols-3", children: options.map((opt) => {
+                    const selected = current === opt.value;
+                    return (_jsxs("button", { type: "button", className: `rounded-md border p-3 text-left text-sm ${selected ? "border-primary ring-2 ring-primary" : ""}`, onClick: () => setDraft(patchConfigure(draft, { airArrangement: opt.value })), children: [_jsx("div", { className: "font-medium", children: opt.label }), _jsx("div", { className: "text-muted-foreground text-xs", children: opt.description })] }, opt.value));
+                }) })] }));
+}
+function CabinNumberFields({ draft, setDraft, perCategory, }) {
+    const messages = useBookingsUiMessagesOrDefault();
+    const catId = draft.configure.cabinCategoryId;
+    if (!catId)
+        return null;
+    const cabins = perCategory[catId] ?? [];
+    return (_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: messages.bookingJourney.configure.cabinNumber }), _jsx("div", { className: "grid grid-cols-2 gap-2 sm:grid-cols-4", children: cabins.map((cabin) => {
+                    const selected = draft.configure.cabinNumberId === cabin.id;
+                    return (_jsx("button", { type: "button", className: `rounded-md border p-2 text-sm ${selected ? "border-primary ring-2 ring-primary" : ""}`, onClick: () => setDraft(patchConfigure(draft, { cabinNumberId: cabin.id })), children: cabin.label }, cabin.id));
+                }) })] }));
+}

package/dist/journey/components/journey-steps/documents-step.d.ts

@@ -0,0 +1,11 @@
+import type { Draft } from "../../lib/draft-state.js";
+/**
+ * Operator-only finalization that isn't about payment: an internal note and the
+ * document-generation settings (proforma vs invoice+contract, notify). Split
+ * out of the Payment block since these don't affect the amount due.
+ */
+export declare function DocumentsStep({ draft, setDraft, }: {
+    draft: Draft;
+    setDraft: (next: Draft) => void;
+}): React.ReactElement;
+//# sourceMappingURL=documents-step.d.ts.map

package/dist/journey/components/journey-steps/documents-step.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"documents-step.d.ts","sourceRoot":"","sources":["../../../../src/journey/components/journey-steps/documents-step.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAErD;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,KAAK,CAAA;IACZ,QAAQ,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,IAAI,CAAA;CAChC,GAAG,KAAK,CAAC,YAAY,CA6GrB"}

package/dist/journey/components/journey-steps/documents-step.js

@@ -0,0 +1,36 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card, CardContent, CardHeader, CardTitle } from "@voyantjs/ui/components/card";
+import { Checkbox } from "@voyantjs/ui/components/checkbox";
+import { Label } from "@voyantjs/ui/components/label";
+import { Separator } from "@voyantjs/ui/components/separator";
+import { Textarea } from "@voyantjs/ui/components/textarea";
+import { useBookingsUiMessagesOrDefault } from "../../../i18n/index.js";
+/**
+ * Operator-only finalization that isn't about payment: an internal note and the
+ * document-generation settings (proforma vs invoice+contract, notify). Split
+ * out of the Payment block since these don't affect the amount due.
+ */
+export function DocumentsStep({ draft, setDraft, }) {
+    const messages = useBookingsUiMessagesOrDefault();
+    return (_jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: messages.bookingJourney.steps.documents }) }), _jsx(Separator, {}), _jsxs(CardContent, { className: "space-y-4", children: [_jsxs("div", { className: "flex items-start gap-2 text-sm", children: [_jsx(Checkbox, { id: "bj-save-as-draft", checked: draft.saveAsDraft === true, onCheckedChange: (v) => setDraft({ ...draft, saveAsDraft: v === true }), className: "mt-0.5" }), _jsxs("div", { className: "flex flex-col gap-1", children: [_jsx(Label, { htmlFor: "bj-save-as-draft", className: "cursor-pointer", children: messages.bookingJourney.documents.saveAsDraft }), _jsx("p", { className: "text-muted-foreground text-xs", children: messages.bookingJourney.documents.saveAsDraftHint })] })] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: "bj-internal-notes", children: messages.bookingJourney.review.internalNotes }), _jsx(Textarea, { id: "bj-internal-notes", value: draft.internalNotes ?? "", onChange: (e) => setDraft({ ...draft, internalNotes: e.target.value }) })] }), _jsxs("div", { className: "flex flex-col gap-3 rounded-md border p-3", children: [_jsx(Label, { children: messages.bookingCreateDialog.labels.documentGenerationHeading }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsxs("div", { className: "flex items-center gap-2 text-sm", children: [_jsx(Checkbox, { id: "bj-doc-proforma", checked: draft.documentGeneration?.invoiceType === "proforma", onCheckedChange: (v) => setDraft({
+                                                    ...draft,
+                                                    documentGeneration: v === true
+                                                        ? {
+                                                            contractDocument: false,
+                                                            invoiceDocument: true,
+                                                            invoiceType: "proforma",
+                                                        }
+                                                        : undefined,
+                                                }) }), _jsx(Label, { htmlFor: "bj-doc-proforma", className: "cursor-pointer", children: messages.bookingCreateDialog.labels.generateProforma })] }), _jsxs("div", { className: "flex items-center gap-2 text-sm", children: [_jsx(Checkbox, { id: "bj-doc-invoice-contract", checked: draft.documentGeneration?.contractDocument === true &&
+                                                    draft.documentGeneration?.invoiceType !== "proforma", onCheckedChange: (v) => setDraft({
+                                                    ...draft,
+                                                    documentGeneration: v === true
+                                                        ? {
+                                                            contractDocument: true,
+                                                            invoiceDocument: true,
+                                                            invoiceType: "invoice",
+                                                        }
+                                                        : undefined,
+                                                }) }), _jsx(Label, { htmlFor: "bj-doc-invoice-contract", className: "cursor-pointer", children: messages.bookingCreateDialog.labels.generateInvoiceAndContract })] }), _jsxs("div", { className: "flex items-start gap-2 border-t pt-2 text-sm", children: [_jsx(Checkbox, { id: "bj-notify-traveler", checked: draft.suppressNotifications !== true, onCheckedChange: (v) => setDraft({ ...draft, suppressNotifications: v !== true }) }), _jsxs("div", { className: "flex flex-col gap-1", children: [_jsx(Label, { htmlFor: "bj-notify-traveler", className: "cursor-pointer", children: messages.bookingCreateDialog.fields.notifyTraveler }), _jsx("p", { className: "text-muted-foreground text-xs", children: messages.bookingCreateDialog.fields.notifyTravelerHint })] })] })] })] })] })] }));
+}

package/dist/journey/components/journey-steps/payment-step.d.ts

@@ -0,0 +1,29 @@
+import { type Draft } from "../../lib/draft-state.js";
+import type { PaymentProviderCapabilities, PaymentProviderStepRenderProps, VoucherPickerProps } from "../../types.js";
+import type { StepCommonProps } from "./shared.js";
+export declare function PaymentStep({ draft, setDraft, shape, capabilities, renderProviderStep, surface, pricing, }: StepCommonProps & {
+    capabilities: PaymentProviderCapabilities;
+    renderProviderStep?: (props: PaymentProviderStepRenderProps) => React.ReactNode;
+    surface?: "admin" | "public";
+    /** Live quote total + currency — drives the payment-schedule editor defaults. */
+    pricing?: {
+        total: number;
+        currency: string;
+    } | null;
+}): React.ReactElement;
+/**
+ * Operator-only PAYMENT-RELATED finalize controls — manual price override and
+ * voucher redemption (both change the amount due, so they live in the Payment
+ * block). Non-payment finalization (internal notes, document generation) lives
+ * in the separate Documents step.
+ */
+export declare function FinalizeControls({ draft, setDraft, pricing, renderVoucherPicker, }: {
+    draft: Draft;
+    setDraft: (next: Draft) => void;
+    pricing?: {
+        total: number;
+        currency: string;
+    } | null;
+    renderVoucherPicker?: (props: VoucherPickerProps) => React.ReactNode;
+}): React.ReactElement;
+//# sourceMappingURL=payment-step.d.ts.map

package/dist/journey/components/journey-steps/payment-step.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"payment-step.d.ts","sourceRoot":"","sources":["../../../../src/journey/components/journey-steps/payment-step.tsx"],"names":[],"mappings":"AAoBA,OAAO,EAAE,KAAK,KAAK,EAAc,MAAM,0BAA0B,CAAA;AAKjE,OAAO,KAAK,EACV,2BAA2B,EAC3B,8BAA8B,EAC9B,kBAAkB,EACnB,MAAM,gBAAgB,CAAA;AACvB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAMlD,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,KAAK,EACL,YAAY,EACZ,kBAAkB,EAClB,OAAO,EACP,OAAO,GACR,EAAE,eAAe,GAAG;IACnB,YAAY,EAAE,2BAA2B,CAAA;IACzC,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,8BAA8B,KAAK,KAAK,CAAC,SAAS,CAAA;IAC/E,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IAC5B,iFAAiF;IACjF,OAAO,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAA;CACrD,GAAG,KAAK,CAAC,YAAY,CAqIrB;AAiSD;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,QAAQ,EACR,OAAO,EACP,mBAAmB,GACpB,EAAE;IACD,KAAK,EAAE,KAAK,CAAA;IACZ,QAAQ,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,IAAI,CAAA;IAC/B,OAAO,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAA;IACpD,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,KAAK,CAAC,SAAS,CAAA;CACrE,GAAG,KAAK,CAAC,YAAY,CAerB"}