@voyant-travel/operations-react 0.0.0

package/dist/availability/admin/rule-detail-host.js

@@ -0,0 +1,27 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useQuery } from "@tanstack/react-query";
+import { useAdminBreadcrumbs, useAdminHref, useAdminNavigate, useOperatorAdminMessages, } from "@voyant-travel/admin";
+import { AvailabilityRuleDetailPage, getAvailabilityRuleDetailQueryOptions, } from "../components/availability-rule-detail-page.js";
+import { useVoyantAvailabilityContext } from "../index.js";
+/**
+ * Packaged admin host for the availability rule detail page (packaged-admin
+ * RFC Phase 3). Data wiring runs through the shared availability provider
+ * context; breadcrumbs through the admin chrome; cross-route links through
+ * the semantic destinations `availabilitySlot.list`, `availabilitySlot.detail`
+ * and `product.detail` (RFC §4.7). The SSR prefetch loader stays in the host
+ * route file with the app's cookie-forwarding fetcher.
+ */
+export function AvailabilityRuleDetailHost({ ruleId }) {
+    const messages = useOperatorAdminMessages();
+    const resolveHref = useAdminHref();
+    const navigateTo = useAdminNavigate();
+    const client = useVoyantAvailabilityContext();
+    const ruleQuery = useQuery(getAvailabilityRuleDetailQueryOptions(client, ruleId));
+    const rule = ruleQuery.data?.data;
+    useAdminBreadcrumbs([
+        { label: messages.availability.title, href: resolveHref("availabilitySlot.list", {}) },
+        ...(rule ? [{ label: rule.productName ?? `Rule ${rule.id.slice(-6)}` }] : []),
+    ]);
+    return (_jsx(AvailabilityRuleDetailPage, { id: ruleId, onBack: () => navigateTo("availabilitySlot.list", {}), onDeleted: () => navigateTo("availabilitySlot.list", {}), onOpenProduct: (productId) => navigateTo("product.detail", { productId }), onOpenSlot: (slotId) => navigateTo("availabilitySlot.detail", { slotId }) }));
+}

package/dist/availability/admin/slot-detail-host.d.ts

