@voyantjs/allocation-ui 0.37.0

package/dist/components/slot-allocation-model.d.ts

@@ -0,0 +1,66 @@
+import type { AllocationManifestTraveler, AllocationResource } from "@voyantjs/availability-react";
+import type { AllocationUiMessages } from "../i18n/index.js";
+export declare const ROOM_KIND = "room";
+export declare const VEHICLE_KIND = "vehicle";
+export declare const VEHICLE_SEAT_KIND = "vehicle_seat";
+export declare const PARENT_ONLY_KINDS: Set<string>;
+export type AllocationOccupants = {
+    byResource: Map<string, AllocationManifestTraveler[]>;
+    byTravelerId: Map<string, AllocationManifestTraveler>;
+    unallocated: AllocationManifestTraveler[];
+};
+export type ValidationIssue = {
+    id: string;
+    label: string;
+};
+export declare function collectOccupants(travelers: AllocationManifestTraveler[], resources: AllocationResource[], kind: string): AllocationOccupants;
+export declare function buildValidationIssues({ travelers, resources, occupants, kind, messages, }: {
+    travelers: AllocationManifestTraveler[];
+    resources: AllocationResource[];
+    occupants: AllocationOccupants;
+    kind: string;
+    messages: AllocationUiMessages;
+}): ValidationIssue[];
+export declare function splitSharingGroups(travelers: AllocationManifestTraveler[], kind: string): string[];
+export declare function groupSeatsByVehicle(seats: AllocationResource[], vehicles: AllocationResource[], messages: AllocationUiMessages): {
+    seats: {
+        id: string;
+        slotId: string;
+        kind: string;
+        refType: string | null;
+        refId: string | null;
+        label: string | null;
+        capacity: number;
+        flags: Record<string, unknown>;
+        parentId: string | null;
+        sortOrder: number;
+        createdAt: string | Date;
+        updatedAt: string | Date;
+    }[];
+    id: string;
+    label: string;
+    sortOrder: number;
+}[];
+export declare function seatRows(seats: AllocationResource[]): {
+    rowKey: string;
+    seats: {
+        id: string;
+        slotId: string;
+        kind: string;
+        refType: string | null;
+        refId: string | null;
+        label: string | null;
+        capacity: number;
+        flags: Record<string, unknown>;
+        parentId: string | null;
+        sortOrder: number;
+        createdAt: string | Date;
+        updatedAt: string | Date;
+    }[];
+}[];
+export declare function seatName(seat: AllocationResource, messages: AllocationUiMessages): string;
+export declare function parentKindFor(kind: string): "" | "vehicle";
+export declare function defaultCapacityFor(kind: string): 1 | 2;
+export declare function kindLabel(kind: string, messages: AllocationUiMessages): string;
+export declare function flagString(value: unknown): string | null;
+//# sourceMappingURL=slot-allocation-model.d.ts.map

