@voyantjs/availability-react 0.106.0 → 0.107.0

package/dist/admin/option-resource-templates-panel.js

@@ -0,0 +1,251 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useOperatorAdminMessages } from "@voyantjs/admin";
+import { SeatMapBuilder } from "@voyantjs/allocation-ui";
+import { formatMessage } from "@voyantjs/i18n";
+import { useOptionUnits } from "@voyantjs/products-react";
+import { Badge, Button, Collapsible, CollapsibleContent, CollapsibleTrigger, Dialog, DialogBody, DialogContent, DialogFooter, DialogHeader, DialogTitle, Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@voyantjs/ui/components";
+import { Armchair, Bed, CalendarCheck, ChevronDown, ChevronRight, Loader2, Pencil, Plus, Sparkles, Trash2, } from "lucide-react";
+import { useMemo, useState } from "react";
+import { seatLayoutSpecSchema, useMaterializeOpenSlotsMutation, useProductResourceTemplates, useResourceTemplateMutation, } from "../index.js";
+// Defaults populate the namePattern field when the operator picks a kind. They
+// are starting points the operator edits before saving, not display labels —
+// the localized prompt copy lives in the dialog's namePatternPlaceholder.
+const COMMON_KINDS = [
+    // i18n-literal-ok
+    { value: "room", defaultPattern: "Room {sequence}" },
+    // i18n-literal-ok
+    { value: "vehicle_seat", defaultPattern: "Seat {sequence}" },
+    // i18n-literal-ok
+    { value: "cabin", defaultPattern: "Cabin {sequence}" },
+    // i18n-literal-ok
+    { value: "flight_seat", defaultPattern: "Seat {sequence}" },
+];
+export function OptionResourceTemplatesPanel({ productId, optionId, }) {
+    const adminMessages = useOperatorAdminMessages();
+    const t = adminMessages.availability.details.resourceTemplates;
+    const { data, isPending, isError } = useProductResourceTemplates({ productId });
+    const { upsert, remove } = useResourceTemplateMutation(productId);
+    const materializeOpenSlots = useMaterializeOpenSlotsMutation(productId);
+    const templates = useMemo(() => {
+        const option = (data?.data ?? []).find((entry) => entry.id === optionId);
+        return option?.templates ?? [];
+    }, [data?.data, optionId]);
+    const totalPerDeparture = useMemo(() => templates.reduce((sum, template) => sum + (template.defaultCount ?? 0), 0), [templates]);
+    // The option's room units already carry quantity (maxQuantity) and occupancy
+    // — generate departure inventory straight from them instead of re-typing it.
+    const { data: unitsData } = useOptionUnits({ optionId, limit: 100 });
+    const roomUnits = useMemo(() => (unitsData?.data ?? []).filter((unit) => unit.unitType === "room"), [unitsData?.data]);
+    const [open, setOpen] = useState(false);
+    const [dialogOpen, setDialogOpen] = useState(false);
+    const [seatMapOpen, setSeatMapOpen] = useState(false);
+    const [editingKind, setEditingKind] = useState(null);
+    // The ref of the template being edited, so submit updates that exact
+    // (option, kind, refId) row rather than colliding with siblings of the same
+    // kind. Null for ref-less templates (the manual "Add" path).
+    const [editingRefType, setEditingRefType] = useState(null);
+    const [editingRefId, setEditingRefId] = useState(null);
+    const [kindValue, setKindValue] = useState("room");
+    const [capacityValue, setCapacityValue] = useState(2);
+    const [defaultCountValue, setDefaultCountValue] = useState(1);
+    const [namePatternValue, setNamePatternValue] = useState("Room {sequence}");
+    const [layoutSpec, setLayoutSpec] = useState(null);
+    const [error, setError] = useState(null);
+    const [applyResult, setApplyResult] = useState(null);
+    const derivedSeatCount = useMemo(() => countSeats(layoutSpec), [layoutSpec]);
+    const usingSeatMap = kindValue === "vehicle_seat" && layoutSpec !== null;
+    function openCreate() {
+        setEditingKind(null);
+        setEditingRefType(null);
+        setEditingRefId(null);
+        setKindValue("room");
+        setCapacityValue(2);
+        setDefaultCountValue(1);
+        setNamePatternValue("Room {sequence}");
+        setLayoutSpec(null);
+        setError(null);
+        setDialogOpen(true);
+    }
+    function openEdit(template) {
+        setEditingKind(template.kind);
+        setEditingRefType(template.refType);
+        setEditingRefId(template.refId);
+        setKindValue(template.kind);
+        setCapacityValue(template.capacity);
+        setDefaultCountValue(template.defaultCount ?? 0);
+        setNamePatternValue(template.namePattern);
+        setLayoutSpec(extractLayoutSpec(template.flags));
+        setError(null);
+        setDialogOpen(true);
+    }
+    async function submit(event) {
+        event.preventDefault();
+        setError(null);
+        const trimmedKind = kindValue.trim();
+        const trimmedPattern = namePatternValue.trim();
+        const effectiveCapacity = usingSeatMap ? derivedSeatCount : capacityValue;
+        if (!trimmedKind || !trimmedPattern || effectiveCapacity < 1) {
+            setError(t.validation);
+            return;
+        }
+        const flags = {};
+        if (trimmedKind === "vehicle_seat" && layoutSpec) {
+            flags.layoutSpec = layoutSpec;
+        }
+        try {
+            await upsert.mutateAsync({
+                optionId,
+                kind: trimmedKind,
+                input: {
+                    capacity: effectiveCapacity,
+                    defaultCount: defaultCountValue > 0 ? defaultCountValue : null,
+                    namePattern: trimmedPattern,
+                    // Preserve the edited template's ref so the upsert targets its exact
+                    // (option, kind, refId) row instead of clobbering a sibling.
+                    refType: editingRefType,
+                    refId: editingRefId,
+                    flags,
+                },
+            });
+            setDialogOpen(false);
+        }
+        catch (err) {
+            setError(err instanceof Error ? err.message : t.saveFailed);
+        }
+    }
+    async function handleRemove(kind, refId, label) {
+        if (!globalThis.confirm?.(formatMessage(t.deleteConfirm, { kind: label })))
+            return;
+        try {
+            await remove.mutateAsync({ optionId, kind, refId });
+        }
+        catch (err) {
+            setError(err instanceof Error ? err.message : t.deleteFailed);
+        }
+    }
+    async function generateFromRooms() {
+        setError(null);
+        try {
+            for (const unit of roomUnits) {
+                await upsert.mutateAsync({
+                    optionId,
+                    // All room types share kind "room"; they're distinguished — and
+                    // travelers are constrained to their booked type — by the option_unit
+                    // ref (allocator's groupUnitMatchScore: refType "option_unit" + refId
+                    // === bookedOptionUnitId). The widened (option, kind, ref) unique
+                    // index lets one option carry a "room" template per unit.
+                    kind: "room",
+                    input: {
+                        capacity: unit.occupancyMax ?? unit.occupancyMin ?? 1,
+                        defaultCount: unit.maxQuantity ?? null,
+                        // {index} numbers each room type from 1 (Double 1…20), not the
+                        // global {sequence}, so the shared "room" pool reads cleanly.
+                        namePattern: `${unit.name} {index}`,
+                        refType: "option_unit",
+                        refId: unit.id,
+                        flags: {},
+                    },
+                });
+            }
+            setOpen(true);
+        }
+        catch (err) {
+            setError(err instanceof Error ? err.message : t.saveFailed);
+        }
+    }
+    async function applyToOpenDepartures() {
+        if (!globalThis.confirm?.(t.applyToOpenConfirm))
+            return;
+        setError(null);
+        setApplyResult(null);
+        try {
+            const result = await materializeOpenSlots.mutateAsync({ optionId });
+            setApplyResult(result.slots === 0
+                ? t.applyToOpenEmpty
+                : formatMessage(t.applyToOpenResult, {
+                    created: result.created,
+                    slots: result.slots,
+                }));
+        }
+        catch (err) {
+            setError(err instanceof Error ? err.message : t.applyToOpenFailed);
+        }
+    }
+    const matchingCommon = COMMON_KINDS.find((entry) => entry.value === kindValue);
+    const isExtendedKind = !matchingCommon && kindValue.trim().length > 0;
+    return (_jsxs(Collapsible, { open: open, onOpenChange: setOpen, children: [_jsxs("div", { className: "rounded-md border bg-background/60", children: [_jsxs(CollapsibleTrigger, { className: "flex w-full items-center gap-2 px-3 py-2.5 text-left", children: [_jsx(Bed, { className: "size-4 shrink-0 text-muted-foreground", "aria-hidden": "true" }), _jsx("span", { className: "font-medium text-sm", children: t.title }), _jsx(Badge, { variant: "secondary", className: "font-normal", children: templates.length === 0
+                                    ? t.collapsedEmpty
+                                    : formatMessage(t.collapsedSummary, {
+                                        count: templates.length,
+                                        total: totalPerDeparture,
+                                    }) }), _jsx("span", { className: "flex-1" }), open ? (_jsx(ChevronDown, { className: "size-4 shrink-0 text-muted-foreground", "aria-hidden": "true" })) : (_jsx(ChevronRight, { className: "size-4 shrink-0 text-muted-foreground", "aria-hidden": "true" }))] }), _jsx(CollapsibleContent, { children: _jsxs("div", { className: "flex flex-col gap-3 border-t p-3", children: [_jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsx("p", { className: "text-muted-foreground text-xs", children: t.description }), _jsxs("div", { className: "flex shrink-0 flex-wrap items-center justify-end gap-2", children: [templates.length > 0 ? (_jsxs(Button, { size: "sm", variant: "outline", onClick: () => void applyToOpenDepartures(), disabled: materializeOpenSlots.isPending, children: [_jsx(CalendarCheck, { className: "mr-1 size-4", "aria-hidden": "true" }), t.applyToOpenButton] })) : null, roomUnits.length > 0 ? (_jsxs(Button, { size: "sm", variant: "outline", onClick: () => void generateFromRooms(), disabled: upsert.isPending, children: [_jsx(Sparkles, { className: "mr-1 size-4", "aria-hidden": "true" }), t.generateFromRooms] })) : null, _jsxs(Button, { size: "sm", variant: "outline", onClick: openCreate, children: [_jsx(Plus, { className: "mr-1 size-4", "aria-hidden": "true" }), t.addButton] })] })] }), applyResult ? (_jsx("p", { className: "rounded-md bg-muted/50 px-3 py-2 text-muted-foreground text-xs", children: applyResult })) : null, error ? _jsx("p", { className: "text-destructive text-xs", children: error }) : null, isPending ? (_jsx("p", { className: "flex items-center justify-center gap-2 py-4 text-muted-foreground text-sm", children: _jsx(Loader2, { className: "size-3.5 animate-spin" }) })) : isError ? (_jsx("p", { className: "py-4 text-center text-destructive text-sm", children: t.loadFailed })) : templates.length === 0 ? (_jsx("p", { className: "rounded-md border border-dashed px-3 py-4 text-center text-muted-foreground text-xs", children: roomUnits.length > 0 ? t.generateFromRoomsHint : t.emptyMessage })) : (_jsx("ul", { className: "divide-y overflow-hidden rounded-md border", children: templates.map((template) => {
+                                        const kindLabel = t.kinds[template.kind] ?? template.kind;
+                                        // Several "room" templates share a kind but map to different
+                                        // option_units — surface the unit name so the operator can
+                                        // tell Single / Double / Triple rows apart.
+                                        const unit = template.refId
+                                            ? roomUnits.find((entry) => entry.id === template.refId)
+                                            : undefined;
+                                        const displayLabel = unit?.name ?? kindLabel;
+                                        return (_jsxs("li", { className: "flex items-center justify-between gap-3 px-3 py-2.5", children: [_jsx("div", { className: "min-w-0 flex-1", children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Badge, { variant: "outline", className: "text-[10px]", children: displayLabel }), _jsx("span", { className: "text-sm", children: formatMessage(t.capacitySummary, {
+                                                                    capacity: template.capacity,
+                                                                    count: template.defaultCount ?? 0,
+                                                                    pattern: template.namePattern,
+                                                                }) }), template.kind === "vehicle_seat" ? (_jsx(SeatMapSummaryBadge, { flags: template.flags, messages: t })) : null] }) }), _jsxs("div", { className: "flex items-center gap-1", children: [_jsx(Button, { size: "sm", variant: "ghost", className: "h-7 px-2", onClick: () => openEdit({
+                                                                kind: template.kind,
+                                                                refType: template.refType,
+                                                                refId: template.refId,
+                                                                capacity: template.capacity,
+                                                                defaultCount: template.defaultCount,
+                                                                namePattern: template.namePattern,
+                                                                flags: template.flags,
+                                                            }), children: _jsx(Pencil, { className: "size-3.5", "aria-hidden": "true" }) }), _jsx(Button, { size: "sm", variant: "ghost", className: "h-7 px-2 text-destructive hover:text-destructive", onClick: () => void handleRemove(template.kind, template.refId, displayLabel), disabled: remove.isPending, children: _jsx(Trash2, { className: "size-3.5", "aria-hidden": "true" }) })] })] }, template.id));
+                                    }) }))] }) })] }), _jsx(Dialog, { open: dialogOpen, onOpenChange: setDialogOpen, children: _jsxs(DialogContent, { children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: editingKind ? formatMessage(t.editTitle, { kind: editingKind }) : t.newTitle }) }), _jsxs("form", { onSubmit: submit, children: [_jsxs(DialogBody, { className: "grid gap-4", children: [_jsxs("div", { className: "grid gap-1.5", children: [_jsx(Label, { htmlFor: "resource-template-kind", children: t.kindLabel }), _jsxs(Select, { value: isExtendedKind ? "__custom__" : kindValue, onValueChange: (value) => {
+                                                        if (!value || value === "__custom__") {
+                                                            setKindValue("");
+                                                            return;
+                                                        }
+                                                        setKindValue(value);
+                                                        const found = COMMON_KINDS.find((entry) => entry.value === value);
+                                                        if (found && namePatternValue === "Room {sequence}") {
+                                                            setNamePatternValue(found.defaultPattern);
+                                                        }
+                                                    }, disabled: editingKind !== null, children: [_jsx(SelectTrigger, { id: "resource-template-kind", className: "w-full", children: _jsx(SelectValue, { placeholder: t.kindPlaceholder }) }), _jsxs(SelectContent, { children: [COMMON_KINDS.map((entry) => (_jsx(SelectItem, { value: entry.value, children: t.kinds[entry.value] }, entry.value))), _jsx(SelectItem, { value: "__custom__", children: t.kindCustomOption })] })] }), isExtendedKind || editingKind ? (_jsx(Input, { value: kindValue, onChange: (event) => setKindValue(event.target.value), placeholder: t.kindCustomInputPlaceholder, disabled: editingKind !== null })) : null] }), kindValue === "vehicle_seat" ? (_jsxs("div", { className: "grid gap-1.5", children: [_jsx(Label, { children: t.seatMapLabel }), layoutSpec ? (_jsxs("div", { className: "flex items-center gap-2 rounded-md border p-3", children: [_jsx(Armchair, { className: "size-4 text-muted-foreground", "aria-hidden": "true" }), _jsx("div", { className: "min-w-0 flex-1 text-sm", children: formatMessage(t.seatMapSummary, {
+                                                                rows: layoutSpec.rows.length,
+                                                                count: derivedSeatCount,
+                                                            }) }), _jsxs(Button, { type: "button", size: "sm", variant: "ghost", onClick: () => setSeatMapOpen(true), children: [_jsx(Pencil, { className: "mr-1 size-3.5", "aria-hidden": "true" }), t.seatMapEditButton] })] })) : (_jsxs("div", { className: "flex flex-col gap-2 rounded-md border border-dashed p-3 text-sm", children: [_jsx("p", { className: "text-muted-foreground", children: t.seatMapEmpty }), _jsxs(Button, { type: "button", size: "sm", variant: "outline", onClick: () => setSeatMapOpen(true), children: [_jsx(Armchair, { className: "mr-1 size-3.5", "aria-hidden": "true" }), t.seatMapEditButton] })] }))] })) : null, _jsxs("div", { className: "grid gap-1.5", children: [_jsx(Label, { htmlFor: "resource-template-capacity", children: t.capacityLabel }), _jsx(Input, { id: "resource-template-capacity", type: "number", min: 1, value: usingSeatMap ? derivedSeatCount : capacityValue, onChange: (event) => setCapacityValue(Number(event.target.value) || 1), disabled: usingSeatMap }), usingSeatMap ? (_jsx("p", { className: "text-muted-foreground text-xs", children: formatMessage(t.capacityDerivedHint, { count: derivedSeatCount }) })) : null] }), _jsxs("div", { className: "grid gap-1.5", children: [_jsx(Label, { htmlFor: "resource-template-count", children: t.defaultCountLabel }), _jsx(Input, { id: "resource-template-count", type: "number", min: 0, value: defaultCountValue, onChange: (event) => setDefaultCountValue(Number(event.target.value) || 0) }), _jsx("p", { className: "text-muted-foreground text-xs", children: t.defaultCountHint })] }), _jsxs("div", { className: "grid gap-1.5", children: [_jsx(Label, { htmlFor: "resource-template-pattern", children: t.namePatternLabel }), _jsx(Input, { id: "resource-template-pattern", value: namePatternValue, onChange: (event) => setNamePatternValue(event.target.value), placeholder: t.namePatternPlaceholder }), _jsx("p", { className: "text-muted-foreground text-xs", children: (() => {
+                                                        const [before, after] = t.namePatternHint.split("{placeholder}");
+                                                        return (_jsxs(_Fragment, { children: [before, _jsx("code", { children: "{sequence}" }), after] }));
+                                                    })() })] }), error ? _jsx("p", { className: "text-destructive text-xs", children: error }) : null] }), _jsxs(DialogFooter, { children: [_jsx(Button, { type: "button", variant: "ghost", onClick: () => setDialogOpen(false), children: t.cancel }), _jsxs(Button, { type: "submit", disabled: upsert.isPending, children: [upsert.isPending ? (_jsx(Loader2, { className: "mr-1 size-3.5 animate-spin", "aria-hidden": "true" })) : null, editingKind ? t.save : t.createButton] })] })] })] }) }), _jsx(Dialog, { open: seatMapOpen, onOpenChange: setSeatMapOpen, children: _jsxs(DialogContent, { className: "max-w-3xl", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: t.seatMapDialogTitle }) }), _jsx(DialogBody, { children: _jsx(SeatMapBuilder, { value: layoutSpec, onChange: setLayoutSpec }) }), _jsx(DialogFooter, { children: _jsx(Button, { type: "button", onClick: () => setSeatMapOpen(false), children: t.seatMapDialogDone }) })] }) })] }));
+}
+function SeatMapSummaryBadge({ flags, messages, }) {
+    const spec = extractLayoutSpec(flags);
+    if (!spec)
+        return null;
+    return (_jsx(Badge, { variant: "outline", className: "text-[10px]", children: formatMessage(messages.seatMapSummary, {
+            rows: spec.rows.length,
+            count: countSeats(spec),
+        }) }));
+}
+function extractLayoutSpec(flags) {
+    const raw = flags?.layoutSpec;
+    if (!raw)
+        return null;
+    // Validate against the schema rather than trust the shape — the server
+    // stores flags as opaque JSON, so a malformed value (e.g. a row missing
+    // `cells`) could otherwise reach `countSeats` and throw at runtime.
+    const parsed = seatLayoutSpecSchema.safeParse(raw);
+    return parsed.success ? parsed.data : null;
+}
+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;
+}

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

