@voyant-travel/bookings-react 0.119.3

package/dist/components/booking-combobox.js

@@ -0,0 +1,44 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { AsyncCombobox } from "@voyant-travel/ui/components/async-combobox";
+import * as React from "react";
+import { useBookingsUiMessagesOrDefault } from "../i18n/provider.js";
+import { useBooking, useBookings } from "../index.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-form-utils.d.ts

@@ -0,0 +1,56 @@
+import type { PricingCategoryRecord } from "@voyant-travel/commerce-react/pricing";
+import type { BookingsUiMessages } from "../i18n/messages.js";
+import type { BookingCreatePaymentScheduleInput, PricingPreviewSnapshot } from "../index.js";
+import type { OptionUnitsStepperUnit } from "./option-units-stepper-section.js";
+import type { PaymentScheduleValue } from "./payment-schedule-section.js";
+import type { TravelerEntry, TravelerPricingCategoryOption } from "./travelers-section.js";
+export declare function generateBookingNumber(): string;
+export declare function paymentScheduleToRows(value: PaymentScheduleValue, currency: string, totalAmountCents: number | null): BookingCreatePaymentScheduleInput[];
+/**
+ * Pick the option-unit that matches a given age. Falls back to an
+ * ADULT-coded unit when no min/max window matches, then to the first
+ * unit in the option. When `age` is null (no DOB), prefer ADULT.
+ */
+/**
+ * The catalog stepper builds unit names like "Standard double - Adult"
+ * when an option has multiple units. The Room dropdown wants the bare
+ * option name ("Standard double"), so we trim off the trailing
+ * "- <unit>" suffix for display.
+ */
+export declare function stripUnitSuffix(name: string): string;
+/**
+ * Any payment-schedule entry the operator has marked as already
+ * paid. Drives the smart-default booking status on submit — if money
+ * is in (deposit / full / split installment), the booking lands in
+ * `confirmed`; otherwise it lands in `awaiting_payment`.
+ */
+export declare function hasAnyPaidPayment(schedule: PaymentScheduleValue): boolean;
+/**
+ * Inverse of stripUnitSuffix — strip the leading "Option name - " so
+ * the per-unit label stands alone for category buttons.
+ */
+export declare function stripOptionPrefix(name: string): string;
+export declare function sameRoomUnits(left: OptionUnitsStepperUnit[], right: OptionUnitsStepperUnit[]): boolean;
+export declare function inferTravelerPricingCategoryId(traveler: TravelerEntry, categories: ReadonlyArray<TravelerPricingCategoryOption>): string | null;
+export declare function normalizeBookingUnit(unit: OptionUnitsStepperUnit): OptionUnitsStepperUnit;
+export declare function isBookingInventoryUnit(unit: Pick<OptionUnitsStepperUnit, "unitType" | "occupancyMax">): boolean;
+export declare function pricingSnapshotRoomUnits(snapshot: PricingPreviewSnapshot | null | undefined): OptionUnitsStepperUnit[];
+export declare function mergePricingRoomMetadata(units: readonly OptionUnitsStepperUnit[], pricingUnits: readonly OptionUnitsStepperUnit[]): OptionUnitsStepperUnit[];
+export type PricingCategoryLike = Pick<PricingCategoryRecord, "id" | "name" | "code" | "minAge" | "maxAge" | "sortOrder"> & {
+    categoryType: string;
+};
+interface PayloadResolverMismatch {
+    kind: "qty" | "missing" | "extra";
+    optionUnitId: string;
+    submittedQuantity: number;
+    resolvedQuantity: number;
+}
+export declare function isPayloadResolverMismatchBody(body: unknown): body is {
+    code: "payload_resolver_mismatch";
+    mismatches: PayloadResolverMismatch[];
+};
+export declare function formatPayloadResolverMismatchError(body: {
+    mismatches: PayloadResolverMismatch[];
+}, unitLabels: Record<string, string>, validationMessages: BookingsUiMessages["bookingCreateDialog"]["validation"]): string;
+export {};
+//# sourceMappingURL=booking-create-form-utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"booking-create-form-utils.d.ts","sourceRoot":"","sources":["../../src/components/booking-create-form-utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,uCAAuC,CAAA;AAClF,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAA;AAE7D,OAAO,KAAK,EAAE,iCAAiC,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAA;AAC5F,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAA;AAC/E,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAA;AACzE,OAAO,KAAK,EAAE,aAAa,EAAE,6BAA6B,EAAE,MAAM,wBAAwB,CAAA;AAE1F,wBAAgB,qBAAqB,IAAI,MAAM,CAM9C;AAED,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,oBAAoB,EAC3B,QAAQ,EAAE,MAAM,EAChB,gBAAgB,EAAE,MAAM,GAAG,IAAI,GAC9B,iCAAiC,EAAE,CA2CrC;AAiBD;;;;GAIG;AACH;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAGpD;AAED;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,oBAAoB,GAAG,OAAO,CAEzE;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAGtD;AAED,wBAAgB,aAAa,CAC3B,IAAI,EAAE,sBAAsB,EAAE,EAC9B,KAAK,EAAE,sBAAsB,EAAE,GAC9B,OAAO,CAiBT;AAED,wBAAgB,8BAA8B,CAC5C,QAAQ,EAAE,aAAa,EACvB,UAAU,EAAE,aAAa,CAAC,6BAA6B,CAAC,GACvD,MAAM,GAAG,IAAI,CAYf;AAkBD,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,sBAAsB,GAAG,sBAAsB,CAKzF;AAED,wBAAgB,sBAAsB,CACpC,IAAI,EAAE,IAAI,CAAC,sBAAsB,EAAE,UAAU,GAAG,cAAc,CAAC,GAC9D,OAAO,CAET;AAED,wBAAgB,wBAAwB,CACtC,QAAQ,EAAE,sBAAsB,GAAG,IAAI,GAAG,SAAS,GAClD,sBAAsB,EAAE,CAqB1B;AAED,wBAAgB,wBAAwB,CACtC,KAAK,EAAE,SAAS,sBAAsB,EAAE,EACxC,YAAY,EAAE,SAAS,sBAAsB,EAAE,GAC9C,sBAAsB,EAAE,CAqB1B;AAED,MAAM,MAAM,mBAAmB,GAAG,IAAI,CACpC,qBAAqB,EACrB,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,WAAW,CAC3D,GAAG;IACF,YAAY,EAAE,MAAM,CAAA;CACrB,CAAA;AAED,UAAU,uBAAuB;IAC/B,IAAI,EAAE,KAAK,GAAG,SAAS,GAAG,OAAO,CAAA;IACjC,YAAY,EAAE,MAAM,CAAA;IACpB,iBAAiB,EAAE,MAAM,CAAA;IACzB,gBAAgB,EAAE,MAAM,CAAA;CACzB;AAED,wBAAgB,6BAA6B,CAC3C,IAAI,EAAE,OAAO,GACZ,IAAI,IAAI;IAAE,IAAI,EAAE,2BAA2B,CAAC;IAAC,UAAU,EAAE,uBAAuB,EAAE,CAAA;CAAE,CAiBtF;AAED,wBAAgB,kCAAkC,CAChD,IAAI,EAAE;IAAE,UAAU,EAAE,uBAAuB,EAAE,CAAA;CAAE,EAC/C,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EAClC,kBAAkB,EAAE,kBAAkB,CAAC,qBAAqB,CAAC,CAAC,YAAY,CAAC,UAgB5E"}

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

