@voyantjs/bookings-ui 0.107.0 → 0.108.0

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

@@ -0,0 +1,224 @@
+"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 { Checkbox } from "@voyantjs/ui/components/checkbox";
+import { Input } from "@voyantjs/ui/components/input";
+import { Label } from "@voyantjs/ui/components/label";
+import { RadioGroup, RadioGroupItem } from "@voyantjs/ui/components/radio-group";
+import { Textarea } from "@voyantjs/ui/components/textarea";
+import { useEffect, useRef, useState } from "react";
+import { PaymentScheduleSection, } from "../../../components/payment-schedule-section.js";
+import { emptyVoucherPickerValue, VoucherPickerSection, } from "../../../components/voucher-picker-section.js";
+import { useBookingsUiMessagesOrDefault } from "../../../i18n/index.js";
+import { setPayment } from "../../lib/draft-state.js";
+import { paymentScheduleValueToRows, rowsToPaymentScheduleValue, } from "../../lib/payment-schedule.js";
+// ─────────────────────────────────────────────────────────────────
+// Payment
+// ─────────────────────────────────────────────────────────────────
+export function PaymentStep({ draft, setDraft, shape, capabilities, renderProviderStep, surface, pricing, }) {
+    const messages = useBookingsUiMessagesOrDefault();
+    // The descriptor lists what the *engine* supports; capabilities
+    // narrow further to what the *deployment* turned on. Both must
+    // accept an intent for the user to see it.
+    const allowed = shape.paymentIntents.filter((i) => isCapabilityEnabled(i, capabilities));
+    const intent = draft.payment.intent;
+    // Admin simplification: when the only choices are reserve-now (hold) and an
+    // online payment link (card), don't make it a radio — the booking is always
+    // reserved; a single checkbox decides whether to ALSO send a payment link.
+    const simpleHoldCard = surface === "admin" &&
+        allowed.length > 0 &&
+        allowed.includes("hold") &&
+        allowed.includes("card") &&
+        allowed.every((i) => i === "hold" || i === "card");
+    // Snap the draft's intent to a sensible value when the current pick isn't on
+    // the list — covers descriptor changes mid-flow (e.g. owned→sourced narrows
+    // the list). In checkbox mode the baseline is always "hold".
+    if (allowed.length > 0 && !allowed.includes(intent)) {
+        setDraft(setPayment(draft, {
+            ...draft.payment,
+            intent: (simpleHoldCard ? "hold" : allowed[0]),
+        }));
+    }
+    return (_jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: messages.bookingJourney.payment.title }) }), _jsx(Separator, {}), _jsxs(CardContent, { className: "space-y-4", children: [allowed.length === 0 ? (_jsx("p", { className: "text-muted-foreground text-sm", children: messages.bookingJourney.payment.empty })) : simpleHoldCard ? (_jsxs("label", { className: "flex cursor-pointer items-start gap-3 rounded-md border border-input p-3 text-sm transition-colors hover:bg-muted/50", children: [_jsx(Checkbox, { id: "bj-generate-link", checked: intent === "card", onCheckedChange: (v) => setDraft(setPayment(draft, {
+                                    ...draft.payment,
+                                    intent: (v === true ? "card" : "hold"),
+                                })), className: "mt-0.5" }), _jsxs("div", { className: "space-y-0.5", children: [_jsx("div", { className: "font-medium", children: messages.bookingJourney.payment.generateLinkLabel }), _jsx("div", { className: "text-muted-foreground text-xs", children: messages.bookingJourney.payment.generateLinkHint })] })] })) : (_jsx(RadioGroup, { value: intent, onValueChange: (v) => setDraft(setPayment(draft, { ...draft.payment, intent: v })), className: "grid grid-cols-1 gap-2", children: allowed.map((i) => {
+                            const meta = intentMeta(i, messages, surface);
+                            const selected = i === intent;
+                            return (_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: i, className: "mt-0.5" }), _jsxs("div", { className: "space-y-0.5", children: [_jsx("div", { className: "font-medium", children: meta.label }), _jsx("div", { className: "text-muted-foreground text-xs", children: meta.description })] })] }, i));
+                        }) })), surface !== "public" ? (_jsx(PaymentScheduleEditor, { draft: draft, setDraft: setDraft, pricing: pricing })) : null, intent === "card" ? (renderProviderStep ? (_jsx("div", { children: renderProviderStep({
+                            intent,
+                            schedule: draft.payment.schedule,
+                            capabilities,
+                        }) })) : simpleHoldCard ? null : (_jsx("p", { className: "text-muted-foreground text-sm", children: surface === "admin"
+                            ? messages.bookingJourney.payment.linkSentAfterConfirm
+                            : messages.bookingJourney.payment.redirectedAfterConfirm }))) : null, intent === "bank_transfer" ? _jsx(BankTransferDetails, { capabilities: capabilities }) : null, intent === "inquiry" ? (_jsx("p", { className: "rounded-md border border-amber-300 bg-amber-50 p-3 text-amber-900 text-xs dark:border-amber-700 dark:bg-amber-950 dark:text-amber-100", children: messages.bookingJourney.payment.inquiryNotice })) : null] })] }));
+}
+/**
+ * Operator-only payment-schedule editor for the journey. Holds the editor
+ * value (`{ mode, installments }`) in local state — stable installment ids
+ * survive re-quotes — and syncs it to `draft.paymentSchedules` on every change.
+ * Re-initialised from the draft when the step remounts (navigation), preserving
+ * any paid-installment metadata via the `notes` round-trip.
+ */
+function PaymentScheduleEditor({ draft, setDraft, pricing, }) {
+    const departureDate = draft.configure.departureDate ?? null;
+    const [value, setValue] = useState(() => rowsToPaymentScheduleValue(draft.paymentSchedules, departureDate));
+    const currency = pricing?.currency ?? "";
+    // A manual price override is the booking's real total — schedules must sum
+    // to it (booking-create enforces this), so the editor anchors on it.
+    const total = draft.priceOverride?.amountCents ?? pricing?.total ?? null;
+    // Persist the default schedule (a single full-amount payment) to the draft
+    // once the total is known — otherwise an operator who never touches the
+    // editor commits a booking with NO payment schedule. Seeds once; after that
+    // the operator owns it via onChange.
+    const seeded = useRef(false);
+    // biome-ignore lint/correctness/useExhaustiveDependencies: one-shot seed guarded by the ref; reads latest via closure
+    useEffect(() => {
+        if (seeded.current || total == null)
+            return;
+        if (draft.paymentSchedules && draft.paymentSchedules.length > 0) {
+            seeded.current = true;
+            return;
+        }
+        const rows = paymentScheduleValueToRows(value, currency, total);
+        if (rows && rows.length > 0) {
+            seeded.current = true;
+            setDraft({ ...draft, paymentSchedules: rows });
+        }
+    }, [total, currency]);
+    return (_jsx(PaymentScheduleSection, { value: value, onChange: (next) => {
+            setValue(next);
+            setDraft({
+                ...draft,
+                paymentSchedules: paymentScheduleValueToRows(next, currency, total),
+            });
+        }, totalAmountCents: total ?? undefined, departureDate: departureDate, currency: currency }));
+}
+/**
+ * Operator-only manual price override for the journey. Local string state for
+ * the amount field keeps decimal entry smooth; syncs cents to `draft.priceOverride`.
+ * The owned handler sends it as `confirmedSellAmountCents` (wins over the quote)
+ * with a required reason when it differs from the quoted total.
+ */
+function PriceOverrideEditor({ draft, setDraft, pricing, }) {
+    const messages = useBookingsUiMessagesOrDefault().bookingJourney.review;
+    const quoteTotal = pricing?.total ?? null;
+    const currency = pricing?.currency ?? "";
+    const override = draft.priceOverride;
+    const [amount, setAmount] = useState(() => override ? (override.amountCents / 100).toString() : "");
+    const setOverride = (next) => setDraft({ ...draft, priceOverride: next });
+    const reasonNeeded = override != null &&
+        quoteTotal != null &&
+        override.amountCents !== quoteTotal &&
+        override.reason.trim().length === 0;
+    return (_jsxs("div", { className: "flex flex-col gap-3 rounded-md border p-3", children: [_jsxs("div", { className: "flex items-center gap-2 text-sm", children: [_jsx(Checkbox, { id: "bj-price-override", checked: override != null, onCheckedChange: (v) => {
+                            if (v === true) {
+                                const cents = quoteTotal ?? 0;
+                                setAmount((cents / 100).toString());
+                                setOverride({ amountCents: cents, reason: "" });
+                            }
+                            else {
+                                setOverride(undefined);
+                            }
+                        } }), _jsx(Label, { htmlFor: "bj-price-override", className: "cursor-pointer", children: messages.priceOverrideToggle })] }), override ? (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsxs("div", { className: "flex flex-col gap-1", children: [_jsxs(Label, { htmlFor: "bj-price-override-amount", className: "text-xs", children: [messages.priceOverrideAmount, currency ? ` (${currency})` : ""] }), _jsx(Input, { id: "bj-price-override-amount", type: "number", min: 0, step: "0.01", value: amount, onChange: (e) => {
+                                    setAmount(e.target.value);
+                                    const parsed = Number(e.target.value);
+                                    setOverride({
+                                        amountCents: Number.isFinite(parsed) ? Math.round(parsed * 100) : 0,
+                                        reason: override.reason,
+                                    });
+                                } })] }), _jsxs("div", { className: "flex flex-col gap-1", children: [_jsx(Label, { htmlFor: "bj-price-override-reason", className: "text-xs", children: messages.priceOverrideReason }), _jsx(Textarea, { id: "bj-price-override-reason", placeholder: messages.priceOverrideReasonPlaceholder, value: override.reason, onChange: (e) => setOverride({
+                                    amountCents: override.amountCents,
+                                    reason: e.target.value,
+                                }) }), reasonNeeded ? (_jsx("p", { className: "text-destructive text-xs", children: messages.priceOverrideReasonRequired })) : null] })] })) : null] }));
+}
+/**
+ * Operator-only voucher editor for the review step. Wraps the shared
+ * `VoucherPickerSection` (which validates the code against
+ * `/v1/public/vouchers/validate`) and mirrors the picked voucher into
+ * `draft.voucherRedemption` so the owned handler redeems it atomically at
+ * commit — matching the standalone create-sheet's behaviour. Redeems the
+ * full remaining balance, same as the create-sheet.
+ */
+function VoucherEditor({ draft, setDraft, pricing, renderVoucherPicker, }) {
+    const labels = useBookingsUiMessagesOrDefault().bookingCreateDialog.labels;
+    const [voucher, setVoucher] = useState(emptyVoucherPickerValue);
+    // Operator surface: an async search combobox (no need to know the code).
+    if (renderVoucherPicker) {
+        return (_jsx(_Fragment, { children: renderVoucherPicker({
+                value: {
+                    voucherId: draft.voucherRedemption?.voucherId,
+                    amountCents: draft.voucherRedemption?.amountCents,
+                },
+                onApply: (picked) => setDraft({ ...draft, voucherRedemption: picked ?? undefined }),
+                currency: pricing?.currency,
+                amountCents: pricing?.total ?? undefined,
+            }) }));
+    }
+    return (_jsx(VoucherPickerSection, { value: voucher, onChange: (next) => {
+            setVoucher(next);
+            const redemption = next.picked && next.picked.remainingAmountCents != null
+                ? {
+                    voucherId: next.picked.id,
+                    amountCents: next.picked.remainingAmountCents,
+                }
+                : undefined;
+            setDraft({ ...draft, voucherRedemption: redemption });
+        }, currency: pricing?.currency, amountCents: pricing?.total ?? undefined, labels: {
+            heading: labels.voucherHeading,
+            codePlaceholder: labels.voucherCodePlaceholder,
+            apply: labels.voucherApply,
+            clear: labels.voucherClear,
+            remainingLabel: labels.voucherRemainingLabel,
+            invalidLabel: labels.voucherInvalidLabel,
+        } }));
+}
+function BankTransferDetails({ capabilities, }) {
+    const messages = useBookingsUiMessagesOrDefault();
+    const note = capabilities.config?.bankTransferNote;
+    return (_jsxs("div", { className: "rounded-md border bg-muted/30 p-3 text-sm", children: [_jsx("p", { className: "font-medium", children: messages.bookingJourney.payment.bankTransferInstructions }), _jsx("p", { className: "text-muted-foreground text-xs", children: typeof note === "string" && note.length > 0
+                    ? note
+                    : messages.bookingJourney.payment.bankTransferDefaultNote })] }));
+}
+function isCapabilityEnabled(intent, capabilities) {
+    switch (intent) {
+        case "card":
+            return capabilities.acceptsCard;
+        case "hold":
+            return capabilities.acceptsHold;
+        case "bank_transfer":
+            return capabilities.acceptsBankTransfer === true;
+        case "ticket_on_credit":
+            return capabilities.acceptsTicketOnCredit;
+        case "inquiry":
+            return capabilities.acceptsInquiry === true;
+    }
+}
+function intentMeta(intent, messages, surface) {
+    // On the operator surface "card" isn't an instant charge — the operator
+    // generates a hosted payment link the customer pays later (Netopia, Stripe
+    // Checkout, etc). Use operator-framed copy so it doesn't read as "charged
+    // immediately".
+    if (intent === "card" && surface === "admin") {
+        return {
+            label: messages.bookingJourney.payment.cardOperatorLabel,
+            description: messages.bookingJourney.payment.cardOperatorDescription,
+        };
+    }
+    return {
+        label: messages.bookingJourney.payment.intentLabels[intent],
+        description: messages.bookingJourney.payment.intentDescriptions[intent],
+    };
+}
+/**
+ * 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 function FinalizeControls({ draft, setDraft, pricing, renderVoucherPicker, }) {
+    return (_jsxs("div", { className: "space-y-4", children: [_jsx(PriceOverrideEditor, { draft: draft, setDraft: setDraft, pricing: pricing }), _jsx(VoucherEditor, { draft: draft, setDraft: setDraft, pricing: pricing, renderVoucherPicker: renderVoucherPicker })] }));
+}

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

@@ -0,0 +1,27 @@
+import type { Draft } from "../../lib/draft-state.js";
+export declare function ReviewStep({ draft, setDraft, isCommitting, onConfirm, canConfirm, renderExtras, surface, warnings, }: {
+    draft: Draft;
+    setDraft: (next: Draft) => void;
+    isCommitting: boolean;
+    onConfirm: () => void;
+    warnings?: ReadonlyArray<string>;
+    /** Gate the confirm button — when `false`, it's disabled with a hint
+     *  (stacked layout, where there are no per-step advance gates). The
+     *  wizard reaches Review only after passing every gate, so it omits
+     *  this (defaults to enabled). */
+    canConfirm?: boolean;
+    renderExtras?: () => React.ReactNode;
+    /**
+     * Drives the notes field. Public storefronts collect
+     * customer-facing "anything we should know?" notes; operator
+     * surfaces collect operator-only internal notes. Defaults to
+     * `admin` so existing operator usage stays unchanged.
+     */
+    surface?: "admin" | "public";
+    /** Live quote total + currency — drives the price-override default. */
+    pricing?: {
+        total: number;
+        currency: string;
+    } | null;
+}): React.ReactElement;
+//# sourceMappingURL=review-step.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"review-step.d.ts","sourceRoot":"","sources":["../../../../src/journey/components/journey-steps/review-step.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAOrD,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,SAAS,EACT,UAAU,EACV,YAAY,EACZ,OAAO,EACP,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,KAAK,CAAA;IACZ,QAAQ,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,IAAI,CAAA;IAC/B,YAAY,EAAE,OAAO,CAAA;IACrB,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,QAAQ,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;IAChC;;;sCAGkC;IAClC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAA;IACpC;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IAC5B,uEAAuE;IACvE,OAAO,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAA;CACrD,GAAG,KAAK,CAAC,YAAY,CAiErB"}

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