@@ -0,0 +1,29 @@
+export interface AvailabilitySlotDetailHostProps {
+    /** The availability slot id (route param, bound by the host route file). */
+    slotId: string;
+}
+/**
+ * Packaged admin host for the availability slot detail page (packaged-admin
+ * RFC Phase 3). Owns everything package-clean:
+ *
+ *   - Data wiring through the shared availability provider context
+ *     (`useVoyantAvailabilityContext`) — the workspace shell mounts
+ *     `VoyantAvailabilityProvider`, so no per-route provider or app env
+ *     helper is needed.
+ *   - Admin chrome breadcrumbs (`useAdminBreadcrumbs`).
+ *   - Cross-route links resolve through semantic destinations (RFC §4.7):
+ *     `availabilitySlot.list`, `availabilityStartTime.detail`,
+ *     `booking.detail`, `product.detail` — no host route tree import.
+ *   - The cross-domain composition the operator route previously assembled:
+ *     the Allocation tab (`@voyant-travel/operations-react/availability/allocation`), the Extras manifest tab
+ *     (`@voyant-travel/bookings-react/extras`), the booking create/quick-view sheets
+ *     (`@voyant-travel/bookings-react/ui`, lazy) and the product quick-view sheet
+ *     (`@voyant-travel/inventory-react/ui`).
+ *   - The slot edit dialog, submitting through the package mutation
+ *     (`useAvailabilitySlotMutation`) instead of an app RPC client.
+ *
+ * The SSR prefetch loader stays in the host route file (it runs outside the
+ * React tree with the app's cookie-forwarding fetcher).
+ */
+export declare function AvailabilitySlotDetailHost({ slotId }: AvailabilitySlotDetailHostProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=slot-detail-host.d.ts.map

package/dist/availability/admin/slot-detail-host.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slot-detail-host.d.ts","sourceRoot":"","sources":["../../../src/availability/admin/slot-detail-host.tsx"],"names":[],"mappings":"AA4CA,MAAM,WAAW,+BAA+B;IAC9C,4EAA4E;IAC5E,MAAM,EAAE,MAAM,CAAA;CACf;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,0BAA0B,CAAC,EAAE,MAAM,EAAE,EAAE,+BAA+B,2CAqIrF"}

package/dist/availability/admin/slot-detail-host.js

@@ -0,0 +1,110 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useQuery } from "@tanstack/react-query";
+import { useAdminBreadcrumbs, useAdminHref, useAdminNavigate, useOperatorAdminMessages, } from "@voyant-travel/admin";
+import { SlotExtrasManifestPanel, useExtrasUiMessagesOrDefault, } from "@voyant-travel/bookings-react/extras";
+import { ProductQuickViewSheet } from "@voyant-travel/inventory-react/ui";
+import { lazy, Suspense, useState } from "react";
+import { SlotAllocationPage } from "../allocation/index.js";
+import { AvailabilitySlotDialog } from "../components/availability-dialogs.js";
+import { AvailabilitySlotDetailPage, getAvailabilitySlotDetailQueryOptions, getAvailabilitySlotProductQueryOptions, } from "../components/availability-slot-detail-page.js";
+import { useAvailabilitySlotMutation, useRules, useStartTimes, useVoyantAvailabilityContext, } from "../index.js";
+// Lazy: the booking sheets pull the bookings-ui bundle; only operators who
+// actually create/preview a booking from a slot pay for it.
+const BookingCreateSheet = lazy(() => import("@voyant-travel/bookings-react/components/booking-create-sheet").then((module) => ({
+    default: module.BookingCreateSheet,
+})));
+const BookingQuickViewSheet = lazy(() => import("@voyant-travel/bookings-react/components/booking-quick-view-sheet").then((module) => ({
+    default: module.BookingQuickViewSheet,
+})));
+/**
+ * Packaged admin host for the availability slot detail page (packaged-admin
+ * RFC Phase 3). Owns everything package-clean:
+ *
+ *   - Data wiring through the shared availability provider context
+ *     (`useVoyantAvailabilityContext`) — the workspace shell mounts
+ *     `VoyantAvailabilityProvider`, so no per-route provider or app env
+ *     helper is needed.
+ *   - Admin chrome breadcrumbs (`useAdminBreadcrumbs`).
+ *   - Cross-route links resolve through semantic destinations (RFC §4.7):
+ *     `availabilitySlot.list`, `availabilityStartTime.detail`,
+ *     `booking.detail`, `product.detail` — no host route tree import.
+ *   - The cross-domain composition the operator route previously assembled:
+ *     the Allocation tab (`@voyant-travel/operations-react/availability/allocation`), the Extras manifest tab
+ *     (`@voyant-travel/bookings-react/extras`), the booking create/quick-view sheets
+ *     (`@voyant-travel/bookings-react/ui`, lazy) and the product quick-view sheet
+ *     (`@voyant-travel/inventory-react/ui`).
+ *   - The slot edit dialog, submitting through the package mutation
+ *     (`useAvailabilitySlotMutation`) instead of an app RPC client.
+ *
+ * The SSR prefetch loader stays in the host route file (it runs outside the
+ * React tree with the app's cookie-forwarding fetcher).
+ */
+export function AvailabilitySlotDetailHost({ slotId }) {
+    const messages = useOperatorAdminMessages();
+    const extrasMessages = useExtrasUiMessagesOrDefault();
+    const resolveHref = useAdminHref();
+    const navigateTo = useAdminNavigate();
+    const client = useVoyantAvailabilityContext();
+    const slotMutation = useAvailabilitySlotMutation();
+    const slotQuery = useQuery(getAvailabilitySlotDetailQueryOptions(client, slotId));
+    const slot = slotQuery.data?.data;
+    const productQuery = useQuery({
+        ...getAvailabilitySlotProductQueryOptions(client, slot?.productId ?? null),
+        enabled: Boolean(slot?.productId),
+    });
+    const productName = productQuery.data?.data?.name ?? null;
+    const [bookingPreviewId, setBookingPreviewId] = useState(null);
+    const [productPreviewId, setProductPreviewId] = useState(null);
+    const [bookingCreateDefaults, setBookingCreateDefaults] = useState(null);
+    const [editDialogOpen, setEditDialogOpen] = useState(false);
+    // Lazy-load rules + start times only when the edit dialog opens —
+    // the slot detail view itself doesn't need them. Scope to the slot's
+    // product so the dialog only suggests recurring rules / start times
+    // that already belong to this product.
+    const rulesQuery = useRules({ productId: slot?.productId, enabled: editDialogOpen });
+    const startTimesQuery = useStartTimes({
+        productId: slot?.productId,
+        enabled: editDialogOpen,
+    });
+    useAdminBreadcrumbs([
+        { label: messages.availability.title, href: resolveHref("availabilitySlot.list", {}) },
+        ...(slot
+            ? [
+                {
+                    label: productName ? `${productName} · ${slot.dateLocal}` : `Slot · ${slot.dateLocal}`,
+                },
+            ]
+            : []),
+    ]);
+    return (_jsxs(_Fragment, { children: [_jsx(AvailabilitySlotDetailPage, { id: slotId, onBack: () => navigateTo("availabilitySlot.list", {}), onDeleted: () => navigateTo("availabilitySlot.list", {}), onOpenProduct: (productId) => setProductPreviewId(productId), onOpenStartTime: (startTimeId) => navigateTo("availabilityStartTime.detail", { startTimeId }), onCreateBooking: (input) => setBookingCreateDefaults(input), onEdit: () => setEditDialogOpen(true), renderAllocation: ({ slotId: allocationSlotId }) => (_jsx(SlotAllocationPage, { slotId: allocationSlotId, embed: true, onBookingOpen: (bookingId) => setBookingPreviewId(bookingId) })), renderExtras: ({ slotId: extrasSlotId }) => (_jsx(SlotExtrasManifestPanel, { slotId: extrasSlotId })), extrasTabLabel: extrasMessages.slotManifest.title }), _jsx(Suspense, { fallback: null, children: _jsx(BookingCreateSheet, { open: Boolean(bookingCreateDefaults), onOpenChange: (open) => {
+                        if (!open)
+                            setBookingCreateDefaults(null);
+                    }, defaultProductId: bookingCreateDefaults?.productId, defaultSlotId: bookingCreateDefaults?.slotId, onCreated: (booking) => setBookingPreviewId(booking.id) }) }), _jsx(Suspense, { fallback: null, children: _jsx(BookingQuickViewSheet, { bookingId: bookingPreviewId, open: bookingPreviewId !== null, onOpenChange: (open) => {
+                        if (!open)
+                            setBookingPreviewId(null);
+                    }, onViewFull: (booking) => {
+                        setBookingPreviewId(null);
+                        navigateTo("booking.detail", { bookingId: booking.id });
+                    } }) }), _jsx(ProductQuickViewSheet, { productId: productPreviewId, open: productPreviewId !== null, onOpenChange: (open) => {
+                    if (!open)
+                        setProductPreviewId(null);
+                }, onViewFull: (product) => {
+                    setProductPreviewId(null);
+                    navigateTo("product.detail", { productId: product.id });
+                } }), slot && productQuery.data?.data ? (_jsx(AvailabilitySlotDialog, { messages: messages.availability, open: editDialogOpen, onOpenChange: setEditDialogOpen, slot: slot, products: [productQuery.data.data], rules: rulesQuery.data?.data ?? [], startTimes: startTimesQuery.data?.data ?? [], onSubmit: async (payload, context) => {
+                    if (context.isEditing) {
+                        if (!context.id)
+                            throw new Error("Slot edit requires an id.");
+                        await slotMutation.update.mutateAsync({
+                            id: context.id,
+                            input: payload,
+                        });
+                        return;
+                    }
+                    await slotMutation.create.mutateAsync(payload);
+                }, onSuccess: () => {
+                    setEditDialogOpen(false);
+                    void slotQuery.refetch();
+                } })) : null] }));
+}