@@ -0,0 +1,216 @@
+import { formatMessage } from "../i18n/provider.js";
+export function generateBookingNumber() {
+    const now = new Date();
+    const y = now.getFullYear().toString().slice(-2);
+    const m = String(now.getMonth() + 1).padStart(2, "0");
+    const seq = String(Math.floor(Math.random() * 9000) + 1000);
+    return `BK-${y}${m}-${seq}`;
+}
+export function paymentScheduleToRows(value, currency, totalAmountCents) {
+    if (value.mode === "full") {
+        const installment = value.installments[0];
+        if (!installment?.dueDate || totalAmountCents === null)
+            return [];
+        return [
+            {
+                scheduleType: "balance",
+                status: installment.alreadyPaid ? "paid" : "due",
+                dueDate: installment.dueDate,
+                currency,
+                amountCents: totalAmountCents,
+                notes: paidScheduleNotes(installment.alreadyPaid, installment.paymentDate, installment.paymentMethod, installment.paymentReference),
+            },
+        ];
+    }
+    // split — N installments
+    const rows = [];
+    for (const [idx, installment] of value.installments.entries()) {
+        if (!installment.dueDate || installment.amountCents == null)
+            continue;
+        rows.push({
+            scheduleType: "installment",
+            // First installment defaults to `due` (immediately collectable),
+            // subsequent ones to `pending` so the dashboard's "next due" picker
+            // doesn't flag them all at once.
+            status: installment.alreadyPaid ? "paid" : idx === 0 ? "due" : "pending",
+            dueDate: installment.dueDate,
+            currency,
+            amountCents: installment.amountCents,
+            notes: paidScheduleNotes(installment.alreadyPaid, installment.paymentDate, installment.paymentMethod, installment.paymentReference),
+        });
+    }
+    return rows;
+}
+function paidScheduleNotes(alreadyPaid, paymentDate, paymentMethod, paymentReference) {
+    if (!alreadyPaid)
+        return null;
+    return JSON.stringify({
+        alreadyPaid: true,
+        paymentDate,
+        paymentMethod,
+        paymentReference: paymentReference.trim() || null,
+    });
+}
+/**
+ * Pick the option-unit that matches a given age. Falls back to an
+ * ADULT-coded unit when no min/max window matches, then to the first
+ * unit in the option. When `age` is null (no DOB), prefer ADULT.
+ */
+/**
+ * The catalog stepper builds unit names like "Standard double - Adult"
+ * when an option has multiple units. The Room dropdown wants the bare
+ * option name ("Standard double"), so we trim off the trailing
+ * "- <unit>" suffix for display.
+ */
+export function stripUnitSuffix(name) {
+    const idx = name.lastIndexOf(" - ");
+    return idx > 0 ? name.slice(0, idx) : name;
+}
+/**
+ * Any payment-schedule entry the operator has marked as already
+ * paid. Drives the smart-default booking status on submit — if money
+ * is in (deposit / full / split installment), the booking lands in
+ * `confirmed`; otherwise it lands in `awaiting_payment`.
+ */
+export function hasAnyPaidPayment(schedule) {
+    return schedule.installments.some((installment) => installment.alreadyPaid);
+}
+/**
+ * Inverse of stripUnitSuffix — strip the leading "Option name - " so
+ * the per-unit label stands alone for category buttons.
+ */
+export function stripOptionPrefix(name) {
+    const idx = name.indexOf(" - ");
+    return idx > 0 ? name.slice(idx + 3) : name;
+}
+export function sameRoomUnits(left, right) {
+    if (left.length !== right.length)
+        return false;
+    return left.every((unit, index) => {
+        const other = right[index];
+        return (other !== undefined &&
+            unit.optionId === other.optionId &&
+            unit.optionUnitId === other.optionUnitId &&
+            unit.unitName === other.unitName &&
+            unit.unitCode === other.unitCode &&
+            unit.unitType === other.unitType &&
+            unit.minAge === other.minAge &&
+            unit.maxAge === other.maxAge &&
+            unit.occupancyMax === other.occupancyMax &&
+            unit.remaining === other.remaining);
+    });
+}
+export function inferTravelerPricingCategoryId(traveler, categories) {
+    if (traveler.pricingCategoryId)
+        return traveler.pricingCategoryId;
+    const pool = traveler.inventoryUnitId
+        ? categories.filter((category) => category.unitIds.includes(traveler.inventoryUnitId ?? ""))
+        : categories;
+    if (pool.length === 0)
+        return null;
+    const roleType = traveler.role === "child" || traveler.role === "infant" ? traveler.role : "adult";
+    return (pool.find((category) => category.categoryType === roleType)?.categoryId ??
+        pool[0]?.categoryId ??
+        null);
+}
+function toStepperUnitType(value) {
+    if (value === "person" ||
+        value === "group" ||
+        value === "room" ||
+        value === "vehicle" ||
+        value === "service" ||
+        value === "other") {
+        return value;
+    }
+    return null;
+}
+export function normalizeBookingUnit(unit) {
+    return {
+        ...unit,
+        unitType: unit.unitType ?? (unit.occupancyMax != null ? "room" : null),
+    };
+}
+export function isBookingInventoryUnit(unit) {
+    return unit.unitType === "room" || unit.unitType === "vehicle" || unit.occupancyMax != null;
+}
+export function pricingSnapshotRoomUnits(snapshot) {
+    if (!snapshot)
+        return [];
+    const unitsById = new Map();
+    for (const unitPrice of snapshot.unitPrices) {
+        if (unitPrice.unitType !== "room" && unitPrice.unitType !== "vehicle")
+            continue;
+        if (unitsById.has(unitPrice.unitId))
+            continue;
+        unitsById.set(unitPrice.unitId, {
+            optionId: unitPrice.optionId,
+            optionUnitId: unitPrice.unitId,
+            unitName: unitPrice.unitName ?? unitPrice.unitId,
+            unitCode: null,
+            minAge: null,
+            maxAge: null,
+            unitType: toStepperUnitType(unitPrice.unitType) ?? "room",
+            occupancyMax: unitPrice.occupancyMax,
+            initial: null,
+            reserved: 0,
+            remaining: null,
+        });
+    }
+    return Array.from(unitsById.values());
+}
+export function mergePricingRoomMetadata(units, pricingUnits) {
+    if (pricingUnits.length === 0)
+        return units.map(normalizeBookingUnit);
+    const pricingUnitById = new Map(pricingUnits.map((unit) => [unit.optionUnitId, unit]));
+    const seen = new Set();
+    const merged = units.map((unit) => {
+        seen.add(unit.optionUnitId);
+        const pricingUnit = pricingUnitById.get(unit.optionUnitId);
+        if (!pricingUnit)
+            return normalizeBookingUnit(unit);
+        return normalizeBookingUnit({
+            ...pricingUnit,
+            ...unit,
+            optionId: unit.optionId ?? pricingUnit.optionId,
+            unitName: unit.unitName || pricingUnit.unitName,
+            unitType: unit.unitType ?? pricingUnit.unitType,
+            occupancyMax: unit.occupancyMax ?? pricingUnit.occupancyMax,
+        });
+    });
+    for (const pricingUnit of pricingUnits) {
+        if (!seen.has(pricingUnit.optionUnitId))
+            merged.push(pricingUnit);
+    }
+    return merged;
+}
+export function isPayloadResolverMismatchBody(body) {
+    if (typeof body !== "object" || body === null)
+        return false;
+    const candidate = body;
+    return (candidate.code === "payload_resolver_mismatch" &&
+        Array.isArray(candidate.mismatches) &&
+        candidate.mismatches.every((mismatch) => {
+            if (typeof mismatch !== "object" || mismatch === null)
+                return false;
+            const item = mismatch;
+            return ((item.kind === "qty" || item.kind === "missing" || item.kind === "extra") &&
+                typeof item.optionUnitId === "string" &&
+                typeof item.submittedQuantity === "number" &&
+                typeof item.resolvedQuantity === "number");
+        }));
+}
+export function formatPayloadResolverMismatchError(body, unitLabels, validationMessages) {
+    const details = body.mismatches
+        .map((mismatch) => {
+        const label = unitLabels[mismatch.optionUnitId] ?? mismatch.optionUnitId;
+        return formatMessage(validationMessages.payloadResolverMismatchLine, {
+            label,
+            resolvedQuantity: mismatch.resolvedQuantity,
+            submittedQuantity: mismatch.submittedQuantity,
+        });
+    })
+        .join("; ");
+    return details
+        ? formatMessage(validationMessages.payloadResolverMismatchDetails, { details })
+        : validationMessages.payloadResolverMismatchFallback;
+}

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

