@voyant-travel/operations-react 0.0.0

package/dist/availability/allocation/components/slot-allocation-model.js

@@ -0,0 +1,237 @@
+import { seatLayoutSpecSchema, } from "@voyant-travel/operations-react/availability";
+export const ROOM_KIND = "room";
+export const VEHICLE_KIND = "vehicle";
+export const VEHICLE_SEAT_KIND = "vehicle_seat";
+export const PARENT_ONLY_KINDS = new Set([VEHICLE_KIND]);
+export function deriveAllocationKinds({ resources, templateOptions, }) {
+    const kinds = [];
+    const addKind = (kind) => {
+        if (!kind || PARENT_ONLY_KINDS.has(kind) || kinds.includes(kind))
+            return;
+        kinds.push(kind);
+    };
+    for (const resource of resources)
+        addKind(resource.kind);
+    for (const option of templateOptions) {
+        for (const template of option.templates)
+            addKind(template.kind);
+    }
+    return kinds;
+}
+export function collectOccupants(travelers, resources, kind) {
+    const resourceIds = new Set(resources.map((resource) => resource.id));
+    const byResource = new Map();
+    const byTravelerId = new Map();
+    const unallocated = [];
+    for (const traveler of travelers) {
+        byTravelerId.set(traveler.id, traveler);
+        const resourceId = traveler.allocations[kind];
+        if (!resourceId || !resourceIds.has(resourceId)) {
+            unallocated.push(traveler);
+            continue;
+        }
+        const list = byResource.get(resourceId) ?? [];
+        list.push(traveler);
+        byResource.set(resourceId, list);
+    }
+    return { byResource, byTravelerId, unallocated };
+}
+export function buildValidationIssues({ travelers, resources, occupants, kind, messages, }) {
+    const issues = [];
+    if (occupants.unallocated.length > 0) {
+        issues.push({
+            id: "unallocated",
+            label: `${occupants.unallocated.length} ${messages.validationUnallocated}`,
+        });
+    }
+    for (const resource of resources) {
+        const count = occupants.byResource.get(resource.id)?.length ?? 0;
+        if (count > resource.capacity) {
+            issues.push({
+                id: `over-capacity:${resource.id}`,
+                label: `${resource.label ?? kindLabel(kind, messages)} ${messages.validationOverCapacity}`,
+            });
+        }
+    }
+    for (const splitGroup of splitSharingGroups(travelers, kind)) {
+        issues.push({
+            id: `split:${splitGroup}`,
+            label: `${messages.validationSplitGroup}: ${splitGroup}`,
+        });
+    }
+    return issues;
+}
+export function splitSharingGroups(travelers, kind) {
+    const allocationsByGroup = new Map();
+    for (const traveler of travelers) {
+        const groupId = traveler.sharingGroupId;
+        if (!groupId)
+            continue;
+        const allocations = allocationsByGroup.get(groupId) ?? new Set();
+        allocations.add(traveler.allocations[kind] ?? "unallocated");
+        allocationsByGroup.set(groupId, allocations);
+    }
+    const split = [];
+    for (const [groupId, allocations] of allocationsByGroup) {
+        if (allocations.size > 1)
+            split.push(groupId);
+    }
+    return split;
+}
+export function groupSeatsByVehicle(seats, vehicles, messages) {
+    const vehiclesById = new Map(vehicles.map((vehicle) => [vehicle.id, vehicle]));
+    const grouped = new Map();
+    for (const seat of seats) {
+        const parentId = seat.parentId ?? "ungrouped";
+        const parent = parentId === "ungrouped" ? null : vehiclesById.get(parentId);
+        const group = grouped.get(parentId) ??
+            grouped
+                .set(parentId, {
+                id: parentId,
+                label: parent?.label ?? messages.vehicle,
+                sortOrder: parent?.sortOrder ?? 0,
+                layoutSpec: parseLayoutSpecFromFlags(parent?.flags ?? null),
+                seats: [],
+            })
+                .get(parentId);
+        group?.seats.push(seat);
+    }
+    return Array.from(grouped.values())
+        .map((group) => ({
+        ...group,
+        seats: group.seats.sort(compareSeatResources),
+    }))
+        .sort((a, b) => a.sortOrder - b.sortOrder || a.label.localeCompare(b.label));
+}
+function parseLayoutSpecFromFlags(flags) {
+    const raw = flags?.layoutSpec;
+    if (!raw)
+        return null;
+    const parsed = seatLayoutSpecSchema.safeParse(raw);
+    return parsed.success ? parsed.data : null;
+}
+export function seatRows(seats) {
+    const byRow = new Map();
+    for (const seat of seats) {
+        const rowKey = String(flagNumber(seat.flags.row) ?? 0);
+        const row = byRow.get(rowKey) ?? [];
+        row.push(seat);
+        byRow.set(rowKey, row);
+    }
+    return Array.from(byRow.entries())
+        .map(([rowKey, rowSeats]) => ({
+        rowKey,
+        seats: rowSeats.sort(compareSeatResources),
+    }))
+        .sort((a, b) => Number(a.rowKey) - Number(b.rowKey) || a.rowKey.localeCompare(b.rowKey));
+}
+export function seatName(seat, messages) {
+    const row = flagNumber(seat.flags.row);
+    const column = flagString(seat.flags.column);
+    if (row && column)
+        return `${row}${column}`;
+    return seat.label ?? messages.seat;
+}
+export function parentKindFor(kind) {
+    return kind === VEHICLE_SEAT_KIND ? VEHICLE_KIND : "";
+}
+export function defaultCapacityFor(kind) {
+    return kind === VEHICLE_SEAT_KIND ? 1 : kind === ROOM_KIND ? 2 : 1;
+}
+export function kindLabel(kind, messages) {
+    if (kind === ROOM_KIND)
+        return messages.rooms;
+    if (kind === VEHICLE_SEAT_KIND)
+        return messages.vehicleSeats;
+    if (kind === "cabin")
+        return messages.cabins;
+    if (kind === "flight_seat")
+        return messages.flightSeats;
+    return titleCaseKind(kind);
+}
+export function groupResourcesBySubType(resources) {
+    const buckets = new Map();
+    for (const resource of resources) {
+        const { key, label } = resourceSubTypeKey(resource);
+        const bucket = buckets.get(key) ?? { key, label, resources: [] };
+        bucket.resources.push(resource);
+        buckets.set(key, bucket);
+    }
+    return Array.from(buckets.values())
+        .map((bucket) => ({
+        key: bucket.key,
+        label: bucket.label,
+        resources: bucket.resources,
+        count: bucket.resources.length,
+        capacity: bucket.resources.reduce((sum, resource) => sum + resource.capacity, 0),
+    }))
+        .sort((a, b) => (a.label ?? "").localeCompare(b.label ?? "") || a.key.localeCompare(b.key));
+}
+function resourceSubTypeKey(resource) {
+    if (resource.refId)
+        return { key: `ref:${resource.refId}`, label: resource.refId };
+    const label = (resource.label ?? "").trim();
+    if (label.length > 0) {
+        const prefix = label.match(/^[A-Za-z]+/)?.[0];
+        if (prefix)
+            return { key: `prefix:${prefix.toUpperCase()}`, label: prefix.toUpperCase() };
+    }
+    return { key: "other", label: null };
+}
+/**
+ * Roll up slot pax vs. resource person-capacity into a single summary
+ * the header can render as a coloured pill. `slotPax` is the slot's
+ * `initialPax` when finite; if the slot is `unlimited` or has no
+ * initial pax we treat it as unbounded and the operator only sees the
+ * total resource capacity without a delta.
+ */
+export function summarizeResourceCapacity(input) {
+    const resourceCapacity = input.resources.reduce((sum, resource) => sum + resource.capacity, 0);
+    const slotPax = input.unlimited ? null : (input.slotInitialPax ?? null);
+    if (slotPax == null) {
+        return {
+            resourceCount: input.resources.length,
+            resourceCapacity,
+            slotPax: null,
+            slotRemainingPax: input.unlimited ? null : (input.slotRemainingPax ?? null),
+            delta: null,
+            status: "unbounded",
+        };
+    }
+    const delta = resourceCapacity - slotPax;
+    return {
+        resourceCount: input.resources.length,
+        resourceCapacity,
+        slotPax,
+        slotRemainingPax: input.slotRemainingPax ?? null,
+        delta,
+        status: delta > 0 ? "over" : delta === 0 ? "exact" : "fits",
+    };
+}
+export function flagString(value) {
+    return typeof value === "string" ? value : null;
+}
+function compareSeatResources(a, b) {
+    const aRow = flagNumber(a.flags.row) ?? 0;
+    const bRow = flagNumber(b.flags.row) ?? 0;
+    const aColumn = flagString(a.flags.column) ?? "";
+    const bColumn = flagString(b.flags.column) ?? "";
+    return aRow - bRow || aColumn.localeCompare(bColumn) || a.sortOrder - b.sortOrder;
+}
+function titleCaseKind(kind) {
+    return kind
+        .split(/[_-]/g)
+        .filter(Boolean)
+        .map((part) => part.slice(0, 1).toUpperCase() + part.slice(1))
+        .join(" ");
+}
+function flagNumber(value) {
+    if (typeof value === "number" && Number.isFinite(value))
+        return value;
+    if (typeof value === "string") {
+        const parsed = Number(value);
+        if (Number.isFinite(parsed))
+            return parsed;
+    }
+    return null;
+}

