@voyant-travel/trips-react 0.110.2

package/dist/admin/trip-component-display.js

@@ -0,0 +1,137 @@
+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;
+        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 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 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;
+}
+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;
+}
+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);
+}

package/dist/admin/trip-detail-host.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Packaged admin host for the trip detail page (packaged-admin RFC
+ * Phase 3). The `"new"` pseudo-id mounts the admin trips directly;
+ * existing trips render the read-only record page (seeded by the
+ * `trips-detail` contribution's loader) with an Edit toggle into
+ * the composer. Cross-route links (bookings, CRM people, the trips list)
+ * resolve through semantic destinations (RFC §4.7).
+ */
+export declare function TripDetailHost({ id }: {
+    id: string;
+}): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=trip-detail-host.d.ts.map

package/dist/admin/trip-detail-host.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"trip-detail-host.d.ts","sourceRoot":"","sources":["../../src/admin/trip-detail-host.tsx"],"names":[],"mappings":"AAeA;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAAC,EAAE,EAAE,EAAE,EAAE;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,kDA0BpD"}

package/dist/admin/trip-detail-host.js

@@ -0,0 +1,37 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useQuery } from "@tanstack/react-query";
+import { lazy, Suspense, useState } from "react";
+import { useVoyantTripsContext } from "../provider.js";
+import { getTripQueryOptions } from "../query-options.js";
+import { TripRecordPage } from "./trip-detail-record.js";
+const AdminTripsPage = lazy(() => import("./admin-trips-page.js").then((module) => ({
+    default: module.AdminTripsPage,
+})));
+/**
+ * Packaged admin host for the trip detail page (packaged-admin RFC
+ * Phase 3). The `"new"` pseudo-id mounts the admin trips directly;
+ * existing trips render the read-only record page (seeded by the
+ * `trips-detail` contribution's loader) with an Edit toggle into
+ * the composer. Cross-route links (bookings, CRM people, the trips list)
+ * resolve through semantic destinations (RFC §4.7).
+ */
+export function TripDetailHost({ id }) {
+    const [mode, setMode] = useState("record");
+    const { baseUrl, fetcher } = useVoyantTripsContext();
+    const isNew = id === "new";
+    const tripQuery = useQuery({
+        ...getTripQueryOptions({ baseUrl, fetcher }, id),
+        enabled: !isNew,
+    });
+    const trip = isNew ? null : (tripQuery.data ?? null);
+    if (!trip) {
+        if (!isNew && tripQuery.isPending)
+            return null;
+        return (_jsx(Suspense, { fallback: null, children: _jsx(AdminTripsPage, { initialTrip: null }) }));
+    }
+    if (mode === "edit") {
+        return (_jsx(Suspense, { fallback: null, children: _jsx(AdminTripsPage, { initialTrip: trip }) }));
+    }
+    return _jsx(TripRecordPage, { trip: trip, onEdit: () => setMode("edit") });
+}

package/dist/admin/trip-detail-record-model.d.ts

@@ -0,0 +1,30 @@
+export interface BillingRecordValue {
+    buyerType?: string;
+    personId?: string;
+    organizationId?: string;
+    contact?: {
+        firstName?: string;
+        lastName?: string;
+        email?: string;
+        phone?: string;
+    };
+}
+export interface TripTravelerRecord {
+    localId?: string;
+    personId?: string | null;
+    firstName?: string;
+    lastName?: string;
+    email?: string;
+    role?: string;
+}
+export declare function readBilling(travelerParty: Record<string, unknown>): BillingRecordValue | null;
+export declare function readTravelers(travelerParty: Record<string, unknown>): TripTravelerRecord[];
+export declare function formatPersonName(person: {
+    firstName?: string | null;
+    lastName?: string | null;
+    email?: string | null;
+} | undefined | null): string | null;
+export declare function formatContactName(contact: BillingRecordValue["contact"]): string | null;
+export declare function isRecord(value: unknown): value is Record<string, unknown>;
+export declare function stringValue(value: unknown): string | undefined;
+//# sourceMappingURL=trip-detail-record-model.d.ts.map