@@ -0,0 +1,14 @@
+import type { BookingRecord } from "../index.js";
+export interface BookingCreatePageProps {
+    onCreated?: (booking: BookingRecord) => void;
+    onCancel?: () => void;
+    /** When provided, pre-selects this product and hides the product picker. */
+    defaultProductId?: string;
+    /** When provided, pre-selects and locks the departure slot. */
+    defaultSlotId?: string;
+}
+/**
+ * Full-page booking create surface for route-based booking creation.
+ */
+export declare function BookingCreatePage({ onCreated, onCancel, defaultProductId, defaultSlotId, }: 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":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAGhD,MAAM,WAAW,sBAAsB;IACrC,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,CAAA;IAC5C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,4EAA4E;IAC5E,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,+DAA+D;IAC/D,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,QAAQ,EACR,gBAAgB,EAChB,aAAa,GACd,EAAE,sBAAsB,2CAqBxB"}

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

package/dist/components/booking-create-preview-card.d.ts

@@ -0,0 +1,26 @@
+import type { BookingsUiMessages } from "../i18n/messages.js";
+import type { BookingCreateExtraLineInput } from "../index.js";
+import { type PriceBreakdownValue } from "./price-breakdown-section.js";
+import type { TravelerEntry } from "./travelers-section.js";
+/**
+ * Right-rail live preview for the booking-create dialog. Mirrors the
+ * operator's in-progress selections — product (with thumbnail),
+ * departure, options + quantities, travelers, and the current
+ * confirmed price — so the operator gets a "what am I about to book"
+ * summary without scrolling back through the form.
+ */
+export declare function BookingPreviewCard({ productId, optionId, slotId, slotLabel, unitQuantities, unitLabels, pricingCategoryQuantities, pricingCategoryLabels, extraLines, travelers, messages, onPricingChange, }: {
+    productId: string;
+    optionId: string | null;
+    slotId: string | null;
+    slotLabel: string | null;
+    unitQuantities: Record<string, number>;
+    unitLabels: Record<string, string>;
+    pricingCategoryQuantities: Record<string, Record<string, number>>;
+    pricingCategoryLabels: Record<string, string>;
+    extraLines: BookingCreateExtraLineInput[];
+    travelers: TravelerEntry[];
+    messages: BookingsUiMessages;
+    onPricingChange: (value: PriceBreakdownValue) => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=booking-create-preview-card.d.ts.map

package/dist/components/booking-create-preview-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"booking-create-preview-card.d.ts","sourceRoot":"","sources":["../../src/components/booking-create-preview-card.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAA;AAE7D,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,aAAa,CAAA;AAE9D,OAAO,EAAyB,KAAK,mBAAmB,EAAE,MAAM,8BAA8B,CAAA;AAC9F,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAA;AAE3D;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,SAAS,EACT,QAAQ,EACR,MAAM,EACN,SAAS,EACT,cAAc,EACd,UAAU,EACV,yBAAyB,EACzB,qBAAqB,EACrB,UAAU,EACV,SAAS,EACT,QAAQ,EACR,eAAe,GAChB,EAAE;IACD,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACtC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAClC,yBAAyB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAA;IACjE,qBAAqB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAC7C,UAAU,EAAE,2BAA2B,EAAE,CAAA;IACzC,SAAS,EAAE,aAAa,EAAE,CAAA;IAC1B,QAAQ,EAAE,kBAAkB,CAAA;IAC5B,eAAe,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,IAAI,CAAA;CACtD,2CAkNA"}

package/dist/components/booking-create-preview-card.js

@@ -0,0 +1,107 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useProduct, useProductMedia } from "@voyant-travel/inventory-react";
+import { ImageIcon } from "lucide-react";
+import * as React from "react";
+import { useBookingsUiI18nOrDefault } from "../i18n/provider.js";
+import { useBookingTaxPreview } from "../index.js";
+import { PriceBreakdownSection } from "./price-breakdown-section.js";
+/**
+ * Right-rail live preview for the booking-create dialog. Mirrors the
+ * operator's in-progress selections — product (with thumbnail),
+ * departure, options + quantities, travelers, and the current
+ * confirmed price — so the operator gets a "what am I about to book"
+ * summary without scrolling back through the form.
+ */
+export function BookingPreviewCard({ productId, optionId, slotId, slotLabel, unitQuantities, unitLabels, pricingCategoryQuantities, pricingCategoryLabels, extraLines, travelers, messages, onPricingChange, }) {
+    const { formatCurrency, formatNumber } = useBookingsUiI18nOrDefault();
+    const productQuery = useProduct(productId || undefined, { enabled: Boolean(productId) });
+    const mediaQuery = useProductMedia(productId, { limit: 1, enabled: Boolean(productId) });
+    const product = productQuery.data ?? null;
+    const cover = (mediaQuery.data?.data ?? []).find((m) => m.isCover) ?? mediaQuery.data?.data?.[0];
+    const labels = messages.bookingCreateDialog.labels;
+    // Mirror the breakdown locally so we can drive the tax preview hook
+    // off the same `confirmedAmountCents` the parent receives via
+    // onPricingChange. Manual overrides flow through the same field, so
+    // the tax line follows whatever the operator decides to charge.
+    const [breakdown, setBreakdown] = React.useState(null);
+    const handlePricingChange = React.useCallback((value) => {
+        const extraTotal = extraLines.reduce((sum, line) => sum + (line.totalSellAmountCents ?? 0), 0);
+        const next = extraTotal > 0
+            ? {
+                ...value,
+                catalogAmountCents: value.catalogAmountCents == null ? null : value.catalogAmountCents + extraTotal,
+                confirmedAmountCents: value.confirmedAmountCents == null ? null : value.confirmedAmountCents + extraTotal,
+                lines: [
+                    ...value.lines,
+                    ...extraLines.map((line) => ({
+                        unitId: `extra:${line.productExtraId}`,
+                        label: line.name,
+                        quantity: line.quantity,
+                        unitAmountCents: line.unitSellAmountCents ?? null,
+                        totalAmountCents: line.totalSellAmountCents ?? null,
+                        tierLabel: null,
+                        isGroupRate: false,
+                    })),
+                ],
+            }
+            : value;
+        setBreakdown(next);
+        onPricingChange(next);
+    }, [extraLines, onPricingChange]);
+    const taxSubtotalCents = breakdown?.confirmedAmountCents ?? breakdown?.catalogAmountCents ?? 0;
+    const taxCurrency = breakdown?.currency ?? "EUR";
+    const taxPreview = useBookingTaxPreview({
+        productId,
+        subtotalCents: taxSubtotalCents,
+        currency: taxCurrency,
+        enabled: Boolean(productId) && taxSubtotalCents > 0,
+    });
+    const previewMessages = {
+        heading: labels.previewHeading,
+        empty: labels.previewEmpty,
+        product: labels.previewProduct,
+        departure: labels.previewDeparture,
+        travelers: labels.previewTravelers,
+        loading: labels.previewLoading,
+        travelerUnnamed: labels.previewTravelerUnnamed,
+    };
+    const showPriceBreakdown = Boolean(productId && slotId);
+    const hasContent = Boolean(productId) || slotLabel != null || travelers.length > 0 || showPriceBreakdown;
+    return (_jsx("aside", { children: _jsxs("div", { className: "flex flex-col gap-4 rounded-md border bg-muted/10 p-4", children: [_jsx("div", { className: "text-[11px] font-medium uppercase tracking-wider text-muted-foreground", children: previewMessages.heading }), !hasContent ? (_jsx("p", { className: "text-xs text-muted-foreground", children: previewMessages.empty })) : null, productId ? (_jsxs("div", { className: "flex gap-3", children: [cover?.url ? (_jsx("img", { src: cover.url, alt: product?.name ?? "", className: "h-14 w-14 shrink-0 rounded-md object-cover ring-1 ring-border", loading: "lazy" })) : (_jsx("div", { className: "flex h-14 w-14 shrink-0 items-center justify-center rounded-md bg-muted text-muted-foreground", children: _jsx(ImageIcon, { className: "h-5 w-5" }) })), _jsxs("div", { className: "flex min-w-0 flex-col", children: [_jsx("span", { className: "text-[11px] font-medium uppercase tracking-wider text-muted-foreground", children: previewMessages.product }), _jsx("span", { className: "truncate text-sm font-medium", children: product?.name ?? previewMessages.loading })] })] })) : null, slotLabel ? (_jsxs("div", { className: "flex flex-col gap-0.5", children: [_jsx("span", { className: "text-[11px] font-medium uppercase tracking-wider text-muted-foreground", children: previewMessages.departure }), _jsx("span", { className: "text-sm", children: slotLabel })] })) : null, travelers.length > 0 ? (_jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("span", { className: "text-[11px] font-medium uppercase tracking-wider text-muted-foreground", children: previewMessages.travelers }), _jsx("ul", { className: "flex flex-col gap-0.5 text-sm", children: travelers.map((traveler, idx) => {
+                                const name = [traveler.firstName, traveler.lastName]
+                                    .filter((part) => part.trim().length > 0)
+                                    .join(" ")
+                                    .trim();
+                                return (_jsxs("li", { className: "flex items-center justify-between gap-3", children: [_jsx("span", { className: "truncate text-muted-foreground", children: name || previewMessages.travelerUnnamed }), _jsx("span", { className: "shrink-0 text-xs uppercase tracking-wider text-muted-foreground", children: traveler.role })] }, traveler.personId ?? `traveler-${idx}`));
+                            }) })] })) : null, showPriceBreakdown ? (_jsxs("div", { className: "border-t pt-3", children: [_jsx(PriceBreakdownSection, { flat: true, productId: productId, optionId: optionId, unitQuantities: unitQuantities, unitLabels: unitLabels, pricingCategoryQuantities: pricingCategoryQuantities, pricingCategoryLabels: pricingCategoryLabels, labels: {
+                                heading: labels.breakdownHeading,
+                                total: labels.breakdownTotal,
+                                onRequest: labels.breakdownOnRequest,
+                                groupRate: labels.breakdownGroupRate,
+                                empty: labels.breakdownEmpty,
+                                noPricing: labels.breakdownNoPricing,
+                                confirmedTotal: labels.breakdownConfirmedTotal,
+                                manualTotal: labels.breakdownManualTotal,
+                                useCatalogTotal: labels.breakdownUseCatalogTotal,
+                                overrideReason: labels.breakdownOverrideReason,
+                                overrideReasonPlaceholder: labels.breakdownOverrideReasonPlaceholder,
+                                overrideReasonRequired: labels.breakdownOverrideReasonRequired,
+                            }, onChange: handlePricingChange }), extraLines.length > 0 ? (_jsx("div", { className: "mt-2 flex flex-col gap-1.5 border-t pt-2 text-sm", children: extraLines.map((line) => (_jsxs("div", { className: "flex items-baseline justify-between gap-3", children: [_jsxs("div", { className: "flex items-baseline gap-2", children: [_jsxs("span", { className: "tabular-nums", children: [formatNumber(line.quantity), "x"] }), _jsx("span", { children: line.name })] }), _jsx("div", { className: "tabular-nums", children: line.totalSellAmountCents == null || !line.sellCurrency
+                                            ? labels.breakdownOnRequest
+                                            : formatCurrency(line.totalSellAmountCents / 100, line.sellCurrency) })] }, line.productExtraId))) })) : null, taxPreview.data?.data && taxPreview.data.data.taxCents > 0 ? (_jsx(TaxPreviewRows, { snapshot: taxPreview.data.data, labels: {
+                                subtotal: labels.breakdownSubtotal,
+                                tax: labels.breakdownTax,
+                                taxIncluded: labels.breakdownTaxIncluded,
+                                total: labels.breakdownTotal,
+                            }, formatAmount: (cents, currency) => formatCurrency(cents / 100, currency), formatRate: (basisPoints) => formatNumber(basisPoints / 100, {
+                                maximumFractionDigits: 2,
+                                minimumFractionDigits: 0,
+                            }) })) : null] })) : null] }) }));
+}
+function TaxPreviewRows({ snapshot, labels, formatAmount, formatRate, }) {
+    const inclusive = snapshot.taxRate?.priceMode === "inclusive";
+    const ratePart = snapshot.taxRate ? ` (${formatRate(snapshot.taxRate.rateBasisPoints)}%)` : "";
+    const inclTag = inclusive ? ` · ${labels.taxIncluded}` : "";
+    return (_jsxs("div", { className: "mt-3 flex flex-col gap-1 border-t pt-3 text-sm", children: [_jsxs("div", { className: "flex items-center justify-between text-muted-foreground", children: [_jsx("span", { children: labels.subtotal }), _jsx("span", { children: formatAmount(snapshot.subtotalCents, snapshot.currency) })] }), _jsxs("div", { className: "flex items-center justify-between text-muted-foreground", children: [_jsxs("span", { children: [snapshot.taxRate?.label ?? labels.tax, ratePart, inclTag] }), _jsx("span", { children: formatAmount(snapshot.taxCents, snapshot.currency) })] }), _jsxs("div", { className: "flex items-center justify-between font-medium", children: [_jsx("span", { children: labels.total }), _jsx("span", { children: formatAmount(snapshot.totalCents, snapshot.currency) })] })] }));
+}