package/dist/availability/allocation/components/slot-allocation-page-panels.d.ts

@@ -0,0 +1,17 @@
+import type { AllocationManifestBooking, AllocationManifestTraveler } from "@voyant-travel/operations-react/availability";
+import type { ReactNode } from "react";
+import type { useAllocationUiMessagesOrDefault } from "../i18n/index.js";
+import { type ResourceCapacitySummary } from "./slot-allocation-model.js";
+export declare function PassengerListPanel({ bookings, sharingGroupLabels, onBookingOpen, renderTravelerActions, messages, }: {
+    bookings: AllocationManifestBooking[];
+    sharingGroupLabels: Record<string, string>;
+    onBookingOpen?: (bookingId: string) => void;
+    renderTravelerActions?: (traveler: AllocationManifestTraveler) => ReactNode;
+    messages: ReturnType<typeof useAllocationUiMessagesOrDefault>;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function CapacitySummaryBadges({ summary, messages, kind, }: {
+    summary: ResourceCapacitySummary;
+    messages: ReturnType<typeof useAllocationUiMessagesOrDefault>;
+    kind: string;
+}): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=slot-allocation-page-panels.d.ts.map

package/dist/availability/allocation/components/slot-allocation-page-panels.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slot-allocation-page-panels.d.ts","sourceRoot":"","sources":["../../../../src/availability/allocation/components/slot-allocation-page-panels.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,yBAAyB,EACzB,0BAA0B,EAC3B,MAAM,8CAA8C,CAAA;AAWrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,KAAK,EAAE,gCAAgC,EAAE,MAAM,kBAAkB,CAAA;AACxE,OAAO,EAAa,KAAK,uBAAuB,EAAE,MAAM,4BAA4B,CAAA;AAGpF,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,kBAAkB,EAClB,aAAa,EACb,qBAAqB,EACrB,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,yBAAyB,EAAE,CAAA;IACrC,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAC1C,aAAa,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3C,qBAAqB,CAAC,EAAE,CAAC,QAAQ,EAAE,0BAA0B,KAAK,SAAS,CAAA;IAC3E,QAAQ,EAAE,UAAU,CAAC,OAAO,gCAAgC,CAAC,CAAA;CAC9D,2CAkIA;AAED,wBAAgB,qBAAqB,CAAC,EACpC,OAAO,EACP,QAAQ,EACR,IAAI,GACL,EAAE;IACD,OAAO,EAAE,uBAAuB,CAAA;IAChC,QAAQ,EAAE,UAAU,CAAC,OAAO,gCAAgC,CAAC,CAAA;IAC7D,IAAI,EAAE,MAAM,CAAA;CACb,kDAwBA"}

package/dist/availability/allocation/components/slot-allocation-page-panels.js

@@ -0,0 +1,27 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Badge, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "@voyant-travel/ui/components";
+import { Accessibility, Crown, Users, UtensilsCrossed } from "lucide-react";
+import { kindLabel } from "./slot-allocation-model.js";
+import { paymentStatusChipClass, paymentStatusTooltip } from "./slot-allocation-shared.js";
+export function PassengerListPanel({ bookings, sharingGroupLabels, onBookingOpen, renderTravelerActions, messages, }) {
+    const travelerCount = bookings.reduce((sum, booking) => sum + booking.travelers.length, 0);
+    const hasActions = Boolean(renderTravelerActions);
+    return (_jsxs("section", { className: "flex flex-col gap-3", children: [_jsx("header", { className: "flex flex-wrap items-center justify-between gap-3", children: _jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [_jsx(Users, { className: "size-4 shrink-0 text-muted-foreground", "aria-hidden": "true" }), _jsxs("div", { className: "min-w-0", children: [_jsx("h2", { className: "font-semibold text-sm", children: messages.exportPassengers }), _jsxs("p", { className: "text-xs text-muted-foreground", children: [bookings.length, " ", messages.booking.toLowerCase(), " \u00B7 ", travelerCount, " ", messages.travelers.toLowerCase()] })] })] }) }), travelerCount === 0 ? (_jsx("div", { className: "rounded-md border border-dashed px-4 py-6 text-sm text-muted-foreground", children: messages.passengerListEmpty })) : (_jsx("div", { className: "flex flex-col gap-4", children: bookings.map((booking) => (_jsxs("section", { className: "overflow-hidden rounded-md border", children: [_jsxs("header", { className: "flex flex-wrap items-center justify-between gap-2 bg-muted/40 px-3 py-2", children: [_jsxs("div", { className: "flex min-w-0 flex-wrap items-center gap-2", children: [booking.bookingSequence > 0 ? (_jsxs("span", { className: "text-muted-foreground text-xs tabular-nums", "aria-hidden": "true", children: ["(", booking.bookingSequence, ")"] })) : null, onBookingOpen ? (_jsx("button", { type: "button", onClick: () => onBookingOpen(booking.id), className: "truncate font-medium text-sm hover:underline", children: booking.bookingNumber })) : (_jsx("span", { className: "truncate font-medium text-sm", children: booking.bookingNumber })), _jsx(Badge, { variant: "outline", className: "text-[10px]", children: booking.status }), _jsx(Badge, { variant: "outline", className: paymentStatusChipClass(booking.paymentStatus), title: paymentStatusTooltip(booking.paymentStatus, messages), children: messages.paymentStatusLabels[booking.paymentStatus] })] }), _jsxs(Badge, { variant: "secondary", className: "text-[10px]", children: [booking.travelers.length, "/", booking.pax ?? booking.travelers.length] })] }), _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: messages.travelers }), _jsx(TableHead, { className: "w-40", children: messages.sharingGroup }), _jsx(TableHead, { className: "w-40", children: messages.resources }), hasActions ? _jsx(TableHead, { className: "w-12" }) : null] }) }), _jsx(TableBody, { children: booking.travelers.map((traveler) => (_jsxs(TableRow, { children: [_jsx(TableCell, { children: _jsxs("div", { className: "flex min-w-0 flex-wrap items-center gap-1.5", children: [traveler.isLeadTraveler ? (_jsx(Crown, { className: "size-3.5 shrink-0 text-amber-500", "aria-label": messages.lead })) : null, _jsx("span", { className: "truncate font-medium text-sm", children: traveler.fullName }), traveler.isPrimary ? (_jsx(Badge, { variant: "outline", className: "text-[10px]", children: messages.lead })) : null, traveler.travelerCategory ? (_jsx(Badge, { variant: "secondary", className: "text-[10px]", children: traveler.travelerCategory })) : null, traveler.hasAccessibilityNeeds ? (_jsx(Accessibility, { className: "size-3.5 shrink-0 text-muted-foreground", "aria-label": messages.accessibility })) : null, traveler.hasDietaryRequirements ? (_jsx(UtensilsCrossed, { className: "size-3.5 shrink-0 text-muted-foreground", "aria-label": messages.dietary })) : null] }) }), _jsx(TableCell, { className: "text-xs text-muted-foreground", children: traveler.sharingGroupId
+                                                    ? (sharingGroupLabels[traveler.sharingGroupId] ?? messages.sharingGroup)
+                                                    : "—" }), _jsx(TableCell, { className: "text-xs text-muted-foreground", children: [traveler.roomTypeId, traveler.bedPreference]
+                                                    .filter(Boolean)
+                                                    .join(" · ") || "—" }), hasActions ? (_jsx(TableCell, { className: "text-right", children: renderTravelerActions?.(traveler) })) : null] }, traveler.id))) })] })] }, booking.id))) }))] }));
+}
+export function CapacitySummaryBadges({ summary, messages, kind, }) {
+    if (summary.resourceCount === 0 && summary.slotPax == null)
+        return null;
+    // i18n-literal-ok numeric layout with separator
+    const slotLabel = summary.slotPax == null
+        ? messages.slotCapacityUnlimited
+        : `${summary.slotRemainingPax ?? 0} of ${summary.slotPax}`;
+    const resourceLabel = summary.slotPax == null
+        ? String(summary.resourceCapacity)
+        : `${summary.resourceCapacity} of ${summary.slotPax}`;
+    return (_jsxs("span", { className: "contents", "data-kind": kind, title: kindLabel(kind, messages), children: [_jsxs(Badge, { variant: "outline", className: "gap-1", children: [_jsx(Users, { className: "size-3", "aria-hidden": "true" }), messages.slotCapacityLabel, ": ", slotLabel] }), _jsxs(Badge, { variant: "outline", className: "gap-1", children: [messages.resourceCapacityLabel, ": ", resourceLabel] })] }));
+}

