@voyantjs/availability-react 0.106.0 → 0.108.0

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

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

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

@@ -0,0 +1,383 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useQuery } from "@tanstack/react-query";
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, Badge, Button, Card, CardContent, CardHeader, CardTitle, cn, Tabs, TabsContent, TabsList, TabsTrigger, } from "@voyantjs/ui/components";
+import { Activity, BookOpen, CalendarDays, History, Info, Package, Pencil, Plus, Sparkles, Trash2, Truck, UserMinus, UserPlus, Wrench, } from "lucide-react";
+import { useState } from "react";
+import { useAvailabilityUiI18nOrDefault } from "../i18n/index.js";
+import { getPickupPointsQueryOptions, getProductQueryOptions, getSlotAllocationQueryOptions, getSlotAssignmentsQueryOptions, getSlotCloseoutsQueryOptions, getSlotPickupsQueryOptions, getSlotQueryOptions, getSlotResourcesQueryOptions, slotLocalEnd, slotLocalStart, slotStatusTone, useAvailabilitySlotMutation, useSlotAllocationAuditLog, useVoyantAvailabilityContext, } from "../index.js";
+import { getSlotStatusLabel } from "./availability-columns.js";
+import { AvailabilitySlotDetailSkeleton } from "./availability-skeletons.js";
+import { slotStatusToneClass } from "./slot-status-tone.js";
+export function getAvailabilitySlotDetailQueryOptions(client, id) {
+    return getSlotQueryOptions(client, id);
+}
+export function getAvailabilitySlotProductQueryOptions(client, productId) {
+    return getProductQueryOptions(client, productId);
+}
+export function getAvailabilitySlotPickupsQueryOptions(client, id) {
+    return getSlotPickupsQueryOptions(client, id, { limit: 25, offset: 0 });
+}
+export function getAvailabilitySlotPickupPointsQueryOptions(client, productId) {
+    return getPickupPointsQueryOptions(client, {
+        productId: productId ?? undefined,
+        limit: 25,
+        offset: 0,
+    });
+}
+export function getAvailabilitySlotCloseoutsQueryOptions(client, id) {
+    return getSlotCloseoutsQueryOptions(client, id, { limit: 25, offset: 0 });
+}
+export function getAvailabilitySlotAssignmentsQueryOptions(client, id) {
+    return getSlotAssignmentsQueryOptions(client, id, { limit: 25, offset: 0 });
+}
+export function getAvailabilitySlotResourcesQueryOptions(client) {
+    return getSlotResourcesQueryOptions(client, { limit: 25, offset: 0 });
+}
+export function getAvailabilitySlotAllocationQueryOptions(client, id) {
+    return getSlotAllocationQueryOptions(client, id);
+}
+export async function loadAvailabilitySlotDetailPage(queryClient, client, id) {
+    const slotData = await queryClient.ensureQueryData(getAvailabilitySlotDetailQueryOptions(client, id));
+    return Promise.all([
+        Promise.resolve(slotData),
+        queryClient.ensureQueryData(getAvailabilitySlotPickupsQueryOptions(client, id)),
+        queryClient.ensureQueryData(getAvailabilitySlotCloseoutsQueryOptions(client, id)),
+        queryClient.ensureQueryData(getAvailabilitySlotAssignmentsQueryOptions(client, id)),
+        queryClient.ensureQueryData(getAvailabilitySlotResourcesQueryOptions(client)),
+        queryClient.ensureQueryData(getAvailabilitySlotAllocationQueryOptions(client, id)),
+        queryClient.ensureQueryData(getAvailabilitySlotProductQueryOptions(client, slotData.data.productId)),
+        queryClient.ensureQueryData(getAvailabilitySlotPickupPointsQueryOptions(client, slotData.data.productId)),
+    ]);
+}
+export function AvailabilitySlotDetailPage({ id, className, onBack: _onBack, onDeleted, onOpenProduct, onOpenStartTime, onCreateBooking, onEdit, breadcrumb, headerActions, renderAllocation, renderExtras, extrasTabLabel, }) {
+    const client = useVoyantAvailabilityContext();
+    const i18n = useAvailabilityUiI18nOrDefault();
+    const messages = i18n.messages;
+    const detailMessages = messages.details;
+    const noValue = detailMessages.noValue;
+    const slotMutation = useAvailabilitySlotMutation();
+    const [deleteDialogOpen, setDeleteDialogOpen] = useState(false);
+    const { data: slotData, isPending } = useQuery(getAvailabilitySlotDetailQueryOptions(client, id));
+    const slot = slotData?.data;
+    const productQuery = useQuery({
+        ...getAvailabilitySlotProductQueryOptions(client, slot?.productId ?? ""),
+        enabled: Boolean(slot?.productId),
+    });
+    const slotPickupsQuery = useQuery(getAvailabilitySlotPickupsQueryOptions(client, id));
+    const pickupPointsQuery = useQuery({
+        ...getAvailabilitySlotPickupPointsQueryOptions(client, slot?.productId ?? ""),
+        enabled: Boolean(slot?.productId),
+    });
+    const closeoutsQuery = useQuery(getAvailabilitySlotCloseoutsQueryOptions(client, id));
+    const assignmentsQuery = useQuery(getAvailabilitySlotAssignmentsQueryOptions(client, id));
+    const resourcesQuery = useQuery(getAvailabilitySlotResourcesQueryOptions(client));
+    const allocationQuery = useQuery(getAvailabilitySlotAllocationQueryOptions(client, id));
+    const auditLogQuery = useSlotAllocationAuditLog({ slotId: id });
+    if (isPending) {
+        return _jsx(AvailabilitySlotDetailSkeleton, {});
+    }
+    if (!slot) {
+        return (_jsx("div", { className: "flex flex-col items-center justify-center gap-4 py-12", children: _jsx("p", { className: "text-muted-foreground", children: detailMessages.slot.notFound }) }));
+    }
+    const pickupPointById = new Map((pickupPointsQuery.data?.data ?? []).map((item) => [item.id, item]));
+    const resourceById = new Map((resourcesQuery.data?.data ?? []).map((item) => [item.id, item]));
+    const allocationBookings = allocationQuery.data?.data.bookings ?? [];
+    const bookingById = new Map(allocationBookings.map((item) => [item.id, item]));
+    const travelerById = new Map();
+    for (const booking of allocationBookings) {
+        for (const traveler of booking.travelers) {
+            travelerById.set(traveler.id, {
+                fullName: traveler.fullName,
+                bookingNumber: traveler.bookingNumber,
+                bookingId: traveler.bookingId,
+            });
+        }
+    }
+    const productSellCurrency = productQuery.data?.data.sellCurrency ?? null;
+    const financialRollup = aggregateSlotFinancials(allocationBookings, productSellCurrency);
+    const productName = productQuery.data?.data.name ?? null;
+    const productTypeName = productQuery.data?.data.productType?.name ?? null;
+    const dateRangeLabel = formatSlotDateRange(slot);
+    const nightsLabel = computeSlotNightsLabel(slot, detailMessages.duration);
+    const titleText = productName ?? dateRangeLabel;
+    const flagBadges = [
+        slot.unlimited ? detailMessages.slot.unlimitedLabel : null,
+        slot.pastCutoff ? detailMessages.slot.pastCutoffLabel : null,
+        slot.tooEarly ? detailMessages.slot.tooEarlyLabel : null,
+    ].filter((value) => Boolean(value));
+    const pickupRows = slotPickupsQuery.data?.data ?? [];
+    const assignmentRows = assignmentsQuery.data?.data ?? [];
+    const closeoutRows = closeoutsQuery.data?.data ?? [];
+    const auditEntries = auditLogQuery.data?.data ?? [];
+    const handleDelete = async () => {
+        await slotMutation.remove.mutateAsync(slot.id);
+        setDeleteDialogOpen(false);
+        onDeleted?.();
+    };
+    const fallbackActions = headerActions ?? (_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [slot.productId && onCreateBooking ? (_jsxs(Button, { variant: "outline", onClick: () => onCreateBooking({ slotId: id, productId: slot.productId }), children: [_jsx(BookOpen, { "data-icon": "inline-start", "aria-hidden": "true" }), detailMessages.createBooking] })) : null, onEdit ? (_jsxs(Button, { variant: "outline", onClick: onEdit, children: [_jsx(Pencil, { "data-icon": "inline-start", "aria-hidden": "true" }), detailMessages.editSlot] })) : null, slot.productId && onOpenProduct ? (_jsxs(Button, { variant: "outline", onClick: () => onOpenProduct(slot.productId), children: [_jsx(Package, { "data-icon": "inline-start", "aria-hidden": "true" }), detailMessages.openProduct] })) : null, _jsx(Button, { variant: "destructive", onClick: () => setDeleteDialogOpen(true), disabled: slotMutation.remove.isPending, children: detailMessages.delete }), _jsx(AlertDialog, { open: deleteDialogOpen, onOpenChange: setDeleteDialogOpen, children: _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: detailMessages.slot.deleteConfirm }), _jsx(AlertDialogDescription, { children: detailMessages.slot.deleteDescription })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { children: detailMessages.slot.deleteCancel }), _jsx(AlertDialogAction, { variant: "destructive", onClick: () => void handleDelete(), disabled: slotMutation.remove.isPending, children: detailMessages.slot.deleteConfirmAction })] })] }) })] }));
+    return (_jsxs("div", { className: cn("flex flex-col gap-6 p-6", className), children: [breadcrumb ? _jsx("div", { className: "text-sm", children: breadcrumb }) : null, _jsxs("div", { className: "flex flex-col gap-3 md:flex-row md:items-start md:justify-between", children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-3", children: [_jsx("h1", { className: "text-2xl font-bold tracking-tight", children: titleText }), _jsx(Badge, { variant: "outline", className: slotStatusToneClass[slotStatusTone[slot.status]], children: getSlotStatusLabel(slot.status, messages) }), productTypeName ? _jsx(Badge, { variant: "outline", children: productTypeName }) : null] }), _jsxs("div", { className: "mt-1 flex flex-wrap items-center gap-2 text-sm text-muted-foreground", children: [_jsxs("span", { children: [dateRangeLabel, nightsLabel ? ` · ${nightsLabel}` : null] }), _jsx(Badge, { variant: "outline", children: slot.timezone })] }), flagBadges.length > 0 ? (_jsx("div", { className: "mt-2 flex flex-wrap items-center gap-2", children: flagBadges.map((label) => (_jsx(Badge, { variant: "secondary", children: label }, label))) })) : null] }), fallbackActions] }), _jsx(KpiStrip, { slot: slot, rollup: financialRollup, formatCurrency: i18n.formatCurrency, i18nLabels: {
+                    pax: detailMessages.slot.paxKpiLabel,
+                    total: detailMessages.slot.totalKpiLabel,
+                    paid: detailMessages.slot.paidKpiLabel,
+                    outstanding: detailMessages.slot.outstandingKpiLabel,
+                    mixedHint: detailMessages.slot.mixedCurrenciesHint,
+                    noValue,
+                } }), _jsxs(Tabs, { defaultValue: "allocation", children: [_jsxs(TabsList, { className: "flex h-auto w-fit flex-wrap justify-start", children: [_jsx(TabsTrigger, { value: "allocation", children: detailMessages.tabs.allocation }), renderExtras ? (_jsx(TabsTrigger, { value: "extras", children: extrasTabLabel ?? detailMessages.tabs.extras })) : null, pickupRows.length > 0 ? (_jsxs(TabsTrigger, { value: "pickup", children: [detailMessages.tabs.pickup, _jsx(Badge, { variant: "outline", className: "ml-1.5", children: pickupRows.length })] })) : null, closeoutRows.length > 0 ? (_jsxs(TabsTrigger, { value: "closeouts", children: [detailMessages.tabs.closeouts, _jsx(Badge, { variant: "outline", className: "ml-1.5", children: closeoutRows.length })] })) : null, _jsxs(TabsTrigger, { value: "activity", children: [detailMessages.tabs.activity, auditEntries.length > 0 ? (_jsx(Badge, { variant: "outline", className: "ml-1.5", children: auditEntries.length })) : null] }), _jsx(TabsTrigger, { value: "meta", children: detailMessages.tabs.meta })] }), _jsx(TabsContent, { value: "allocation", className: "mt-4", children: renderAllocation ? (renderAllocation({ slotId: id, productId: slot.productId })) : (_jsx("p", { className: "rounded-md border border-dashed p-6 text-sm text-muted-foreground", children: detailMessages.tabs.allocationUnwired })) }), renderExtras ? (_jsx(TabsContent, { value: "extras", className: "mt-4", children: renderExtras({ slotId: id, productId: slot.productId }) })) : null, pickupRows.length > 0 ? (_jsx(TabsContent, { value: "pickup", className: "mt-4", children: _jsx("div", { className: "flex flex-col gap-3 text-sm", children: pickupRows.map((pickup) => {
+                                const point = pickupPointById.get(pickup.pickupPointId);
+                                return (_jsxs("div", { className: "rounded-md border p-3", children: [_jsxs("div", { className: "flex items-center gap-2 font-medium", children: [_jsx(Truck, { className: "size-4", "aria-hidden": "true" }), point?.name ?? pickup.pickupPointId] }), _jsx("div", { className: "mt-1 text-muted-foreground", children: point?.locationText ?? detailMessages.slot.noLocationText }), _jsxs("div", { className: "mt-2", children: [detailMessages.slot.initialLabel, ": ", pickup.initialCapacity ?? noValue, " \u00B7", " ", detailMessages.slot.remainingLabel, ": ", pickup.remainingCapacity ?? noValue] })] }, pickup.id));
+                            }) }) })) : null, closeoutRows.length > 0 ? (_jsx(TabsContent, { value: "closeouts", className: "mt-4", children: _jsx("div", { className: "flex flex-col gap-3 text-sm", children: closeoutRows.map((closeout) => (_jsxs("div", { className: "rounded-md border p-3", children: [_jsxs("div", { className: "flex items-center gap-2 font-medium", children: [_jsx(CalendarDays, { className: "size-4", "aria-hidden": "true" }), closeout.dateLocal] }), _jsxs("div", { className: "mt-1 text-muted-foreground", children: [detailMessages.slot.createdByLabel, ": ", closeout.createdBy ?? noValue] }), closeout.reason ? (_jsx("div", { className: "mt-2 whitespace-pre-wrap", children: closeout.reason })) : null] }, closeout.id))) }) })) : null, _jsxs(TabsContent, { value: "activity", className: "mt-4 flex flex-col gap-4", children: [slot.notes ? (_jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { className: "text-sm font-semibold uppercase tracking-wide text-muted-foreground", children: detailMessages.notesTitle }) }), _jsx(CardContent, { className: "whitespace-pre-wrap text-sm", children: slot.notes })] })) : null, _jsx(ActivityTimeline, { assignments: assignmentRows, auditEntries: auditEntries, resourceById: resourceById, bookingById: bookingById, travelerById: travelerById, formatDateTime: i18n.formatDateTime, i18n: {
+                                    title: detailMessages.tabs.activity,
+                                    empty: detailMessages.tabs.activityEmpty,
+                                    filterAll: detailMessages.tabs.activityFilterAll,
+                                    filterAudit: detailMessages.tabs.activityFilterAudit,
+                                    filterAssignments: detailMessages.tabs.activityFilterAssignments,
+                                    byActor: detailMessages.tabs.activityByActor,
+                                    unassignedResource: detailMessages.slot.unassignedResource,
+                                    bookingLabel: detailMessages.slot.bookingLabel,
+                                    auditActionLabels: detailMessages.tabs.auditActionLabels,
+                                    ongoing: detailMessages.tabs.activityOngoing,
+                                    noValue,
+                                } })] }), _jsx(TabsContent, { value: "meta", className: "mt-4", children: _jsx(MetaTab, { slot: slot, productName: productName, statusLabel: getSlotStatusLabel(slot.status, messages), onOpenProduct: onOpenProduct, onOpenStartTime: onOpenStartTime, i18n: {
+                                title: detailMessages.tabs.metaTitle,
+                                slotIdLabel: detailMessages.tabs.metaSlotId,
+                                ruleLabel: detailMessages.slot.ruleLabel,
+                                startTimeLabel: detailMessages.slot.startTimeIdLabel,
+                                endsAtLabel: detailMessages.slot.endsAtLabel,
+                                createdLabel: detailMessages.createdLabel,
+                                updatedLabel: detailMessages.updatedLabel,
+                                productLabel: messages.productLabel,
+                                statusLabel: messages.statusLabel,
+                                timezoneLabel: messages.timezoneLabel,
+                                noValue,
+                                format: i18n.formatDateTime,
+                            } }) })] })] }));
+}
+function KpiStrip({ slot, rollup, formatCurrency, i18nLabels, }) {
+    const paxValue = slot.unlimited ? "∞" : `${slot.remainingPax ?? 0} / ${slot.initialPax ?? 0}`;
+    const renderAmount = (pick) => {
+        if (rollup.entries.length === 0 || !rollup.primaryCurrency) {
+            return i18nLabels.noValue;
+        }
+        const primary = rollup.entries.find((entry) => entry.currency === rollup.primaryCurrency);
+        return primary
+            ? formatCurrency(pick(primary) / 100, primary.currency)
+            : formatCurrency(0, rollup.primaryCurrency);
+    };
+    const renderHint = (pick) => {
+        if (rollup.entries.length <= 1)
+            return undefined;
+        const others = rollup.entries.filter((entry) => entry.currency !== rollup.primaryCurrency);
+        if (others.length === 0)
+            return i18nLabels.mixedHint;
+        return `+ ${others.map((entry) => formatCurrency(pick(entry) / 100, entry.currency)).join(" · ")}`;
+    };
+    const primary = rollup.primaryCurrency
+        ? rollup.entries.find((entry) => entry.currency === rollup.primaryCurrency)
+        : null;
+    const paidPercent = primary && primary.sellCents > 0
+        ? Math.round((primary.paidCents / primary.sellCents) * 100)
+        : null;
+    const outstandingPercent = paidPercent != null ? Math.max(0, 100 - paidPercent) : null;
+    return (_jsxs("div", { className: "grid grid-cols-2 gap-4 sm:grid-cols-4", children: [_jsx(StatCard, { label: i18nLabels.pax, children: paxValue }), _jsx(StatCard, { label: i18nLabels.total, hint: renderHint((t) => t.sellCents), children: renderAmount((t) => t.sellCents) }), _jsx(StatCard, { label: i18nLabels.paid, hint: renderHint((t) => t.paidCents), badge: paidPercent != null ? renderPercentBadge(paidPercent, paidBadgeClass) : null, children: renderAmount((t) => t.paidCents) }), _jsx(StatCard, { label: i18nLabels.outstanding, hint: renderHint((t) => t.outstandingCents), badge: outstandingPercent != null
+                    ? renderPercentBadge(outstandingPercent, outstandingBadgeClass)
+                    : null, children: renderAmount((t) => t.outstandingCents) })] }));
+}
+function StatCard({ label, children, hint, badge, }) {
+    return (_jsx(Card, { children: _jsxs(CardContent, { className: "flex flex-col gap-1", children: [_jsx("div", { className: "text-xs font-medium text-muted-foreground", children: label }), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx("div", { className: "text-xl font-semibold tabular-nums leading-none", children: children }), badge] }), hint ? _jsx("div", { className: "text-xs text-muted-foreground", children: hint }) : null] }) }));
+}
+function renderPercentBadge(percent, classFor) {
+    return (_jsxs(Badge, { variant: "outline", className: cn("border-transparent", classFor(percent)), children: [percent, "%"] }));
+}
+function paidBadgeClass(percent) {
+    if (percent <= 0)
+        return "bg-red-500/10 text-red-600 dark:text-red-400";
+    if (percent >= 100)
+        return "bg-green-500/10 text-green-600 dark:text-green-400";
+    return "bg-yellow-500/10 text-yellow-700 dark:text-yellow-400";
+}
+function outstandingBadgeClass(percent) {
+    if (percent <= 0)
+        return "bg-green-500/10 text-green-600 dark:text-green-400";
+    if (percent >= 100)
+        return "bg-red-500/10 text-red-600 dark:text-red-400";
+    return "bg-yellow-500/10 text-yellow-700 dark:text-yellow-400";
+}
+const FINANCIAL_BOOKING_STATUSES = new Set([
+    "on_hold",
+    "awaiting_payment",
+    "confirmed",
+    "in_progress",
+    "completed",
+]);
+export function aggregateSlotFinancials(bookings, productCurrency) {
+    const byCurrency = new Map();
+    for (const booking of bookings) {
+        if (!FINANCIAL_BOOKING_STATUSES.has(booking.status))
+            continue;
+        const currency = booking.sellCurrency;
+        if (!currency)
+            continue;
+        const sell = booking.sellAmountCents ?? 0;
+        const paid = booking.paidAmountCents ?? 0;
+        if (sell <= 0 && paid <= 0)
+            continue;
+        const entry = byCurrency.get(currency) ?? {
+            currency,
+            sellCents: 0,
+            paidCents: 0,
+            outstandingCents: 0,
+        };
+        entry.sellCents += sell;
+        entry.paidCents += paid;
+        byCurrency.set(currency, entry);
+    }
+    for (const entry of byCurrency.values()) {
+        entry.outstandingCents = Math.max(0, entry.sellCents - entry.paidCents);
+    }
+    const entries = [...byCurrency.values()].sort((left, right) => right.sellCents - left.sellCents);
+    const primaryCurrency = (productCurrency && byCurrency.has(productCurrency) ? productCurrency : null) ??
+        entries[0]?.currency ??
+        productCurrency ??
+        null;
+    return { primaryCurrency, entries };
+}
+function MetaTab({ slot, productName, statusLabel, onOpenProduct, onOpenStartTime, i18n: msg, }) {
+    const rows = [
+        {
+            label: msg.slotIdLabel,
+            value: _jsx("span", { className: "font-mono text-xs", children: slot.id }),
+        },
+        {
+            label: msg.productLabel,
+            value: slot.productId && onOpenProduct ? (_jsx(Button, { variant: "link", className: "h-auto p-0 text-right", onClick: () => onOpenProduct(slot.productId), children: productName ?? slot.productId })) : ((productName ??
+                slot.productId ?? _jsx("span", { className: "text-muted-foreground", children: msg.noValue }))),
+        },
+        {
+            label: msg.statusLabel,
+            value: (_jsx(Badge, { variant: "outline", className: slotStatusToneClass[slotStatusTone[slot.status]], children: statusLabel })),
+        },
+        {
+            label: msg.timezoneLabel,
+            value: _jsx(Badge, { variant: "outline", children: slot.timezone }),
+        },
+        {
+            label: msg.endsAtLabel,
+            value: slot.endsAt ? (formatSlotLocalDateTime(slotLocalEnd(slot) ?? slotLocalStart(slot))) : (_jsx("span", { className: "text-muted-foreground", children: msg.noValue })),
+        },
+    ];
+    if (slot.availabilityRuleId) {
+        rows.push({
+            label: msg.ruleLabel,
+            value: _jsx("span", { className: "font-mono text-xs", children: slot.availabilityRuleId }),
+        });
+    }
+    if (slot.startTimeId) {
+        rows.push({
+            label: msg.startTimeLabel,
+            value: onOpenStartTime ? (_jsx(Button, { variant: "link", className: "h-auto p-0 text-right font-mono text-xs", onClick: () => onOpenStartTime(slot.startTimeId ?? ""), children: slot.startTimeId })) : (_jsx("span", { className: "font-mono text-xs", children: slot.startTimeId })),
+        });
+    }
+    rows.push({ label: msg.createdLabel, value: msg.format(slot.createdAt) });
+    rows.push({ label: msg.updatedLabel, value: msg.format(slot.updatedAt) });
+    return (_jsxs("div", { "data-slot": "slot-metadata", className: "flex flex-col gap-3", children: [_jsxs("h2", { className: "flex items-center gap-2 text-base font-semibold", children: [_jsx(Info, { className: "h-4 w-4 text-muted-foreground", "aria-hidden": "true" }), msg.title] }), _jsx("div", { className: "overflow-hidden rounded-md border bg-background", children: _jsx("dl", { className: "divide-y", children: rows.map((row) => (_jsxs("div", { className: "flex items-center justify-between gap-4 px-4 py-3 text-sm", children: [_jsx("dt", { className: "text-muted-foreground", children: row.label }), _jsx("dd", { className: "text-right", children: row.value })] }, row.label))) }) })] }));
+}
+function formatSlotDateRange(slot) {
+    const start = formatSlotLocalDateTime(slotLocalStart(slot));
+    if (!slot.endsAt)
+        return start;
+    return `${start} → ${formatSlotLocalDateTime(slotLocalEnd(slot) ?? slotLocalStart(slot))}`;
+}
+function formatSlotLocalDateTime(value) {
+    return `${value.date} ${value.time}`;
+}
+function computeSlotNightsLabel(slot, labels) {
+    if (slot.nights && slot.nights > 0) {
+        return slot.nights === 1
+            ? labels.nightSingular
+            : labels.nightsPlural.replace("{count}", String(slot.nights));
+    }
+    if (slot.days && slot.days > 0) {
+        return slot.days === 1
+            ? labels.daySingular
+            : labels.daysPlural.replace("{count}", String(slot.days));
+    }
+    return null;
+}
+const AUDIT_ACTION_ICONS = {
+    "resource.create": Plus,
+    "resource.update": Pencil,
+    "resource.delete": Trash2,
+    "traveler.assign": UserPlus,
+    "traveler.unassign": UserMinus,
+    "resources.materialize": Sparkles,
+    "auto-allocate": Sparkles,
+};
+function humanizeAction(action, labels) {
+    return labels[action] ?? action.replace(/[._-]/g, " ").replace(/\b\w/g, (c) => c.toUpperCase());
+}
+function ActivityTimeline({ assignments, auditEntries, resourceById, bookingById, travelerById, formatDateTime: formatDateTimeFn, i18n, }) {
+    const [filter, setFilter] = useState("all");
+    const resourceLabel = (id) => (id ? resourceById.get(id)?.name : null) ?? id ?? i18n.unassignedResource;
+    const events = [];
+    const nowIso = new Date().toISOString();
+    for (const assignment of assignments) {
+        const resource = resourceLabel(assignment.resourceId);
+        const booking = bookingById.get(assignment.bookingId ?? "");
+        // Active assignments don't carry a released timestamp. Sort them
+        // alongside current activity using `now`, and flag the entry so
+        // the row meta line renders "ongoing" instead of formatting the
+        // sentinel time.
+        const isOngoing = assignment.releasedAt == null;
+        events.push({
+            id: `assignment:${assignment.id}`,
+            source: "assignment",
+            icon: Wrench,
+            title: resource,
+            badge: assignment.status,
+            description: (_jsxs("span", { children: [i18n.bookingLabel, ": ", booking?.bookingNumber ?? assignment.bookingId ?? i18n.noValue, assignment.notes ? ` · ${assignment.notes}` : null] })),
+            timestamp: assignment.releasedAt ?? nowIso,
+            isOngoing,
+            actorId: assignment.assignedBy,
+        });
+    }
+    for (const entry of auditEntries) {
+        const resource = entry.resourceId ? resourceLabel(entry.resourceId) : null;
+        const traveler = entry.travelerId ? travelerById.get(entry.travelerId) : null;
+        const detailParts = [];
+        if (traveler)
+            detailParts.push(traveler.fullName);
+        if (resource)
+            detailParts.push(resource);
+        events.push({
+            id: `audit:${entry.id}`,
+            source: "audit",
+            icon: AUDIT_ACTION_ICONS[entry.action] ?? History,
+            title: humanizeAction(entry.action, i18n.auditActionLabels),
+            description: detailParts.length > 0 ? detailParts.join(" → ") : null,
+            timestamp: entry.createdAt,
+            actorId: entry.actorId,
+        });
+    }
+    events.sort((a, b) => new Date(b.timestamp).getTime() - new Date(a.timestamp).getTime());
+    const visible = filter === "all" ? events : events.filter((e) => e.source === filter);
+    const hasAssignments = assignments.length > 0;
+    const hasAudit = auditEntries.length > 0;
+    const filters = [
+        { id: "all", label: i18n.filterAll, show: true },
+        { id: "assignment", label: i18n.filterAssignments, show: hasAssignments },
+        { id: "audit", label: i18n.filterAudit, show: hasAudit },
+    ];
+    return (_jsxs("div", { "data-slot": "slot-activity-timeline", className: "flex flex-col gap-3", children: [_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [_jsxs("h2", { className: "flex items-center gap-2 text-base font-semibold", children: [_jsx(Activity, { className: "h-4 w-4 text-muted-foreground", "aria-hidden": "true" }), i18n.title] }), events.length > 0 && hasAssignments && hasAudit ? (_jsx("div", { className: "flex flex-wrap items-center gap-1", children: filters
+                            .filter((f) => f.show)
+                            .map((f) => (_jsx(Button, { variant: filter === f.id ? "default" : "ghost", size: "sm", className: "h-7 capitalize", onClick: () => setFilter(f.id), children: f.label }, f.id))) })) : null] }), visible.length === 0 ? (_jsx("div", { className: "rounded-md border bg-background p-6 text-center", children: _jsx("p", { className: "text-sm text-muted-foreground", children: i18n.empty }) })) : (_jsx("div", { className: "flex flex-col gap-2", children: visible.map((event) => (_jsx(ActivityTimelineItem, { event: event, formatDateTime: formatDateTimeFn, byActor: i18n.byActor, ongoingLabel: i18n.ongoing }, event.id))) }))] }));
+}
+function ActivityTimelineItem({ event, formatDateTime: formatDateTimeFn, byActor, ongoingLabel, }) {
+    const Icon = event.icon;
+    const timestamp = event.isOngoing ? ongoingLabel : formatDateTimeFn(event.timestamp);
+    const actor = event.actorId && event.actorId !== "system" ? event.actorId : null;
+    const meta = actor
+        ? byActor.replace("{actor}", actor).replace("{timestamp}", timestamp)
+        : timestamp;
+    return (_jsxs("div", { className: "flex items-start gap-3 rounded-md border p-3", children: [_jsx(Icon, { className: "mt-0.5 h-4 w-4 shrink-0 text-muted-foreground", "aria-hidden": true }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("p", { className: "text-sm font-medium capitalize", children: event.title }), event.badge ? (_jsx(Badge, { variant: "outline", className: "text-xs capitalize", children: event.badge })) : null] }), event.description ? (_jsx("p", { className: "mt-0.5 text-xs text-muted-foreground", children: event.description })) : null, _jsx("p", { className: "mt-0.5 text-xs text-muted-foreground", children: meta })] })] }));
+}