package/dist/availability/admin/start-time-detail-host.d.ts

@@ -0,0 +1,15 @@
+export interface AvailabilityStartTimeDetailHostProps {
+    /** The availability start time id (route param, bound by the host route file). */
+    startTimeId: string;
+}
+/**
+ * Packaged admin host for the availability start time detail page
+ * (packaged-admin RFC Phase 3). Data wiring runs through the shared
+ * availability provider context; breadcrumbs through the admin chrome;
+ * cross-route links through the semantic destinations
+ * `availabilitySlot.list`, `availabilitySlot.detail` and `product.detail`
+ * (RFC §4.7). The SSR prefetch loader stays in the host route file with the
+ * app's cookie-forwarding fetcher.
+ */
+export declare function AvailabilityStartTimeDetailHost({ startTimeId, }: AvailabilityStartTimeDetailHostProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=start-time-detail-host.d.ts.map

package/dist/availability/admin/start-time-detail-host.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"start-time-detail-host.d.ts","sourceRoot":"","sources":["../../../src/availability/admin/start-time-detail-host.tsx"],"names":[],"mappings":"AAeA,MAAM,WAAW,oCAAoC;IACnD,kFAAkF;IAClF,WAAW,EAAE,MAAM,CAAA;CACpB;AAED;;;;;;;;GAQG;AACH,wBAAgB,+BAA+B,CAAC,EAC9C,WAAW,GACZ,EAAE,oCAAoC,2CAgCtC"}

package/dist/availability/admin/start-time-detail-host.js