package/dist/availability/allocation/components/slot-allocation-page.d.ts

@@ -0,0 +1,51 @@
+import { type AllocationManifestTraveler, type SlotAllocationManifest } from "@voyant-travel/operations-react/availability";
+import { type ReactNode } from "react";
+export interface SlotAllocationPageRenderContext {
+    slotId: string;
+    tabId: string;
+    kind: string;
+    allocationKind: string;
+    manifest: SlotAllocationManifest;
+    travelers: AllocationManifestTraveler[];
+    allocationKinds: string[];
+}
+export interface SlotAllocationPageExtraTab {
+    id: string;
+    label: ReactNode;
+    icon?: ReactNode;
+    render: (context: SlotAllocationPageRenderContext) => ReactNode;
+}
+export interface SlotAllocationPageProps {
+    slotId: string;
+    className?: string;
+    onBack?: () => void;
+    /**
+     * Fired when the operator clicks a booking number on an allocation
+     * chip. The host owns the side-panel / drawer / route — this hook
+     * just supplies the booking id. When omitted, booking numbers render
+     * as plain text.
+     */
+    onBookingOpen?: (bookingId: string) => void;
+    renderExtraActions?: (context: {
+        slotId: string;
+        kind: string;
+    }) => ReactNode;
+    onCreateBooking?: (input: {
+        slotId: string;
+        productId: string;
+    }) => void;
+    renderTravelerActions?: (traveler: AllocationManifestTraveler) => ReactNode;
+    renderHeaderEnd?: (context: SlotAllocationPageRenderContext) => ReactNode;
+    renderBefore?: (context: SlotAllocationPageRenderContext) => ReactNode;
+    renderAfter?: (context: SlotAllocationPageRenderContext) => ReactNode;
+    extraTabs?: SlotAllocationPageExtraTab[];
+    /**
+     * Drop the top-level page header (title + back arrow). The host is
+     * expected to render its own. Capacity badges + the actions cluster
+     * stay as an inline toolbar above the kind tabs so the body is
+     * still self-sufficient when embedded.
+     */
+    embed?: boolean;
+}
+export declare function SlotAllocationPage({ slotId, className, onBack, onBookingOpen, renderExtraActions, onCreateBooking, renderTravelerActions, renderHeaderEnd, renderBefore, renderAfter, extraTabs, embed, }: SlotAllocationPageProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=slot-allocation-page.d.ts.map

package/dist/availability/allocation/components/slot-allocation-page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slot-allocation-page.d.ts","sourceRoot":"","sources":["../../../../src/availability/allocation/components/slot-allocation-page.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,KAAK,0BAA0B,EAE/B,KAAK,sBAAsB,EAO5B,MAAM,8CAA8C,CAAA;AAGrD,OAAO,EAAkB,KAAK,SAAS,EAAqB,MAAM,OAAO,CAAA;AAmBzE,MAAM,WAAW,+BAA+B;IAC9C,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,cAAc,EAAE,MAAM,CAAA;IACtB,QAAQ,EAAE,sBAAsB,CAAA;IAChC,SAAS,EAAE,0BAA0B,EAAE,CAAA;IACvC,eAAe,EAAE,MAAM,EAAE,CAAA;CAC1B;AAED,MAAM,WAAW,0BAA0B;IACzC,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,SAAS,CAAA;IAChB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,MAAM,EAAE,CAAC,OAAO,EAAE,+BAA+B,KAAK,SAAS,CAAA;CAChE;AAED,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3C,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,SAAS,CAAA;IAC7E,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IACxE,qBAAqB,CAAC,EAAE,CAAC,QAAQ,EAAE,0BAA0B,KAAK,SAAS,CAAA;IAC3E,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,+BAA+B,KAAK,SAAS,CAAA;IACzE,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,+BAA+B,KAAK,SAAS,CAAA;IACtE,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,+BAA+B,KAAK,SAAS,CAAA;IACrE,SAAS,CAAC,EAAE,0BAA0B,EAAE,CAAA;IACxC;;;;;OAKG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB;AAED,wBAAgB,kBAAkB,CAAC,EACjC,MAAM,EACN,SAAS,EACT,MAAM,EACN,aAAa,EACb,kBAAkB,EAClB,eAAe,EACf,qBAAqB,EACrB,eAAe,EACf,YAAY,EACZ,WAAW,EACX,SAAc,EACd,KAAa,GACd,EAAE,uBAAuB,2CA8ZzB"}

package/dist/availability/allocation/components/slot-allocation-page.js

@@ -0,0 +1,217 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useQuery } from "@tanstack/react-query";
+import { getSlotQueryOptions, useAllocationAutomationMutation, useAllocationResourceMutation, useAssignTravelerAllocationMutation, useProductResourceTemplates, useSlotAllocation, useVoyantAvailabilityContext, } from "@voyant-travel/operations-react/availability";
+import { Button, cn, Tabs, TabsList, TabsTrigger } from "@voyant-travel/ui/components";
+import { Armchair, ArrowLeft, Bed, BookOpen, Plus, Sparkles, Users, Wand2 } from "lucide-react";
+import { useMemo, useState } from "react";
+import { useAllocationUiMessagesOrDefault } from "../i18n/index.js";
+import { AddResourceDialog } from "./slot-allocation-add-resource-dialog.js";
+import { collectOccupants, defaultCapacityFor, deriveAllocationKinds, kindLabel, parentKindFor, ROOM_KIND, summarizeResourceCapacity, VEHICLE_SEAT_KIND, } from "./slot-allocation-model.js";
+import { CapacitySummaryBadges, PassengerListPanel } from "./slot-allocation-page-panels.js";
+import { ResourceColumnsView } from "./slot-allocation-resource-view.js";
+import { VehicleSeatsView } from "./slot-allocation-seat-view.js";
+export function SlotAllocationPage({ slotId, className, onBack, onBookingOpen, renderExtraActions, onCreateBooking, renderTravelerActions, renderHeaderEnd, renderBefore, renderAfter, extraTabs = [], embed = false, }) {
+    const messages = useAllocationUiMessagesOrDefault();
+    const availabilityClient = useVoyantAvailabilityContext();
+    const allocation = useSlotAllocation({ slotId });
+    const slotRowQuery = useQuery(getSlotQueryOptions(availabilityClient, slotId));
+    const slotRow = slotRowQuery.data?.data;
+    const resourceMutation = useAllocationResourceMutation(slotId);
+    const assignMutation = useAssignTravelerAllocationMutation(slotId);
+    const automationMutation = useAllocationAutomationMutation(slotId);
+    const [selectedKind, setSelectedKind] = useState(ROOM_KIND);
+    const [addingResource, setAddingResource] = useState(false);
+    const [resourceLabel, setResourceLabel] = useState("");
+    const [resourceCapacity, setResourceCapacity] = useState(2);
+    const [resourceOptionId, setResourceOptionId] = useState(null);
+    const [error, setError] = useState(null);
+    const data = allocation.data?.data;
+    const templates = useProductResourceTemplates({
+        productId: data?.slot.productId,
+        enabled: Boolean(data?.slot.productId),
+    });
+    const travelers = useMemo(() => {
+        const out = [];
+        for (const booking of data?.bookings ?? []) {
+            if (booking.status === "cancelled")
+                continue;
+            out.push(...booking.travelers);
+        }
+        return out;
+    }, [data?.bookings]);
+    const allocationKinds = useMemo(() => {
+        return deriveAllocationKinds({
+            resources: data?.resources ?? [],
+            templateOptions: templates.data?.data ?? [],
+        });
+    }, [data?.resources, templates.data?.data]);
+    // option_id → option name, used by ResourceColumnsView to badge each
+    // resource row with the option it's tied to (Standard double, etc.).
+    const optionNamesById = useMemo(() => {
+        const map = new Map();
+        for (const option of templates.data?.data ?? []) {
+            map.set(option.id, option.name);
+        }
+        return map;
+    }, [templates.data?.data]);
+    const visibleExtraTabs = extraTabs.filter((tab) => !allocationKinds.includes(tab.id));
+    const selectedAllocationKind = allocationKinds.includes(selectedKind) ? selectedKind : undefined;
+    const selectedExtraTab = selectedAllocationKind
+        ? undefined
+        : (visibleExtraTabs.find((tab) => tab.id === selectedKind) ??
+            (allocationKinds.length === 0 ? visibleExtraTabs[0] : undefined));
+    const activeAllocationKind = selectedExtraTab
+        ? undefined
+        : (selectedAllocationKind ?? allocationKinds[0]);
+    const activeKind = activeAllocationKind ?? ROOM_KIND;
+    const activeTabId = selectedExtraTab?.id ?? activeKind;
+    const hasAllocationView = Boolean(activeAllocationKind);
+    const hasTabs = allocationKinds.length > 0 || visibleExtraTabs.length > 0;
+    const hasPassengerOnlyView = allocationKinds.length === 0 && visibleExtraTabs.length === 0;
+    const resources = useMemo(() => (data?.resources ?? []).filter((resource) => resource.kind === activeKind), [data?.resources, activeKind]);
+    const parentResources = useMemo(() => (data?.resources ?? []).filter((resource) => resource.kind === parentKindFor(activeKind)), [data?.resources, activeKind]);
+    const occupants = useMemo(() => collectOccupants(travelers, resources, activeKind), [travelers, resources, activeKind]);
+    const capacitySummary = useMemo(() => summarizeResourceCapacity({
+        resources,
+        slotInitialPax: slotRow?.initialPax ?? null,
+        slotRemainingPax: slotRow?.remainingPax ?? null,
+        unlimited: slotRow?.unlimited ?? false,
+    }), [resources, slotRow?.initialPax, slotRow?.remainingPax, slotRow?.unlimited]);
+    const projectedSummary = useMemo(() => {
+        if (!addingResource)
+            return null;
+        const capacityNumber = Number.isFinite(resourceCapacity) ? Math.max(0, resourceCapacity) : 0;
+        return summarizeResourceCapacity({
+            resources: [
+                ...resources,
+                {
+                    id: "__projected__",
+                    slotId,
+                    kind: activeKind,
+                    label: null,
+                    refType: null,
+                    refId: null,
+                    capacity: capacityNumber,
+                    flags: {},
+                    parentId: null,
+                    sortOrder: 0,
+                    createdAt: new Date().toISOString(),
+                    updatedAt: new Date().toISOString(),
+                },
+            ],
+            slotInitialPax: slotRow?.initialPax ?? null,
+            slotRemainingPax: slotRow?.remainingPax ?? null,
+            unlimited: slotRow?.unlimited ?? false,
+        });
+    }, [
+        addingResource,
+        resourceCapacity,
+        resources,
+        slotId,
+        activeKind,
+        slotRow?.initialPax,
+        slotRow?.remainingPax,
+        slotRow?.unlimited,
+    ]);
+    async function assignTraveler(travelerId, resourceId) {
+        setError(null);
+        try {
+            await assignMutation.mutateAsync({ travelerId, kind: activeKind, resourceId });
+        }
+        catch (err) {
+            setError(err instanceof Error ? err.message : messages.allocationFailed);
+        }
+    }
+    async function createResource(event) {
+        event.preventDefault();
+        setError(null);
+        try {
+            await resourceMutation.create.mutateAsync({
+                kind: activeKind,
+                label: resourceLabel.trim() || null,
+                capacity: resourceCapacity,
+                refType: resourceOptionId ? "option" : null,
+                refId: resourceOptionId,
+            });
+            setResourceLabel("");
+            setResourceCapacity(defaultCapacityFor(activeKind));
+            setResourceOptionId(null);
+            setAddingResource(false);
+        }
+        catch (err) {
+            setError(err instanceof Error ? err.message : messages.createResourceFailed);
+        }
+    }
+    async function editResource(resourceId, input) {
+        setError(null);
+        try {
+            await resourceMutation.update.mutateAsync({ resourceId, input });
+        }
+        catch (err) {
+            setError(err instanceof Error ? err.message : messages.updateResourceFailed);
+            throw err;
+        }
+    }
+    async function generateResources() {
+        setError(null);
+        try {
+            // Materialize the full configured inventory across all kinds (e.g. all 20
+            // doubles + 20 singles + 6 triples) in one click, rather than the
+            // pax-derived single-kind auto-materialize.
+            await automationMutation.materializeTemplates.mutateAsync();
+        }
+        catch (err) {
+            setError(err instanceof Error ? err.message : messages.generateResourcesFailed);
+        }
+    }
+    async function autoAllocate() {
+        setError(null);
+        try {
+            await automationMutation.autoAllocate.mutateAsync({ kind: activeKind });
+        }
+        catch (err) {
+            setError(err instanceof Error ? err.message : messages.autoAllocateFailed);
+        }
+    }
+    if (allocation.isPending) {
+        return (_jsx("div", { className: cn("p-6 text-sm text-muted-foreground", className), children: messages.loading }));
+    }
+    // Only short-circuit when we genuinely have no data to render
+    // against. The page intentionally renders even when both resources
+    // and travelers are empty so operators can seed the per-departure
+    // resource block before any bookings exist — setting up the room
+    // block before selling is the canonical flow. The per-kind resource
+    // view handles its own empty state (and the "Add resource" /
+    // "Generate resources" affordances stay reachable).
+    if (!data) {
+        return (_jsxs("div", { className: cn("flex flex-col items-center justify-center gap-3 p-8", className), children: [_jsx(Users, { className: "size-6 text-muted-foreground", "aria-hidden": "true" }), _jsx("p", { className: "text-sm text-muted-foreground", children: messages.empty })] }));
+    }
+    const isSeatMap = activeKind === VEHICLE_SEAT_KIND;
+    const canManuallyAddResource = !isSeatMap;
+    const createBookingProductId = data.slot.productId;
+    const context = {
+        slotId,
+        tabId: activeTabId,
+        kind: activeTabId,
+        allocationKind: activeKind,
+        manifest: data,
+        travelers,
+        allocationKinds,
+    };
+    const summaryLine = (_jsx("div", { className: "flex flex-wrap items-center gap-2 text-sm text-muted-foreground", children: selectedExtraTab || !hasAllocationView ? null : (_jsx(CapacitySummaryBadges, { summary: capacitySummary, messages: messages, kind: activeKind })) }));
+    const actionsCluster = (_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [selectedExtraTab || !hasAllocationView
+                ? null
+                : renderExtraActions?.({ slotId, kind: activeKind }), onCreateBooking && createBookingProductId ? (_jsxs(Button, { variant: "outline", onClick: () => onCreateBooking({ slotId, productId: createBookingProductId }), children: [_jsx(BookOpen, { "data-icon": "inline-start", "aria-hidden": "true" }), messages.createBooking] })) : null, selectedExtraTab || !hasAllocationView ? null : resources.length === 0 ? (_jsxs(Button, { variant: "outline", onClick: () => void generateResources(), disabled: automationMutation.materializeTemplates.isPending, children: [_jsx(Sparkles, { "data-icon": "inline-start", "aria-hidden": "true" }), automationMutation.materializeTemplates.isPending
+                        ? messages.generatingResources
+                        : messages.generateResources] })) : (_jsxs(Button, { variant: "outline", onClick: () => void autoAllocate(), disabled: automationMutation.autoAllocate.isPending, children: [_jsx(Wand2, { "data-icon": "inline-start", "aria-hidden": "true" }), automationMutation.autoAllocate.isPending
+                        ? messages.autoAllocating
+                        : messages.autoAllocate] })), !selectedExtraTab && hasAllocationView && canManuallyAddResource ? (_jsxs(Button, { variant: "outline", onClick: () => {
+                    setResourceLabel("");
+                    setResourceCapacity(defaultCapacityFor(activeKind));
+                    setResourceOptionId(null);
+                    setError(null);
+                    setAddingResource(true);
+                }, children: [_jsx(Plus, { "data-icon": "inline-start", "aria-hidden": "true" }), messages.addResource] })) : null] }));
+    return (_jsxs("div", { className: cn("flex flex-col gap-4", embed ? null : "p-6", className), children: [embed ? (_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [summaryLine, actionsCluster] })) : (_jsxs("div", { className: "flex flex-col gap-3 md:flex-row md:items-start md:justify-between", children: [_jsxs("div", { className: "flex items-start gap-3", children: [onBack ? (_jsx(Button, { variant: "ghost", size: "icon", onClick: onBack, "aria-label": messages.back, children: _jsx(ArrowLeft, { "data-icon": true, "aria-hidden": "true" }) })) : null, _jsxs("div", { children: [_jsx("h1", { className: "text-2xl font-semibold", children: messages.pageTitle }), _jsx("div", { className: "mt-1", children: summaryLine })] })] }), _jsxs("div", { className: "flex flex-col gap-3 md:items-end", children: [renderHeaderEnd?.(context), actionsCluster] })] })), renderBefore?.(context), hasTabs ? (_jsx(Tabs, { value: activeTabId, onValueChange: setSelectedKind, children: _jsxs(TabsList, { className: "flex h-auto w-fit flex-wrap justify-start", children: [allocationKinds.map((kind) => (_jsxs(TabsTrigger, { value: kind, className: "gap-2", children: [kind === VEHICLE_SEAT_KIND ? (_jsx(Armchair, { className: "size-4", "aria-hidden": "true" })) : (_jsx(Bed, { className: "size-4", "aria-hidden": "true" })), kindLabel(kind, messages)] }, kind))), visibleExtraTabs.map((tab) => (_jsxs(TabsTrigger, { value: tab.id, className: "gap-2", children: [tab.icon, tab.label] }, tab.id)))] }) })) : null, selectedExtraTab ? (selectedExtraTab.render(context)) : hasPassengerOnlyView ? (_jsx(PassengerListPanel, { bookings: data.bookings, sharingGroupLabels: data.sharingGroupLabels, onBookingOpen: onBookingOpen, renderTravelerActions: renderTravelerActions, messages: messages })) : !hasAllocationView ? (_jsxs("div", { className: "flex flex-col items-center justify-center gap-3 rounded-md border border-dashed p-8 text-center", children: [_jsx(Users, { className: "size-6 text-muted-foreground", "aria-hidden": "true" }), _jsx("p", { className: "text-sm text-muted-foreground", children: messages.noAllocationsToManage })] })) : (_jsxs(_Fragment, { children: [error ? (_jsx("div", { className: "rounded-md border border-destructive/30 bg-destructive/10 px-3 py-2 text-sm text-destructive", children: error })) : null, canManuallyAddResource ? (_jsx(AddResourceDialog, { open: addingResource, onOpenChange: setAddingResource, onSubmit: createResource, activeKind: activeKind, resourceLabel: resourceLabel, onResourceLabelChange: setResourceLabel, resourceCapacity: resourceCapacity, onResourceCapacityChange: setResourceCapacity, resourceOptionId: resourceOptionId, onResourceOptionIdChange: setResourceOptionId, resourceOptions: templates.data?.data ?? [], projectedSummary: projectedSummary, createPending: resourceMutation.create.isPending, messages: messages })) : null, isSeatMap ? (_jsx(VehicleSeatsView, { seats: resources, vehicles: parentResources, occupants: occupants, sharingGroupLabels: data.sharingGroupLabels, onAssignTraveler: (travelerId, resourceId) => void assignTraveler(travelerId, resourceId), onUnassignTraveler: (travelerId) => void assignTraveler(travelerId, null), onBookingOpen: onBookingOpen, renderTravelerActions: renderTravelerActions })) : (_jsx(ResourceColumnsView, { kind: activeKind, resources: resources, travelers: travelers, occupants: occupants, sharingGroupLabels: data.sharingGroupLabels, optionNamesById: optionNamesById, onAssignTraveler: (travelerId, resourceId) => void assignTraveler(travelerId, resourceId), onUnassignTraveler: (travelerId) => void assignTraveler(travelerId, null), onRemoveResource: (resourceId) => void resourceMutation.remove.mutateAsync(resourceId), onEditResource: editResource, onBookingOpen: onBookingOpen, renderTravelerActions: renderTravelerActions }))] })), renderAfter?.(context)] }));
+}