@@ -0,0 +1,14 @@
+export interface AvailabilityRuleDetailHostProps {
+    /** The availability rule id (route param, bound by the host route file). */
+    ruleId: string;
+}
+/**
+ * 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 declare function AvailabilityRuleDetailHost({ ruleId }: AvailabilityRuleDetailHostProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=rule-detail-host.d.ts.map

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

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

package/dist/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 "@voyantjs/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/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 (`@voyantjs/allocation-ui`), the Extras manifest tab
+ *     (`@voyantjs/extras-react/ui`), the booking create/quick-view sheets
+ *     (`@voyantjs/bookings-react/ui`, lazy) and the product quick-view sheet
+ *     (`@voyantjs/products-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/admin/slot-detail-host.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slot-detail-host.d.ts","sourceRoot":"","sources":["../../src/admin/slot-detail-host.tsx"],"names":[],"mappings":"AAyCA,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/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 "@voyantjs/admin";
+import { SlotAllocationPage } from "@voyantjs/allocation-ui";
+import { SlotExtrasManifestPanel, useExtrasUiMessagesOrDefault } from "@voyantjs/extras-react/ui";
+import { ProductQuickViewSheet } from "@voyantjs/products-react/ui";
+import { lazy, Suspense, useState } from "react";
+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("@voyantjs/bookings-react/components/booking-create-sheet").then((module) => ({
+    default: module.BookingCreateSheet,
+})));
+const BookingQuickViewSheet = lazy(() => import("@voyantjs/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 (`@voyantjs/allocation-ui`), the Extras manifest tab
+ *     (`@voyantjs/extras-react/ui`), the booking create/quick-view sheets
+ *     (`@voyantjs/bookings-react/ui`, lazy) and the product quick-view sheet
+ *     (`@voyantjs/products-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/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/admin/start-time-detail-host.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"start-time-detail-host.d.ts","sourceRoot":"","sources":["../../src/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/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 "@voyantjs/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/components/availability-columns.d.ts

@@ -0,0 +1,42 @@
+import type { ColumnDef } from "@tanstack/react-table";
+import { type AvailabilityCloseoutRow, type AvailabilityPickupPointRow, type AvailabilityRuleRow, type AvailabilitySlotRow, type AvailabilityStartTimeRow, type ProductOption } from "../index.js";
+export interface AvailabilityColumnsMessages {
+    activeLabel: string;
+    dateLabel: string;
+    details: {
+        noValue: string;
+    };
+    durationLabel: string;
+    labelLabel: string;
+    locationLabel: string;
+    maxPaxLabel: string;
+    nameLabel: string;
+    openLabel: string;
+    editLabel: string;
+    productLabel: string;
+    productLevelLabel: string;
+    reasonLabel: string;
+    recurrenceLabel: string;
+    remainingPaxLabel: string;
+    totalPaxLabel: string;
+    endsAtLabel: string;
+    slotLabel: string;
+    startLabel: string;
+    startsAtLabel: string;
+    statusActive: string;
+    statusCancelled: string;
+    statusClosed: string;
+    statusInactive: string;
+    statusLabel: string;
+    statusOpen: string;
+    statusSoldOut: string;
+    timezoneLabel: string;
+    viewLabel: string;
+}
+export declare function getSlotStatusLabel(status: AvailabilitySlotRow["status"], messages: AvailabilityColumnsMessages): string;
+export declare const availabilityRuleColumns: (products: ProductOption[], onView: (ruleId: string) => void, messages: AvailabilityColumnsMessages) => ColumnDef<AvailabilityRuleRow>[];
+export declare const availabilityStartTimeColumns: (products: ProductOption[], onView: (startTimeId: string) => void, messages: AvailabilityColumnsMessages) => ColumnDef<AvailabilityStartTimeRow>[];
+export declare const availabilitySlotColumns: (products: ProductOption[], onView: (slotId: string) => void, messages: AvailabilityColumnsMessages, onEdit?: (slot: AvailabilitySlotRow) => void) => ColumnDef<AvailabilitySlotRow>[];
+export declare const availabilityCloseoutColumns: (products: ProductOption[], messages: AvailabilityColumnsMessages) => ColumnDef<AvailabilityCloseoutRow>[];
+export declare const availabilityPickupPointColumns: (products: ProductOption[], messages: AvailabilityColumnsMessages) => ColumnDef<AvailabilityPickupPointRow>[];
+//# sourceMappingURL=availability-columns.d.ts.map

package/dist/components/availability-columns.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"availability-columns.d.ts","sourceRoot":"","sources":["../../src/components/availability-columns.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAMtD,OAAO,EACL,KAAK,uBAAuB,EAC5B,KAAK,0BAA0B,EAC/B,KAAK,mBAAmB,EACxB,KAAK,mBAAmB,EACxB,KAAK,wBAAwB,EAC7B,KAAK,aAAa,EAKnB,MAAM,aAAa,CAAA;AAGpB,MAAM,WAAW,2BAA2B;IAC1C,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE;QACP,OAAO,EAAE,MAAM,CAAA;KAChB,CAAA;IACD,aAAa,EAAE,MAAM,CAAA;IACrB,UAAU,EAAE,MAAM,CAAA;IAClB,aAAa,EAAE,MAAM,CAAA;IACrB,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;IACjB,YAAY,EAAE,MAAM,CAAA;IACpB,iBAAiB,EAAE,MAAM,CAAA;IACzB,WAAW,EAAE,MAAM,CAAA;IACnB,eAAe,EAAE,MAAM,CAAA;IACvB,iBAAiB,EAAE,MAAM,CAAA;IACzB,aAAa,EAAE,MAAM,CAAA;IACrB,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,EAAE,MAAM,CAAA;IAClB,aAAa,EAAE,MAAM,CAAA;IACrB,YAAY,EAAE,MAAM,CAAA;IACpB,eAAe,EAAE,MAAM,CAAA;IACvB,YAAY,EAAE,MAAM,CAAA;IACpB,cAAc,EAAE,MAAM,CAAA;IACtB,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,EAAE,MAAM,CAAA;IAClB,aAAa,EAAE,MAAM,CAAA;IACrB,aAAa,EAAE,MAAM,CAAA;IACrB,SAAS,EAAE,MAAM,CAAA;CAClB;AAED,wBAAgB,kBAAkB,CAChC,MAAM,EAAE,mBAAmB,CAAC,QAAQ,CAAC,EACrC,QAAQ,EAAE,2BAA2B,UAYtC;AAwCD,eAAO,MAAM,uBAAuB,GAClC,UAAU,aAAa,EAAE,EACzB,QAAQ,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,EAChC,UAAU,2BAA2B,KACpC,SAAS,CAAC,mBAAmB,CAAC,EA2ChC,CAAA;AAED,eAAO,MAAM,4BAA4B,GACvC,UAAU,aAAa,EAAE,EACzB,QAAQ,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,EACrC,UAAU,2BAA2B,KACpC,SAAS,CAAC,wBAAwB,CAAC,EAyCrC,CAAA;AAED,eAAO,MAAM,uBAAuB,GAClC,UAAU,aAAa,EAAE,EACzB,QAAQ,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,EAChC,UAAU,2BAA2B,EACrC,SAAS,CAAC,IAAI,EAAE,mBAAmB,KAAK,IAAI,KAC3C,SAAS,CAAC,mBAAmB,CAAC,EA2DhC,CAAA;AAED,eAAO,MAAM,2BAA2B,GACtC,UAAU,aAAa,EAAE,EACzB,UAAU,2BAA2B,KACpC,SAAS,CAAC,uBAAuB,CAAC,EAoBpC,CAAA;AAED,eAAO,MAAM,8BAA8B,GACzC,UAAU,aAAa,EAAE,EACzB,UAAU,2BAA2B,KACpC,SAAS,CAAC,0BAA0B,CAAC,EA0BvC,CAAA"}