@@ -0,0 +1,37 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useQuery } from "@tanstack/react-query";
+import { useAdminBreadcrumbs, useAdminHref, useAdminNavigate, useOperatorAdminMessages, } from "@voyant-travel/admin";
+import { AvailabilityStartTimeDetailPage, getAvailabilityStartTimeDetailQueryOptions, } from "../components/availability-start-time-detail-page.js";
+import { useVoyantAvailabilityContext } from "../index.js";
+/**
+ * Packaged admin host for the availability start time detail page
+ * (packaged-admin RFC Phase 3). Data wiring runs through the shared
+ * availability provider context; breadcrumbs through the admin chrome;
+ * cross-route links through the semantic destinations
+ * `availabilitySlot.list`, `availabilitySlot.detail` and `product.detail`
+ * (RFC §4.7). The SSR prefetch loader stays in the host route file with the
+ * app's cookie-forwarding fetcher.
+ */
+export function AvailabilityStartTimeDetailHost({ startTimeId, }) {
+    const messages = useOperatorAdminMessages();
+    const resolveHref = useAdminHref();
+    const navigateTo = useAdminNavigate();
+    const client = useVoyantAvailabilityContext();
+    const startTimeQuery = useQuery(getAvailabilityStartTimeDetailQueryOptions(client, startTimeId));
+    const startTime = startTimeQuery.data?.data;
+    const startTimeFallback = messages.availability.details.startTime.fallbackTitle;
+    useAdminBreadcrumbs([
+        { label: messages.availability.title, href: resolveHref("availabilitySlot.list", {}) },
+        ...(startTime
+            ? [
+                {
+                    label: startTime.label
+                        ? `${startTime.productName ?? startTimeFallback} · ${startTime.label}`
+                        : (startTime.productName ?? `${startTimeFallback} ${startTime.startTimeLocal}`),
+                },
+            ]
+            : []),
+    ]);
+    return (_jsx(AvailabilityStartTimeDetailPage, { id: startTimeId, onBack: () => navigateTo("availabilitySlot.list", {}), onDeleted: () => navigateTo("availabilitySlot.list", {}), onOpenProduct: (productId) => navigateTo("product.detail", { productId }), onOpenSlot: (slotId) => navigateTo("availabilitySlot.detail", { slotId }) }));
+}

package/dist/availability/allocation/components/seat-map-builder.d.ts