package/dist/admin/trip-detail-record-model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"trip-detail-record-model.d.ts","sourceRoot":"","sources":["../../src/admin/trip-detail-record-model.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,kBAAkB;IACjC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,OAAO,CAAC,EAAE;QACR,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;QACjB,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,KAAK,CAAC,EAAE,MAAM,CAAA;KACf,CAAA;CACF;AAED,MAAM,WAAW,kBAAkB;IACjC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,wBAAgB,WAAW,CAAC,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,kBAAkB,GAAG,IAAI,CAiB7F;AAED,wBAAgB,aAAa,CAAC,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,kBAAkB,EAAE,CAW1F;AAED,wBAAgB,gBAAgB,CAC9B,MAAM,EACF;IACE,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CACtB,GACD,SAAS,GACT,IAAI,GACP,MAAM,GAAG,IAAI,CAOf;AAED,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,kBAAkB,CAAC,SAAS,CAAC,GAAG,MAAM,GAAG,IAAI,CAOvF;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAEzE;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAE9D"}

package/dist/admin/trip-detail-record-model.js

@@ -0,0 +1,56 @@
+export function readBilling(travelerParty) {
+    const billing = travelerParty.billing;
+    if (!isRecord(billing))
+        return null;
+    const contact = isRecord(billing.contact) ? billing.contact : undefined;
+    return {
+        buyerType: stringValue(billing.buyerType),
+        personId: stringValue(billing.personId),
+        organizationId: stringValue(billing.organizationId),
+        contact: contact
+            ? {
+                firstName: stringValue(contact.firstName),
+                lastName: stringValue(contact.lastName),
+                email: stringValue(contact.email),
+                phone: stringValue(contact.phone),
+            }
+            : undefined,
+    };
+}
+export function readTravelers(travelerParty) {
+    const travelers = travelerParty.travelers;
+    if (!Array.isArray(travelers))
+        return [];
+    return travelers.filter(isRecord).map((traveler) => ({
+        localId: stringValue(traveler.localId),
+        personId: stringValue(traveler.personId) ?? null,
+        firstName: stringValue(traveler.firstName),
+        lastName: stringValue(traveler.lastName),
+        email: stringValue(traveler.email),
+        role: stringValue(traveler.role),
+    }));
+}
+export function formatPersonName(person) {
+    if (!person)
+        return null;
+    const name = [person.firstName, person.lastName]
+        .filter((part) => (part ?? "").trim().length > 0)
+        .join(" ")
+        .trim();
+    return name || person.email || null;
+}
+export function formatContactName(contact) {
+    if (!contact)
+        return null;
+    const name = [contact.firstName, contact.lastName]
+        .filter((part) => (part ?? "").trim().length > 0)
+        .join(" ")
+        .trim();
+    return name || null;
+}
+export function isRecord(value) {
+    return Boolean(value && typeof value === "object" && !Array.isArray(value));
+}
+export function stringValue(value) {
+    return typeof value === "string" && value.trim().length > 0 ? value : undefined;
+}

package/dist/admin/trip-detail-record.d.ts

