@voyant-travel/trips-react 0.110.2

package/dist/admin/trips-panels/display.js

@@ -0,0 +1,336 @@
+"use client";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { emptyPaymentScheduleValue } from "@voyant-travel/bookings-react/components/payment-schedule-section";
+import { BedDouble, ExternalLink, Landmark, Plane, Route as RouteIcon } from "lucide-react";
+export function resolveBillingDisplay(billing, person, org, messages) {
+    if (billing.billTo === "organization" && org?.name) {
+        return { primary: org.name, secondary: messages.billingPreview.organizationSecondary };
+    }
+    if (billing.mode === "new") {
+        const name = [billing.newPerson.firstName, billing.newPerson.lastName]
+            .filter((part) => part.trim().length > 0)
+            .join(" ")
+            .trim();
+        return {
+            primary: name || billing.newPerson.email.trim(),
+            secondary: name ? billing.newPerson.email.trim() : "",
+        };
+    }
+    if (person) {
+        const name = [person.firstName, person.lastName]
+            .filter((part) => (part ?? "").trim().length > 0)
+            .join(" ")
+            .trim();
+        return { primary: name || (person.email ?? ""), secondary: name ? (person.email ?? "") : "" };
+    }
+    return { primary: "", secondary: "" };
+}
+export function Reference({ label, value, href, }) {
+    if (!value)
+        return null;
+    if (!href)
+        return (_jsxs("span", { children: [label, ": ", _jsxs("span", { className: "font-mono", children: [value.slice(0, 12), "\u2026"] })] }));
+    return (_jsxs("a", { className: "inline-flex items-center gap-1 text-primary", href: href, children: [label, ": ", _jsxs("span", { className: "font-mono", children: [value.slice(0, 12), "\u2026"] }), _jsx(ExternalLink, { className: "size-3" })] }));
+}
+export function componentIcon(component) {
+    if (component.kind === "flight_placeholder" || component.kind === "flight_order")
+        return Plane;
+    if (component.entityModule === "accommodations")
+        return BedDouble;
+    if (component.kind === "manual_placeholder" || component.kind === "external_order")
+        return Landmark;
+    return RouteIcon;
+}
+export function readComponentSchedule(component) {
+    const md = component.metadata;
+    if (md?.scheduledStartsAt) {
+        return { start: md.scheduledStartsAt, end: md.scheduledEndsAt ?? null };
+    }
+    const dateRange = md?.bookingDraftV1?.configure?.dateRange;
+    if (dateRange?.checkIn) {
+        return { start: dateRange.checkIn, end: dateRange.checkOut ?? null };
+    }
+    const flight = md?.flightDraft;
+    if (flight?.departDate) {
+        return { start: flight.departDate, end: flight.returnDate ?? null };
+    }
+    const cruise = md?.cruiseDraft;
+    if (cruise?.embarkationDate) {
+        return { start: cruise.embarkationDate, end: null };
+    }
+    return { start: null, end: null };
+}
+export function formatScheduleLabel(component) {
+    const { start, end } = readComponentSchedule(component);
+    if (!start)
+        return null;
+    const startLabel = formatDateTime(start);
+    if (!end || end === start)
+        return startLabel;
+    return `${startLabel} → ${formatDateTime(end)}`;
+}
+export function sortComponentsBySchedule(components) {
+    return [...components].sort((a, b) => {
+        const aStart = readComponentSchedule(a).start;
+        const bStart = readComponentSchedule(b).start;
+        const aMs = aStart ? new Date(aStart).getTime() : Number.NaN;
+        const bMs = bStart ? new Date(bStart).getTime() : Number.NaN;
+        // Components without a schedule fall to the bottom, then ordered by sequence.
+        const aMissing = Number.isNaN(aMs);
+        const bMissing = Number.isNaN(bMs);
+        if (aMissing && bMissing)
+            return a.sequence - b.sequence;
+        if (aMissing)
+            return 1;
+        if (bMissing)
+            return -1;
+        if (aMs !== bMs)
+            return aMs - bMs;
+        return a.sequence - b.sequence;
+    });
+}
+export function readPendingSchedule(pending) {
+    if (pending.kind === "product" || pending.kind === "stay") {
+        return { start: pending.startsAt || null, end: pending.endsAt || null };
+    }
+    if (pending.kind === "flight") {
+        const offerSchedule = readFlightOfferSchedule(pending.selectedOffer);
+        if (offerSchedule.start)
+            return offerSchedule;
+        return { start: pending.departDate || null, end: pending.returnDate || null };
+    }
+    if (pending.kind === "cruise") {
+        return { start: pending.embarkationDate || null, end: null };
+    }
+    return { start: pending.startsAt || null, end: pending.endsAt || null };
+}
+export function readFlightOfferSchedule(offer) {
+    if (!offer)
+        return { start: null, end: null };
+    const firstItinerary = offer.itineraries[0];
+    const lastItinerary = offer.itineraries[offer.itineraries.length - 1];
+    const firstSegment = firstItinerary?.segments[0];
+    const lastSegment = lastItinerary?.segments[lastItinerary.segments.length - 1];
+    return {
+        start: firstSegment?.departure.at ?? null,
+        end: lastSegment?.arrival.at ?? null,
+    };
+}
+export function toRange(start, end) {
+    if (!start)
+        return null;
+    const startMs = new Date(start).getTime();
+    if (Number.isNaN(startMs))
+        return null;
+    const endMs = end ? new Date(end).getTime() : startMs;
+    if (Number.isNaN(endMs))
+        return [startMs, startMs];
+    return [startMs, Math.max(endMs, startMs)];
+}
+export function findOverlappingComponent(pending, committed) {
+    const { start: pStart, end: pEnd } = readPendingSchedule(pending);
+    const pendingRange = toRange(pStart, pEnd);
+    if (!pendingRange)
+        return null;
+    for (const component of committed) {
+        const { start, end } = readComponentSchedule(component);
+        const range = toRange(start, end);
+        if (!range)
+            continue;
+        // Half-open overlap: [a1, a2) ∩ [b1, b2) ≠ ∅ iff a1 < b2 ∧ b1 < a2.
+        if (pendingRange[0] < range[1] && range[0] < pendingRange[1])
+            return component;
+    }
+    return null;
+}
+export function componentTitleFor(component, resolvedEntityName) {
+    const metadata = component.metadata;
+    const entityName = cleanDisplayLabel(resolvedEntityName);
+    if (entityName)
+        return entityName;
+    const catalogName = cleanDisplayLabel(metadata?.catalogItem?.name);
+    if (catalogName)
+        return catalogName;
+    if (component.kind === "flight_placeholder" || component.kind === "flight_order") {
+        const origin = cleanDisplayLabel(metadata?.flightDraft?.origin);
+        const destination = cleanDisplayLabel(metadata?.flightDraft?.destination);
+        if (origin && destination)
+            return `${origin} → ${destination}`;
+    }
+    if (component.entityModule === "cruises") {
+        const cabin = cleanDisplayLabel(metadata?.cruiseDraft?.cabin);
+        if (cabin)
+            return `Cabin ${cabin}`;
+    }
+    if (component.entityModule === "accommodations") {
+        const accommodationName = cleanDisplayLabel(metadata?.accommodation?.propertyName) ??
+            cleanDisplayLabel(metadata?.accommodation?.name) ??
+            cleanDisplayLabel(metadata?.accommodation?.roomTypeName);
+        if (accommodationName)
+            return accommodationName;
+    }
+    if (metadata?.cruiseDraft) {
+        const cabin = cleanDisplayLabel(metadata.cruiseDraft.cabin);
+        if (cabin)
+            return `Cabin ${cabin}`;
+    }
+    if (component.kind === "manual_placeholder") {
+        const serviceName = cleanDisplayLabel(metadata?.manualService?.name);
+        if (serviceName)
+            return serviceName;
+        const title = cleanDisplayLabel(component.title);
+        if (title)
+            return title;
+        const description = cleanDisplayLabel(component.description);
+        if (description)
+            return description;
+    }
+    return componentReferenceLabelFor(component);
+}
+export function componentOptionSummaryFor(component) {
+    const metadata = component.metadata;
+    if (metadata?.flightDraft) {
+        const flightLabels = flightSelectionLabels(metadata.flightDraft.selectedOffer ?? null, metadata.flightDraft.ancillaries ?? null);
+        if (flightLabels.length > 0)
+            return flightLabels.join(", ");
+    }
+    const selections = metadata?.bookingDraftV1?.configure?.optionSelections ?? [];
+    const labels = selections.flatMap((selection) => {
+        const quantity = typeof selection.quantity === "number" && Number.isFinite(selection.quantity)
+            ? selection.quantity
+            : 0;
+        if (quantity <= 0)
+            return [];
+        const name = cleanDisplayLabel(selection.optionName) ??
+            cleanDisplayLabel(selection.optionUnitName) ??
+            cleanDisplayLabel(selection.optionId) ??
+            cleanDisplayLabel(selection.optionUnitId);
+        if (!name)
+            return [];
+        return [`${quantity} × ${name}`];
+    });
+    return labels.length > 0 ? labels.join(", ") : null;
+}
+export function flightSelectionLabels(offer, ancillaries) {
+    if (!offer || !ancillaries)
+        return [];
+    const labels = [];
+    const bundles = offer.fareBundles ?? [];
+    const bundleCounts = countById(ancillaries.fareBundle?.map((pick) => pick.bundleId) ?? []);
+    for (const [bundleId, quantity] of bundleCounts) {
+        const bundle = bundles.find((candidate) => candidate.id === bundleId);
+        labels.push(`${quantity} × ${bundle?.label ?? bundleId}`);
+    }
+    const baggageCount = ancillaries.baggage?.reduce((sum, pick) => sum + (pick.quantity ?? 1), 0) ?? 0;
+    if (baggageCount > 0)
+        labels.push(`${baggageCount} bag${baggageCount === 1 ? "" : "s"}`);
+    const assistanceCount = ancillaries.assistance?.length ?? 0;
+    if (assistanceCount > 0) {
+        labels.push(`${assistanceCount} assistance request${assistanceCount === 1 ? "" : "s"}`);
+    }
+    const extrasCount = ancillaries.extras?.reduce((sum, pick) => sum + (pick.quantity ?? 1), 0) ?? 0;
+    if (extrasCount > 0)
+        labels.push(`${extrasCount} extra${extrasCount === 1 ? "" : "s"}`);
+    return labels;
+}
+function countById(values) {
+    const counts = new Map();
+    for (const value of values)
+        counts.set(value, (counts.get(value) ?? 0) + 1);
+    return counts;
+}
+export function componentThumbnailFor(component) {
+    const metadata = component.metadata;
+    return cleanDisplayLabel(metadata?.catalogItem?.thumbnailUrl);
+}
+export function componentReferenceLabelFor(component) {
+    const reference = component.providerRef ??
+        component.supplierRef ??
+        component.bookingId ??
+        component.orderId ??
+        component.paymentSessionId ??
+        component.sourceRef ??
+        component.entityId ??
+        component.id;
+    return reference.length > 18 ? reference.slice(0, 18) : reference;
+}
+export function cleanDisplayLabel(value) {
+    const trimmed = value?.trim();
+    if (!trimmed)
+        return null;
+    const normalized = trimmed.toLowerCase();
+    if (normalized === "untitled trip" ||
+        normalized === "untitled component" ||
+        normalized === "flight placeholder" ||
+        normalized.startsWith("flight placeholder ") ||
+        normalized === "manual placeholder" ||
+        normalized === "cruise" ||
+        normalized === "cruise placeholder" ||
+        normalized === "catalog booking" ||
+        normalized === "product booking" ||
+        normalized === "stay booking" ||
+        normalized === "cruise booking" ||
+        normalized === "external order" ||
+        normalized === "flight order" ||
+        /^component \d+$/.test(normalized)) {
+        return null;
+    }
+    return trimmed;
+}
+export function recordFromUnknown(value) {
+    return value && typeof value === "object" && !Array.isArray(value)
+        ? value
+        : null;
+}
+export function paymentScheduleValueFromUnknown(value) {
+    const record = recordFromUnknown(value);
+    const mode = record?.mode === "split" ? "split" : record?.mode === "full" ? "full" : null;
+    if (!mode)
+        return { ...emptyPaymentScheduleValue };
+    return {
+        ...emptyPaymentScheduleValue,
+        ...record,
+        mode,
+    };
+}
+// Backend-emitted noise codes that just acknowledge how the price was set —
+// staff-built trips always carry `manual_placeholder_price` for manual /
+// external / flight placeholders. `currency_mismatch:*` is also noise here
+// because the rail already breaks totals out per currency.
+export function isUserVisibleWarning(code) {
+    if (code === "manual_placeholder_price")
+        return false;
+    if (code.startsWith("currency_mismatch"))
+        return false;
+    return true;
+}
+export function formatDateTime(iso) {
+    const parsed = new Date(iso);
+    if (Number.isNaN(parsed.getTime()))
+        return iso;
+    const hasTime = iso.includes("T") || iso.includes(" ");
+    return new Intl.DateTimeFormat(undefined, {
+        year: "numeric",
+        month: "short",
+        day: "numeric",
+        ...(hasTime ? { hour: "2-digit", minute: "2-digit" } : {}),
+    }).format(parsed);
+}
+export function formatDepartureLabel(slot) {
+    const date = formatDateTime(slot.startsAt);
+    const duration = slot.nights ? ` · ${slot.nights}n` : slot.days ? ` · ${slot.days}d` : "";
+    const capacity = slot.unlimited
+        ? ""
+        : slot.remainingPax != null
+            ? ` · ${slot.remainingPax} left`
+            : "";
+    return `${date}${duration}${capacity}`;
+}
+export function formatMoney(amountCents, currencyCode) {
+    if (amountCents == null)
+        return "-";
+    return (amountCents / 100).toLocaleString(undefined, {
+        style: "currency",
+        currency: currencyCode ?? "EUR",
+    });
+}