@@ -0,0 +1,25 @@
+import type { SeatLayoutSpec } from "@voyant-travel/operations-react/availability";
+/**
+ * Visual editor for a vehicle seat map. Renders a 2D grid the operator can
+ * click to cycle each cell through `seat → aisle → door → void`. Used inside
+ * the resource-template dialog; the resulting `SeatLayoutSpec` is stored on
+ * the template's `flags.layoutSpec` and consumed by the backend materializer.
+ *
+ * Designed to be controlled — `value` and `onChange` own the spec. Passing
+ * `null` clears the spec; the consumer can offer a preset chooser elsewhere
+ * if it wants to reset to a starter.
+ */
+export interface SeatMapBuilderProps {
+    value: SeatLayoutSpec | null;
+    onChange(spec: SeatLayoutSpec | null): void;
+    /** Hard cap on row count. Defaults to 20, well under the schema's 40. */
+    maxRows?: number;
+    /** Hard cap on cells per row. Defaults to 12, well under the schema's 20. */
+    maxColumns?: number;
+}
+export declare const SEAT_MAP_PRESETS: ReadonlyArray<{
+    id: "standardCoach" | "miniCoach" | "largeBus" | "doubleDecker" | "withMidDoor";
+    spec: SeatLayoutSpec;
+}>;
+export declare function SeatMapBuilder({ value, onChange, maxRows, maxColumns, }: SeatMapBuilderProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=seat-map-builder.d.ts.map

package/dist/availability/allocation/components/seat-map-builder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"seat-map-builder.d.ts","sourceRoot":"","sources":["../../../../src/availability/allocation/components/seat-map-builder.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAkB,cAAc,EAAE,MAAM,8CAA8C,CAAA;AAOlG;;;;;;;;;GASG;AACH,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,cAAc,GAAG,IAAI,CAAA;IAC5B,QAAQ,CAAC,IAAI,EAAE,cAAc,GAAG,IAAI,GAAG,IAAI,CAAA;IAC3C,yEAAyE;IACzE,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,6EAA6E;IAC7E,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAUD,eAAO,MAAM,gBAAgB,EAAE,aAAa,CAAC;IAC3C,EAAE,EAAE,eAAe,GAAG,WAAW,GAAG,UAAU,GAAG,cAAc,GAAG,aAAa,CAAA;IAC/E,IAAI,EAAE,cAAc,CAAA;CACrB,CASA,CAAA;AAED,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,OAAY,EACZ,UAAe,GAChB,EAAE,mBAAmB,2CAkLrB"}

package/dist/availability/allocation/components/seat-map-builder.js

@@ -0,0 +1,133 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { formatMessage } from "@voyant-travel/i18n";
+import { Badge, Button, cn } from "@voyant-travel/ui/components";
+import { DoorOpen, Minus, Plus, RotateCcw, Square, X } from "lucide-react";
+import { useMemo } from "react";
+import { useAllocationUiMessagesOrDefault } from "../i18n/index.js";
+const DEFAULT_COLUMNS = 5;
+const NEXT_KIND = {
+    seat: "aisle",
+    aisle: "door",
+    door: "void",
+    void: "seat",
+};
+export const SEAT_MAP_PRESETS = [
+    { id: "standardCoach", spec: makeUniformSpec(["seat", "seat", "aisle", "seat", "seat"], 11) },
+    { id: "miniCoach", spec: makeUniformSpec(["seat", "seat", "aisle", "seat"], 7) },
+    { id: "largeBus", spec: makeUniformSpec(["seat", "seat", "seat", "aisle", "seat", "seat"], 11) },
+    {
+        id: "doubleDecker",
+        spec: makeUniformSpec(["seat", "seat", "aisle", "seat", "aisle", "seat", "seat"], 11),
+    },
+    { id: "withMidDoor", spec: withMidDoor(["seat", "seat", "aisle", "seat", "seat"], 11, 7) },
+];
+export function SeatMapBuilder({ value, onChange, maxRows = 20, maxColumns = 12, }) {
+    const messages = useAllocationUiMessagesOrDefault();
+    const t = messages.seatMapBuilder;
+    const spec = value;
+    const columns = spec?.rows[0]?.cells.length ?? DEFAULT_COLUMNS;
+    const seatCount = useMemo(() => countSeats(spec), [spec]);
+    function emitOrClear(next) {
+        onChange(next.rows.length === 0 ? null : next);
+    }
+    function cycleCell(rowIndex, cellIndex) {
+        if (!spec)
+            return;
+        const nextRows = spec.rows.map((row, rIdx) => {
+            if (rIdx !== rowIndex)
+                return row;
+            return {
+                cells: row.cells.map((cell, cIdx) => (cIdx === cellIndex ? NEXT_KIND[cell] : cell)),
+            };
+        });
+        emitOrClear({ rows: nextRows });
+    }
+    function addRow() {
+        if (spec && spec.rows.length >= maxRows)
+            return;
+        const baseCells = spec?.rows[spec.rows.length - 1]?.cells.map(() => "seat") ??
+            new Array(DEFAULT_COLUMNS).fill("seat");
+        emitOrClear({ rows: [...(spec?.rows ?? []), { cells: baseCells }] });
+    }
+    function removeRow() {
+        if (!spec || spec.rows.length <= 1) {
+            onChange(null);
+            return;
+        }
+        emitOrClear({ rows: spec.rows.slice(0, -1) });
+    }
+    function addColumn() {
+        if (!spec || columns >= maxColumns)
+            return;
+        emitOrClear({
+            rows: spec.rows.map((row) => ({ cells: [...row.cells, "seat"] })),
+        });
+    }
+    function removeColumn() {
+        if (!spec || columns <= 1)
+            return;
+        emitOrClear({
+            rows: spec.rows.map((row) => ({ cells: row.cells.slice(0, -1) })),
+        });
+    }
+    function applyPreset(preset) {
+        onChange(preset);
+    }
+    if (!spec) {
+        return (_jsxs("div", { className: "flex flex-col gap-3", children: [_jsxs("div", { children: [_jsx("p", { className: "font-medium text-sm", children: t.presetHeading }), _jsx("p", { className: "text-muted-foreground text-xs", children: t.presetHint })] }), _jsx("div", { className: "flex flex-wrap gap-2", children: SEAT_MAP_PRESETS.map((preset) => (_jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: () => applyPreset(preset.spec), children: t.presets[preset.id] }, preset.id))) })] }));
+    }
+    return (_jsxs("div", { className: "flex flex-col gap-4", children: [_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2", children: [_jsxs("div", { children: [_jsx("p", { className: "font-medium text-sm", children: t.heading }), _jsx("p", { className: "text-muted-foreground text-xs", children: t.description })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Badge, { variant: "outline", children: formatMessage(t.capacityChip, { count: seatCount }) }), _jsxs(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => onChange(null), children: [_jsx(RotateCcw, { className: "mr-1 size-3.5", "aria-hidden": "true" }), t.resetSpec] })] })] }), _jsx(CellKindLegend, { messages: t }), _jsx("div", { className: "flex flex-col items-start gap-1.5 overflow-x-auto rounded-md border bg-muted/10 p-3", children: spec.rows.map((row, rowIndex) => (_jsxs("div", { className: "flex items-center gap-1", children: [_jsx("span", { className: "w-6 shrink-0 text-right text-[10px] text-muted-foreground tabular-nums", children: rowIndex + 1 }), row.cells.map((cell, cellIndex) => (_jsx("button", { type: "button", "aria-label": formatMessage(t.columnAria, {
+                                row: rowIndex + 1,
+                                column: cellIndex + 1,
+                            }), title: t.cellKinds[cell], onClick: () => cycleCell(rowIndex, cellIndex), className: cn("flex size-9 items-center justify-center rounded border text-[11px] font-medium transition-colors", cellStyles(cell)), children: _jsx(CellGlyph, { cell: cell, short: t.cellKindShort[cell] }) }, `cell-${rowIndex}-${cellIndex}`)))] }, `row-${rowIndex}`))) }), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsxs(Button, { type: "button", variant: "outline", size: "sm", onClick: addRow, disabled: spec.rows.length >= maxRows, children: [_jsx(Plus, { className: "mr-1 size-3.5", "aria-hidden": "true" }), t.addRow] }), _jsxs(Button, { type: "button", variant: "outline", size: "sm", onClick: removeRow, children: [_jsx(Minus, { className: "mr-1 size-3.5", "aria-hidden": "true" }), t.removeRow] }), _jsx("span", { className: "text-muted-foreground text-xs", children: formatMessage(t.seatCountSummary, { count: seatCount }) }), _jsxs("div", { className: "ml-auto flex items-center gap-1", children: [_jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: removeColumn, disabled: columns <= 1, children: _jsx(Minus, { className: "size-3.5", "aria-hidden": "true" }) }), _jsx("span", { className: "text-muted-foreground text-[10px] uppercase tracking-wider", children: columns }), _jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: addColumn, disabled: columns >= maxColumns, children: _jsx(Plus, { className: "size-3.5", "aria-hidden": "true" }) })] })] }), _jsx("p", { className: "text-muted-foreground text-xs", children: t.voidDoorReminder })] }));
+}
+function CellKindLegend({ messages, }) {
+    const kinds = ["seat", "aisle", "door", "void"];
+    return (_jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("p", { className: "font-medium text-xs", children: messages.cellKindHeading }), _jsx("div", { className: "flex flex-wrap items-center gap-2 text-xs", children: kinds.map((kind) => (_jsxs("span", { className: "inline-flex items-center gap-1", children: [_jsx("span", { className: cn("inline-flex size-5 items-center justify-center rounded border text-[10px]", cellStyles(kind)), "aria-hidden": "true", children: _jsx(CellGlyph, { cell: kind, short: messages.cellKindShort[kind] }) }), messages.cellKinds[kind]] }, kind))) }), _jsx("p", { className: "text-muted-foreground text-[11px]", children: messages.cellKindHint })] }));
+}
+function CellGlyph({ cell, short }) {
+    if (cell === "door")
+        return _jsx(DoorOpen, { className: "size-3.5", "aria-hidden": "true" });
+    if (cell === "void")
+        return _jsx(X, { className: "size-3 opacity-40", "aria-hidden": "true" });
+    if (cell === "aisle")
+        return _jsx(Square, { className: "size-2.5 opacity-30", "aria-hidden": "true" });
+    return _jsx("span", { children: short });
+}
+function cellStyles(cell) {
+    switch (cell) {
+        case "seat":
+            return "border-primary/40 bg-primary/10 text-primary hover:bg-primary/20";
+        case "aisle":
+            return "border-dashed border-muted-foreground/30 bg-transparent text-muted-foreground hover:bg-muted/30";
+        case "door":
+            return "border-amber-500/50 bg-amber-500/15 text-amber-700 hover:bg-amber-500/25 dark:text-amber-300";
+        case "void":
+            return "border-muted-foreground/20 bg-muted/20 text-muted-foreground/40 hover:bg-muted/40";
+    }
+}
+function countSeats(spec) {
+    if (!spec)
+        return 0;
+    let count = 0;
+    for (const row of spec.rows) {
+        for (const cell of row.cells) {
+            if (cell === "seat")
+                count += 1;
+        }
+    }
+    return count;
+}
+function makeUniformSpec(template, rowCount) {
+    return { rows: Array.from({ length: rowCount }, () => ({ cells: [...template] })) };
+}
+function withMidDoor(rowTemplate, rowCount, doorRowIndex) {
+    const rows = makeUniformSpec(rowTemplate, rowCount).rows;
+    const safeIndex = Math.min(Math.max(0, doorRowIndex - 1), rows.length - 1);
+    const target = rows[safeIndex];
+    if (target) {
+        rows[safeIndex] = { cells: target.cells.map(() => "door") };
+    }
+    return { rows };
+}

