@voyant-travel/bookings-react 0.202.0 → 0.203.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@voyant-travel/bookings-react",
-  "version": "0.202.0",
+  "version": "0.203.0",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -150,24 +150,24 @@
     "react-dom": "^19.0.0",
     "react-hook-form": "^7.80.0",
     "zod": "^4.0.0",
-    "@voyant-travel/accommodations": "^0.162.0",
+    "@voyant-travel/accommodations": "^0.163.0",
     "@voyant-travel/admin": "^0.129.1",
-    "@voyant-travel/bookings": "^0.202.0",
-    "@voyant-travel/catalog": "^0.200.0",
-    "@voyant-travel/catalog-react": "^0.200.0",
-    "@voyant-travel/distribution-react": "^0.192.0",
-    "@voyant-travel/relationships-react": "^0.202.0",
-    "@voyant-travel/finance": "^0.202.0",
-    "@voyant-travel/finance-react": "^0.202.0",
-    "@voyant-travel/identity-react": "^0.202.0",
-    "@voyant-travel/legal-react": "^0.202.0",
-    "@voyant-travel/commerce-react": "^0.84.0",
-    "@voyant-travel/cruises": "^0.201.0",
-    "@voyant-travel/inventory-react": "^0.84.0",
-    "@voyant-travel/inventory": "^0.19.6",
-    "@voyant-travel/storefront-react": "^0.204.0",
+    "@voyant-travel/catalog-react": "^0.201.0",
+    "@voyant-travel/distribution-react": "^0.193.0",
+    "@voyant-travel/bookings": "^0.203.0",
+    "@voyant-travel/relationships-react": "^0.203.0",
+    "@voyant-travel/finance": "^0.203.0",
+    "@voyant-travel/catalog": "^0.201.0",
+    "@voyant-travel/finance-react": "^0.203.0",
+    "@voyant-travel/legal-react": "^0.203.0",
+    "@voyant-travel/identity-react": "^0.203.0",
+    "@voyant-travel/commerce-react": "^0.85.0",
+    "@voyant-travel/cruises": "^0.202.0",
+    "@voyant-travel/inventory-react": "^0.85.0",
+    "@voyant-travel/inventory": "^0.20.0",
+    "@voyant-travel/storefront-react": "^0.205.0",
     "@voyant-travel/ui": "^0.109.6",