package/dist/admin/trips-panels/flight-configurator.d.ts

@@ -0,0 +1,34 @@
+import type { CabinClass, FlightOffer, FlightPassenger, PassengerCounts } from "@voyant-travel/flights/contract/types";
+import { type PendingComponent } from "./shared.js";
+import type { TripTraveler } from "./travelers-section.js";
+export declare function FlightConfigurator({ pending, travelers, onChange, }: {
+    pending: Extract<PendingComponent, {
+        kind: "flight";
+    }>;
+    travelers: TripTraveler[];
+    onChange(next: PendingComponent): void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function CabinSelector({ value, onChange, }: {
+    value: CabinClass;
+    onChange(next: CabinClass): void;
+}): import("react/jsx-runtime").JSX.Element;
+interface FlightPricingBreakdown {
+    currency: string;
+    subtotalAmountCents: number;
+    taxAmountCents: number;
+    ancillaryAmountCents: number;
+    totalAmountCents: number;
+}
+export declare function flightPricingFromPending(pending: Extract<PendingComponent, {
+    kind: "flight";
+}>): FlightPricingBreakdown;
+export declare function flightAncillaryAmountCents(pending: Extract<PendingComponent, {
+    kind: "flight";
+}>, currencyCode: string): number;
+export declare function legOffer(offer: FlightOffer, index: number): FlightOffer;
+export declare function moneyToCents(amount: string): number;
+export declare function passengerCountsFromTripTravelers(travelers: TripTraveler[]): PassengerCounts;
+export declare function flightPassengersFromTripTravelers(travelers: TripTraveler[]): FlightPassenger[];
+export declare function fallbackDobForPassengerType(type: FlightPassenger["type"]): string;
+export {};
+//# sourceMappingURL=flight-configurator.d.ts.map

package/dist/admin/trips-panels/flight-configurator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flight-configurator.d.ts","sourceRoot":"","sources":["../../../src/admin/trips-panels/flight-configurator.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,UAAU,EACV,WAAW,EACX,eAAe,EACf,eAAe,EAChB,MAAM,uCAAuC,CAAA;AAgB9C,OAAO,EAAS,KAAK,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAC1D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAE1D,wBAAgB,kBAAkB,CAAC,EACjC,OAAO,EACP,SAAS,EACT,QAAQ,GACT,EAAE;IACD,OAAO,EAAE,OAAO,CAAC,gBAAgB,EAAE;QAAE,IAAI,EAAE,QAAQ,CAAA;KAAE,CAAC,CAAA;IACtD,SAAS,EAAE,YAAY,EAAE,CAAA;IACzB,QAAQ,CAAC,IAAI,EAAE,gBAAgB,GAAG,IAAI,CAAA;CACvC,2CAgSA;AAED,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,UAAU,CAAA;IACjB,QAAQ,CAAC,IAAI,EAAE,UAAU,GAAG,IAAI,CAAA;CACjC,2CAuBA;AAED,UAAU,sBAAsB;IAC9B,QAAQ,EAAE,MAAM,CAAA;IAChB,mBAAmB,EAAE,MAAM,CAAA;IAC3B,cAAc,EAAE,MAAM,CAAA;IACtB,oBAAoB,EAAE,MAAM,CAAA;IAC5B,gBAAgB,EAAE,MAAM,CAAA;CACzB;AAED,wBAAgB,wBAAwB,CACtC,OAAO,EAAE,OAAO,CAAC,gBAAgB,EAAE;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,CAAC,GACrD,sBAAsB,CAyBxB;AAED,wBAAgB,0BAA0B,CACxC,OAAO,EAAE,OAAO,CAAC,gBAAgB,EAAE;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,CAAC,EACtD,YAAY,EAAE,MAAM,GACnB,MAAM,CAiCR;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,GAAG,WAAW,CAGvE;AAED,wBAAgB,YAAY,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAGnD;AAED,wBAAgB,gCAAgC,CAAC,SAAS,EAAE,YAAY,EAAE,GAAG,eAAe,CAe3F;AAED,wBAAgB,iCAAiC,CAAC,SAAS,EAAE,YAAY,EAAE,GAAG,eAAe,EAAE,CAkB9F;AAED,wBAAgB,2BAA2B,CAAC,IAAI,EAAE,eAAe,CAAC,MAAM,CAAC,GAAG,MAAM,CAIjF"}

package/dist/admin/trips-panels/flight-configurator.js

@@ -0,0 +1,208 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useOperatorAdminMessages as useAdminMessages } from "@voyant-travel/admin";
+import { useFlightAncillaries, useFlightSearch } from "@voyant-travel/flights-react";
+import { AirportCombobox, FlightBaggageStep, FlightFareUpsellStep, FlightOfferRow, FlightServicesStep, } from "@voyant-travel/flights-react/ui";
+import { formatMessage } from "@voyant-travel/i18n";
+import { Button } from "@voyant-travel/ui/components/button";
+import { DatePicker } from "@voyant-travel/ui/components/date-picker";
+import { Loader2, X } from "lucide-react";
+import * as React from "react";
+import { formatMoney } from "./display.js";
+import { Field } from "./shared.js";
+export function FlightConfigurator({ pending, travelers, onChange, }) {
+    const t = useAdminMessages().trips.adminComposer.panels;
+    const passengers = React.useMemo(() => flightPassengersFromTripTravelers(travelers), [travelers]);
+    const passengerCounts = React.useMemo(() => passengerCountsFromTripTravelers(travelers), [travelers]);
+    const isRoundTrip = pending.tripType === "round_trip";
+    const ready = Boolean(pending.origin &&
+        pending.destination &&
+        pending.departDate &&
+        (!isRoundTrip || pending.returnDate));
+    const slices = React.useMemo(() => {
+        if (!pending.origin || !pending.destination || !pending.departDate)
+            return [];
+        const next = [
+            {
+                origin: pending.origin,
+                destination: pending.destination,
+                departureDate: pending.departDate,
+            },
+        ];
+        if (pending.tripType === "round_trip" && pending.returnDate) {
+            next.push({
+                origin: pending.destination,
+                destination: pending.origin,
+                departureDate: pending.returnDate,
+            });
+        }
+        return next;
+    }, [
+        pending.departDate,
+        pending.destination,
+        pending.origin,
+        pending.returnDate,
+        pending.tripType,
+    ]);
+    const search = useFlightSearch({
+        slices,
+        passengers: passengerCounts,
+        cabin: pending.cabin,
+    }, { enabled: ready });
+    const offers = search.data?.offers ?? [];
+    const selectedOffer = pending.selectedOffer &&
+        offers.some((offer) => offer.offerId === pending.selectedOffer?.offerId)
+        ? pending.selectedOffer
+        : pending.selectedOffer;
+    const ancillaryQuery = useFlightAncillaries(selectedOffer ? { offerId: selectedOffer.offerId, offer: selectedOffer } : null, { enabled: Boolean(selectedOffer) });
+    const ancillaryCatalog = ancillaryQuery.data?.catalog ?? pending.ancillaryCatalog;
+    const priced = flightPricingFromPending({
+        ...pending,
+        selectedOffer,
+        ancillaryCatalog,
+    });
+    const patch = (next) => {
+        onChange({ ...pending, ...next });
+    };
+    const resetSelection = (next) => {
+        patch({
+            selectedOffer: null,
+            ancillaryCatalog: null,
+            fareBundlePicks: [],
+            baggagePicks: [],
+            assistancePicks: [],
+            extrasPicks: [],
+            ...next,
+        });
+    };
+    return (_jsxs("div", { className: "flex flex-col gap-5", children: [_jsxs("div", { className: "flex flex-wrap gap-2", children: [_jsx(Button, { type: "button", size: "sm", variant: !isRoundTrip ? "default" : "outline", onClick: () => resetSelection({ tripType: "one_way", returnDate: "" }), children: t.flightOneWay }), _jsx(Button, { type: "button", size: "sm", variant: isRoundTrip ? "default" : "outline", onClick: () => resetSelection({ tripType: "round_trip" }), children: t.flightRoundTrip })] }), _jsxs("div", { className: "grid gap-4 sm:grid-cols-2", children: [_jsx(Field, { label: t.flightOrigin, children: _jsx(AirportCombobox, { value: pending.origin, placeholder: t.fromPlaceholder, onChange: (code) => resetSelection({ origin: code }), className: "w-full" }) }), _jsx(Field, { label: t.flightDestination, children: _jsx(AirportCombobox, { value: pending.destination, placeholder: t.toPlaceholder, onChange: (code) => resetSelection({ destination: code }), className: "w-full" }) }), _jsx(Field, { label: t.flightDepart, children: _jsx(DatePicker, { value: pending.departDate, onChange: (departDate) => resetSelection({ departDate: departDate ?? "" }), placeholder: t.pickDate }) }), isRoundTrip ? (_jsx(Field, { label: t.flightReturn, children: _jsxs("div", { className: "flex gap-2", children: [_jsx(DatePicker, { value: pending.returnDate, onChange: (returnDate) => resetSelection({ returnDate: returnDate ?? "" }), placeholder: t.pickDate, className: "flex-1" }), _jsx(Button, { type: "button", variant: "outline", size: "icon", "aria-label": t.clearReturnDate, onClick: () => resetSelection({ returnDate: "" }), children: _jsx(X, { className: "size-4" }) })] }) })) : null] }), _jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3 rounded-md border bg-muted/20 p-3", children: [_jsxs("div", { className: "flex flex-col gap-0.5 text-sm", children: [_jsx("span", { className: "font-medium", children: t.travelersWord }), _jsxs("span", { className: "text-muted-foreground text-xs", children: [passengerCounts.adults === 1
+                                        ? t.travelerCountAdultSingular
+                                        : formatMessage(t.travelerCountAdultPlural, { count: passengerCounts.adults }), passengerCounts.children
+                                        ? formatMessage(passengerCounts.children === 1 ? t.travelerCountChild : t.travelerCountChildren, { count: passengerCounts.children })
+                                        : "", passengerCounts.infants
+                                        ? formatMessage(passengerCounts.infants === 1 ? t.travelerCountInfant : t.travelerCountInfants, { count: passengerCounts.infants })
+                                        : ""] })] }), _jsx(CabinSelector, { value: pending.cabin, onChange: (cabin) => resetSelection({ cabin }) })] }), ready ? (_jsxs("div", { className: "flex flex-col gap-3", children: [_jsxs("div", { className: "flex items-center justify-between gap-3", children: [_jsx("h4", { className: "font-medium text-sm", children: t.flightOptionsHeading }), search.isFetching ? (_jsxs("span", { className: "flex items-center gap-1 text-muted-foreground text-xs", children: [_jsx(Loader2, { className: "size-3 animate-spin" }), t.flightSearching] })) : offers.length > 0 ? (_jsx("span", { className: "text-muted-foreground text-xs", children: formatMessage(t.flightOptionsCount, { count: offers.length }) })) : null] }), search.isError ? (_jsx("p", { className: "rounded-md bg-destructive/10 px-3 py-2 text-destructive text-sm", children: t.flightSearchFailed })) : null, !search.isFetching && offers.length === 0 && !search.isError ? (_jsx("p", { className: "rounded-md border border-dashed p-3 text-muted-foreground text-sm", children: t.flightNoOptions })) : null, offers.slice(0, 5).map((offer) => (_jsx(FlightOfferRow, { offer: offer, selected: selectedOffer?.offerId === offer.offerId, selectLabel: selectedOffer?.offerId === offer.offerId ? t.flightSelected : t.flightSelect, onSelect: (nextOffer) => patch({
+                            selectedOffer: nextOffer,
+                            ancillaryCatalog: null,
+                            fareBundlePicks: [],
+                            baggagePicks: [],
+                            assistancePicks: [],
+                            extrasPicks: [],
+                        }) }, offer.offerId)))] })) : (_jsx("p", { className: "rounded-md border border-dashed p-3 text-muted-foreground text-sm", children: t.flightSelectSearchHint })), selectedOffer ? (_jsxs("div", { className: "flex flex-col gap-5 border-t pt-4", children: [_jsx(FlightFareUpsellStep, { outboundOffer: legOffer(selectedOffer, 0), returnOffer: selectedOffer.itineraries[1] ? legOffer(selectedOffer, 1) : undefined, passengers: passengers, passengerCounts: passengerCounts, value: pending.fareBundlePicks, onChange: (fareBundlePicks) => patch({ fareBundlePicks }), sameForAllPassengers: pending.sameFareForAllPassengers, onSameForAllPassengersChange: (sameFareForAllPassengers) => patch({ sameFareForAllPassengers }) }), ancillaryQuery.isError ? (_jsx("p", { className: "rounded-md border border-dashed p-3 text-muted-foreground text-sm", children: t.flightAncillariesUnavailable })) : (_jsx(FlightBaggageStep, { outboundCatalog: ancillaryCatalog, returnCatalog: selectedOffer.itineraries[1] ? ancillaryCatalog : null, outboundOffer: legOffer(selectedOffer, 0), returnOffer: selectedOffer.itineraries[1] ? legOffer(selectedOffer, 1) : undefined, passengers: passengers, passengerCounts: passengerCounts, value: pending.baggagePicks, onChange: (baggagePicks) => patch({ baggagePicks, ancillaryCatalog: ancillaryCatalog ?? null }), sameForBothDirections: pending.sameBaggageBothDirections, onSameForBothDirectionsChange: (sameBaggageBothDirections) => patch({ sameBaggageBothDirections }), loading: ancillaryQuery.isFetching })), ancillaryCatalog ? (_jsx(FlightServicesStep, { outboundCatalog: ancillaryCatalog, returnCatalog: selectedOffer.itineraries[1] ? ancillaryCatalog : null, outboundOffer: legOffer(selectedOffer, 0), returnOffer: selectedOffer.itineraries[1] ? legOffer(selectedOffer, 1) : undefined, passengers: passengers, passengerCounts: passengerCounts, assistance: pending.assistancePicks, extras: pending.extrasPicks, onAssistanceChange: (assistancePicks) => patch({ assistancePicks }), onExtrasChange: (extrasPicks) => patch({ extrasPicks }), loading: ancillaryQuery.isFetching })) : null, _jsxs("div", { className: "flex items-center justify-between rounded-md border bg-muted/30 p-3", children: [_jsx("span", { className: "text-muted-foreground text-sm", children: t.flightTotal }), _jsx("span", { className: "font-semibold text-base", children: formatMoney(priced.totalAmountCents, priced.currency) })] })] })) : null] }));
+}
+export function CabinSelector({ value, onChange, }) {
+    const t = useAdminMessages().trips.adminComposer.panels;
+    const cabins = [
+        { value: "economy", label: t.cabinClasses.economy },
+        { value: "premium_economy", label: t.cabinClasses.premium_economy },
+        { value: "business", label: t.cabinClasses.business },
+        { value: "first", label: t.cabinClasses.first },
+    ];
+    return (_jsx("div", { className: "flex flex-wrap gap-1", children: cabins.map((cabin) => (_jsx(Button, { type: "button", size: "sm", variant: value === cabin.value ? "default" : "outline", onClick: () => onChange(cabin.value), children: cabin.label }, cabin.value))) }));
+}
+export function flightPricingFromPending(pending) {
+    const offer = pending.selectedOffer;
+    if (!offer) {
+        return {
+            currency: "EUR",
+            subtotalAmountCents: 0,
+            taxAmountCents: 0,
+            ancillaryAmountCents: 0,
+            totalAmountCents: 0,
+        };
+    }
+    const currencyCode = offer.totalPrice.currency;
+    const offerTotal = moneyToCents(offer.totalPrice.amount);
+    const fareTax = offer.fareBreakdowns.reduce((sum, line) => sum + moneyToCents(line.taxes.amount), 0);
+    const ancillaryAmount = flightAncillaryAmountCents(pending, currencyCode);
+    return {
+        currency: currencyCode,
+        subtotalAmountCents: Math.max(0, offerTotal - fareTax) + ancillaryAmount,
+        taxAmountCents: fareTax,
+        ancillaryAmountCents: ancillaryAmount,
+        totalAmountCents: offerTotal + ancillaryAmount,
+    };
+}
+export function flightAncillaryAmountCents(pending, currencyCode) {
+    const offer = pending.selectedOffer;
+    const catalog = pending.ancillaryCatalog;
+    if (!offer)
+        return 0;
+    const fareBundles = offer.fareBundles ?? [];
+    const fareBundleTotal = pending.fareBundlePicks.reduce((sum, pick) => {
+        const bundle = fareBundles.find((candidate) => candidate.id === pick.bundleId);
+        if (!bundle || bundle.priceDelta.currency !== currencyCode)
+            return sum;
+        return sum + moneyToCents(bundle.priceDelta.amount);
+    }, 0);
+    if (!catalog)
+        return fareBundleTotal;
+    const baggageTotal = pending.baggagePicks.reduce((sum, pick) => {
+        const option = catalog.baggage.find((candidate) => candidate.id === pick.optionId);
+        if (!option || option.price.currency !== currencyCode)
+            return sum;
+        return sum + moneyToCents(option.price.amount) * (pick.quantity ?? 1);
+    }, 0);
+    const assistanceTotal = pending.assistancePicks.reduce((sum, pick) => {
+        const option = catalog.assistance.find((candidate) => candidate.id === pick.optionId);
+        if (!option?.price || option.price.currency !== currencyCode)
+            return sum;
+        return sum + moneyToCents(option.price.amount);
+    }, 0);
+    const extrasTotal = pending.extrasPicks.reduce((sum, pick) => {
+        const option = catalog.extras.find((candidate) => candidate.id === pick.optionId);
+        if (!option || option.price.currency !== currencyCode)
+            return sum;
+        return sum + moneyToCents(option.price.amount) * (pick.quantity ?? 1);
+    }, 0);
+    return fareBundleTotal + baggageTotal + assistanceTotal + extrasTotal;
+}
+export function legOffer(offer, index) {
+    const itinerary = offer.itineraries[index];
+    return itinerary ? { ...offer, itineraries: [itinerary] } : offer;
+}
+export function moneyToCents(amount) {
+    const parsed = Number.parseFloat(amount);
+    return Number.isFinite(parsed) ? Math.round(parsed * 100) : 0;
+}
+export function passengerCountsFromTripTravelers(travelers) {
+    const counts = travelers.reduce((acc, traveler) => {
+        if (traveler.role === "child")
+            acc.children += 1;
+        else if (traveler.role === "infant")
+            acc.infants += 1;
+        else
+            acc.adults += 1;
+        return acc;
+    }, { adults: 0, children: 0, infants: 0 });
+    return {
+        adults: Math.max(1, counts.adults),
+        children: counts.children,
+        infants: counts.infants,
+    };
+}
+export function flightPassengersFromTripTravelers(travelers) {
+    return travelers.map((traveler, index) => {
+        const type = traveler.role === "child" ? "child" : traveler.role === "infant" ? "infant" : "adult";
+        return {
+            passengerId: traveler.localId || `traveler_${index + 1}`,
+            type,
+            // fallback names sent verbatim to the flight provider's API as ASCII
+            // passenger placeholders when the operator hasn't yet filled in the
+            // real traveler.
+            firstName: 
+            // i18n-literal-ok
+            traveler.firstName || (type === "adult" ? "Adult" : type === "child" ? "Child" : "Infant"),
+            lastName: traveler.lastName || `${index + 1}`,
+            dateOfBirth: traveler.dateOfBirth || fallbackDobForPassengerType(type),
+            ...(traveler.email ? { email: traveler.email } : {}),
+        };
+    });
+}
+export function fallbackDobForPassengerType(type) {
+    if (type === "child")
+        return "2016-01-01";
+    if (type === "infant")
+        return "2025-01-01";
+    return "1990-01-01";
+}