package/dist/availability/allocation/components/slot-allocation-add-resource-dialog.d.ts

@@ -0,0 +1,29 @@
+import type { FormEvent } from "react";
+import type { useAllocationUiMessagesOrDefault } from "../i18n/index.js";
+import { type ResourceCapacitySummary } from "./slot-allocation-model.js";
+type ResourceTemplateOption = {
+    id: string;
+    name: string;
+    templates: ReadonlyArray<{
+        kind: string;
+        capacity: number;
+    }>;
+};
+export declare function AddResourceDialog({ open, onOpenChange, onSubmit, activeKind, resourceLabel, onResourceLabelChange, resourceCapacity, onResourceCapacityChange, resourceOptionId, onResourceOptionIdChange, resourceOptions, projectedSummary, createPending, messages, }: {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    onSubmit: (event: FormEvent<HTMLFormElement>) => void;
+    activeKind: string;
+    resourceLabel: string;
+    onResourceLabelChange: (value: string) => void;
+    resourceCapacity: number;
+    onResourceCapacityChange: (value: number) => void;
+    resourceOptionId: string | null;
+    onResourceOptionIdChange: (value: string | null) => void;
+    resourceOptions: ReadonlyArray<ResourceTemplateOption>;
+    projectedSummary: ResourceCapacitySummary | null;
+    createPending: boolean;
+    messages: ReturnType<typeof useAllocationUiMessagesOrDefault>;
+}): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=slot-allocation-add-resource-dialog.d.ts.map