package/dist/components/slot-allocation-model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slot-allocation-model.d.ts","sourceRoot":"","sources":["../../src/components/slot-allocation-model.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,0BAA0B,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAA;AAElG,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAE5D,eAAO,MAAM,SAAS,SAAS,CAAA;AAC/B,eAAO,MAAM,YAAY,YAAY,CAAA;AACrC,eAAO,MAAM,iBAAiB,iBAAiB,CAAA;AAC/C,eAAO,MAAM,iBAAiB,aAA0B,CAAA;AAExD,MAAM,MAAM,mBAAmB,GAAG;IAChC,UAAU,EAAE,GAAG,CAAC,MAAM,EAAE,0BAA0B,EAAE,CAAC,CAAA;IACrD,YAAY,EAAE,GAAG,CAAC,MAAM,EAAE,0BAA0B,CAAC,CAAA;IACrD,WAAW,EAAE,0BAA0B,EAAE,CAAA;CAC1C,CAAA;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,wBAAgB,gBAAgB,CAC9B,SAAS,EAAE,0BAA0B,EAAE,EACvC,SAAS,EAAE,kBAAkB,EAAE,EAC/B,IAAI,EAAE,MAAM,GACX,mBAAmB,CAmBrB;AAED,wBAAgB,qBAAqB,CAAC,EACpC,SAAS,EACT,SAAS,EACT,SAAS,EACT,IAAI,EACJ,QAAQ,GACT,EAAE;IACD,SAAS,EAAE,0BAA0B,EAAE,CAAA;IACvC,SAAS,EAAE,kBAAkB,EAAE,CAAA;IAC/B,SAAS,EAAE,mBAAmB,CAAA;IAC9B,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,oBAAoB,CAAA;CAC/B,qBA4BA;AAED,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,0BAA0B,EAAE,EAAE,IAAI,EAAE,MAAM,YAevF;AAED,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,kBAAkB,EAAE,EAC3B,QAAQ,EAAE,kBAAkB,EAAE,EAC9B,QAAQ,EAAE,oBAAoB;;;;;;;;;;;;;;;QAKtB,MAAM;WAAS,MAAM;eAAa,MAAM;IA0BjD;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,kBAAkB,EAAE;;;;;;;;;;;;;;;;IAenD;AAED,wBAAgB,QAAQ,CAAC,IAAI,EAAE,kBAAkB,EAAE,QAAQ,EAAE,oBAAoB,UAKhF;AAED,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,kBAEzC;AAED,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,SAE9C;AAED,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,oBAAoB,UAMrE;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,OAAO,iBAExC"}

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

@@ -0,0 +1,154 @@
+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 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,
+                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));
+}
+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 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/components/slot-allocation-page.d.ts

