@voyant-travel/trips-react 0.110.2

package/dist/admin/trips-panels/catalog-options.d.ts

@@ -0,0 +1,58 @@
+import { type Draft } from "@voyant-travel/bookings-react/journey";
+import type { BookingDraftShape } from "@voyant-travel/catalog/booking-engine";
+export declare function CatalogComponentOptions({ draft, shape, onDraftChange, }: {
+    draft: Draft | null;
+    shape: BookingDraftShape;
+    onDraftChange(draft: Draft): void;
+}): import("react/jsx-runtime").JSX.Element | null;
+export declare function CatalogProductOptionOptions({ draft, options, onDraftChange, }: {
+    draft: Draft;
+    options: ReadonlyArray<{
+        id: string;
+        code?: string | null;
+        name: string;
+        description?: string | null;
+        isDefault?: boolean;
+        units?: ReadonlyArray<{
+            id: string;
+            name: string;
+            description?: string | null;
+            unitType?: string | null;
+            minQuantity?: number | null;
+            maxQuantity?: number | null;
+        }>;
+    }>;
+    onDraftChange(draft: Draft): void;
+}): import("react/jsx-runtime").JSX.Element | null;
+export declare function setDraftOptionQuantity(draft: Draft, option: {
+    id: string;
+    name: string;
+}, unit: {
+    id: string;
+    name: string;
+} | null, quantity: number): Draft;
+export declare function CatalogAccommodationOptions({ draft, shape, onDraftChange, }: {
+    draft: Draft;
+    shape: BookingDraftShape;
+    onDraftChange(draft: Draft): void;
+}): import("react/jsx-runtime").JSX.Element | null;
+export declare function CatalogExtrasOptions({ draft, shape, onDraftChange, }: {
+    draft: Draft;
+    shape: BookingDraftShape;
+    onDraftChange(draft: Draft): void;
+}): import("react/jsx-runtime").JSX.Element | null;
+export declare function CatalogExtraRow({ draft, item, onDraftChange, }: {
+    draft: Draft;
+    item: {
+        id: string;
+        name: string;
+        description?: string | null;
+    };
+    onDraftChange(draft: Draft): void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function QuantityStepper({ value, onDecrement, onIncrement, }: {
+    value: number;
+    onDecrement(): void;
+    onIncrement(): void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=catalog-options.d.ts.map

package/dist/admin/trips-panels/catalog-options.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"catalog-options.d.ts","sourceRoot":"","sources":["../../../src/admin/trips-panels/catalog-options.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,KAAK,EAA+B,MAAM,uCAAuC,CAAA;AAC/F,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAA;AAK9E,wBAAgB,uBAAuB,CAAC,EACtC,KAAK,EACL,KAAK,EACL,aAAa,GACd,EAAE;IACD,KAAK,EAAE,KAAK,GAAG,IAAI,CAAA;IACnB,KAAK,EAAE,iBAAiB,CAAA;IACxB,aAAa,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,CAAA;CAClC,kDA4BA;AAED,wBAAgB,2BAA2B,CAAC,EAC1C,KAAK,EACL,OAAO,EACP,aAAa,GACd,EAAE;IACD,KAAK,EAAE,KAAK,CAAA;IACZ,OAAO,EAAE,aAAa,CAAC;QACrB,EAAE,EAAE,MAAM,CAAA;QACV,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;QACpB,IAAI,EAAE,MAAM,CAAA;QACZ,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;QAC3B,SAAS,CAAC,EAAE,OAAO,CAAA;QACnB,KAAK,CAAC,EAAE,aAAa,CAAC;YACpB,EAAE,EAAE,MAAM,CAAA;YACV,IAAI,EAAE,MAAM,CAAA;YACZ,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;YAC3B,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;YACxB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;YAC3B,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;SAC5B,CAAC,CAAA;KACH,CAAC,CAAA;IACF,aAAa,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,CAAA;CAClC,kDA2DA;AAED,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE;IACN,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;CACb,EACD,IAAI,EAAE;IACJ,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;CACb,GAAG,IAAI,EACR,QAAQ,EAAE,MAAM,GACf,KAAK,CAoBP;AAED,wBAAgB,2BAA2B,CAAC,EAC1C,KAAK,EACL,KAAK,EACL,aAAa,GACd,EAAE;IACD,KAAK,EAAE,KAAK,CAAA;IACZ,KAAK,EAAE,iBAAiB,CAAA;IACxB,aAAa,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,CAAA;CAClC,kDAgGA;AAED,wBAAgB,oBAAoB,CAAC,EACnC,KAAK,EACL,KAAK,EACL,aAAa,GACd,EAAE;IACD,KAAK,EAAE,KAAK,CAAA;IACZ,KAAK,EAAE,iBAAiB,CAAA;IACxB,aAAa,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,CAAA;CAClC,kDAkCA;AAED,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,IAAI,EACJ,aAAa,GACd,EAAE;IACD,KAAK,EAAE,KAAK,CAAA;IACZ,IAAI,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,CAAA;IAC/D,aAAa,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,CAAA;CAClC,2CA2BA;AAED,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,WAAW,EACX,WAAW,GACZ,EAAE;IACD,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,IAAI,IAAI,CAAA;IACnB,WAAW,IAAI,IAAI,CAAA;CACpB,2CAYA"}

package/dist/admin/trips-panels/catalog-options.js

@@ -0,0 +1,124 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useOperatorAdminMessages as useAdminMessages } from "@voyant-travel/admin";
+import { setAccommodation, setAddons } from "@voyant-travel/bookings-react/journey";
+import { Badge } from "@voyant-travel/ui/components/badge";
+import { Button } from "@voyant-travel/ui/components/button";
+import { Minus, Plus } from "lucide-react";
+export function CatalogComponentOptions({ draft, shape, onDraftChange, }) {
+    if (!draft)
+        return null;
+    const hasAccommodation = shape.showsAccommodation &&
+        ((shape.accommodation?.roomOptions?.length ?? 0) > 0 ||
+            (shape.accommodation?.subSteps?.length ?? 0) > 0);
+    const productOptionStep = shape.configureSubSteps?.find((step) => step.kind === "product-option");
+    const hasAddons = shape.showsAddons &&
+        ((shape.addons?.catalog?.length ?? 0) > 0 || (shape.addons?.groups?.length ?? 0) > 0);
+    if (!productOptionStep && !hasAccommodation && !hasAddons)
+        return null;
+    return (_jsxs("div", { className: "flex flex-col gap-5 border-t pt-4", children: [productOptionStep ? (_jsx(CatalogProductOptionOptions, { draft: draft, options: productOptionStep.options, onDraftChange: onDraftChange })) : null, hasAccommodation ? (_jsx(CatalogAccommodationOptions, { draft: draft, shape: shape, onDraftChange: onDraftChange })) : null, hasAddons ? (_jsx(CatalogExtrasOptions, { draft: draft, shape: shape, onDraftChange: onDraftChange })) : null] }));
+}
+export function CatalogProductOptionOptions({ draft, options, onDraftChange, }) {
+    const t = useAdminMessages().trips.adminComposer.panels;
+    const selections = draft.configure.optionSelections ?? [];
+    if (options.length === 0)
+        return null;
+    return (_jsxs("div", { className: "flex flex-col gap-3", children: [_jsxs("div", { children: [_jsx("h4", { className: "font-medium text-sm", children: t.optionsHeading }), _jsx("p", { className: "text-muted-foreground text-xs", children: t.optionsHint })] }), _jsx("div", { className: "grid gap-2 sm:grid-cols-2", children: options.map((option) => {
+                    const unit = option.units?.[0];
+                    const selected = selections.find((selection) => selection.optionId === option.id);
+                    const quantity = selected?.quantity ?? 0;
+                    const maxQuantity = unit?.maxQuantity ?? 99;
+                    return (_jsx("div", { className: `rounded-md border p-3 text-left text-sm transition-colors ${quantity > 0 ? "border-primary bg-primary/10" : "bg-background"}`, children: _jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsxs("span", { className: "min-w-0", children: [_jsxs("span", { className: "flex flex-wrap items-center gap-2", children: [_jsx("span", { className: "font-medium", children: option.name }), option.code ? (_jsx("span", { className: "text-muted-foreground text-xs uppercase", children: option.code })) : null, option.isDefault ? _jsx(Badge, { variant: "secondary", children: t.defaultOption }) : null] }), option.description ? (_jsx("span", { className: "mt-1 block text-muted-foreground text-xs", children: option.description })) : null, unit ? (_jsx("span", { className: "mt-1 block text-muted-foreground text-xs", children: unit.name })) : null] }), _jsx(QuantityStepper, { value: quantity, onDecrement: () => {
+                                        const nextQuantity = Math.max(0, quantity - 1);
+                                        onDraftChange(setDraftOptionQuantity(draft, option, unit ?? null, nextQuantity));
+                                    }, onIncrement: () => {
+                                        const nextQuantity = Math.min(maxQuantity, quantity + 1);
+                                        onDraftChange(setDraftOptionQuantity(draft, option, unit ?? null, nextQuantity));
+                                    } })] }) }, option.id));
+                }) })] }));
+}
+export function setDraftOptionQuantity(draft, option, unit, quantity) {
+    const existingSelections = draft.configure.optionSelections ?? [];
+    const nextSelections = existingSelections.filter((selection) => selection.optionId !== option.id);
+    if (quantity > 0) {
+        nextSelections.push({
+            optionId: option.id,
+            optionName: option.name,
+            ...(unit ? { optionUnitId: unit.id, optionUnitName: unit.name } : {}),
+            quantity,
+        });
+    }
+    const firstSelection = nextSelections[0];
+    return {
+        ...draft,
+        configure: {
+            ...draft.configure,
+            variantId: firstSelection?.optionId,
+            optionSelections: nextSelections,
+        },
+    };
+}
+export function CatalogAccommodationOptions({ draft, shape, onDraftChange, }) {
+    const t = useAdminMessages().trips.adminComposer.panels;
+    const rooms = shape.accommodation?.roomOptions ?? [];
+    const accommodation = draft.accommodation ?? { rooms: [], travelerAssignments: {} };
+    if (rooms.length === 0)
+        return null;
+    return (_jsxs("div", { className: "flex flex-col gap-3", children: [_jsxs("div", { children: [_jsx("h4", { className: "font-medium text-sm", children: t.roomsHeading }), _jsx("p", { className: "text-muted-foreground text-xs", children: t.roomsHint })] }), _jsx("div", { className: "flex flex-col gap-2", children: rooms.map((room) => {
+                    const current = accommodation.rooms.find((entry) => entry.optionUnitId === room.id);
+                    const ratePlans = room.ratePlans ?? [];
+                    const quantity = current?.quantity ?? 0;
+                    return (_jsxs("div", { className: "flex flex-col gap-3 rounded-md border bg-muted/20 p-3", children: [_jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "font-medium text-sm", children: room.name }), room.description ? (_jsx("p", { className: "text-muted-foreground text-xs", children: room.description })) : null] }), _jsx(QuantityStepper, { value: quantity, onDecrement: () => {
+                                            const nextRooms = accommodation.rooms.filter((entry) => entry.optionUnitId !== room.id);
+                                            const nextQuantity = quantity - 1;
+                                            if (nextQuantity > 0) {
+                                                nextRooms.push({
+                                                    optionUnitId: room.id,
+                                                    quantity: nextQuantity,
+                                                    ratePlanId: current?.ratePlanId,
+                                                });
+                                            }
+                                            onDraftChange(setAccommodation(draft, { ...accommodation, rooms: nextRooms }));
+                                        }, onIncrement: () => {
+                                            const nextRooms = accommodation.rooms.filter((entry) => entry.optionUnitId !== room.id);
+                                            const ratePlanId = current?.ratePlanId ?? (ratePlans.length === 1 ? ratePlans[0]?.id : undefined);
+                                            nextRooms.push({ optionUnitId: room.id, quantity: quantity + 1, ratePlanId });
+                                            onDraftChange(setAccommodation(draft, { ...accommodation, rooms: nextRooms }));
+                                        } })] }), quantity > 0 && ratePlans.length > 0 ? (_jsx("div", { className: "grid gap-2 sm:grid-cols-2", children: ratePlans.map((plan) => {
+                                    const selected = current?.ratePlanId === plan.id;
+                                    return (_jsxs("button", { type: "button", onClick: () => {
+                                            const nextRooms = accommodation.rooms.map((entry) => entry.optionUnitId === room.id
+                                                ? { ...entry, ratePlanId: plan.id }
+                                                : entry);
+                                            onDraftChange(setAccommodation(draft, { ...accommodation, rooms: nextRooms }));
+                                        }, className: `rounded-md border p-3 text-left text-sm transition-colors ${selected ? "border-primary bg-primary/10" : "bg-background"}`, children: [_jsx("span", { className: "font-medium", children: plan.name }), plan.description ? (_jsx("span", { className: "mt-1 block text-muted-foreground text-xs", children: plan.description })) : null, plan.inclusions && plan.inclusions.length > 0 ? (_jsxs("span", { className: "mt-1 block text-muted-foreground text-xs", children: ["Includes ", plan.inclusions.join(", ")] })) : null] }, plan.id));
+                                }) })) : null] }, room.id));
+                }) })] }));
+}
+export function CatalogExtrasOptions({ draft, shape, onDraftChange, }) {
+    const t = useAdminMessages().trips.adminComposer.panels;
+    const flat = shape.addons?.catalog ?? [];
+    const groups = shape.addons?.groups ?? [];
+    const hasGroupedExtras = groups.some((group) => group.items.length > 0);
+    if (flat.length === 0 && !hasGroupedExtras)
+        return null;
+    return (_jsxs("div", { className: "flex flex-col gap-3", children: [_jsxs("div", { children: [_jsx("h4", { className: "font-medium text-sm", children: t.optionsAndExtras }), _jsx("p", { className: "text-muted-foreground text-xs", children: t.optionsAndExtrasHint })] }), _jsxs("div", { className: "flex flex-col gap-3", children: [groups.map((group) => group.items.length > 0 ? (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx("div", { className: "text-muted-foreground text-xs uppercase", children: group.label }), group.items.map((item) => (_jsx(CatalogExtraRow, { draft: draft, item: item, onDraftChange: onDraftChange }, item.id)))] }, group.label)) : null), flat.map((item) => (_jsx(CatalogExtraRow, { draft: draft, item: item, onDraftChange: onDraftChange }, item.id)))] })] }));
+}
+export function CatalogExtraRow({ draft, item, onDraftChange, }) {
+    const current = draft.addons.find((entry) => entry.extraId === item.id);
+    const quantity = current?.quantity ?? 0;
+    return (_jsxs("div", { className: "flex items-center justify-between gap-3 rounded-md border bg-muted/20 p-3", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "font-medium text-sm", children: item.name }), item.description ? (_jsx("p", { className: "text-muted-foreground text-xs", children: item.description })) : null] }), _jsx(QuantityStepper, { value: quantity, onDecrement: () => {
+                    const nextAddons = draft.addons.filter((entry) => entry.extraId !== item.id);
+                    const nextQuantity = quantity - 1;
+                    if (nextQuantity > 0)
+                        nextAddons.push({ extraId: item.id, quantity: nextQuantity });
+                    onDraftChange(setAddons(draft, nextAddons));
+                }, onIncrement: () => {
+                    const nextAddons = draft.addons.filter((entry) => entry.extraId !== item.id);
+                    nextAddons.push({ extraId: item.id, quantity: quantity + 1 });
+                    onDraftChange(setAddons(draft, nextAddons));
+                } })] }));
+}
+export function QuantityStepper({ value, onDecrement, onIncrement, }) {
+    return (_jsxs("div", { className: "flex shrink-0 items-center gap-2", children: [_jsx(Button, { variant: "outline", size: "sm", type: "button", onClick: onDecrement, disabled: value <= 0, children: _jsx(Minus, { className: "size-3.5" }) }), _jsx("span", { className: "min-w-6 text-center text-sm", children: value }), _jsx(Button, { variant: "outline", size: "sm", type: "button", onClick: onIncrement, children: _jsx(Plus, { className: "size-3.5" }) })] }));
+}