package/dist/components/booking-create-product-extras-picker.d.ts

@@ -0,0 +1,18 @@
+import type { BookingCreateExtraLineInput } from "../index.js";
+export declare function ProductExtrasPickerSection({ productId, optionId, currency, travelerCount, value, onChange, enabled, labels, }: {
+    productId: string;
+    optionId: string | null;
+    currency: string;
+    travelerCount: number;
+    value: BookingCreateExtraLineInput[];
+    onChange: (value: BookingCreateExtraLineInput[]) => void;
+    enabled: boolean;
+    labels: {
+        heading: string;
+        empty: string;
+        included: string;
+        onRequest: string;
+        perPerson: string;
+    };
+}): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=booking-create-product-extras-picker.d.ts.map

package/dist/components/booking-create-product-extras-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"booking-create-product-extras-picker.d.ts","sourceRoot":"","sources":["../../src/components/booking-create-product-extras-picker.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,aAAa,CAAA;AAE9D,wBAAgB,0BAA0B,CAAC,EACzC,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,KAAK,EACL,QAAQ,EACR,OAAO,EACP,MAAM,GACP,EAAE;IACD,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,QAAQ,EAAE,MAAM,CAAA;IAChB,aAAa,EAAE,MAAM,CAAA;IACrB,KAAK,EAAE,2BAA2B,EAAE,CAAA;IACpC,QAAQ,EAAE,CAAC,KAAK,EAAE,2BAA2B,EAAE,KAAK,IAAI,CAAA;IACxD,OAAO,EAAE,OAAO,CAAA;IAChB,MAAM,EAAE;QACN,OAAO,EAAE,MAAM,CAAA;QACf,KAAK,EAAE,MAAM,CAAA;QACb,QAAQ,EAAE,MAAM,CAAA;QAChB,SAAS,EAAE,MAAM,CAAA;QACjB,SAAS,EAAE,MAAM,CAAA;KAClB,CAAA;CACF,kDA2GA"}