@@ -0,0 +1,47 @@
+import { useOperatorAdminMessages as useAdminMessages } from "@voyant-travel/admin";
+import type { Trip, TripComponent } from "@voyant-travel/trips";
+import { Route as RouteIcon } from "lucide-react";
+import { type ReactNode } from "react";
+import { type TripTravelerRecord } from "./trip-detail-record-model.js";
+export declare function TripRecordPage({ trip, onEdit }: {
+    trip: Trip;
+    onEdit(): void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function BillingRecord({ travelerParty, messages, }: {
+    travelerParty: Record<string, unknown>;
+    messages: ReturnType<typeof useAdminMessages>["trips"]["detail"];
+}): import("react/jsx-runtime").JSX.Element;
+export declare function TravelersRecord({ travelerParty, messages, }: {
+    travelerParty: Record<string, unknown>;
+    messages: ReturnType<typeof useAdminMessages>["trips"]["detail"];
+}): import("react/jsx-runtime").JSX.Element;
+export declare function TravelerRecordRow({ traveler, index, messages, }: {
+    traveler: TripTravelerRecord;
+    index: number;
+    messages: ReturnType<typeof useAdminMessages>["trips"]["detail"];
+}): import("react/jsx-runtime").JSX.Element;
+export declare function PersonLink({ personId, children }: {
+    personId: string;
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function SummaryCard({ label, value, icon: Icon, }: {
+    label: string;
+    value: string;
+    icon: typeof RouteIcon;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ComponentRow({ component, messages, onOpenBooking, }: {
+    component: TripComponent;
+    messages: ReturnType<typeof useAdminMessages>["trips"]["detail"];
+    onOpenBooking(bookingId: string): void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function tripScheduleLabel(components: Trip["components"]): string | null | undefined;
+export declare function SummaryLine({ label, value, strong, }: {
+    label: string;
+    value: string;
+    strong?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function componentIcon(component: TripComponent): import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export declare function formatStatus(value: string): string;
+export declare function formatDate(value: Date | string | null | undefined): string;
+export declare function formatMoney(amountCents: number | null | undefined, currency: string | null | undefined): string;
+//# sourceMappingURL=trip-detail-record.d.ts.map

package/dist/admin/trip-detail-record.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"trip-detail-record.d.ts","sourceRoot":"","sources":["../../src/admin/trip-detail-record.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,wBAAwB,IAAI,gBAAgB,EAE7C,MAAM,sBAAsB,CAAA;AAI7B,OAAO,KAAK,EAAE,IAAI,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAa/D,OAAO,EAUL,KAAK,IAAI,SAAS,EAGnB,MAAM,cAAc,CAAA;AACrB,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAA;AAShD,OAAO,EAKL,KAAK,kBAAkB,EACxB,MAAM,+BAA+B,CAAA;AAEtC,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;IAAE,IAAI,EAAE,IAAI,CAAC;IAAC,MAAM,IAAI,IAAI,CAAA;CAAE,2CAwL9E;AA+BD,wBAAgB,aAAa,CAAC,EAC5B,aAAa,EACb,QAAQ,GACT,EAAE;IACD,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACtC,QAAQ,EAAE,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAA;CACjE,2CAoEA;AAED,wBAAgB,eAAe,CAAC,EAC9B,aAAa,EACb,QAAQ,GACT,EAAE;IACD,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACtC,QAAQ,EAAE,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAA;CACjE,2CA4BA;AAED,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,KAAK,EACL,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,kBAAkB,CAAA;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAA;CACjE,2CA0BA;AAED,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,2CAe3F;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,KAAK,EACL,IAAI,EAAE,IAAI,GACX,EAAE;IACD,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,OAAO,SAAS,CAAA;CACvB,2CAcA;AAED,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,QAAQ,EACR,aAAa,GACd,EAAE;IACD,SAAS,EAAE,aAAa,CAAA;IACxB,QAAQ,EAAE,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAA;IAChE,aAAa,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,CAAA;CACvC,2CAuDA;AAED,wBAAgB,iBAAiB,CAAC,UAAU,EAAE,IAAI,CAAC,YAAY,CAAC,6BAO/D;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,KAAK,EACL,MAAc,GACf,EAAE;IACD,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,2CAOA;AAED,wBAAgB,aAAa,CAAC,SAAS,EAAE,aAAa,6IAKrD;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,UAEzC;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,UAKjE;AAED,wBAAgB,WAAW,CACzB,WAAW,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EACtC,QAAQ,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,UAOpC"}

package/dist/admin/trip-detail-record.js

@@ -0,0 +1,170 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useAdminHref, useOperatorAdminMessages as useAdminMessages, useAdminNavigate, } from "@voyant-travel/admin";
+import { buildPaymentLinkUrl } from "@voyant-travel/finance/payment-link";
+import { formatMessage } from "@voyant-travel/i18n";
+import { useOrganization, usePerson } from "@voyant-travel/relationships-react";
+import { Badge } from "@voyant-travel/ui/components/badge";
+import { Button } from "@voyant-travel/ui/components/button";
+import { Card, CardContent, CardHeader, CardTitle } from "@voyant-travel/ui/components/card";
+import { Separator } from "@voyant-travel/ui/components/separator";
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "@voyant-travel/ui/components/table";
+import { ArrowLeft, BedDouble, CalendarClock, Check, Copy, CreditCard, ExternalLink, Pencil, Plane, Route as RouteIcon, Ship, Users, } from "lucide-react";
+import { useState } from "react";
+import { useVoyantTripsContext } from "../provider.js";
+import { componentReferenceLabelFor, componentTitleFor, formatScheduleLabel, sortComponentsBySchedule, } from "./trip-component-display.js";
+import { formatContactName, formatPersonName, readBilling, readTravelers, } from "./trip-detail-record-model.js";
+export function TripRecordPage({ trip, onEdit }) {
+    const messages = useAdminMessages().trips;
+    const detailMessages = messages.detail;
+    const navigateTo = useAdminNavigate();
+    const { baseUrl } = useVoyantTripsContext();
+    const [copiedPaymentLink, setCopiedPaymentLink] = useState(false);
+    const envelope = trip.envelope;
+    const activeComponents = sortComponentsBySchedule(trip.components.filter((component) => component.status !== "removed"));
+    const bookedComponents = activeComponents.filter((component) => component.bookingId).length;
+    const externalRefs = activeComponents.filter((component) => component.orderId || component.paymentSessionId).length;
+    const scheduleSummary = tripScheduleLabel(activeComponents);
+    return (_jsxs("main", { className: "flex flex-col gap-6 p-6", children: [_jsxs("div", { className: "flex flex-col gap-4 md:flex-row md:items-start md:justify-between", children: [_jsxs("div", { className: "space-y-3", children: [_jsxs(Button, { variant: "ghost", size: "sm", onClick: () => navigateTo("trip.list", {}), children: [_jsx(ArrowLeft, { className: "size-4", "aria-hidden": "true" }), detailMessages.breadcrumb] }), _jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-3", children: [_jsx("h1", { className: "font-bold text-2xl tracking-tight", children: detailMessages.title }), _jsx(Badge, { variant: envelope.status === "failed" ? "destructive" : "secondary", children: messages.statuses[envelope.status] })] }), envelope.description ? (_jsx("p", { className: "max-w-3xl text-muted-foreground text-sm", children: envelope.description })) : null, _jsx("p", { className: "text-muted-foreground text-xs", children: scheduleSummary
+                                            ? `${scheduleSummary} · ${activeComponents.length} ${activeComponents.length === 1
+                                                ? messages.list.componentSingular
+                                                : messages.list.componentPlural} · ${envelope.id}`
+                                            : `${activeComponents.length} ${activeComponents.length === 1
+                                                ? messages.list.componentSingular
+                                                : messages.list.componentPlural} · ${envelope.id}` })] })] }), _jsxs(Button, { onClick: onEdit, children: [_jsx(Pencil, { className: "size-4", "aria-hidden": "true" }), detailMessages.editTrip] })] }), _jsxs("section", { className: "grid gap-4 md:grid-cols-4", children: [_jsx(SummaryCard, { label: detailMessages.summary.total, value: formatMoney(envelope.aggregateTotalAmountCents, envelope.aggregateCurrency), icon: CreditCard }), _jsx(SummaryCard, { label: detailMessages.summary.components, value: String(activeComponents.length), icon: RouteIcon }), _jsx(SummaryCard, { label: detailMessages.summary.bookings, value: String(bookedComponents), icon: CalendarClock }), _jsx(SummaryCard, { label: detailMessages.summary.externalRefs, value: String(externalRefs), icon: ExternalLink })] }), _jsxs("section", { className: "grid gap-4 lg:grid-cols-2", children: [_jsx(BillingRecord, { travelerParty: envelope.travelerParty, messages: detailMessages }), _jsx(TravelersRecord, { travelerParty: envelope.travelerParty, messages: detailMessages })] }), _jsxs("section", { className: "grid gap-6 xl:grid-cols-[minmax(0,1fr)_360px]", children: [_jsx("div", { className: "rounded-md border", children: _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: detailMessages.components.component }), _jsx(TableHead, { children: detailMessages.components.status }), _jsx(TableHead, { children: detailMessages.components.tax }), _jsx(TableHead, { children: detailMessages.components.total }), _jsx(TableHead, { className: "text-right", children: detailMessages.components.record })] }) }), _jsx(TableBody, { children: activeComponents.length === 0 ? (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: 5, className: "h-28 text-center text-muted-foreground text-sm", children: detailMessages.noComponentsOnTrip }) })) : (activeComponents.map((component) => (_jsx(ComponentRow, { component: component, messages: detailMessages, onOpenBooking: (bookingId) => navigateTo("booking.detail", { bookingId }) }, component.id)))) })] }) }), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { className: "text-base", children: detailMessages.summary.record }) }), _jsxs(CardContent, { className: "space-y-4", children: [_jsx(SummaryLine, { label: detailMessages.summary.status, value: messages.statuses[envelope.status] }), _jsx(SummaryLine, { label: detailMessages.summary.updated, value: formatDate(envelope.updatedAt) }), _jsx(SummaryLine, { label: detailMessages.summary.reserved, value: formatDate(envelope.reservedAt) }), _jsx(SummaryLine, { label: detailMessages.summary.checkoutStarted, value: formatDate(envelope.checkoutStartedAt) }), envelope.paymentSessionId ? (_jsxs("div", { className: "flex items-center justify-between gap-4 text-sm", children: [_jsx("span", { className: "text-muted-foreground", children: detailMessages.summary.paymentLink }), _jsxs(Button, { variant: "outline", size: "sm", onClick: () => void copyPaymentLink(envelope.paymentSessionId ?? "", baseUrl).then((copied) => {
+                                                    setCopiedPaymentLink(copied);
+                                                    if (copied) {
+                                                        window.setTimeout(() => setCopiedPaymentLink(false), 2000);
+                                                    }
+                                                }), children: [copiedPaymentLink ? (_jsx(Check, { className: "size-4", "aria-hidden": "true" })) : (_jsx(Copy, { className: "size-4", "aria-hidden": "true" })), copiedPaymentLink
+                                                        ? detailMessages.summary.copied
+                                                        : detailMessages.summary.copyLink] })] })) : null, _jsx(Separator, {}), _jsx(SummaryLine, { label: detailMessages.summary.subtotal, value: formatMoney(envelope.aggregateSubtotalAmountCents, envelope.aggregateCurrency) }), _jsx(SummaryLine, { label: detailMessages.summary.tax, value: formatMoney(envelope.aggregateTaxAmountCents, envelope.aggregateCurrency) }), _jsx(SummaryLine, { label: detailMessages.summary.total, value: formatMoney(envelope.aggregateTotalAmountCents, envelope.aggregateCurrency), strong: true })] })] })] })] }));
+}
+async function copyPaymentLink(paymentSessionId, apiBaseUrl) {
+    if (!paymentSessionId || typeof window === "undefined")
+        return false;
+    const publicCheckoutBaseUrl = await fetchPublicCheckoutBaseUrl(apiBaseUrl);
+    const url = buildPaymentLinkUrl(paymentSessionId, {
+        baseUrl: publicCheckoutBaseUrl ?? window.location.origin,
+    });
+    try {
+        await navigator.clipboard.writeText(url);
+        return true;
+    }
+    catch {
+        return false;
+    }
+}
+async function fetchPublicCheckoutBaseUrl(apiBaseUrl) {
+    try {
+        const res = await fetch(`${apiBaseUrl}/v1/public/payment-link-config`, {
+            headers: { Accept: "application/json" },
+        });
+        if (!res.ok)
+            return null;
+        const body = (await res.json());
+        return body.data?.publicCheckoutBaseUrl ?? null;
+    }
+    catch {
+        return null;
+    }
+}
+export function BillingRecord({ travelerParty, messages, }) {
+    const billing = readBilling(travelerParty);
+    const personQuery = usePerson(billing?.personId, { enabled: Boolean(billing?.personId) });
+    const orgQuery = useOrganization(billing?.organizationId, {
+        enabled: Boolean(billing?.organizationId),
+    });
+    const resolvedPersonName = formatPersonName(personQuery.data);
+    const primary = orgQuery.data?.name ??
+        resolvedPersonName ??
+        formatContactName(billing?.contact) ??
+        billing?.contact?.email ??
+        null;
+    const secondary = [
+        orgQuery.data?.name ? resolvedPersonName : null,
+        billing?.contact?.email,
+        billing?.buyerType,
+    ].filter(Boolean);
+    return (_jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { className: "text-base", children: messages.billing.title }) }), _jsx(CardContent, { className: "space-y-3", children: primary ? (_jsxs(_Fragment, { children: [_jsxs("div", { children: [_jsx("p", { className: "font-medium", children: billing?.personId && !orgQuery.data?.name ? (_jsx(PersonLink, { personId: billing.personId, children: primary })) : (primary) }), secondary.length > 0 ? (_jsxs("div", { className: "flex flex-wrap gap-x-1 text-muted-foreground text-sm", children: [orgQuery.data?.name && billing?.personId && resolvedPersonName ? (_jsxs(_Fragment, { children: [_jsx(PersonLink, { personId: billing.personId, children: resolvedPersonName }), billing.contact?.email || billing.buyerType ? _jsx("span", { children: "\u00B7" }) : null] })) : null, billing?.contact?.email ? _jsx("span", { children: billing.contact.email }) : null, billing?.contact?.email && billing?.buyerType ? _jsx("span", { children: "\u00B7" }) : null, billing?.buyerType ? _jsx("span", { children: billing.buyerType }) : null] })) : null] }), _jsxs("div", { className: "flex flex-wrap gap-x-4 gap-y-1 text-muted-foreground text-xs", children: [billing?.personId ? (_jsxs("span", { children: [messages.billing.person, ": ", billing.personId] })) : null, billing?.organizationId ? (_jsxs("span", { children: [messages.billing.organization, ": ", billing.organizationId] })) : null] })] })) : (_jsx("p", { className: "text-muted-foreground text-sm", children: messages.billing.noProfile })) })] }));
+}
+export function TravelersRecord({ travelerParty, messages, }) {
+    const travelers = readTravelers(travelerParty);
+    return (_jsxs(Card, { children: [_jsx(CardHeader, { children: _jsxs(CardTitle, { className: "flex items-center gap-2 text-base", children: [_jsx(Users, { className: "size-4", "aria-hidden": "true" }), messages.travelers.title] }) }), _jsx(CardContent, { children: travelers.length > 0 ? (_jsx("ul", { className: "divide-y", children: travelers.map((traveler, index) => (_jsx(TravelerRecordRow, { traveler: traveler, index: index, messages: messages }, traveler.localId ?? traveler.personId ?? index))) })) : (_jsx("p", { className: "text-muted-foreground text-sm", children: messages.travelers.none })) })] }));
+}
+export function TravelerRecordRow({ traveler, index, messages, }) {
+    const personQuery = usePerson(traveler.personId ?? undefined, {
+        enabled: Boolean(traveler.personId),
+    });
+    const inlineName = [traveler.firstName, traveler.lastName]
+        .filter((part) => (part ?? "").trim().length > 0)
+        .join(" ")
+        .trim();
+    const name = inlineName ||
+        formatPersonName(personQuery.data) ||
+        formatMessage(messages.travelers.fallbackName, { index: String(index + 1) });
+    const email = traveler.email ?? personQuery.data?.email ?? null;
+    return (_jsxs("li", { className: "flex items-center justify-between gap-4 py-3 first:pt-0 last:pb-0", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("p", { className: "truncate font-medium", children: traveler.personId ? _jsx(PersonLink, { personId: traveler.personId, children: name }) : name }), email ? _jsx("p", { className: "truncate text-muted-foreground text-sm", children: email }) : null] }), _jsx(Badge, { variant: "secondary", className: "shrink-0 capitalize", children: traveler.role ?? messages.travelers.fallbackRole })] }));
+}
+export function PersonLink({ personId, children }) {
+    const resolveHref = useAdminHref();
+    const navigateTo = useAdminNavigate();
+    return (_jsx("a", { href: resolveHref("person.detail", { personId }), onClick: (event) => {
+            event.preventDefault();
+            navigateTo("person.detail", { personId });
+        }, className: "text-primary hover:underline", children: children }));
+}
+export function SummaryCard({ label, value, icon: Icon, }) {
+    return (_jsx(Card, { children: _jsxs(CardContent, { className: "flex items-center gap-3 p-4", children: [_jsx("span", { className: "flex size-10 shrink-0 items-center justify-center rounded-md bg-muted", children: _jsx(Icon, { className: "size-4", "aria-hidden": "true" }) }), _jsxs("div", { className: "min-w-0", children: [_jsx("p", { className: "text-muted-foreground text-xs", children: label }), _jsx("p", { className: "truncate font-semibold text-lg", children: value })] })] }) }));
+}
+export function ComponentRow({ component, messages, onOpenBooking, }) {
+    const Icon = componentIcon(component);
+    const componentName = componentTitleFor(component);
+    const scheduleLabel = formatScheduleLabel(component);
+    const referenceLabel = componentReferenceLabelFor(component);
+    const secondary = [scheduleLabel, referenceLabel === componentName ? null : referenceLabel]
+        .filter(Boolean)
+        .join(" · ");
+    return (_jsxs(TableRow, { children: [_jsx(TableCell, { children: _jsxs("div", { className: "flex min-w-0 items-center gap-3", children: [_jsx("span", { className: "flex size-9 shrink-0 items-center justify-center rounded-md bg-muted", children: _jsx(Icon, { className: "size-4", "aria-hidden": "true" }) }), _jsxs("div", { className: "min-w-0", children: [_jsx("p", { className: "truncate font-medium", children: componentName }), secondary ? (_jsx("p", { className: "truncate text-muted-foreground text-xs", children: secondary })) : null] })] }) }), _jsx(TableCell, { children: _jsx(Badge, { variant: component.status === "failed" ? "destructive" : "secondary", children: formatStatus(component.status) }) }), _jsx(TableCell, { children: formatMoney(component.componentTaxAmountCents, component.componentCurrency) }), _jsx(TableCell, { children: formatMoney(component.componentTotalAmountCents, component.componentCurrency) }), _jsx(TableCell, { className: "text-right", children: component.bookingId ? (_jsxs(Button, { variant: "ghost", size: "sm", onClick: () => onOpenBooking(component.bookingId ?? ""), children: [_jsx(ExternalLink, { className: "size-4", "aria-hidden": "true" }), messages.components.booking] })) : component.orderId || component.paymentSessionId ? (_jsx("span", { className: "text-muted-foreground text-sm", children: component.orderId ?? component.paymentSessionId })) : (_jsx("span", { className: "text-muted-foreground text-sm", children: messages.components.notCommitted })) })] }));
+}
+export function tripScheduleLabel(components) {
+    const labels = components
+        .map(formatScheduleLabel)
+        .filter((label) => Boolean(label));
+    if (labels.length === 0)
+        return null;
+    if (labels.length === 1)
+        return labels[0];
+    return `${labels[0]} -> ${labels.at(-1)}`;
+}
+export function SummaryLine({ label, value, strong = false, }) {
+    return (_jsxs("div", { className: "flex items-center justify-between gap-4 text-sm", children: [_jsx("span", { className: "text-muted-foreground", children: label }), _jsx("span", { className: strong ? "font-semibold" : "font-medium", children: value })] }));
+}
+export function componentIcon(component) {
+    if (component.kind === "flight_placeholder" || component.kind === "flight_order")
+        return Plane;
+    if (component.entityModule === "accommodations")
+        return BedDouble;
+    if (component.entityModule === "cruises")
+        return Ship;
+    return RouteIcon;
+}
+export function formatStatus(value) {
+    return value.replaceAll("_", " ");
+}
+export function formatDate(value) {
+    if (!value)
+        return "-";
+    const date = value instanceof Date ? value : new Date(value);
+    if (Number.isNaN(date.getTime()))
+        return "-";
+    return date.toLocaleDateString();
+}
+export function formatMoney(amountCents, currency) {
+    if (amountCents == null)
+        return "-";
+    return (amountCents / 100).toLocaleString(undefined, {
+        style: "currency",
+        currency: currency ?? "EUR",
+    });
+}