@@ -0,0 +1,18 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } 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 { Label } from "@voyantjs/ui/components/label";
+import { Textarea } from "@voyantjs/ui/components/textarea";
+import { Loader2 } from "lucide-react";
+import { useBookingsUiMessagesOrDefault } from "../../../i18n/index.js";
+import { JourneyWarnings } from "./shared.js";
+// ─────────────────────────────────────────────────────────────────
+// Review
+// ─────────────────────────────────────────────────────────────────
+export function ReviewStep({ draft, setDraft, isCommitting, onConfirm, canConfirm, renderExtras, surface, warnings, }) {
+    const messages = useBookingsUiMessagesOrDefault();
+    const isPublic = surface === "public";
+    return (_jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: messages.bookingJourney.review.title }) }), _jsx(Separator, {}), _jsxs(CardContent, { className: "space-y-4", children: [_jsxs("div", { children: [_jsx("div", { className: "font-medium", children: messages.bookingJourney.review.leadContact }), _jsxs("div", { className: "text-muted-foreground text-sm", children: [draft.billing.contact.firstName, " ", draft.billing.contact.lastName, " \u00B7", " ", draft.billing.contact.email] })] }), _jsxs("div", { children: [_jsx("div", { className: "font-medium", children: messages.bookingJourney.review.travelers }), _jsx("ul", { className: "text-muted-foreground text-sm", children: draft.travelers.map((t, i) => (_jsxs("li", { children: [t.firstName, " ", t.lastName, " (", t.band, ")"] }, t.rowId ?? i))) })] }), isPublic ? (_jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: "bj-customer-notes", children: messages.bookingJourney.review.customerNotes }), _jsx(Textarea, { id: "bj-customer-notes", placeholder: messages.bookingJourney.review.customerNotesPlaceholder, value: draft.customerNotes ?? "", onChange: (e) => setDraft({ ...draft, customerNotes: e.target.value }) })] })) : null, renderExtras ? _jsx("div", { children: renderExtras() }) : null, _jsx(JourneyWarnings, { warnings: warnings }), _jsxs("div", { className: "space-y-2", children: [_jsx(Button, { onClick: onConfirm, disabled: isCommitting || canConfirm === false, children: isCommitting ? (_jsxs(_Fragment, { children: [_jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), messages.bookingJourney.review.confirming] })) : (messages.bookingJourney.review.confirmBooking) }), canConfirm === false ? (_jsx("p", { className: "text-muted-foreground text-sm", children: messages.bookingJourney.review.completeToConfirm })) : null] })] })] }));
+}

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