package/dist/availability/allocation/components/slot-allocation-add-resource-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slot-allocation-add-resource-dialog.d.ts","sourceRoot":"","sources":["../../../../src/availability/allocation/components/slot-allocation-add-resource-dialog.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,KAAK,EAAE,gCAAgC,EAAE,MAAM,kBAAkB,CAAA;AACxE,OAAO,EAAa,KAAK,uBAAuB,EAAa,MAAM,4BAA4B,CAAA;AAE/F,KAAK,sBAAsB,GAAG;IAC5B,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,aAAa,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;CAC7D,CAAA;AAED,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,UAAU,EACV,aAAa,EACb,qBAAqB,EACrB,gBAAgB,EAChB,wBAAwB,EACxB,gBAAgB,EAChB,wBAAwB,EACxB,eAAe,EACf,gBAAgB,EAChB,aAAa,EACb,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,eAAe,CAAC,KAAK,IAAI,CAAA;IACrD,UAAU,EAAE,MAAM,CAAA;IAClB,aAAa,EAAE,MAAM,CAAA;IACrB,qBAAqB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9C,gBAAgB,EAAE,MAAM,CAAA;IACxB,wBAAwB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjD,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAA;IAC/B,wBAAwB,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IACxD,eAAe,EAAE,aAAa,CAAC,sBAAsB,CAAC,CAAA;IACtD,gBAAgB,EAAE,uBAAuB,GAAG,IAAI,CAAA;IAChD,aAAa,EAAE,OAAO,CAAA;IACtB,QAAQ,EAAE,UAAU,CAAC,OAAO,gCAAgC,CAAC,CAAA;CAC9D,2CA2FA"}

package/dist/availability/allocation/components/slot-allocation-add-resource-dialog.js

@@ -0,0 +1,19 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Dialog, DialogBody, DialogContent, DialogFooter, DialogHeader, DialogTitle, Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@voyant-travel/ui/components";
+import { AlertTriangle } from "lucide-react";
+import { kindLabel, ROOM_KIND } from "./slot-allocation-model.js";
+export function AddResourceDialog({ open, onOpenChange, onSubmit, activeKind, resourceLabel, onResourceLabelChange, resourceCapacity, onResourceCapacityChange, resourceOptionId, onResourceOptionIdChange, resourceOptions, projectedSummary, createPending, messages, }) {
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: messages.addResource }) }), _jsxs("form", { onSubmit: onSubmit, children: [_jsxs(DialogBody, { className: "grid gap-4", children: [resourceOptions.length > 0 ? (_jsxs("div", { className: "grid gap-1.5", children: [_jsx(Label, { htmlFor: "allocation-resource-option", children: messages.resourceOption }), _jsxs(Select, { value: resourceOptionId ?? "__none__", onValueChange: (value) => {
+                                                const next = value === "__none__" ? null : value;
+                                                onResourceOptionIdChange(next);
+                                                if (next) {
+                                                    const option = resourceOptions.find((entry) => entry.id === next);
+                                                    const template = option?.templates.find((entry) => entry.kind === activeKind);
+                                                    if (template?.capacity)
+                                                        onResourceCapacityChange(template.capacity);
+                                                }
+                                            }, children: [_jsx(SelectTrigger, { id: "allocation-resource-option", className: "w-full", children: _jsx(SelectValue, { placeholder: messages.resourceOptionPlaceholder, children: (value) => value === "__none__"
+                                                            ? messages.resourceOptionNone
+                                                            : (resourceOptions.find((option) => option.id === value)?.name ?? value) }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "__none__", children: messages.resourceOptionNone }), resourceOptions.map((option) => (_jsx(SelectItem, { value: option.id, children: option.name }, option.id)))] })] })] })) : null, _jsxs("div", { className: "grid gap-1.5", children: [_jsx(Label, { htmlFor: "allocation-resource-label", children: messages.resourceLabel }), _jsx(Input, { id: "allocation-resource-label", value: resourceLabel, onChange: (event) => onResourceLabelChange(event.target.value), placeholder: activeKind === ROOM_KIND ? "102" : kindLabel(activeKind, messages), autoFocus: true })] }), _jsxs("div", { className: "grid gap-1.5", children: [_jsx(Label, { htmlFor: "allocation-resource-capacity", children: messages.resourceCapacity }), _jsx(Input, { id: "allocation-resource-capacity", type: "number", min: 1, value: resourceCapacity, onChange: (event) => onResourceCapacityChange(Number(event.target.value) || 1) })] }), projectedSummary?.status === "over" && projectedSummary.delta != null ? (_jsxs("div", { className: "flex items-start gap-2 rounded-md border border-amber-300/60 bg-amber-50 px-3 py-2 text-sm text-amber-900 dark:border-amber-500/40 dark:bg-amber-500/10 dark:text-amber-200", role: "status", children: [_jsx(AlertTriangle, { className: "mt-0.5 size-4 shrink-0", "aria-hidden": "true" }), _jsxs("span", { children: [messages.overCapacityWarning, " ", projectedSummary.resourceCapacity, "/", projectedSummary.slotPax ?? "—", " (", messages.resourceCapacityOver, ":", " ", projectedSummary.delta, ")"] })] })) : null] }), _jsxs(DialogFooter, { children: [_jsx(Button, { type: "button", variant: "ghost", onClick: () => onOpenChange(false), children: messages.cancel }), _jsx(Button, { type: "submit", disabled: createPending, children: messages.createResource })] })] })] }) }));
+}

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