package/dist/admin/trips-panels/committed-component-card.d.ts

@@ -0,0 +1,27 @@
+import { type PaymentScheduleValue } from "@voyant-travel/bookings-react/ui";
+import type { TripComponent } from "@voyant-travel/trips";
+export declare function CommittedComponentCard({ component, selectable, selected, onSelectedChange, onRemove, removePending, bookingSetupEditable, bookingSetupSaving, onBookingSetupChange, }: {
+    component: TripComponent;
+    index: number;
+    selectable?: boolean;
+    selected?: boolean;
+    onSelectedChange?: (checked: boolean) => void;
+    onRemove?: () => void;
+    removePending?: boolean;
+    bookingSetupEditable?: boolean;
+    bookingSetupSaving?: boolean;
+    onBookingSetupChange?: (component: TripComponent, setup: ComponentBookingSetup) => void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ComponentSetupCheckbox({ id, checked, label, onCheckedChange, }: {
+    id: string;
+    checked: boolean;
+    label: string;
+    onCheckedChange(value: boolean): void;
+}): import("react/jsx-runtime").JSX.Element;
+export interface ComponentBookingSetup {
+    paymentSchedule: PaymentScheduleValue;
+    generateContractDocument: boolean;
+    generateInvoiceDocument: boolean;
+}
+export declare function componentBookingSetupFor(component: TripComponent): ComponentBookingSetup;
+//# sourceMappingURL=committed-component-card.d.ts.map

package/dist/admin/trips-panels/committed-component-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"committed-component-card.d.ts","sourceRoot":"","sources":["../../../src/admin/trips-panels/committed-component-card.tsx"],"names":[],"mappings":"AAGA,OAAO,EAA0B,KAAK,oBAAoB,EAAE,MAAM,kCAAkC,CAAA;AACpG,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAoBzD,wBAAgB,sBAAsB,CAAC,EACrC,SAAS,EACT,UAAkB,EAClB,QAAgB,EAChB,gBAAgB,EAChB,QAAQ,EACR,aAAqB,EACrB,oBAA4B,EAC5B,kBAA0B,EAC1B,oBAAoB,GACrB,EAAE;IACD,SAAS,EAAE,aAAa,CAAA;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gBAAgB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IAC7C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,oBAAoB,CAAC,EAAE,CAAC,SAAS,EAAE,aAAa,EAAE,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAA;CACxF,2CA0JA;AAED,wBAAgB,sBAAsB,CAAC,EACrC,EAAE,EACF,OAAO,EACP,KAAK,EACL,eAAe,GAChB,EAAE;IACD,EAAE,EAAE,MAAM,CAAA;IACV,OAAO,EAAE,OAAO,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,eAAe,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAA;CACtC,2CAaA;AAED,MAAM,WAAW,qBAAqB;IACpC,eAAe,EAAE,oBAAoB,CAAA;IACrC,wBAAwB,EAAE,OAAO,CAAA;IACjC,uBAAuB,EAAE,OAAO,CAAA;CACjC;AAED,wBAAgB,wBAAwB,CAAC,SAAS,EAAE,aAAa,GAAG,qBAAqB,CAaxF"}

package/dist/admin/trips-panels/committed-component-card.js

@@ -0,0 +1,44 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useOperatorAdminMessages as useAdminMessages } from "@voyant-travel/admin";
+import { PaymentScheduleSection } from "@voyant-travel/bookings-react/ui";
+import { Badge } from "@voyant-travel/ui/components/badge";
+import { Button } from "@voyant-travel/ui/components/button";
+import { Checkbox } from "@voyant-travel/ui/components/checkbox";
+import { Label } from "@voyant-travel/ui/components/label";
+import { CalendarClock, CircleAlert, Loader2, Trash2 } from "lucide-react";
+import { componentIcon, componentOptionSummaryFor, componentThumbnailFor, componentTitleFor, formatMoney, formatScheduleLabel, isUserVisibleWarning, paymentScheduleValueFromUnknown, Reference, recordFromUnknown, } from "./display.js";
+export function CommittedComponentCard({ component, selectable = false, selected = false, onSelectedChange, onRemove, removePending = false, bookingSetupEditable = false, bookingSetupSaving = false, onBookingSetupChange, }) {
+    const t = useAdminMessages().trips.adminComposer.panels;
+    const Icon = componentIcon(component);
+    const coverUrl = componentThumbnailFor(component);
+    const componentName = componentTitleFor(component);
+    const optionSummary = componentOptionSummaryFor(component);
+    const bookingSetup = componentBookingSetupFor(component);
+    const canEditBookingSetup = bookingSetupEditable && component.kind === "catalog_booking" && !component.bookingId;
+    return (_jsxs("div", { className: `flex flex-col gap-3 rounded-md border bg-card p-4 ${selected ? "ring-2 ring-destructive/40" : ""}`, children: [_jsxs("div", { className: "flex items-start gap-3", children: [selectable ? (_jsx(Checkbox, { className: "mt-1", checked: selected, onCheckedChange: (value) => onSelectedChange?.(Boolean(value)), "aria-label": `Select ${componentName} for cancellation` })) : null, coverUrl ? (_jsx("img", { src: coverUrl, alt: "", className: "size-12 shrink-0 rounded-md object-cover ring-1 ring-border", loading: "lazy" })) : (_jsx("div", { className: "flex size-12 shrink-0 items-center justify-center rounded-md bg-muted", children: _jsx(Icon, { className: "size-5 text-muted-foreground" }) })), _jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx("span", { className: "font-medium", children: componentName }), component.status === "failed" ? (_jsx(Badge, { variant: "destructive", children: t.committedCard.statusFailed })) : component.status === "cancelled" ? (_jsx(Badge, { variant: "secondary", children: t.committedCard.statusCancelled })) : null] }), (() => {
+                                const label = formatScheduleLabel(component);
+                                return label ? (_jsxs("p", { className: "flex items-center gap-1 text-muted-foreground text-sm", children: [_jsx(CalendarClock, { className: "size-3.5" }), label] })) : null;
+                            })(), component.description ? (_jsx("p", { className: "truncate text-muted-foreground text-sm", children: component.description })) : null, optionSummary ? (_jsx("p", { className: "truncate text-muted-foreground text-sm", children: optionSummary })) : null, _jsxs("div", { className: "flex flex-wrap gap-x-4 gap-y-1 text-muted-foreground text-xs", children: [_jsx(Reference, { label: t.committedCard.bookingLabel, value: component.bookingId, href: component.bookingId ? `/bookings/${component.bookingId}` : undefined }), _jsx(Reference, { label: t.committedCard.orderLabel, value: component.orderId }), _jsx(Reference, { label: t.committedCard.paymentLabel, value: component.paymentSessionId })] })] }), _jsxs("div", { className: "flex flex-col items-end gap-1 text-right", children: [_jsx("p", { className: "font-semibold", children: formatMoney(component.componentTotalAmountCents, component.componentCurrency) }), component.componentTaxAmountCents != null && component.componentTaxAmountCents > 0 ? (_jsxs("p", { className: "text-muted-foreground text-xs", children: ["tax ", formatMoney(component.componentTaxAmountCents, component.componentCurrency)] })) : null, onRemove ? (_jsx(Button, { variant: "ghost", size: "sm", onClick: onRemove, disabled: removePending, "aria-label": t.removeComponent, className: "text-muted-foreground hover:text-destructive", children: removePending ? (_jsx(Loader2, { className: "size-3.5 animate-spin" })) : (_jsx(Trash2, { className: "size-3.5" })) })) : null] })] }), canEditBookingSetup ? (_jsxs("div", { className: "flex flex-col gap-3 border-t pt-3", children: [_jsxs("div", { className: "flex items-center justify-between gap-3", children: [_jsxs("div", { children: [_jsx("p", { className: "font-medium text-sm", children: t.bookingSetupHeading }), _jsx("p", { className: "text-muted-foreground text-xs", children: t.committedCard.bookingSetupHint })] }), bookingSetupSaving ? (_jsx(Loader2, { className: "size-4 animate-spin text-muted-foreground" })) : null] }), _jsx(PaymentScheduleSection, { value: bookingSetup.paymentSchedule, onChange: (paymentSchedule) => onBookingSetupChange?.(component, { ...bookingSetup, paymentSchedule }), currency: component.componentCurrency ?? undefined, totalAmountCents: component.componentTotalAmountCents ?? undefined, labels: { heading: t.committedCard.paymentScheduleHeading } }), _jsxs("div", { className: "grid gap-2 sm:grid-cols-2", children: [_jsx(ComponentSetupCheckbox, { id: `${component.id}-contract-document`, checked: bookingSetup.generateContractDocument, label: t.committedCard.generateContract, onCheckedChange: (generateContractDocument) => onBookingSetupChange?.(component, { ...bookingSetup, generateContractDocument }) }), _jsx(ComponentSetupCheckbox, { id: `${component.id}-invoice-document`, checked: bookingSetup.generateInvoiceDocument, label: t.committedCard.generateInvoice, onCheckedChange: (generateInvoiceDocument) => onBookingSetupChange?.(component, { ...bookingSetup, generateInvoiceDocument }) })] })] })) : component.bookingId ? (_jsx("p", { className: "border-t pt-3 text-muted-foreground text-xs", children: t.committedCard.committedFooter })) : null, (() => {
+                const visibleCodes = component.warningCodes.filter(isUserVisibleWarning);
+                if (visibleCodes.length === 0)
+                    return null;
+                return (_jsxs("p", { className: "flex items-center gap-1 text-amber-600 text-xs", children: [_jsx(CircleAlert, { className: "size-3" }), visibleCodes.join(", ")] }));
+            })()] }));
+}
+export function ComponentSetupCheckbox({ id, checked, label, onCheckedChange, }) {
+    return (_jsxs("div", { className: "flex items-center gap-2 text-sm", children: [_jsx(Checkbox, { id: id, checked: checked, onCheckedChange: (value) => onCheckedChange(value === true) }), _jsx(Label, { htmlFor: id, className: "cursor-pointer text-sm", children: label })] }));
+}
+export function componentBookingSetupFor(component) {
+    const metadata = recordFromUnknown(component.metadata);
+    const bookingSetup = recordFromUnknown(metadata?.bookingSetup);
+    const draft = recordFromUnknown(metadata?.bookingDraftV1);
+    const draftDocumentGeneration = recordFromUnknown(draft?.documentGeneration);
+    const setupDocumentGeneration = recordFromUnknown(bookingSetup?.documentGeneration);
+    const documentGeneration = setupDocumentGeneration ?? draftDocumentGeneration;
+    return {
+        paymentSchedule: paymentScheduleValueFromUnknown(bookingSetup?.paymentSchedule),
+        generateContractDocument: documentGeneration?.contractDocument === true,
+        generateInvoiceDocument: documentGeneration?.invoiceDocument === true,
+    };
+}