package/dist/admin/trips-panels/manual-configurators.d.ts

@@ -0,0 +1,16 @@
+import { type PendingComponent } from "./shared.js";
+export declare function CruiseConfigurator({ pending, onChange, }: {
+    pending: Extract<PendingComponent, {
+        kind: "cruise";
+    }>;
+    onChange(next: PendingComponent): void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function PlaceholderConfigurator({ pending, onChange, }: {
+    pending: Extract<PendingComponent, {
+        kind: "manual";
+    }>;
+    onChange(next: PendingComponent): void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function pendingComponentIsValid(pending: PendingComponent): boolean;
+export declare function ComponentsEmpty(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=manual-configurators.d.ts.map

package/dist/admin/trips-panels/manual-configurators.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"manual-configurators.d.ts","sourceRoot":"","sources":["../../../src/admin/trips-panels/manual-configurators.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAAmC,KAAK,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAEpF,wBAAgB,kBAAkB,CAAC,EACjC,OAAO,EACP,QAAQ,GACT,EAAE;IACD,OAAO,EAAE,OAAO,CAAC,gBAAgB,EAAE;QAAE,IAAI,EAAE,QAAQ,CAAA;KAAE,CAAC,CAAA;IACtD,QAAQ,CAAC,IAAI,EAAE,gBAAgB,GAAG,IAAI,CAAA;CACvC,2CAqCA;AAED,wBAAgB,uBAAuB,CAAC,EACtC,OAAO,EACP,QAAQ,GACT,EAAE;IACD,OAAO,EAAE,OAAO,CAAC,gBAAgB,EAAE;QAAE,IAAI,EAAE,QAAQ,CAAA;KAAE,CAAC,CAAA;IACtD,QAAQ,CAAC,IAAI,EAAE,gBAAgB,GAAG,IAAI,CAAA;CACvC,2CA4EA;AAED,wBAAgB,uBAAuB,CAAC,OAAO,EAAE,gBAAgB,GAAG,OAAO,CAmB1E;AAED,wBAAgB,eAAe,4CAa9B"}

package/dist/admin/trips-panels/manual-configurators.js

@@ -0,0 +1,41 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useOperatorAdminMessages as useAdminMessages } from "@voyant-travel/admin";
+import { CurrencyCombobox } from "@voyant-travel/ui/components/currency-combobox";
+import { CurrencyInput } from "@voyant-travel/ui/components/currency-input";
+import { DateTimeField } from "@voyant-travel/ui/components/date-time-field";
+import { Empty, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, } from "@voyant-travel/ui/components/empty";
+import { Input } from "@voyant-travel/ui/components/input";
+import { Textarea } from "@voyant-travel/ui/components/textarea";
+import { Route as RouteIcon } from "lucide-react";
+import { formatMoney } from "./display.js";
+import { computePlaceholderTotals, Field } from "./shared.js";
+export function CruiseConfigurator({ pending, onChange, }) {
+    const t = useAdminMessages().trips.adminComposer.panels;
+    return (_jsxs("div", { className: "flex flex-col gap-4", children: [_jsxs("div", { className: "grid gap-4 sm:grid-cols-2", children: [_jsx(Field, { label: t.cruisePlaceholder.embarkationDate, children: _jsx(Input, { type: "date", value: pending.embarkationDate, onChange: (event) => onChange({ ...pending, embarkationDate: event.target.value }) }) }), _jsx(Field, { label: t.cruisePlaceholder.cabin, children: _jsx(Input, { value: pending.cabin, placeholder: t.cabinPlaceholder, onChange: (event) => onChange({ ...pending, cabin: event.target.value }) }) })] }), _jsx(Field, { label: t.cruisePlaceholder.description, children: _jsx(Textarea, { rows: 2, value: pending.description, onChange: (event) => onChange({ ...pending, description: event.target.value }) }) }), _jsx(Field, { label: t.cruisePlaceholder.estimatedAmount, children: _jsx(Input, { inputMode: "decimal", value: pending.estimatedAmount, placeholder: "0.00", onChange: (event) => onChange({ ...pending, estimatedAmount: event.target.value }) }) })] }));
+}
+export function PlaceholderConfigurator({ pending, onChange, }) {
+    const t = useAdminMessages().trips.adminComposer.panels;
+    const totals = computePlaceholderTotals(pending.subtotalCents, pending.taxRatePct);
+    return (_jsxs("div", { className: "flex flex-col gap-4", children: [_jsx(Field, { label: t.manualPlaceholder.nameLabel, children: _jsx(Input, { value: pending.name, placeholder: t.manualPlaceholder.namePlaceholder, onChange: (event) => onChange({ ...pending, name: event.target.value }) }) }), _jsx(Field, { label: t.manualPlaceholder.descriptionLabel, children: _jsx(Textarea, { rows: 2, value: pending.description, placeholder: t.notesPlaceholder, onChange: (event) => onChange({ ...pending, description: event.target.value }) }) }), _jsxs("div", { className: "grid gap-4 sm:grid-cols-2", children: [_jsx(Field, { label: t.fromLabel, children: _jsx(DateTimeField, { value: pending.startsAt, onChange: (value) => onChange({ ...pending, startsAt: value ?? "" }) }) }), _jsx(Field, { label: t.toLabel, children: _jsx(DateTimeField, { value: pending.endsAt, onChange: (value) => onChange({ ...pending, endsAt: value ?? "" }) }) })] }), _jsxs("div", { className: "grid gap-4 sm:grid-cols-[140px_minmax(0,1fr)_140px]", children: [_jsx(Field, { label: t.manualPlaceholder.currencyLabel, children: _jsx(CurrencyCombobox, { value: pending.currency, onChange: (value) => onChange({ ...pending, currency: value ?? "EUR" }) }) }), _jsx(Field, { label: t.manualPlaceholder.subtotalLabel, children: _jsx(CurrencyInput, { value: pending.subtotalCents, onChange: (value) => onChange({ ...pending, subtotalCents: value }), currency: pending.currency, placeholder: "0.00" }) }), _jsx(Field, { label: t.manualPlaceholder.taxRateLabel, children: _jsxs("div", { className: "relative", children: [_jsx(Input, { inputMode: "decimal", value: pending.taxRatePct, placeholder: "0", onChange: (event) => onChange({ ...pending, taxRatePct: event.target.value }), className: "pr-8" }), _jsx("span", { className: "-translate-y-1/2 pointer-events-none absolute top-1/2 right-3 text-muted-foreground text-xs", children: "%" })] }) })] }), _jsxs("div", { className: "flex flex-col gap-1 rounded-md border bg-muted/30 p-3 text-sm", children: [_jsxs("div", { className: "flex items-center justify-between text-muted-foreground", children: [_jsx("span", { children: t.tax }), _jsx("span", { children: formatMoney(totals.tax, pending.currency) })] }), _jsxs("div", { className: "flex items-center justify-between font-semibold", children: [_jsx("span", { children: t.total }), _jsx("span", { children: formatMoney(totals.total, pending.currency) })] })] })] }));
+}
+export function pendingComponentIsValid(pending) {
+    switch (pending.kind) {
+        case "product":
+            return Boolean(pending.catalogEntityId &&
+                pending.catalogSourceKind &&
+                pending.bookingDraft?.configure.departureSlotId);
+        case "stay":
+            return Boolean(pending.catalogEntityId && pending.catalogSourceKind && pending.bookingDraft);
+        case "flight":
+            return Boolean(pending.origin && pending.destination && pending.departDate && pending.selectedOffer);
+        case "cruise":
+            return Boolean(pending.embarkationDate);
+        case "manual":
+            return Boolean(pending.name && pending.subtotalCents && pending.subtotalCents > 0);
+    }
+}
+export function ComponentsEmpty() {
+    const t = useAdminMessages().trips.adminComposer.panels;
+    return (_jsx(Empty, { className: "border bg-card", children: _jsxs(EmptyHeader, { children: [_jsx(EmptyMedia, { variant: "icon", children: _jsx(RouteIcon, {}) }), _jsx(EmptyTitle, { children: t.emptyTimeline }), _jsx(EmptyDescription, { children: t.emptyTimelineHint })] }) }));
+}