@@ -0,0 +1,111 @@
+import { type AllocationManifestTraveler, type AllocationResource, type SeatLayoutSpec } from "@voyant-travel/operations-react/availability";
+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 declare function deriveAllocationKinds({ resources, templateOptions, }: {
+    resources: ReadonlyArray<Pick<AllocationResource, "kind">>;
+    templateOptions: ReadonlyArray<{
+        templates: ReadonlyArray<{
+            kind: string | null | undefined;
+        }>;
+    }>;
+}): string[];
+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 interface VehicleSeatGroup {
+    id: string;
+    label: string;
+    sortOrder: number;
+    seats: AllocationResource[];
+    /**
+     * Parsed 2D layout for this vehicle when the operator drew a custom map
+     * via `<SeatMapBuilder />`. Renderers honor this to draw aisles, doors,
+     * and voids; absent means fall back to the row-grouped layout.
+     */
+    layoutSpec: SeatLayoutSpec | null;
+}
+export declare function groupSeatsByVehicle(seats: AllocationResource[], vehicles: AllocationResource[], messages: AllocationUiMessages): VehicleSeatGroup[];
+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): 2 | 1;
+export declare function kindLabel(kind: string, messages: AllocationUiMessages): string;
+/**
+ * Group resources for display by a "sub-type" — `refId` when present,
+ * otherwise the leading alphabetic token of `label` ("DBL" from
+ * "DBL 1"), otherwise a single "other" bucket. Lets the operator scan
+ * all DBLs together instead of an alphabetic interleave of mixed
+ * sub-types. Each group also exposes the count and the total person-
+ * capacity so the header summary stays consistent with the grid.
+ */
+export interface ResourceSubTypeGroup {
+    key: string;
+    /**
+     * Human-readable group label derived from the resource's refId or
+     * label prefix. `null` for the catch-all bucket (unlabeled, refId-
+     * less resources) — consumers should fall back to a localized
+     * "Other" string.
+     */
+    label: string | null;
+    resources: AllocationResource[];
+    count: number;
+    capacity: number;
+}
+export declare function groupResourcesBySubType(resources: AllocationResource[]): ResourceSubTypeGroup[];
+export interface ResourceCapacitySummary {
+    resourceCount: number;
+    resourceCapacity: number;
+    slotPax: number | null;
+    slotRemainingPax: number | null;
+    delta: number | null;
+    status: "fits" | "exact" | "over" | "unbounded";
+}
+/**
+ * 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 declare function summarizeResourceCapacity(input: {
+    resources: AllocationResource[];
+    slotInitialPax: number | null | undefined;
+    slotRemainingPax: number | null | undefined;
+    unlimited: boolean;
+}): ResourceCapacitySummary;
+export declare function flagString(value: unknown): string | null;
+//# sourceMappingURL=slot-allocation-model.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"slot-allocation-model.d.ts","sourceRoot":"","sources":["../../../../src/availability/allocation/components/slot-allocation-model.ts"],"names":[],"mappings":"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"}