package/dist/admin/trips-panels/display.d.ts

@@ -0,0 +1,51 @@
+import type { PaymentScheduleValue, PersonPickerValue } from "@voyant-travel/bookings-react/ui";
+import type { AncillarySelection, FlightOffer } from "@voyant-travel/flights/contract/types";
+import type { TripComponent } from "@voyant-travel/trips";
+import type { AvailabilitySlot, PanelsMessages, PendingComponent } from "./shared.js";
+interface BillingDisplay {
+    primary: string;
+    secondary: string;
+}
+export declare function resolveBillingDisplay(billing: PersonPickerValue, person: {
+    firstName?: string | null;
+    lastName?: string | null;
+    email?: string | null;
+} | undefined, org: {
+    name?: string | null;
+} | undefined, messages: PanelsMessages): BillingDisplay;
+export declare function Reference({ label, value, href, }: {
+    label: string;
+    value: string | null | undefined;
+    href?: string;
+}): import("react/jsx-runtime").JSX.Element | null;
+export declare function componentIcon(component: TripComponent): import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export declare function readComponentSchedule(component: TripComponent): {
+    start: string | null;
+    end: string | null;
+};
+export declare function formatScheduleLabel(component: TripComponent): string | null;
+export declare function sortComponentsBySchedule(components: TripComponent[]): TripComponent[];
+export declare function readPendingSchedule(pending: PendingComponent): {
+    start: string | null;
+    end: string | null;
+};
+export declare function readFlightOfferSchedule(offer: FlightOffer | null): {
+    start: string | null;
+    end: string | null;
+};
+export declare function toRange(start: string | null, end: string | null): [number, number] | null;
+export declare function findOverlappingComponent(pending: PendingComponent, committed: TripComponent[]): TripComponent | null;
+export declare function componentTitleFor(component: TripComponent, resolvedEntityName?: string | null): string;
+export declare function componentOptionSummaryFor(component: TripComponent): string | null;
+export declare function flightSelectionLabels(offer: FlightOffer | null, ancillaries: AncillarySelection | null): string[];
+export declare function componentThumbnailFor(component: TripComponent): string | null;
+export declare function componentReferenceLabelFor(component: TripComponent): string;
+export declare function cleanDisplayLabel(value: string | null | undefined): string | null;
+export declare function recordFromUnknown(value: unknown): Record<string, unknown> | null;
+export declare function paymentScheduleValueFromUnknown(value: unknown): PaymentScheduleValue;
+export declare function isUserVisibleWarning(code: string): boolean;
+export declare function formatDateTime(iso: string): string;
+export declare function formatDepartureLabel(slot: AvailabilitySlot): string;
+export declare function formatMoney(amountCents: number | null | undefined, currencyCode: string | null | undefined): string;
+export {};
+//# sourceMappingURL=display.d.ts.map

package/dist/admin/trips-panels/display.d.ts.map

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