@@ -0,0 +1,14 @@
+import { type AllocationManifestTraveler } from "@voyantjs/availability-react";
+import { type ReactNode } from "react";
+export interface SlotAllocationPageProps {
+    slotId: string;
+    className?: string;
+    onBack?: () => void;
+    renderExtraActions?: (context: {
+        slotId: string;
+        kind: string;
+    }) => ReactNode;
+    renderTravelerActions?: (traveler: AllocationManifestTraveler) => ReactNode;
+}
+export declare function SlotAllocationPage({ slotId, className, onBack, renderExtraActions, renderTravelerActions, }: SlotAllocationPageProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=slot-allocation-page.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"slot-allocation-page.d.ts","sourceRoot":"","sources":["../../src/components/slot-allocation-page.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,0BAA0B,EAOhC,MAAM,8BAA8B,CAAA;AAGrC,OAAO,EAAkB,KAAK,SAAS,EAAqB,MAAM,OAAO,CAAA;AAiBzE,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,SAAS,CAAA;IAC7E,qBAAqB,CAAC,EAAE,CAAC,QAAQ,EAAE,0BAA0B,KAAK,SAAS,CAAA;CAC5E;AAED,wBAAgB,kBAAkB,CAAC,EACjC,MAAM,EACN,SAAS,EACT,MAAM,EACN,kBAAkB,EAClB,qBAAqB,GACtB,EAAE,uBAAuB,2CA6TzB"}

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

@@ -0,0 +1,147 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useAllocationAutomationMutation, useAllocationResourceMutation, useAssignTravelerAllocationMutation, useProductResourceTemplates, useSlotAllocation, useSlotAllocationAuditLog, } from "@voyantjs/availability-react";
+import { Button, cn, Input, Label, Tabs, TabsList, TabsTrigger } from "@voyantjs/ui/components";
+import { Armchair, ArrowLeft, Bed, Download, Plus, Sparkles, Users, Wand2 } from "lucide-react";
+import { useMemo, useState } from "react";
+import { useAllocationUiMessagesOrDefault } from "../i18n/index.js";
+import { buildValidationIssues, collectOccupants, defaultCapacityFor, kindLabel, PARENT_ONLY_KINDS, parentKindFor, ROOM_KIND, VEHICLE_SEAT_KIND, } from "./slot-allocation-model.js";
+import { ResourceColumnsView } from "./slot-allocation-resource-view.js";
+import { VehicleSeatsView } from "./slot-allocation-seat-view.js";
+import { AuditLogCard, ValidationSummary } from "./slot-allocation-shared.js";
+export function SlotAllocationPage({ slotId, className, onBack, renderExtraActions, renderTravelerActions, }) {
+    const messages = useAllocationUiMessagesOrDefault();
+    const allocation = useSlotAllocation({ slotId });
+    const auditLog = useSlotAllocationAuditLog({ slotId });
+    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 [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(() => {
+        const kinds = [];
+        const addKind = (kind) => {
+            if (!kind || PARENT_ONLY_KINDS.has(kind) || kinds.includes(kind))
+                return;
+            kinds.push(kind);
+        };
+        addKind(ROOM_KIND);
+        for (const resource of data?.resources ?? [])
+            addKind(resource.kind);
+        for (const option of templates.data?.data ?? []) {
+            for (const template of option.templates)
+                addKind(template.kind);
+        }
+        return kinds;
+    }, [data?.resources, templates.data?.data]);
+    const activeKind = allocationKinds.includes(selectedKind)
+        ? selectedKind
+        : (allocationKinds[0] ?? ROOM_KIND);
+    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 validationIssues = useMemo(() => buildValidationIssues({ travelers, resources, occupants, kind: activeKind, messages }), [travelers, resources, occupants, activeKind, messages]);
+    function downloadExport(kind) {
+        globalThis.location.assign(`/v1/admin/availability/slots/${encodeURIComponent(slotId)}/allocation/export-${kind}`);
+    }
+    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 swapOrAssignSeat(travelerId, resourceId) {
+        const traveler = occupants.byTravelerId.get(travelerId);
+        if (!traveler)
+            return;
+        const currentResourceId = traveler.allocations[activeKind] ?? null;
+        if (currentResourceId === resourceId)
+            return;
+        setError(null);
+        try {
+            const targetOccupant = (occupants.byResource.get(resourceId) ?? []).find((occupant) => occupant.id !== travelerId);
+            if (targetOccupant) {
+                await assignMutation.mutateAsync({
+                    travelerId: targetOccupant.id,
+                    kind: activeKind,
+                    resourceId: currentResourceId,
+                });
+            }
+            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,
+            });
+            setResourceLabel("");
+            setResourceCapacity(defaultCapacityFor(activeKind));
+            setAddingResource(false);
+        }
+        catch (err) {
+            setError(err instanceof Error ? err.message : messages.createResourceFailed);
+        }
+    }
+    async function generateResources() {
+        setError(null);
+        try {
+            await automationMutation.autoMaterialize.mutateAsync({ kind: activeKind });
+        }
+        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 }));
+    }
+    if (!data || travelers.length === 0) {
+        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;
+    return (_jsxs("div", { className: cn("flex flex-col gap-4 p-6", className), children: [_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 }), _jsxs("div", { className: "mt-1 flex flex-wrap items-center gap-2 text-sm text-muted-foreground", children: [_jsxs("span", { children: [data.summary.travelerCount, " ", messages.travelers] }), _jsxs("span", { children: [resources.length, " ", kindLabel(activeKind, messages).toLowerCase()] })] })] })] }), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [renderExtraActions?.({ slotId, kind: activeKind }), _jsxs(Button, { variant: "outline", onClick: () => downloadExport("passengers"), children: [_jsx(Download, { "data-icon": "inline-start", "aria-hidden": "true" }), messages.exportPassengers] }), _jsxs(Button, { variant: "outline", onClick: () => downloadExport("rooming-list"), children: [_jsx(Download, { "data-icon": "inline-start", "aria-hidden": "true" }), messages.exportRooming] }), resources.length === 0 ? (_jsxs(Button, { variant: "outline", onClick: () => void generateResources(), disabled: automationMutation.autoMaterialize.isPending, children: [_jsx(Sparkles, { "data-icon": "inline-start", "aria-hidden": "true" }), automationMutation.autoMaterialize.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] })), canManuallyAddResource ? (_jsxs(Button, { variant: "outline", onClick: () => {
+                                    setResourceCapacity(defaultCapacityFor(activeKind));
+                                    setAddingResource((value) => !value);
+                                }, children: [_jsx(Plus, { "data-icon": "inline-start", "aria-hidden": "true" }), messages.addResource] })) : null] })] }), _jsx(Tabs, { value: activeKind, onValueChange: setSelectedKind, children: _jsx(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))) }) }), error ? (_jsx("div", { className: "rounded-md border border-destructive/30 bg-destructive/10 px-3 py-2 text-sm text-destructive", children: error })) : null, addingResource && canManuallyAddResource ? (_jsxs("form", { className: "grid gap-3 rounded-md border bg-muted/30 p-3 sm:grid-cols-[1fr_8rem_auto_auto]", onSubmit: createResource, children: [_jsxs("div", { className: "grid gap-1", children: [_jsx(Label, { htmlFor: "allocation-resource-label", children: messages.resourceLabel }), _jsx(Input, { id: "allocation-resource-label", value: resourceLabel, onChange: (event) => setResourceLabel(event.target.value), placeholder: activeKind === ROOM_KIND ? "102" : kindLabel(activeKind, messages) })] }), _jsxs("div", { className: "grid gap-1", children: [_jsx(Label, { htmlFor: "allocation-resource-capacity", children: messages.resourceCapacity }), _jsx(Input, { id: "allocation-resource-capacity", type: "number", min: 1, value: resourceCapacity, onChange: (event) => setResourceCapacity(Number(event.target.value) || 1) })] }), _jsx(Button, { type: "submit", className: "self-end", disabled: resourceMutation.create.isPending, children: messages.createResource }), _jsx(Button, { type: "button", variant: "ghost", className: "self-end", onClick: () => setAddingResource(false), children: messages.cancel })] })) : null, _jsx(ValidationSummary, { issues: validationIssues, resources: resources, unallocatedCount: occupants.unallocated.length }), isSeatMap ? (_jsx(VehicleSeatsView, { seats: resources, vehicles: parentResources, occupants: occupants, sharingGroupLabels: data.sharingGroupLabels, onDropTraveler: (travelerId, resourceId) => void swapOrAssignSeat(travelerId, resourceId), onUnassignTraveler: (travelerId) => void assignTraveler(travelerId, null), renderTravelerActions: renderTravelerActions })) : (_jsx(ResourceColumnsView, { kind: activeKind, resources: resources, travelers: travelers, occupants: occupants, sharingGroupLabels: data.sharingGroupLabels, onDropTraveler: (travelerId, resourceId) => void assignTraveler(travelerId, resourceId), onRemoveResource: (resourceId) => void resourceMutation.remove.mutateAsync(resourceId), renderTravelerActions: renderTravelerActions })), _jsx(AuditLogCard, { entries: auditLog.data?.data ?? [] })] }));
+}

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