package/dist/components/availability-start-time-detail-page.d.ts

@@ -0,0 +1,246 @@
+import type { QueryClient } from "@tanstack/react-query";
+import { type VoyantAvailabilityContextValue } from "../index.js";
+export interface AvailabilityStartTimeDetailPageProps {
+    id: string;
+    className?: string;
+    onBack?: () => void;
+    onDeleted?: () => void;
+    onOpenProduct?: (productId: string) => void;
+    onOpenSlot?: (slotId: string) => void;
+    confirmAction?: (message: string) => boolean;
+}
+export declare function getAvailabilityStartTimeDetailQueryOptions(client: VoyantAvailabilityContextValue, id: string | null | undefined): import("@tanstack/react-query").OmitKeyof<import("@tanstack/react-query").UseQueryOptions<{
+    data: {
+        id: string;
+        productId: string;
+        optionId: string | null;
+        facilityId: string | null;
+        label: string | null;
+        startTimeLocal: string;
+        durationMinutes: number | null;
+        sortOrder: number;
+        active: boolean;
+        productName?: string | null | undefined;
+        createdAt?: string | undefined;
+        updatedAt?: string | undefined;
+    };
+}, Error, {
+    data: {
+        id: string;
+        productId: string;
+        optionId: string | null;
+        facilityId: string | null;
+        label: string | null;
+        startTimeLocal: string;
+        durationMinutes: number | null;
+        sortOrder: number;
+        active: boolean;
+        productName?: string | null | undefined;
+        createdAt?: string | undefined;
+        updatedAt?: string | undefined;
+    };
+}, readonly ["voyant", "availability", "start-times", "detail", string]>, "queryFn"> & {
+    queryFn?: import("@tanstack/react-query").QueryFunction<{
+        data: {
+            id: string;
+            productId: string;
+            optionId: string | null;
+            facilityId: string | null;
+            label: string | null;
+            startTimeLocal: string;
+            durationMinutes: number | null;
+            sortOrder: number;
+            active: boolean;
+            productName?: string | null | undefined;
+            createdAt?: string | undefined;
+            updatedAt?: string | undefined;
+        };
+    }, readonly ["voyant", "availability", "start-times", "detail", string], never> | undefined;
+} & {
+    queryKey: readonly ["voyant", "availability", "start-times", "detail", string] & {
+        [dataTagSymbol]: {
+            data: {
+                id: string;
+                productId: string;
+                optionId: string | null;
+                facilityId: string | null;
+                label: string | null;
+                startTimeLocal: string;
+                durationMinutes: number | null;
+                sortOrder: number;
+                active: boolean;
+                productName?: string | null | undefined;
+                createdAt?: string | undefined;
+                updatedAt?: string | undefined;
+            };
+        };
+        [dataTagErrorSymbol]: Error;
+    };
+};
+export declare function getAvailabilityStartTimeSlotsQueryOptions(client: VoyantAvailabilityContextValue, id: string | null | undefined): import("@tanstack/react-query").OmitKeyof<import("@tanstack/react-query").UseQueryOptions<{
+    data: {
+        id: string;
+        productId: string;
+        itineraryId: string | null;
+        optionId: string | null;
+        facilityId: string | null;
+        availabilityRuleId: string | null;
+        startTimeId: string | null;
+        dateLocal: string;
+        startsAt: string;
+        endsAt: string | null;
+        timezone: string;
+        status: "cancelled" | "open" | "closed" | "sold_out";
+        unlimited: boolean;
+        initialPax: number | null;
+        remainingPax: number | null;
+        nights: number | null;
+        days: number | null;
+        notes: string | null;
+        productName?: string | null | undefined;
+        endDateLocal?: string | null | undefined;
+    }[];
+    total: number;
+    limit: number;
+    offset: number;
+}, Error, {
+    data: {
+        id: string;
+        productId: string;
+        itineraryId: string | null;
+        optionId: string | null;
+        facilityId: string | null;
+        availabilityRuleId: string | null;
+        startTimeId: string | null;
+        dateLocal: string;
+        startsAt: string;
+        endsAt: string | null;
+        timezone: string;
+        status: "cancelled" | "open" | "closed" | "sold_out";
+        unlimited: boolean;
+        initialPax: number | null;
+        remainingPax: number | null;
+        nights: number | null;
+        days: number | null;
+        notes: string | null;
+        productName?: string | null | undefined;
+        endDateLocal?: string | null | undefined;
+    }[];
+    total: number;
+    limit: number;
+    offset: number;
+}, readonly ["voyant", "availability", "slots", "list", import("../query-keys.js").AvailabilitySlotsListFilters]>, "queryFn"> & {
+    queryFn?: import("@tanstack/react-query").QueryFunction<{
+        data: {
+            id: string;
+            productId: string;
+            itineraryId: string | null;
+            optionId: string | null;
+            facilityId: string | null;
+            availabilityRuleId: string | null;
+            startTimeId: string | null;
+            dateLocal: string;
+            startsAt: string;
+            endsAt: string | null;
+            timezone: string;
+            status: "cancelled" | "open" | "closed" | "sold_out";
+            unlimited: boolean;
+            initialPax: number | null;
+            remainingPax: number | null;
+            nights: number | null;
+            days: number | null;
+            notes: string | null;
+            productName?: string | null | undefined;
+            endDateLocal?: string | null | undefined;
+        }[];
+        total: number;
+        limit: number;
+        offset: number;
+    }, readonly ["voyant", "availability", "slots", "list", import("../query-keys.js").AvailabilitySlotsListFilters], never> | undefined;
+} & {
+    queryKey: readonly ["voyant", "availability", "slots", "list", import("../query-keys.js").AvailabilitySlotsListFilters] & {
+        [dataTagSymbol]: {
+            data: {
+                id: string;
+                productId: string;
+                itineraryId: string | null;
+                optionId: string | null;
+                facilityId: string | null;
+                availabilityRuleId: string | null;
+                startTimeId: string | null;
+                dateLocal: string;
+                startsAt: string;
+                endsAt: string | null;
+                timezone: string;
+                status: "cancelled" | "open" | "closed" | "sold_out";
+                unlimited: boolean;
+                initialPax: number | null;
+                remainingPax: number | null;
+                nights: number | null;
+                days: number | null;
+                notes: string | null;
+                productName?: string | null | undefined;
+                endDateLocal?: string | null | undefined;
+            }[];
+            total: number;
+            limit: number;
+            offset: number;
+        };
+        [dataTagErrorSymbol]: Error;
+    };
+};
+export declare function loadAvailabilityStartTimeDetailPage(queryClient: QueryClient, client: VoyantAvailabilityContextValue, id: string): Promise<[{
+    data: {
+        id: string;
+        productId: string;
+        optionId: string | null;
+        facilityId: string | null;
+        label: string | null;
+        startTimeLocal: string;
+        durationMinutes: number | null;
+        sortOrder: number;
+        active: boolean;
+        productName?: string | null | undefined;
+        createdAt?: string | undefined;
+        updatedAt?: string | undefined;
+    };
+}, {
+    data: {
+        id: string;
+        productId: string;
+        itineraryId: string | null;
+        optionId: string | null;
+        facilityId: string | null;
+        availabilityRuleId: string | null;
+        startTimeId: string | null;
+        dateLocal: string;
+        startsAt: string;
+        endsAt: string | null;
+        timezone: string;
+        status: "cancelled" | "open" | "closed" | "sold_out";
+        unlimited: boolean;
+        initialPax: number | null;
+        remainingPax: number | null;
+        nights: number | null;
+        days: number | null;
+        notes: string | null;
+        productName?: string | null | undefined;
+        endDateLocal?: string | null | undefined;
+    }[];
+    total: number;
+    limit: number;
+    offset: number;
+}, {
+    data: {
+        id: string;
+        name: string;
+        sellCurrency: string | null;
+        productType: {
+            id: string;
+            name: string;
+            code: string | null;
+        } | null;
+    };
+}]>;
+export declare function AvailabilityStartTimeDetailPage({ id, className, onBack, onDeleted, onOpenProduct, onOpenSlot, confirmAction, }: AvailabilityStartTimeDetailPageProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=availability-start-time-detail-page.d.ts.map

package/dist/components/availability-start-time-detail-page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"availability-start-time-detail-page.d.ts","sourceRoot":"","sources":["../../src/components/availability-start-time-detail-page.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAexD,OAAO,EAYL,KAAK,8BAA8B,EACpC,MAAM,aAAa,CAAA;AAWpB,MAAM,WAAW,oCAAoC;IACnD,EAAE,EAAE,MAAM,CAAA;IACV,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,aAAa,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3C,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,OAAO,CAAA;CAC7C;AAED,wBAAgB,0CAA0C,CACxD,MAAM,EAAE,8BAA8B,EACtC,EAAE,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAa9B;AAED,wBAAgB,yCAAyC,CACvD,MAAM,EAAE,8BAA8B,EACtC,EAAE,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAG9B;AAED,wBAAsB,mCAAmC,CACvD,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,8BAA8B,EACtC,EAAE,EAAE,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAWX;AAED,wBAAgB,+BAA+B,CAAC,EAC9C,EAAE,EACF,SAAS,EACT,MAAM,EACN,SAAS,EACT,aAAa,EACb,UAAU,EACV,aAAkE,GACnE,EAAE,oCAAoC,2CA+HtC"}