package/dist/admin/trip-list-filters.d.ts

@@ -0,0 +1,33 @@
+import type { TripEnvelopeStatus } from "@voyant-travel/trips";
+export declare const TRIP_STATUS_ALL = "__all__";
+export type TripStatusFilter = TripEnvelopeStatus | typeof TRIP_STATUS_ALL;
+export interface TripListFiltersPopoverProps {
+    open: boolean;
+    onOpenChange(open: boolean): void;
+    activeFilterCount: number;
+    status: TripStatusFilter;
+    onStatusChange(value: TripStatusFilter): void;
+    productId: string | null;
+    onProductIdChange(value: string | null): void;
+    accommodationId: string | null;
+    onAccommodationIdChange(value: string | null): void;
+    cruiseId: string | null;
+    onCruiseIdChange(value: string | null): void;
+    hasFlight: boolean;
+    onHasFlightChange(value: boolean): void;
+    totalMin: string;
+    onTotalMinChange(value: string): void;
+    totalMax: string;
+    onTotalMaxChange(value: string): void;
+    createdRange: {
+        from: string | null;
+        to: string | null;
+    } | null;
+    onCreatedRangeChange(value: {
+        from: string | null;
+        to: string | null;
+    } | null): void;
+    onFiltersChanged(): void;
+}
+export declare function TripListFiltersPopover({ open, onOpenChange, activeFilterCount, status, onStatusChange, productId, onProductIdChange, accommodationId, onAccommodationIdChange, cruiseId, onCruiseIdChange, hasFlight, onHasFlightChange, totalMin, onTotalMinChange, totalMax, onTotalMaxChange, createdRange, onCreatedRangeChange, onFiltersChanged, }: TripListFiltersPopoverProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=trip-list-filters.d.ts.map

package/dist/admin/trip-list-filters.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"trip-list-filters.d.ts","sourceRoot":"","sources":["../../src/admin/trip-list-filters.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAmB9D,eAAO,MAAM,eAAe,YAAY,CAAA;AACxC,MAAM,MAAM,gBAAgB,GAAG,kBAAkB,GAAG,OAAO,eAAe,CAAA;AAgE1E,MAAM,WAAW,2BAA2B;IAC1C,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,CAAA;IACjC,iBAAiB,EAAE,MAAM,CAAA;IACzB,MAAM,EAAE,gBAAgB,CAAA;IACxB,cAAc,CAAC,KAAK,EAAE,gBAAgB,GAAG,IAAI,CAAA;IAC7C,SAAS,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAAA;IAC7C,eAAe,EAAE,MAAM,GAAG,IAAI,CAAA;IAC9B,uBAAuB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAAA;IACnD,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAAA;IAC5C,SAAS,EAAE,OAAO,CAAA;IAClB,iBAAiB,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAA;IACvC,QAAQ,EAAE,MAAM,CAAA;IAChB,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACrC,QAAQ,EAAE,MAAM,CAAA;IAChB,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACrC,YAAY,EAAE;QAAE,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;QAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,GAAG,IAAI,CAAA;IAC/D,oBAAoB,CAAC,KAAK,EAAE;QAAE,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;QAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,GAAG,IAAI,GAAG,IAAI,CAAA;IACpF,gBAAgB,IAAI,IAAI,CAAA;CACzB;AAED,wBAAgB,sBAAsB,CAAC,EACrC,IAAI,EACJ,YAAY,EACZ,iBAAiB,EACjB,MAAM,EACN,cAAc,EACd,SAAS,EACT,iBAAiB,EACjB,eAAe,EACf,uBAAuB,EACvB,QAAQ,EACR,gBAAgB,EAChB,SAAS,EACT,iBAAiB,EACjB,QAAQ,EACR,gBAAgB,EAChB,QAAQ,EACR,gBAAgB,EAChB,YAAY,EACZ,oBAAoB,EACpB,gBAAgB,GACjB,EAAE,2BAA2B,2CA6L7B"}