-    "@voyant-travel/operations-react": "^0.83.0"
+    "@voyant-travel/operations-react": "^0.84.0"
   },
   "peerDependenciesMeta": {
     "@tanstack/react-table": {
@@ -251,26 +251,26 @@
     "typescript": "^6.0.3",
     "vitest": "^4.1.9",
     "zod": "^4.4.3",
-    "@voyant-travel/accommodations": "^0.162.0",
+    "@voyant-travel/accommodations": "^0.163.0",
     "@voyant-travel/admin": "^0.129.1",
-    "@voyant-travel/bookings": "^0.202.0",
-    "@voyant-travel/catalog": "^0.200.0",
-    "@voyant-travel/catalog-react": "^0.200.0",
-    "@voyant-travel/distribution-react": "^0.192.0",
-    "@voyant-travel/relationships-react": "^0.202.0",
-    "@voyant-travel/finance": "^0.202.0",
-    "@voyant-travel/finance-react": "^0.202.0",
-    "@voyant-travel/identity-react": "^0.202.0",
-    "@voyant-travel/legal-react": "^0.202.0",
-    "@voyant-travel/commerce-react": "^0.84.0",
-    "@voyant-travel/cruises": "^0.201.0",
-    "@voyant-travel/inventory-react": "^0.84.0",
-    "@voyant-travel/inventory": "^0.19.6",
+    "@voyant-travel/bookings": "^0.203.0",
+    "@voyant-travel/catalog": "^0.201.0",
+    "@voyant-travel/catalog-react": "^0.201.0",
+    "@voyant-travel/distribution-react": "^0.193.0",
+    "@voyant-travel/finance": "^0.203.0",
+    "@voyant-travel/finance-react": "^0.203.0",
+    "@voyant-travel/identity-react": "^0.203.0",
+    "@voyant-travel/legal-react": "^0.203.0",
+    "@voyant-travel/relationships-react": "^0.203.0",
+    "@voyant-travel/commerce-react": "^0.85.0",
+    "@voyant-travel/cruises": "^0.202.0",
+    "@voyant-travel/inventory-react": "^0.85.0",
+    "@voyant-travel/inventory": "^0.20.0",
     "@voyant-travel/react": "^0.104.2",
-    "@voyant-travel/storefront-react": "^0.204.0",
+    "@voyant-travel/storefront-react": "^0.205.0",
     "@voyant-travel/ui": "^0.109.6",
     "@voyant-travel/voyant-typescript-config": "^0.1.0",
-    "@voyant-travel/operations-react": "^0.83.0"
+    "@voyant-travel/operations-react": "^0.84.0"
   },
   "files": [
     "dist",

package/dist/admin/booking-journey-host.d.ts

@@ -1,23 +0,0 @@
-export interface BookingJourneyHostProps {
-    entityModule: string;
-    entityId: string;
-    /** Usually omitted — the server resolves provenance from `(module, id)`. */
-    sourceKind?: string;
-    sourceConnectionId?: string;
-    sourceRef?: string;
-    departureId?: string;
-    /** Free-form departure date (ISO) for sourced products with no slot id. */
-    departureDate?: string;
-    optionId?: string;
-    /** Sourced stays/package rate pin — the exact room + rate plan to re-resolve. */
-    roomTypeId?: string;
-    ratePlanId?: string;
-    board?: string;
-    /** Preview hints (name + hero image) for sourced entities, which aren't in
-     *  the owned products table. */
-    entityName?: string;
-    entityImageUrl?: string;
-    draftId: string;
-    className?: string;
-}
-export declare function BookingJourneyHost({ entityModule, entityId, sourceKind, sourceConnectionId, sourceRef, departureId, departureDate, optionId, roomTypeId, ratePlanId, board, entityName, entityImageUrl, draftId, className, }: BookingJourneyHostProps): React.ReactElement;

package/dist/admin/booking-journey-host.js

@@ -1,280 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * Packaged admin host for the unified `<BookingJourney />` wizard —
- * supplies CRM-backed contact pickers, the B2B billing default, real
- * departure/units/Travel Credit pickers over operator inventory, and post-commit
- * navigation to the new booking's detail page.
- *
- * Per booking-journey-architecture §8.1 + §10 Phase B, packaged per the
- * packaged-admin RFC Phase 3: cross-route navigation resolves through
- * semantic destinations (`booking.detail` on commit, `catalog.browse` on
- * cancel), and the data client comes from the host-mounted
- * `VoyantReactProvider` — no app route tree, no app fetcher import.
- */
-import { useQuery } from "@tanstack/react-query";
-import { useAdminNavigate, useOperatorAdminMessages } from "@voyant-travel/admin";
-import { useAddresses } from "@voyant-travel/identity-react";
-import { getProductMediaQueryOptions, getProductQueryOptions } from "@voyant-travel/inventory-react";
-import { useOrganization, usePerson } from "@voyant-travel/relationships-react";
-import { useEffect, useMemo, useRef, useState } from "react";
-import { emptyPersonPickerValue, PersonPickerSection, } from "../components/person-picker-section.js";
-import { BookingJourney, } from "../journey/index.js";
-import { useVoyantBookingsContext } from "../provider.js";
-import { JourneyBillingDuplicateWarning } from "./journey-billing-duplicate-warning.js";
-import { JourneyDeparturePicker } from "./journey-departure-picker.js";
-import { JourneyTravelCreditPicker } from "./journey-travel-credit-picker.js";
-import { JourneyUnitsPicker } from "./journey-units-picker.js";
-/** The catalog browse surface the journey returns to when cancelled. */
-function journeyReturnSurface(vertical) {
-    switch (vertical) {
-        case "cruises":
-            return "cruises";
-        case "accommodations":
-            return "accommodations";
-        default:
-            return "products";
-    }
-}
-export function BookingJourneyHost({ entityModule, entityId, sourceKind, sourceConnectionId, sourceRef, departureId, departureDate, optionId, roomTypeId, ratePlanId, board, entityName, entityImageUrl, draftId, className, }) {
-    const navigate = useAdminNavigate();
-    const entitySummary = useEntitySummary(entityModule, entityId, {
-        name: entityName,
-        heroImageUrl: entityImageUrl,
-    });
-    const slots = {
-        renderLeadContactPicker({ apply, buyerType }) {
-            return _jsx(CrmLeadPicker, { apply: apply, buyerType: buyerType }, buyerType);
-        },
-        renderBillingExtras(ctx) {
-            // Warn if the picked lead already booked this departure.
-            return _jsx(JourneyBillingDuplicateWarning, { ...ctx });
-        },
-        renderDeparturePicker(pickerProps) {
-            // Owned: real scheduled departures from availability. Sourced products
-            // have none; when one was booked from a specific offer the date came in
-            // pre-selected, so we lock it (a different date = a different offer).
-            return _jsx(JourneyDeparturePicker, { ...pickerProps, lockDeparture: Boolean(departureDate) });
-        },
-        renderUnitsPicker(pickerProps) {
-            // Rooms/units for the picked option + departure (operator inventory).
-            return _jsx(JourneyUnitsPicker, { ...pickerProps });
-        },
-        renderTravelCreditPicker(pickerProps) {
-            // Admin searches and selects a Travel Credit without needing to know the code.
-            return _jsx(JourneyTravelCreditPicker, { ...pickerProps });
-        },
-        renderTravelerContactPicker({ apply, selectedPersonId }) {
-            // Travelers reuse the same picker (person-only). Adapt the picker's
-            // partial lead-apply to the traveler apply (always a person), and
-            // reflect the row's linked person so "Copy from billing" selects it.
-            return (_jsx(CrmLeadPicker, { variant: "traveler", linkedPersonId: selectedPersonId, apply: (contact) => apply({
-                    firstName: contact.firstName ?? "",
-                    lastName: contact.lastName ?? "",
-                    email: contact.email,
-                    phone: contact.phone,
-                    personId: contact.personId,
-                }) }));
-        },
-        onCommitted(result) {
-            // Land on the new booking's detail page.
-            navigate("booking.detail", { bookingId: result.bookingId });
-        },
-        onCancelled() {
-            navigate("catalog.browse", { surface: journeyReturnSurface(entityModule) });
-        },
-    };
-    return (_jsx(BookingJourney, { surface: "admin", entityModule: entityModule, entityId: entityId, sourceKind: sourceKind, sourceConnectionId: sourceConnectionId, sourceRef: sourceRef, draftId: draftId, initialConfigure: {
-            ...(departureId ? { departureSlotId: departureId } : {}),
-            ...(departureDate ? { departureDate } : {}),
-            ...(optionId ? { variantId: optionId } : {}),
-            ...(roomTypeId ? { roomTypeId } : {}),
-            ...(ratePlanId ? { ratePlanId } : {}),
-            ...(board ? { board } : {}),
-        }, defaultBuyerType: "B2B", 
-        // The admin in-process commit route can reserve/hold bookings. Tokenized
-        // card charges, bank-transfer checkout instructions, and agency-credit
-        // account collection are separate flows that this packaged host does not
-        // wire yet, so do not advertise them here.
-        paymentCapabilities: {
-            acceptsCard: false,
-            acceptsHold: true,
-            acceptsBankTransfer: false,
-            acceptsTicketOnCredit: false,
-        }, entitySummary: entitySummary, className: className, ...slots }));
-}
-/**
- * Builds the "what you're booking" preview shown atop the journey side
- * panel — the product's name + first image, for an instant preview before
- * the quote returns. Owned products in the `products` table resolve via the
- * client fetch; a sourced/connect id isn't in that table, so it falls back to
- * the `hints` (name + hero image) carried from the catalog detail page. We
- * can't (and needn't) tell owned from sourced on the client — the URL no
- * longer carries `sourceKind` — so we try the products fetch for the
- * `products` vertical and let the hints cover everything else.
- */
-function useEntitySummary(entityModule, entityId, hints) {
-    const tryProductSummary = entityModule === "products" && Boolean(entityId);
-    const client = useVoyantBookingsContext();
-    const productQuery = useQuery({
-        ...getProductQueryOptions(client, entityId),
-        enabled: tryProductSummary,
-        retry: false,
-    });
-    const mediaQuery = useQuery({
-        ...getProductMediaQueryOptions(client, entityId, { mediaType: "image" }),
-        enabled: tryProductSummary,
-        retry: false,
-    });
-    return useMemo(() => {
-        const product = productQuery.data;
-        if (product) {
-            // First product-level (not day-scoped) image, if any.
-            const heroImageUrl = (mediaQuery.data?.data ?? [])
-                .filter((media) => media.mediaType === "image" && media.dayId == null)
-                .map((media) => media.url)
-                .find(Boolean);
-            return {
-                name: product.name,
-                vertical: "products",
-                ...(heroImageUrl ? { heroImageUrl } : {}),
-            };
-        }
-        // Sourced/connect entity (not in the owned table) — use the preview hints.
-        if (hints.name) {
-            return {
-                name: hints.name,
-                vertical: entityModule,
-                ...(hints.heroImageUrl ? { heroImageUrl: hints.heroImageUrl } : {}),
-            };
-        }
-        return undefined;
-    }, [productQuery.data, mediaQuery.data, hints.name, hints.heroImageUrl, entityModule]);
-}
-/**
- * CRM-backed picker for the journey's contact slots. Buyer type drives the
- * mode (there's no bill-to toggle): for the LEAD slot it searches PEOPLE on
- * B2C and ORGANIZATIONS on B2B — picking either hydrates the journey from the
- * CRM record (person → name/email/phone; org → company name/tax id). The
- * per-traveler slot is always a person picker.
- */
-function CrmLeadPicker({ apply, buyerType, variant = "lead", linkedPersonId, }) {
-    const t = useOperatorAdminMessages().bookings.detail.bookingJourney;
-    // The lead picker bills an organization on B2B; everything else is a person.
-    const orgMode = variant === "lead" && buyerType === "B2B";
-    const [value, setValue] = useState(emptyPersonPickerValue);
-    // Reflect an externally-set person (copy-from-billing, or a re-opened
-    // draft) in the combobox. The hydrate effect below then fills the names;
-    // the `appliedPersonId` ref keeps that idempotent.
-    useEffect(() => {
-        if (!linkedPersonId)
-            return;
-        setValue((cur) => cur.personId === linkedPersonId
-            ? cur
-            : { ...cur, mode: "existing", personId: linkedPersonId });
-    }, [linkedPersonId]);
-    // Keep the picker's target aligned with the Buyer type radio.
-    useEffect(() => {
-        setValue((current) => {
-            const desired = orgMode ? "organization" : "person";
-            return (current.billTo ?? "person") === desired ? current : { ...current, billTo: desired };
-        });
-    }, [orgMode]);
-    // Hydrate from the picked CRM person (B2C). The picker yields just an id;
-    // we fetch the record and apply the real name/email/phone.
-    const selectedPersonId = !orgMode && value.mode === "existing" && value.personId ? value.personId : undefined;
-    const personQuery = usePerson(selectedPersonId, { enabled: Boolean(selectedPersonId) });
-    const appliedPersonId = useRef(null);
-    // biome-ignore lint/correctness/useExhaustiveDependencies: applies once per resolved record; the ref guards re-entry from apply()->setDraft re-renders -- owner: bookings-react; existing suppression is intentional pending typed cleanup.
-    useEffect(() => {
-        const person = personQuery.data;
-        if (!person || appliedPersonId.current === person.id)
-            return;
-        appliedPersonId.current = person.id;
-        apply({
-            firstName: person.firstName,
-            lastName: person.lastName,
-            email: person.email ?? undefined,
-            phone: person.phone ?? undefined,
-            personId: person.id,
-        });
-    }, [personQuery.data]);
-    // Hydrate the company fields from the picked CRM organization (B2B).
-    const selectedOrgId = orgMode && value.organizationId ? value.organizationId : undefined;
-    const orgQuery = useOrganization(selectedOrgId, { enabled: Boolean(selectedOrgId) });
-    const appliedOrgId = useRef(null);
-    // biome-ignore lint/correctness/useExhaustiveDependencies: applies once per resolved record; the ref guards re-entry -- owner: bookings-react; existing suppression is intentional pending typed cleanup.
-    useEffect(() => {
-        const org = orgQuery.data;
-        if (!org || appliedOrgId.current === org.id)
-            return;
-        appliedOrgId.current = org.id;
-        const companyName = org.legalName ?? org.name;
-        apply({
-            organizationId: org.id,
-            companyName,
-            taxId: org.taxId ?? undefined,
-        });
-    }, [orgQuery.data]);
-    // Hydrate the billing address from the picked person (B2C) or org (B2B)
-    // primary CRM address — so the operator never re-types it and the tax
-    // country is set. Missing → surfaced as a warning to fix in the picker.
-    const addressEntityType = orgMode ? "organization" : "person";
-    // Only the billing lead pulls an address; travelers don't carry one.
-    const addressEntityId = variant === "lead" ? (orgMode ? selectedOrgId : selectedPersonId) : undefined;
-    const addressQuery = useAddresses({
-        entityType: addressEntityType,
-        entityId: addressEntityId,
-        isPrimary: true,
-        limit: 1,
-        enabled: Boolean(addressEntityId),
-    });
-    const appliedAddressKey = useRef(null);
-    // biome-ignore lint/correctness/useExhaustiveDependencies: applies once per resolved address; the ref guards re-entry -- owner: bookings-react; existing suppression is intentional pending typed cleanup.
-    useEffect(() => {
-        const addr = addressQuery.data?.data?.[0];
-        if (!addressEntityId || !addr)
-            return;
-        const key = `${addressEntityType}:${addressEntityId}`;
-        if (appliedAddressKey.current === key)
-            return;
-        appliedAddressKey.current = key;
-        apply({
-            address: {
-                line1: addr.line1 ?? undefined,
-                line2: addr.line2 ?? undefined,
-                city: addr.city ?? undefined,
-                postal: addr.postalCode ?? undefined,
-                country: addr.country ?? undefined,
-            },
-        });
-    }, [addressQuery.data, addressEntityId]);
-    function commit(next) {
-        setValue(next);
-        if ((next.billTo ?? "person") === "organization") {
-            if (next.organizationId !== appliedOrgId.current)
-                appliedOrgId.current = null;
-            return;
-        }
-        if (next.mode === "existing" && next.personId) {
-            if (next.personId !== appliedPersonId.current)
-                appliedPersonId.current = null;
-            return;
-        }
-        appliedPersonId.current = null;
-        if (next.mode === "new") {
-            apply({
-                firstName: next.newPerson.firstName,
-                lastName: next.newPerson.lastName,
-                email: next.newPerson.email || undefined,
-                phone: next.newPerson.phone || undefined,
-            });
-        }
-    }
-    return (_jsx(PersonPickerSection, { value: value, onChange: commit, 
-        // Org is an allowed target for the lead (so its CRM org search runs),
-        // but the toggle is hidden — Buyer type is the single control.
-        showOrganization: variant === "lead", hideTargetToggle: true, labels: {
-            person: variant === "traveler" ? t.travelerPickerLabel : t.leadContactPickerLabel,
-        } }));
-}

package/dist/admin/journey-billing-duplicate-warning.d.ts

@@ -1,2 +0,0 @@
-import type { BillingExtrasContext } from "../journey/index.js";
-export declare function JourneyBillingDuplicateWarning({ buyerType, personId, organizationId, productId, departureSlotId, }: BillingExtrasContext): React.ReactElement | null;

package/dist/admin/journey-billing-duplicate-warning.js

@@ -1,26 +0,0 @@
-"use client";
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-/**
- * Heads-up shown under the billing block when the picked lead (person for B2C,
- * organization for B2B) already has a booking on the selected departure — with
- * a link to each. Helps operators avoid accidental duplicate bookings.
- */
-import { useAdminNavigate, useOperatorAdminMessages } from "@voyant-travel/admin";
-import { useBookings } from "../hooks/use-bookings.js";
-export function JourneyBillingDuplicateWarning({ buyerType, personId, organizationId, productId, departureSlotId, }) {
-    const t = useOperatorAdminMessages().bookings.detail.bookingJourney;
-    const navigate = useAdminNavigate();
-    const leadId = buyerType === "B2B" ? organizationId : personId;
-    // Only a scheduled departure (slot) gives a precise duplicate match.
-    const enabled = Boolean(leadId && departureSlotId);
-    const query = useBookings({
-        ...(buyerType === "B2B" ? { organizationId } : { personId }),
-        productId,
-        availabilitySlotId: departureSlotId,
-        enabled,
-    });
-    const existing = (query.data?.data ?? []).filter((booking) => booking.status !== "cancelled");
-    if (!enabled || existing.length === 0)
-        return null;
-    return (_jsxs("div", { 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: [_jsxs("p", { children: ["\u26A0 ", t.duplicateDepartureWarning] }), _jsx("ul", { className: "space-y-0.5", children: existing.map((booking) => (_jsxs("li", { children: [_jsx("button", { type: "button", className: "font-medium underline underline-offset-2 hover:opacity-80", onClick: () => navigate("booking.detail", { bookingId: booking.id }), children: booking.bookingNumber }), booking.items?.[0]?.title ? (_jsxs("span", { className: "text-amber-900/80 dark:text-amber-100/80", children: [" ", "\u00B7 ", booking.items[0].title] })) : null] }, booking.id))) })] }));
-}

package/dist/admin/journey-departure-picker.d.ts

@@ -1,6 +0,0 @@
-import type { DeparturePickerProps } from "../journey/index.js";
-export declare function JourneyDeparturePicker({ productId, optionId, slotId, departureDate, onChange, lockDeparture, }: DeparturePickerProps & {
-    /** The departure is fixed (a sourced offer's date came in pre-selected) —
-     *  show it read-only rather than a re-editable input. */
-    lockDeparture?: boolean;
-}): React.ReactElement;

package/dist/admin/journey-departure-picker.js

@@ -1,91 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useLocale } from "@voyant-travel/admin";
-import { useSlots } from "@voyant-travel/operations-react/availability";
-import { Combobox, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxInput, ComboboxItem, ComboboxList, } from "@voyant-travel/ui/components/combobox";
-import { DatePicker } from "@voyant-travel/ui/components/date-picker";
-import { Label } from "@voyant-travel/ui/components/label";
-import { useEffect, useMemo, useState } from "react";
-import { getBookableDepartureSlots } from "../components/booking-create-utils.js";
-import { useBookingsUiMessagesOrDefault } from "../i18n/provider.js";
-export function JourneyDeparturePicker({ productId, optionId, slotId, departureDate, onChange, lockDeparture = false, }) {
-    const { resolvedLocale } = useLocale();
-    const dateFormatter = useMemo(() => new Intl.DateTimeFormat(resolvedLocale, {
-        year: "numeric",
-        month: "short",
-        day: "numeric",
-    }), [resolvedLocale]);
-    const messages = useBookingsUiMessagesOrDefault().bookingCreateDialog;
-    // Stable "now" so the slot query + future filter don't churn every render.
-    const [nowIso] = useState(() => new Date().toISOString());
-    const query = useSlots({
-        productId: productId || undefined,
-        status: "open",
-        startsAtFrom: nowIso,
-        limit: 100,
-        enabled: Boolean(productId) && !lockDeparture,
-    });
-    const slots = useMemo(() => getBookableDepartureSlots((query.data?.data ?? []), {
-        nowIso,
-        optionId,
-    }), [query.data?.data, nowIso, optionId]);
-    const slotMap = useMemo(() => new Map(slots.map((s) => [s.id, s])), [slots]);
-    const formatLabel = (slot) => {
-        const date = dateFormatter.format(new Date(slot.startsAt));
-        const remaining = !slot.unlimited && typeof slot.remainingPax === "number"
-            ? ` · ${slot.remainingPax} ${messages.labels.remainingCapacity}`
-            : "";
-        return `${date}${remaining}`;
-    };
-    const [inputValue, setInputValue] = useState(() => {
-        const current = slotId ? slotMap.get(slotId) : undefined;
-        return current ? formatLabel(current) : "";
-    });
-    // The draft keeps the picked slotId across step navigation, but this
-    // component's input is local state and re-seeds to "" on remount (before
-    // slots load). Reflect the selected slot's label once it resolves so a
-    // revisited departure shows as selected rather than empty.
-    // biome-ignore lint/correctness/useExhaustiveDependencies: formatLabel is render-stable; slotId/slotMap are the real triggers -- owner: bookings-react; existing suppression is intentional pending typed cleanup.
-    useEffect(() => {
-        if (!slotId)
-            return;
-        const slot = slotMap.get(slotId);
-        if (slot)
-            setInputValue((prev) => (prev ? prev : formatLabel(slot)));
-    }, [slotId, slotMap]);
-    // Sourced offer with a fixed date (came in pre-selected) → show it read-only.
-    // A different date would be a different offer, so there's nothing to edit.
-    if (lockDeparture && departureDate) {
-        return (_jsxs("div", { className: "space-y-1", children: [_jsx(Label, { children: messages.fields.departure }), _jsx("p", { className: "font-medium text-sm", children: dateFormatter.format(new Date(`${departureDate.slice(0, 10)}T00:00:00`)) })] }));
-    }
-    // No scheduled departures for this product → a free date so the operator can
-    // still set a departure for non-scheduled products. (No time field — tour /
-    // package departures are by date.)
-    if (!query.isLoading && slots.length === 0) {
-        return (_jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: "bj-departure-date", children: messages.fields.departure }), _jsx(DatePicker, { className: "w-full sm:max-w-xs", value: departureDate ?? "", onChange: (value) => onChange({ departureDate: value || null }) })] }));
-    }
-    return (_jsxs("div", { className: "flex flex-col gap-1", children: [_jsxs(Label, { children: [messages.fields.departure, " ", _jsx("span", { className: "text-destructive", children: "*" })] }), _jsxs(Combobox, { items: slots.map((s) => s.id), value: slotId || null, inputValue: inputValue, autoHighlight: true, disabled: query.isLoading, filter: () => true, itemToStringLabel: (id) => {
-                    const slot = slotMap.get(id);
-                    return slot ? formatLabel(slot) : id;
-                }, itemToStringValue: (id) => id, onInputValueChange: (next) => setInputValue(next), onValueChange: (next) => {
-                    const id = next ?? "";
-                    const slot = id ? slotMap.get(id) : undefined;
-                    if (!slot) {
-                        onChange({ slotId: null, departureDate: null });
-                        setInputValue("");
-                        return;
-                    }
-                    onChange({
-                        slotId: slot.id,
-                        // Anchor the free-date field on the slot's date so downstream
-                        // (payment schedules, hold) has a concrete departure date.
-                        departureDate: slot.startsAt.slice(0, 10),
-                    });
-                    setInputValue(formatLabel(slot));
-                }, children: [_jsx(ComboboxInput, { placeholder: messages.placeholders.departure, showClear: Boolean(slotId) }), _jsxs(ComboboxContent, { children: [_jsx(ComboboxEmpty, { children: messages.placeholders.departureEmpty }), _jsx(ComboboxList, { children: _jsx(ComboboxCollection, { children: (id) => {
-                                        const slot = slotMap.get(id);
-                                        if (!slot)
-                                            return null;
-                                        return (_jsx(ComboboxItem, { value: slot.id, children: formatLabel(slot) }, slot.id));
-                                    } }) })] })] })] }));
-}