@@ -0,0 +1,75 @@
+/**
+ * Cross-used leaf helpers + shared types for the journey step components.
+ * Everything else imports shared helpers from here.
+ */
+import type { BookingDraftShape } from "@voyantjs/catalog/booking-engine";
+import { useBookingsUiMessagesOrDefault } from "../../../i18n/index.js";
+import type { Draft } from "../../lib/draft-state.js";
+import type { DeparturePickerProps, UnitsPickerProps } from "../../types.js";
+/** Injectable departure-picker render slot, threaded from BookingJourneyProps. */
+export type RenderDeparturePicker = (props: DeparturePickerProps) => React.ReactNode;
+/** Injectable units (rooms) render slot, threaded from BookingJourneyProps. */
+export type RenderUnitsPicker = (props: UnitsPickerProps) => React.ReactNode;
+export interface StepCommonProps {
+    draft: Draft;
+    setDraft: (next: Draft) => void;
+    shape: BookingDraftShape;
+}
+/**
+ * Soft validation warnings for a step, rendered INSIDE its card (below the
+ * content) so they're visibly scoped to the block they belong to.
+ */
+export declare function JourneyWarnings({ warnings, }: {
+    warnings?: ReadonlyArray<string>;
+}): React.ReactElement | null;
+export declare function Field({ id, label, value, onChange, type, placeholder, }: {
+    id: string;
+    label: string;
+    value: string;
+    onChange: (v: string) => void;
+    type?: string;
+    placeholder?: string;
+}): React.ReactElement;
+export declare function PhoneField({ id, label, value, onChange, }: {
+    id: string;
+    label: string;
+    value: string;
+    onChange: (v: string) => void;
+}): React.ReactElement;
+/**
+ * Date field that uses the shared `<DatePicker />` from
+ * `@voyantjs/ui` with a month + year dropdown caption so users can
+ * jump across decades without arrow-clicking. The `range` hint picks
+ * a reasonable startMonth/endMonth window per use case:
+ *
+ *   - `"past"`     — DOB-style picks (today back ~120 years)
+ *   - `"future"`   — departure / check-in / check-out (today forward ~5 years)
+ *   - `"document"` — passport / ID expiry (today forward ~20 years)
+ */
+export declare function DateField({ id, label, value, onChange, range, }: {
+    id: string;
+    label: string;
+    value: string;
+    onChange: (v: string) => void;
+    range?: "past" | "future" | "document";
+}): React.ReactElement;
+export declare function SelectField({ id, label, value, options, onChange, }: {
+    id: string;
+    label: string;
+    value: string;
+    options: ReadonlyArray<{
+        value: string;
+        label: string;
+    }>;
+    onChange: (v: string) => void;
+}): React.ReactElement;
+/**
+ * Years between an ISO date-of-birth and today. Returns `null` for
+ * unparseable input or future dates so the UI can hide the badge
+ * gracefully rather than rendering "age -3".
+ */
+export declare function computeAge(dob: string): number | null;
+export declare function ageHint(min: number | undefined, max: number | undefined, messages: ReturnType<typeof useBookingsUiMessagesOrDefault>): string;
+export declare function bucketBy<T>(items: ReadonlyArray<T>, keyFn: (item: T) => string): Map<string, T[]>;
+export declare function cryptoRowId(): string;
+//# sourceMappingURL=shared.d.ts.map

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

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

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