package/dist/availability/allocation/components/slot-allocation-resource-view-rows.d.ts

@@ -0,0 +1,28 @@
+import type { AllocationManifestTraveler, AllocationResource } from "@voyant-travel/operations-react/availability";
+import { type ReactNode } from "react";
+import type { EditResourceInput } from "./slot-allocation-resource-view.js";
+export declare function ResourceRow({ kind, resource, seated, unallocated, sharingGroupLabels, optionName, isEditing, isFull, canEdit, onBeginEdit, onCancelEdit, onSaveEdit, onAssignTraveler, onUnassignTraveler, onRemoveResource, onBookingOpen, }: {
+    kind: string;
+    resource: AllocationResource;
+    seated: AllocationManifestTraveler[];
+    unallocated: AllocationManifestTraveler[];
+    optionName?: string | null;
+    sharingGroupLabels: Record<string, string>;
+    isEditing: boolean;
+    isFull: boolean;
+    canEdit: boolean;
+    onBeginEdit: () => void;
+    onCancelEdit: () => void;
+    onSaveEdit: (input: EditResourceInput) => Promise<void>;
+    onAssignTraveler: (travelerId: string) => void;
+    onUnassignTraveler: (travelerId: string) => void;
+    onRemoveResource: () => void;
+    onBookingOpen?: (bookingId: string) => void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function UnallocatedTravelersTable({ travelers, sharingGroupLabels, onBookingOpen, renderActions, }: {
+    travelers: AllocationManifestTraveler[];
+    sharingGroupLabels: Record<string, string>;
+    onBookingOpen?: (bookingId: string) => void;
+    renderActions?: (traveler: AllocationManifestTraveler) => ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=slot-allocation-resource-view-rows.d.ts.map

package/dist/availability/allocation/components/slot-allocation-resource-view-rows.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slot-allocation-resource-view-rows.d.ts","sourceRoot":"","sources":["../../../../src/availability/allocation/components/slot-allocation-resource-view-rows.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,0BAA0B,EAE1B,kBAAkB,EACnB,MAAM,8CAA8C,CAAA;AAkCrD,OAAO,EAAkB,KAAK,SAAS,EAAuB,MAAM,OAAO,CAAA;AAI3E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAA;AAG3E,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,WAAW,EACX,kBAAkB,EAClB,UAAU,EACV,SAAS,EACT,MAAM,EACN,OAAO,EACP,WAAW,EACX,YAAY,EACZ,UAAU,EACV,gBAAgB,EAChB,kBAAkB,EAClB,gBAAgB,EAChB,aAAa,GACd,EAAE;IACD,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,kBAAkB,CAAA;IAC5B,MAAM,EAAE,0BAA0B,EAAE,CAAA;IACpC,WAAW,EAAE,0BAA0B,EAAE,CAAA;IACzC,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAC1C,SAAS,EAAE,OAAO,CAAA;IAClB,MAAM,EAAE,OAAO,CAAA;IACf,OAAO,EAAE,OAAO,CAAA;IAChB,WAAW,EAAE,MAAM,IAAI,CAAA;IACvB,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,UAAU,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IACvD,gBAAgB,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9C,kBAAkB,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;IAChD,gBAAgB,EAAE,MAAM,IAAI,CAAA;IAC5B,aAAa,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;CAC5C,2CAwFA;AA8OD,wBAAgB,yBAAyB,CAAC,EACxC,SAAS,EACT,kBAAkB,EAClB,aAAa,EACb,aAAa,GACd,EAAE;IACD,SAAS,EAAE,0BAA0B,EAAE,CAAA;IACvC,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAC1C,aAAa,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3C,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,0BAA0B,KAAK,SAAS,CAAA;CACpE,2CAyEA"}