package/dist/components/booking-create-product-extras-picker.js

@@ -0,0 +1,82 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useQueries } from "@tanstack/react-query";
+import { getExtraPriceRulesQueryOptions, useVoyantPricingContext, } from "@voyant-travel/commerce-react/pricing";
+import { Button, Label } from "@voyant-travel/ui/components";
+import { useProductExtras } from "../extras.js";
+import { useBookingsUiI18nOrDefault } from "../i18n/provider.js";
+export function ProductExtrasPickerSection({ productId, optionId, currency, travelerCount, value, onChange, enabled, labels, }) {
+    const { formatCurrency } = useBookingsUiI18nOrDefault();
+    const pricingClient = useVoyantPricingContext();
+    const extrasQuery = useProductExtras({
+        productId,
+        active: true,
+        limit: 100,
+        enabled: enabled && Boolean(productId),
+    });
+    const extras = extrasQuery.data?.data ?? [];
+    const priceQueries = useQueries({
+        queries: extras.map((extra) => ({
+            ...getExtraPriceRulesQueryOptions(pricingClient, {
+                productExtraId: extra.id,
+                ...(optionId ? { optionId } : {}),
+                active: true,
+                limit: 10,
+            }),
+            enabled,
+        })),
+    });
+    const priceByExtraId = new Map(extras.flatMap((extra, index) => {
+        const row = priceQueries[index]?.data?.data?.[0];
+        return row ? [[extra.id, row]] : [];
+    }));
+    const selectedByExtraId = new Map(value.map((line) => [line.productExtraId, line]));
+    const setQuantity = (extra, quantity) => {
+        const next = value.filter((line) => line.productExtraId !== extra.id);
+        if (quantity > 0) {
+            const price = priceByExtraId.get(extra.id);
+            const pricingMode = price?.pricingMode ?? (extra.pricedPerPerson ? "per_person" : extra.pricingMode);
+            const unitSellAmountCents = price?.sellAmountCents ?? null;
+            const chargedQuantity = pricingMode === "per_person" || extra.pricedPerPerson
+                ? Math.max(1, travelerCount) * quantity
+                : quantity;
+            const totalSellAmountCents = unitSellAmountCents == null ? null : unitSellAmountCents * chargedQuantity;
+            next.push({
+                productExtraId: extra.id,
+                name: extra.name,
+                description: extra.description,
+                pricingMode,
+                pricedPerPerson: extra.pricedPerPerson,
+                quantity,
+                sellCurrency: currency,
+                unitSellAmountCents,
+                totalSellAmountCents,
+            });
+        }
+        onChange(next);
+    };
+    if (extras.length === 0 && extrasQuery.isSuccess) {
+        return (_jsxs("div", { className: "flex flex-col gap-2 rounded-md border p-3", children: [_jsx(Label, { children: labels.heading }), _jsx("p", { className: "text-xs text-muted-foreground", children: labels.empty })] }));
+    }
+    if (extras.length === 0)
+        return null;
+    return (_jsxs("div", { className: "flex flex-col gap-2 rounded-md border p-3", children: [_jsx(Label, { children: labels.heading }), _jsx("div", { className: "flex flex-col gap-2", children: extras.map((extra) => {
+                    const selected = selectedByExtraId.get(extra.id);
+                    const quantity = selected?.quantity ?? 0;
+                    const price = priceByExtraId.get(extra.id);
+                    const pricingMode = price?.pricingMode ?? (extra.pricedPerPerson ? "per_person" : extra.pricingMode);
+                    const unitAmount = price?.sellAmountCents ?? null;
+                    const priceLabel = pricingMode === "included" || pricingMode === "free"
+                        ? labels.included
+                        : unitAmount == null
+                            ? labels.onRequest
+                            : `${formatCurrency(unitAmount / 100, currency)}${pricingMode === "per_person" || extra.pricedPerPerson
+                                ? ` ${labels.perPerson}`
+                                : ""}`;
+                    const maxQuantity = extra.maxQuantity ?? undefined;
+                    return (_jsxs("div", { className: "flex items-center gap-3 rounded-md border px-3 py-2", children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "text-sm font-medium", children: extra.name }), _jsx("div", { className: "text-xs text-muted-foreground", children: priceLabel })] }), _jsx(QuantityButtons, { value: quantity, max: maxQuantity, onChange: (next) => setQuantity(extra, next) })] }, extra.id));
+                }) })] }));
+}
+function QuantityButtons({ value, max, onChange, }) {
+    return (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Button, { type: "button", variant: "ghost", size: "sm", className: "h-7 w-7 p-0", disabled: value <= 0, onClick: () => onChange(Math.max(0, value - 1)), children: "-" }), _jsx("span", { className: "min-w-6 text-center text-sm tabular-nums", children: value }), _jsx(Button, { type: "button", variant: "ghost", size: "sm", className: "h-7 w-7 p-0", disabled: max != null && value >= max, onClick: () => onChange(value + 1), children: "+" })] }));
+}

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