@@ -0,0 +1,108 @@
+"use client";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { DatePicker } from "@voyantjs/ui/components/date-picker";
+import { Input } from "@voyantjs/ui/components/input";
+import { Label } from "@voyantjs/ui/components/label";
+import { PhoneInput } from "@voyantjs/ui/components/phone-input";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@voyantjs/ui/components/select";
+import { formatMessage, useBookingsUiMessagesOrDefault } from "../../../i18n/index.js";
+/**
+ * Soft validation warnings for a step, rendered INSIDE its card (below the
+ * content) so they're visibly scoped to the block they belong to.
+ */
+export function JourneyWarnings({ warnings, }) {
+    if (!warnings || warnings.length === 0)
+        return null;
+    return (_jsx("ul", { className: "space-y-1 rounded-md border border-amber-300 bg-amber-50 p-3 text-amber-900 text-sm dark:border-amber-700 dark:bg-amber-950 dark:text-amber-100", children: warnings.map((w) => (_jsxs("li", { children: ["\u26A0 ", w] }, w))) }));
+}
+export function Field({ id, label, value, onChange, type, placeholder, }) {
+    return (_jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: id, children: label }), _jsx(Input, { id: id, type: type ?? "text", value: value, placeholder: placeholder, onChange: (e) => onChange(e.target.value) })] }));
+}
+export function PhoneField({ id, label, value, onChange, }) {
+    return (_jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: id, children: label }), _jsx(PhoneInput, { id: id, defaultCountry: "GB", international: true, value: value || undefined, onChange: (v) => onChange(v ? String(v) : "") })] }));
+}
+/**
+ * Date field that uses the shared `<DatePicker />` from
+ * `@voyantjs/ui` with a month + year dropdown caption so users can
+ * jump across decades without arrow-clicking. The `range` hint picks
+ * a reasonable startMonth/endMonth window per use case:
+ *
+ *   - `"past"`     — DOB-style picks (today back ~120 years)
+ *   - `"future"`   — departure / check-in / check-out (today forward ~5 years)
+ *   - `"document"` — passport / ID expiry (today forward ~20 years)
+ */
+export function DateField({ id, label, value, onChange, range = "future", }) {
+    const today = new Date();
+    const todayMonth = new Date(today.getFullYear(), today.getMonth(), 1);
+    const startMonth = range === "past"
+        ? new Date(today.getFullYear() - 120, 0, 1)
+        : range === "document"
+            ? todayMonth
+            : todayMonth;
+    const endMonth = range === "past"
+        ? new Date(today.getFullYear() + 1, 11, 1)
+        : range === "document"
+            ? new Date(today.getFullYear() + 20, 11, 1)
+            : new Date(today.getFullYear() + 5, 11, 1);
+    const defaultMonth = range === "past" && !value ? new Date(today.getFullYear() - 30, 0, 1) : undefined;
+    return (_jsxs("div", { className: "space-y-1", id: id, children: [_jsx(Label, { children: label }), _jsx(DatePicker, { value: value || null, onChange: (v) => onChange(v ?? ""), captionLayout: "dropdown", startMonth: startMonth, endMonth: endMonth, defaultMonth: defaultMonth, displayFormat: "PPP" })] }));
+}
+export function SelectField({ id, label, value, options, onChange, }) {
+    const messages = useBookingsUiMessagesOrDefault();
+    return (_jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: id, children: label }), _jsxs(Select, { value: value || undefined, onValueChange: (v) => onChange(v ?? ""), children: [_jsx(SelectTrigger, { id: id, className: "w-full", children: _jsx(SelectValue, { placeholder: messages.bookingJourney.values.selectPlaceholder }) }), _jsx(SelectContent, { children: options.map((opt) => (_jsx(SelectItem, { value: opt.value, children: opt.label }, opt.value))) })] })] }));
+}
+/**
+ * Years between an ISO date-of-birth and today. Returns `null` for
+ * unparseable input or future dates so the UI can hide the badge
+ * gracefully rather than rendering "age -3".
+ */
+export function computeAge(dob) {
+    const d = new Date(dob);
+    if (Number.isNaN(d.getTime()))
+        return null;
+    const now = new Date();
+    let age = now.getFullYear() - d.getFullYear();
+    const m = now.getMonth() - d.getMonth();
+    if (m < 0 || (m === 0 && now.getDate() < d.getDate()))
+        age -= 1;
+    return age >= 0 ? age : null;
+}
+export function ageHint(min, max, messages) {
+    if (min != null && max != null) {
+        return formatMessage(messages.bookingJourney.configure.ageHintRange, {
+            min,
+            max,
+        });
+    }
+    if (min != null) {
+        return formatMessage(messages.bookingJourney.configure.ageHintMinimum, {
+            min,
+        });
+    }
+    if (max != null) {
+        return formatMessage(messages.bookingJourney.configure.ageHintMaximum, {
+            max,
+        });
+    }
+    return "";
+}
+// i18n-literal-ok Generic helper type signature, not user-visible copy.
+export function bucketBy(items, keyFn) {
+    const map = new Map();
+    for (const item of items) {
+        const key = keyFn(item);
+        let bucket = map.get(key);
+        if (!bucket) {
+            bucket = [];
+            map.set(key, bucket);
+        }
+        bucket.push(item);
+    }
+    return map;
+}
+export function cryptoRowId() {
+    if (typeof globalThis.crypto !== "undefined" && globalThis.crypto.randomUUID) {
+        return globalThis.crypto.randomUUID();
+    }
+    return `r_${Math.random().toString(36).slice(2, 10)}`;
+}

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

@@ -0,0 +1,7 @@
+import type { TravelerContactPickerProps } from "../../types.js";
+import { type StepCommonProps } from "./shared.js";
+export declare function TravelersStep({ draft, setDraft, shape, renderTravelerContactPicker, warnings, }: StepCommonProps & {
+    renderTravelerContactPicker?: (props: TravelerContactPickerProps) => React.ReactNode;
+    warnings?: ReadonlyArray<string>;
+}): React.ReactElement;
+//# sourceMappingURL=travelers-step.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"travelers-step.d.ts","sourceRoot":"","sources":["../../../../src/journey/components/journey-steps/travelers-step.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,gBAAgB,CAAA;AAEhE,OAAO,EAQL,KAAK,eAAe,EACrB,MAAM,aAAa,CAAA;AA+BpB,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,KAAK,EACL,2BAA2B,EAC3B,QAAQ,GACT,EAAE,eAAe,GAAG;IACnB,2BAA2B,CAAC,EAAE,CAAC,KAAK,EAAE,0BAA0B,KAAK,KAAK,CAAC,SAAS,CAAA;IACpF,QAAQ,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;CACjC,GAAG,KAAK,CAAC,YAAY,CAwGrB"}