@@ -0,0 +1,14 @@
+import type { AllocationManifestTraveler, AllocationResource } from "@voyantjs/availability-react";
+import type { ReactNode } from "react";
+import { type AllocationOccupants } from "./slot-allocation-model.js";
+export declare function ResourceColumnsView({ kind, resources, travelers, occupants, sharingGroupLabels, onDropTraveler, onRemoveResource, renderTravelerActions, }: {
+    kind: string;
+    resources: AllocationResource[];
+    travelers: AllocationManifestTraveler[];
+    occupants: AllocationOccupants;
+    sharingGroupLabels: Record<string, string>;
+    onDropTraveler: (travelerId: string, resourceId: string | null) => void;
+    onRemoveResource: (resourceId: string) => void;
+    renderTravelerActions?: (traveler: AllocationManifestTraveler) => ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=slot-allocation-resource-view.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"slot-allocation-resource-view.d.ts","sourceRoot":"","sources":["../../src/components/slot-allocation-resource-view.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,0BAA0B,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAA;AAGlG,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,OAAO,EAAE,KAAK,mBAAmB,EAAgC,MAAM,4BAA4B,CAAA;AAGnG,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,SAAS,EACT,SAAS,EACT,SAAS,EACT,kBAAkB,EAClB,cAAc,EACd,gBAAgB,EAChB,qBAAqB,GACtB,EAAE;IACD,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,kBAAkB,EAAE,CAAA;IAC/B,SAAS,EAAE,0BAA0B,EAAE,CAAA;IACvC,SAAS,EAAE,mBAAmB,CAAA;IAC9B,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAC1C,cAAc,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IACvE,gBAAgB,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9C,qBAAqB,CAAC,EAAE,CAAC,QAAQ,EAAE,0BAA0B,KAAK,SAAS,CAAA;CAC5E,2CAgDA"}

package/dist/components/slot-allocation-resource-view.js

@@ -0,0 +1,16 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Badge, Button } from "@voyantjs/ui/components";
+import { Armchair, Bed, Trash2, Users } from "lucide-react";
+import { useAllocationUiMessagesOrDefault } from "../i18n/index.js";
+import { kindLabel, VEHICLE_SEAT_KIND } from "./slot-allocation-model.js";
+import { DropColumn, ResourceFlagBadges, TravelerTile } from "./slot-allocation-shared.js";
+export function ResourceColumnsView({ kind, resources, travelers, occupants, sharingGroupLabels, onDropTraveler, onRemoveResource, renderTravelerActions, }) {
+    const messages = useAllocationUiMessagesOrDefault();
+    return (_jsxs("div", { className: "grid gap-4 xl:grid-cols-[minmax(18rem,22rem)_1fr]", children: [_jsx(DropColumn, { id: "unallocated", icon: _jsx(Users, { className: "size-4", "aria-hidden": "true" }), title: messages.unallocated, description: messages.unallocatedDescription, count: occupants.unallocated.length, capacity: travelers.length, onDropTraveler: (travelerId) => onDropTraveler(travelerId, null), children: occupants.unallocated.map((traveler) => (_jsx(TravelerTile, { traveler: traveler, sharingGroupLabel: traveler.sharingGroupId ? sharingGroupLabels[traveler.sharingGroupId] : null, renderActions: renderTravelerActions }, traveler.id))) }), _jsx("div", { className: "grid min-w-0 gap-4 md:grid-cols-2 2xl:grid-cols-3", children: resources.length === 0 ? (_jsx("div", { className: "rounded-md border border-dashed p-6 text-sm text-muted-foreground", children: messages.noResources })) : (resources.map((resource) => (_jsx(AllocationResourceColumn, { kind: kind, resource: resource, occupants: occupants.byResource.get(resource.id) ?? [], sharingGroupLabels: sharingGroupLabels, onDropTraveler: (travelerId) => onDropTraveler(travelerId, resource.id), onRemoveResource: () => onRemoveResource(resource.id), renderTravelerActions: renderTravelerActions }, resource.id)))) })] }));
+}
+function AllocationResourceColumn({ kind, resource, occupants, onDropTraveler, onRemoveResource, sharingGroupLabels, renderTravelerActions, }) {
+    const messages = useAllocationUiMessagesOrDefault();
+    const full = occupants.length >= resource.capacity;
+    return (_jsxs(DropColumn, { id: `allocation-resource:${resource.id}`, icon: kind === VEHICLE_SEAT_KIND ? _jsx(Armchair, { className: "size-4" }) : _jsx(Bed, { className: "size-4" }), title: resource.label ?? kindLabel(kind, messages), description: `${messages.capacity}: ${occupants.length}/${resource.capacity}`, count: occupants.length, capacity: resource.capacity, disabled: full, onDropTraveler: onDropTraveler, action: _jsx(Button, { type: "button", variant: "ghost", size: "icon", onClick: onRemoveResource, children: _jsx(Trash2, { className: "size-4", "aria-hidden": "true" }) }), children: [_jsx(ResourceFlagBadges, { resource: resource }), full ? (_jsx(Badge, { variant: "secondary", className: "w-fit", children: messages.overCapacity })) : null, occupants.map((traveler) => (_jsx(TravelerTile, { traveler: traveler, sharingGroupLabel: traveler.sharingGroupId ? sharingGroupLabels[traveler.sharingGroupId] : null, renderActions: renderTravelerActions }, traveler.id))), !full ? (_jsx("div", { className: "rounded-md border border-dashed p-3 text-xs text-muted-foreground", children: messages.dropHere })) : null] }));
+}

package/dist/components/slot-allocation-seat-view.d.ts

@@ -0,0 +1,13 @@
+import type { AllocationManifestTraveler, AllocationResource } from "@voyantjs/availability-react";
+import { type ReactNode } from "react";
+import { type AllocationOccupants } from "./slot-allocation-model.js";
+export declare function VehicleSeatsView({ seats, vehicles, occupants, sharingGroupLabels, onDropTraveler, onUnassignTraveler, renderTravelerActions, }: {
+    seats: AllocationResource[];
+    vehicles: AllocationResource[];
+    occupants: AllocationOccupants;
+    sharingGroupLabels: Record<string, string>;
+    onDropTraveler: (travelerId: string, resourceId: string) => void;
+    onUnassignTraveler: (travelerId: string) => void;
+    renderTravelerActions?: (traveler: AllocationManifestTraveler) => ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=slot-allocation-seat-view.d.ts.map

package/dist/components/slot-allocation-seat-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slot-allocation-seat-view.d.ts","sourceRoot":"","sources":["../../src/components/slot-allocation-seat-view.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,0BAA0B,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAA;AAGlG,OAAO,EAAkB,KAAK,SAAS,EAAY,MAAM,OAAO,CAAA;AAGhE,OAAO,EACL,KAAK,mBAAmB,EAIzB,MAAM,4BAA4B,CAAA;AAGnC,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,QAAQ,EACR,SAAS,EACT,kBAAkB,EAClB,cAAc,EACd,kBAAkB,EAClB,qBAAqB,GACtB,EAAE;IACD,KAAK,EAAE,kBAAkB,EAAE,CAAA;IAC3B,QAAQ,EAAE,kBAAkB,EAAE,CAAA;IAC9B,SAAS,EAAE,mBAAmB,CAAA;IAC9B,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAC1C,cAAc,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;IAChE,kBAAkB,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;IAChD,qBAAqB,CAAC,EAAE,CAAC,QAAQ,EAAE,0BAA0B,KAAK,SAAS,CAAA;CAC5E,2CAsFA"}

package/dist/components/slot-allocation-seat-view.js

@@ -0,0 +1,37 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Badge, Card, CardContent, CardHeader, CardTitle, cn } from "@voyantjs/ui/components";
+import { Armchair, Crown, Users } from "lucide-react";
+import { useState } from "react";
+import { useAllocationUiMessagesOrDefault } from "../i18n/index.js";
+import { groupSeatsByVehicle, seatName, seatRows, } from "./slot-allocation-model.js";
+import { DropColumn, SeatPositionBadge, TravelerTile } from "./slot-allocation-shared.js";
+export function VehicleSeatsView({ seats, vehicles, occupants, sharingGroupLabels, onDropTraveler, onUnassignTraveler, renderTravelerActions, }) {
+    const messages = useAllocationUiMessagesOrDefault();
+    const groups = groupSeatsByVehicle(seats, vehicles, messages);
+    return (_jsxs("div", { className: "grid gap-4 xl:grid-cols-[minmax(18rem,22rem)_1fr]", children: [_jsx(DropColumn, { id: "unallocated", icon: _jsx(Users, { className: "size-4", "aria-hidden": "true" }), title: messages.unallocated, description: messages.unallocatedDescription, count: occupants.unallocated.length, capacity: occupants.byTravelerId.size, onDropTraveler: onUnassignTraveler, children: occupants.unallocated.map((traveler) => (_jsx(TravelerTile, { traveler: traveler, sharingGroupLabel: traveler.sharingGroupId ? sharingGroupLabels[traveler.sharingGroupId] : null, renderActions: renderTravelerActions }, traveler.id))) }), _jsx("div", { className: "grid min-w-0 gap-4", children: seats.length === 0 ? (_jsx("div", { className: "rounded-md border border-dashed p-6 text-sm text-muted-foreground", children: messages.noSeats })) : (groups.map((group) => (_jsxs(Card, { children: [_jsx(CardHeader, { className: "pb-3", children: _jsxs(CardTitle, { className: "flex flex-wrap items-center gap-2 text-base", children: [_jsx(Armchair, { className: "size-4", "aria-hidden": "true" }), _jsx("span", { children: group.label }), _jsxs(Badge, { variant: "outline", children: [group.seats.filter((seat) => (occupants.byResource.get(seat.id) ?? []).length > 0).length, "/", group.seats.length] })] }) }), _jsx(CardContent, { children: _jsx("div", { className: "grid gap-2", children: seatRows(group.seats).map((row) => (_jsx("div", { className: "grid items-stretch gap-2", style: {
+                                        gridTemplateColumns: `repeat(${row.seats.length}, minmax(4.25rem, 1fr))`,
+                                    }, children: row.seats.map((seat) => {
+                                        const seatOccupants = occupants.byResource.get(seat.id) ?? [];
+                                        return (_jsx(VehicleSeatCell, { seat: seat, occupant: seatOccupants[0] ?? null, overflow: seatOccupants.length > 1, sharingGroupLabel: seatOccupants[0]?.sharingGroupId
+                                                ? sharingGroupLabels[seatOccupants[0].sharingGroupId]
+                                                : null, onDropTraveler: (travelerId) => onDropTraveler(travelerId, seat.id) }, seat.id));
+                                    }) }, row.rowKey))) }) })] }, group.id)))) })] }));
+}
+function VehicleSeatCell({ seat, occupant, overflow, sharingGroupLabel, onDropTraveler, }) {
+    const messages = useAllocationUiMessagesOrDefault();
+    const [over, setOver] = useState(false);
+    function onDrop(event) {
+        event.preventDefault();
+        setOver(false);
+        const travelerId = event.dataTransfer.getData("text/plain");
+        if (travelerId)
+            onDropTraveler(travelerId);
+    }
+    return (_jsxs("div", { id: `seat:${seat.id}`, className: cn("min-h-24 rounded-md border bg-background p-2 text-left text-xs transition-colors", over ? "border-primary bg-primary/5" /* i18n-literal-ok CSS class token */ : null, overflow
+            ? "border-destructive bg-destructive/5" /* i18n-literal-ok CSS class token */
+            : null), onDragOver: (event) => {
+            event.preventDefault();
+            setOver(true);
+        }, onDragLeave: () => setOver(false), onDrop: onDrop, children: [_jsxs("div", { className: "flex items-start justify-between gap-2", children: [_jsx("span", { className: "font-medium", children: seat.label ?? seatName(seat, messages) }), _jsx(SeatPositionBadge, { seat: seat })] }), occupant ? (_jsxs("div", { className: "mt-2 min-w-0", children: [_jsxs("div", { className: "flex items-center gap-1", children: [occupant.isLeadTraveler ? (_jsx(Crown, { className: "size-3 text-amber-500", "aria-label": messages.lead })) : null, _jsx("span", { className: "truncate font-medium", children: occupant.fullName })] }), _jsxs("div", { className: "mt-1 flex flex-wrap items-center gap-1 text-muted-foreground", children: [_jsx("span", { children: occupant.bookingNumber }), sharingGroupLabel ? (_jsx(Badge, { variant: "secondary", className: "max-w-full truncate text-[10px]", children: sharingGroupLabel })) : null] })] })) : (_jsx("div", { className: "mt-3 rounded border border-dashed p-2 text-muted-foreground", children: messages.dropHere }))] }));
+}

package/dist/components/slot-allocation-shared.d.ts

@@ -0,0 +1,35 @@
+import type { AllocationAuditLogEntry, AllocationManifestTraveler, AllocationResource } from "@voyantjs/availability-react";
+import { type ReactNode } from "react";
+import { type ValidationIssue } from "./slot-allocation-model.js";
+export declare function DropColumn({ id, icon, title, description, count, capacity, disabled, action, children, onDropTraveler, }: {
+    id: string;
+    icon: ReactNode;
+    title: string;
+    description: string;
+    count: number;
+    capacity: number;
+    disabled?: boolean;
+    action?: ReactNode;
+    children: ReactNode;
+    onDropTraveler: (travelerId: string) => void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function TravelerTile({ traveler, sharingGroupLabel, renderActions, }: {
+    traveler: AllocationManifestTraveler;
+    sharingGroupLabel?: string | null;
+    renderActions?: (traveler: AllocationManifestTraveler) => ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ValidationSummary({ issues, resources, unallocatedCount, }: {
+    issues: ValidationIssue[];
+    resources: AllocationResource[];
+    unallocatedCount: number;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ResourceFlagBadges({ resource }: {
+    resource: AllocationResource;
+}): import("react/jsx-runtime").JSX.Element | null;
+export declare function SeatPositionBadge({ seat }: {
+    seat: AllocationResource;
+}): import("react/jsx-runtime").JSX.Element | null;
+export declare function AuditLogCard({ entries }: {
+    entries: AllocationAuditLogEntry[];
+}): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=slot-allocation-shared.d.ts.map

package/dist/components/slot-allocation-shared.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slot-allocation-shared.d.ts","sourceRoot":"","sources":["../../src/components/slot-allocation-shared.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,uBAAuB,EACvB,0BAA0B,EAC1B,kBAAkB,EACnB,MAAM,8BAA8B,CAAA;AAGrC,OAAO,EAAkB,KAAK,SAAS,EAAY,MAAM,OAAO,CAAA;AAGhE,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAE7E,wBAAgB,UAAU,CAAC,EACzB,EAAE,EACF,IAAI,EACJ,KAAK,EACL,WAAW,EACX,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,cAAc,GACf,EAAE;IACD,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,SAAS,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;IACnB,cAAc,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;CAC7C,2CA6CA;AAED,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,iBAAiB,EACjB,aAAa,GACd,EAAE;IACD,QAAQ,EAAE,0BAA0B,CAAA;IACpC,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACjC,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,0BAA0B,KAAK,SAAS,CAAA;CACpE,2CA0CA;AAED,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,SAAS,EACT,gBAAgB,GACjB,EAAE;IACD,MAAM,EAAE,eAAe,EAAE,CAAA;IACzB,SAAS,EAAE,kBAAkB,EAAE,CAAA;IAC/B,gBAAgB,EAAE,MAAM,CAAA;CACzB,2CA8BA;AAED,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,kBAAkB,CAAA;CAAE,kDAoBhF;AAED,wBAAgB,iBAAiB,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,kBAAkB,CAAA;CAAE,kDAmBvE;AAED,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,uBAAuB,EAAE,CAAA;CAAE,kDA4B/E"}