package/dist/admin/journey-travel-credit-picker.d.ts

@@ -1,2 +0,0 @@
-import type { TravelCreditPickerProps } from "../journey/index.js";
-export declare function JourneyTravelCreditPicker({ value, onApply, }: TravelCreditPickerProps): React.ReactElement;

package/dist/admin/journey-travel-credit-picker.js

@@ -1,72 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * Admin Travel Credit picker: an async combobox over the admin Travel Credit list.
- * Staff search by code and pick a Travel Credit (the full remaining balance is
- * redeemed); they never need to know the exact code, unlike storefront
- * customers. Wired into `<BookingJourneyHost />` via `renderTravelCreditPicker`.
- */
-import { useLocale, useOperatorAdminMessages } from "@voyant-travel/admin";
-import { useTravelCredits } from "@voyant-travel/finance-react";
-import { Combobox, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxInput, ComboboxItem, ComboboxList, } from "@voyant-travel/ui/components/combobox";
-import { Label } from "@voyant-travel/ui/components/label";
-import { useEffect, useState } from "react";
-function formatMoney(cents, currency, locale) {
-    try {
-        return new Intl.NumberFormat(locale, { style: "currency", currency }).format(cents / 100);
-    }
-    catch {
-        return `${(cents / 100).toFixed(2)} ${currency}`;
-    }
-}
-function travelCreditLabel(travelCredit, locale) {
-    return `${travelCredit.code} · ${formatMoney(travelCredit.remainingAmountCents, travelCredit.currency, locale)}`;
-}
-export function JourneyTravelCreditPicker({ value, onApply, }) {
-    const { resolvedLocale } = useLocale();
-    const t = useOperatorAdminMessages().bookings.detail.bookingJourney;
-    const [inputValue, setInputValue] = useState("");
-    const [search, setSearch] = useState("");
-    // Active Travel Credits with a remaining balance, filtered by the typed code.
-    const query = useTravelCredits({
-        status: "active",
-        hasBalance: true,
-        search: search || undefined,
-        limit: 20,
-    });
-    const travelCredits = query.data?.data ?? [];
-    const byId = new Map(travelCredits.map((travelCredit) => [travelCredit.id, travelCredit]));
-    const selectedId = value.travelCreditId ?? null;
-    // Reflect a pre-selected Travel Credit's label once its record loads.
-    useEffect(() => {
-        if (selectedId && byId.has(selectedId)) {
-            setInputValue(travelCreditLabel(byId.get(selectedId), resolvedLocale));
-        }
-    }, [selectedId, byId, resolvedLocale]);
-    return (_jsxs("div", { className: "space-y-1", children: [_jsx(Label, { children: t.travelCreditPickerLabel }), _jsxs(Combobox, { items: travelCredits.map((travelCredit) => travelCredit.id), value: selectedId, inputValue: inputValue, autoHighlight: true, itemToStringLabel: (id) => {
-                    const v = byId.get(id);
-                    return v ? travelCreditLabel(v, resolvedLocale) : id;
-                }, itemToStringValue: (id) => id, onInputValueChange: (next) => {
-                    setInputValue(next);
-                    setSearch(next);
-                    if (!next)
-                        onApply(null);
-                }, onValueChange: (next) => {
-                    const id = next ?? null;
-                    if (!id) {
-                        onApply(null);
-                        setInputValue("");
-                        return;
-                    }
-                    const v = byId.get(id);
-                    if (v) {
-                        onApply({ travelCreditId: v.id, amountCents: v.remainingAmountCents });
-                        setInputValue(travelCreditLabel(v, resolvedLocale));
-                    }
-                }, children: [_jsx(ComboboxInput, { placeholder: t.travelCreditSearchPlaceholder, showClear: !!selectedId }), _jsxs(ComboboxContent, { children: [_jsx(ComboboxEmpty, { children: t.travelCreditEmpty }), _jsx(ComboboxList, { children: _jsx(ComboboxCollection, { children: (id) => {
-                                        const v = byId.get(id);
-                                        if (!v)
-                                            return null;
-                                        return (_jsx(ComboboxItem, { value: v.id, children: _jsxs("div", { className: "flex min-w-0 flex-col", children: [_jsx("span", { className: "truncate font-medium", children: v.code }), _jsx("span", { className: "truncate text-muted-foreground text-xs", children: formatMoney(v.remainingAmountCents, v.currency, resolvedLocale) })] }) }, v.id));
-                                    } }) })] })] })] }));
-}

package/dist/admin/journey-units-picker.d.ts

@@ -1,10 +0,0 @@
-import type { UnitsPickerProps } from "../journey/index.js";
-/**
- * Admin rooms/units picker for the booking journey's `"option-units"`
- * sub-step. Wraps the shared `OptionUnitsStepperSection` (which loads the
- * product's option units + per-slot availability) and mirrors the picked
- * quantities into the journey draft's `configure.optionSelections`.
- *
- * Wired into `<BookingJourneyHost />` via the `renderUnitsPicker` slot.
- */
-export declare function JourneyUnitsPicker({ productId, optionId, slotId, selections, onChange, }: UnitsPickerProps): React.ReactElement;