@@ -0,0 +1,34 @@
+import { type BookingRecord } from "../index.js";
+export interface BookingCreateSheetProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    onCreated?: (booking: BookingRecord) => void;
+    /** When provided, pre-selects this product and hides the product picker. */
+    defaultProductId?: string;
+    /** When provided, pre-selects and locks the departure slot. */
+    defaultSlotId?: string;
+}
+export interface BookingCreateFormProps {
+    onCreated?: (booking: BookingRecord) => void;
+    /** When provided, pre-selects this product and hides the product picker. */
+    defaultProductId?: string;
+    /** When provided, pre-selects and locks the departure slot. */
+    defaultSlotId?: string;
+    /** Gates data fetching and resets transient form state when false. */
+    enabled?: boolean;
+    onCancel?: () => void;
+}
+/**
+ * Operator booking-create sheet. Composes the booking-create picker
+ * sections — product, departure, rooms, person, shared-room, travelers,
+ * price breakdown, voucher, payment schedule — and submits via the atomic
+ * `POST /v1/bookings/create` endpoint so partial failures can't
+ * leave orphan state.
+ *
+ * Normally consumed via `BookingDialog` which delegates here when no
+ * `booking` prop is passed. Apps that need a bespoke flow can install the
+ * sections individually and assemble their own sheet instead of forking.
+ */
+export declare function BookingCreateSheet({ open, onOpenChange, onCreated, defaultProductId, defaultSlotId, }: BookingCreateSheetProps): import("react/jsx-runtime").JSX.Element;
+export declare function BookingCreateForm({ onCreated, defaultProductId, defaultSlotId, enabled, onCancel, }: BookingCreateFormProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=booking-create-sheet.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"booking-create-sheet.d.ts","sourceRoot":"","sources":["../../src/components/booking-create-sheet.tsx"],"names":[],"mappings":"AA2CA,OAAO,EAIL,KAAK,aAAa,EAInB,MAAM,aAAa,CAAA;AAiEpB,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,CAAA;IAC5C,4EAA4E;IAC5E,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,+DAA+D;IAC/D,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED,MAAM,WAAW,sBAAsB;IACrC,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,CAAA;IAC5C,4EAA4E;IAC5E,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,+DAA+D;IAC/D,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,sEAAsE;IACtE,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACtB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,gBAAgB,EAChB,aAAa,GACd,EAAE,uBAAuB,2CA8BzB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,gBAAgB,EAChB,aAAa,EACb,OAAc,EACd,QAAQ,GACT,EAAE,sBAAsB,2CAymCxB"}