@voyant-travel/operations-react 0.0.0

package/dist/availability/components/availability-rule-detail-page.d.ts

@@ -0,0 +1,251 @@
+import type { QueryClient } from "@tanstack/react-query";
+import { type VoyantAvailabilityContextValue } from "../index.js";
+export interface AvailabilityRuleDetailPageProps {
+    id: string;
+    className?: string;
+    onBack?: () => void;
+    onDeleted?: () => void;
+    onOpenProduct?: (productId: string) => void;
+    onOpenSlot?: (slotId: string) => void;
+    confirmAction?: (message: string) => boolean;
+}
+export declare function getAvailabilityRuleDetailQueryOptions(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;
+        timezone: string;
+        recurrenceRule: string;
+        maxCapacity: number;
+        maxPickupCapacity: number | null;
+        minTotalPax: number | null;
+        cutoffMinutes: number | null;
+        earlyBookingLimitMinutes: number | null;
+        active: boolean;
+        productName?: string | null | undefined;
+    };
+}, Error, {
+    data: {
+        id: string;
+        productId: string;
+        optionId: string | null;
+        facilityId: string | null;
+        timezone: string;
+        recurrenceRule: string;
+        maxCapacity: number;
+        maxPickupCapacity: number | null;
+        minTotalPax: number | null;
+        cutoffMinutes: number | null;
+        earlyBookingLimitMinutes: number | null;
+        active: boolean;
+        productName?: string | null | undefined;
+    };
+}, readonly ["voyant", "availability", "rules", "detail", string]>, "queryFn"> & {
+    queryFn?: import("@tanstack/react-query").QueryFunction<{
+        data: {
+            id: string;
+            productId: string;
+            optionId: string | null;
+            facilityId: string | null;
+            timezone: string;
+            recurrenceRule: string;
+            maxCapacity: number;
+            maxPickupCapacity: number | null;
+            minTotalPax: number | null;
+            cutoffMinutes: number | null;
+            earlyBookingLimitMinutes: number | null;
+            active: boolean;
+            productName?: string | null | undefined;
+        };
+    }, readonly ["voyant", "availability", "rules", "detail", string], never> | undefined;
+} & {
+    queryKey: readonly ["voyant", "availability", "rules", "detail", string] & {
+        [dataTagSymbol]: {
+            data: {
+                id: string;
+                productId: string;
+                optionId: string | null;
+                facilityId: string | null;
+                timezone: string;
+                recurrenceRule: string;
+                maxCapacity: number;
+                maxPickupCapacity: number | null;
+                minTotalPax: number | null;
+                cutoffMinutes: number | null;
+                earlyBookingLimitMinutes: number | null;
+                active: boolean;
+                productName?: string | null | undefined;
+            };
+        };
+        [dataTagErrorSymbol]: Error;
+    };
+};
+export declare function getAvailabilityRuleSlotsQueryOptions(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 loadAvailabilityRuleDetailPage(queryClient: QueryClient, client: VoyantAvailabilityContextValue, id: string): Promise<[{
+    data: {
+        id: string;
+        productId: string;
+        optionId: string | null;
+        facilityId: string | null;
+        timezone: string;
+        recurrenceRule: string;
+        maxCapacity: number;
+        maxPickupCapacity: number | null;
+        minTotalPax: number | null;
+        cutoffMinutes: number | null;
+        earlyBookingLimitMinutes: number | null;
+        active: boolean;
+        productName?: string | null | 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 AvailabilityRuleDetailPage({ id, className, onBack, onDeleted, onOpenProduct, onOpenSlot, confirmAction, }: AvailabilityRuleDetailPageProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=availability-rule-detail-page.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"availability-rule-detail-page.d.ts","sourceRoot":"","sources":["../../../src/availability/components/availability-rule-detail-page.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAaxD,OAAO,EAWL,KAAK,8BAA8B,EACpC,MAAM,aAAa,CAAA;AAIpB,MAAM,WAAW,+BAA+B;IAC9C,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,qCAAqC,CACnD,MAAM,EAAE,8BAA8B,EACtC,EAAE,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAa9B;AAED,wBAAgB,oCAAoC,CAClD,MAAM,EAAE,8BAA8B,EACtC,EAAE,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAG9B;AAED,wBAAsB,8BAA8B,CAClD,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,8BAA8B,EACtC,EAAE,EAAE,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAWX;AAED,wBAAgB,0BAA0B,CAAC,EACzC,EAAE,EACF,SAAS,EACT,MAAM,EACN,SAAS,EACT,aAAa,EACb,UAAU,EACV,aAAkE,GACnE,EAAE,+BAA+B,2CAsIjC"}

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

@@ -0,0 +1,74 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { queryOptions, useQuery } from "@tanstack/react-query";
+import { Badge, Button, Card, CardContent, CardHeader, CardTitle, cn, } from "@voyant-travel/ui/components";
+import { ArrowLeft, CalendarDays, Package, Trash2 } from "lucide-react";
+import { useAvailabilityUiMessagesOrDefault } from "../i18n/index.js";
+import { availabilityQueryKeys, availabilityRuleSingleResponse, fetchWithValidation, getProductQueryOptions, getSlotsQueryOptions, slotLocalStart, useAvailabilityRuleMutation, useVoyantAvailabilityContext, } from "../index.js";
+import { getSlotStatusLabel } from "./availability-columns.js";
+import { AvailabilityRuleDetailSkeleton } from "./availability-skeletons.js";
+export function getAvailabilityRuleDetailQueryOptions(client, id) {
+    return queryOptions({
+        queryKey: availabilityQueryKeys.ruleDetail(id ?? ""),
+        queryFn: async () => {
+            if (!id)
+                throw new Error("getAvailabilityRuleDetailQueryOptions requires an id");
+            return fetchWithValidation(`/v1/operations/availability/rules/${id}`, availabilityRuleSingleResponse, client);
+        },
+    });
+}
+export function getAvailabilityRuleSlotsQueryOptions(client, id) {
+    return getSlotsQueryOptions(client, { availabilityRuleId: id ?? undefined, limit: 25, offset: 0 });
+}
+export async function loadAvailabilityRuleDetailPage(queryClient, client, id) {
+    const ruleData = await queryClient.ensureQueryData(getAvailabilityRuleDetailQueryOptions(client, id));
+    return Promise.all([
+        Promise.resolve(ruleData),
+        queryClient.ensureQueryData(getAvailabilityRuleSlotsQueryOptions(client, id)),
+        queryClient.ensureQueryData(getProductQueryOptions(client, ruleData.data.productId)),
+    ]);
+}
+export function AvailabilityRuleDetailPage({ id, className, onBack, onDeleted, onOpenProduct, onOpenSlot, confirmAction = (message) => globalThis.confirm?.(message) ?? true, }) {
+    const client = useVoyantAvailabilityContext();
+    const messages = useAvailabilityUiMessagesOrDefault();
+    const detailMessages = messages.details;
+    const noValue = detailMessages.noValue;
+    const ruleMutation = useAvailabilityRuleMutation();
+    const { data: ruleData, isPending } = useQuery(getAvailabilityRuleDetailQueryOptions(client, id));
+    const rule = ruleData?.data;
+    const productQuery = useQuery({
+        ...getProductQueryOptions(client, rule?.productId ?? ""),
+        enabled: Boolean(rule?.productId),
+    });
+    const slotsQuery = useQuery(getAvailabilityRuleSlotsQueryOptions(client, id));
+    if (isPending) {
+        return _jsx(AvailabilityRuleDetailSkeleton, {});
+    }
+    if (!rule) {
+        return (_jsx(DetailEmptyState, { message: detailMessages.rule.notFound, backLabel: detailMessages.backToAvailability, onBack: onBack }));
+    }
+    async function deleteRule(currentRule) {
+        if (!confirmAction(detailMessages.rule.deleteConfirm))
+            return;
+        await ruleMutation.remove.mutateAsync(currentRule.id);
+        if (onDeleted)
+            onDeleted();
+        else
+            onBack?.();
+    }
+    return (_jsxs("div", { className: cn("flex flex-col gap-6 p-6", className), children: [_jsxs("div", { className: "flex flex-col gap-4 md:flex-row md:items-start md:justify-between", children: [_jsxs("div", { className: "flex items-start gap-4", children: [onBack ? (_jsx(Button, { variant: "ghost", size: "icon", onClick: onBack, "aria-label": detailMessages.backToAvailability, children: _jsx(ArrowLeft, { "data-icon": true, "aria-hidden": "true" }) })) : null, _jsxs("div", { className: "flex-1", children: [_jsx("h1", { className: "text-2xl font-bold tracking-tight", children: detailMessages.rule.pageTitle }), _jsxs("div", { className: "mt-1 flex flex-wrap items-center gap-2", children: [_jsx(Badge, { variant: rule.active ? "default" : "secondary", children: rule.active ? messages.statusActive : messages.statusInactive }), _jsx(Badge, { variant: "outline", children: rule.timezone })] })] })] }), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [onOpenProduct ? (_jsxs(Button, { variant: "outline", onClick: () => onOpenProduct(rule.productId), children: [_jsx(Package, { "data-icon": "inline-start", "aria-hidden": "true" }), detailMessages.openProduct] })) : null, _jsxs(Button, { variant: "destructive", onClick: () => void deleteRule(rule), disabled: ruleMutation.remove.isPending, children: [_jsx(Trash2, { "data-icon": "inline-start", "aria-hidden": "true" }), detailMessages.delete] })] })] }), _jsxs("div", { className: "grid gap-6 md:grid-cols-2", children: [_jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: detailMessages.rule.detailsTitle }) }), _jsxs(CardContent, { className: "flex flex-col gap-3 text-sm", children: [_jsx(DetailLine, { label: messages.productLabel, children: productQuery.data?.data.name ?? rule.productId }), _jsxs("div", { children: [_jsxs("span", { className: "text-muted-foreground", children: [messages.recurrenceLabel, ":"] }), _jsx("pre", { className: "mt-1 overflow-x-auto rounded-md bg-muted p-3 font-mono text-xs", children: rule.recurrenceRule })] })] })] }), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: detailMessages.rule.capacityPolicyTitle }) }), _jsxs(CardContent, { className: "flex flex-col gap-3 text-sm", children: [_jsx(DetailLine, { label: messages.maxPaxLabel, children: rule.maxCapacity }), _jsx(DetailLine, { label: detailMessages.rule.maxPickupCapacityLabel, children: rule.maxPickupCapacity ?? noValue }), _jsx(DetailLine, { label: detailMessages.rule.minTotalPaxLabel, children: rule.minTotalPax ?? noValue }), _jsx(DetailLine, { label: detailMessages.rule.cutoffMinutesLabel, children: rule.cutoffMinutes ?? noValue }), _jsx(DetailLine, { label: detailMessages.rule.earlyBookingLimitLabel, children: rule.earlyBookingLimitMinutes ?? noValue })] })] })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "flex flex-row items-center gap-2", children: [_jsx(CalendarDays, { className: "size-4", "aria-hidden": "true" }), _jsx(CardTitle, { children: detailMessages.rule.generatedSlotsTitle })] }), _jsx(CardContent, { className: "flex flex-col gap-3 text-sm", children: (slotsQuery.data?.data.length ?? 0) === 0 ? (_jsx("p", { className: "text-muted-foreground", children: detailMessages.rule.generatedSlotsEmpty })) : (slotsQuery.data?.data.map((slot) => (_jsx(SlotButton, { slot: slot, onOpenSlot: onOpenSlot }, slot.id)))) })] })] }));
+}
+function SlotButton({ slot, onOpenSlot, }) {
+    const messages = useAvailabilityUiMessagesOrDefault();
+    const noValue = messages.details.noValue;
+    return (_jsxs("button", { type: "button", className: "block w-full rounded-md border p-3 text-left hover:bg-muted/40", onClick: () => onOpenSlot?.(slot.id), children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Badge, { variant: "outline", children: getSlotStatusLabel(slot.status, messages) }), _jsx("span", { children: formatSlotLocalDateTime(slotLocalStart(slot)) })] }), _jsxs("div", { className: "mt-2 text-muted-foreground", children: [messages.remainingPaxLabel, ": ", slot.remainingPax ?? noValue] })] }));
+}
+function formatSlotLocalDateTime(value) {
+    return `${value.date} ${value.time}`;
+}
+function DetailLine({ label, children }) {
+    return (_jsxs("div", { children: [_jsxs("span", { className: "text-muted-foreground", children: [label, ":"] }), " ", _jsx("span", { children: children })] }));
+}
+function DetailEmptyState({ message, backLabel, onBack, }) {
+    return (_jsxs("div", { className: "flex flex-col items-center justify-center gap-4 py-12", children: [_jsx("p", { className: "text-muted-foreground", children: message }), onBack ? (_jsx(Button, { variant: "outline", onClick: onBack, children: backLabel })) : null] }));
+}

package/dist/availability/components/availability-section-header.d.ts

@@ -0,0 +1,8 @@
+export interface AvailabilitySectionHeaderProps {
+    actionLabel: string;
+    description: string;
+    onAction: () => void;
+    title: string;
+}
+export declare function AvailabilitySectionHeader({ actionLabel, description, onAction, title, }: AvailabilitySectionHeaderProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=availability-section-header.d.ts.map

package/dist/availability/components/availability-section-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"availability-section-header.d.ts","sourceRoot":"","sources":["../../../src/availability/components/availability-section-header.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,8BAA8B;IAC7C,WAAW,EAAE,MAAM,CAAA;IACnB,WAAW,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,KAAK,EAAE,MAAM,CAAA;CACd;AAED,wBAAgB,yBAAyB,CAAC,EACxC,WAAW,EACX,WAAW,EACX,QAAQ,EACR,KAAK,GACN,EAAE,8BAA8B,2CAahC"}

package/dist/availability/components/availability-section-header.js

@@ -0,0 +1,7 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "@voyant-travel/ui/components";
+import { Plus } from "lucide-react";
+export function AvailabilitySectionHeader({ actionLabel, description, onAction, title, }) {
+    return (_jsxs("div", { className: "flex items-center justify-between gap-4", children: [_jsxs("div", { children: [_jsx("h2", { className: "text-lg font-semibold", children: title }), _jsx("p", { className: "text-sm text-muted-foreground", children: description })] }), _jsxs(Button, { onClick: onAction, children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), actionLabel] })] }));
+}

package/dist/availability/components/availability-skeletons.d.ts

@@ -0,0 +1,6 @@
+export declare function AvailabilityBodySkeleton(): import("react/jsx-runtime").JSX.Element;
+export declare function AvailabilityPageSkeleton(): import("react/jsx-runtime").JSX.Element;
+export declare function AvailabilityRuleDetailSkeleton(): import("react/jsx-runtime").JSX.Element;
+export declare function AvailabilityStartTimeDetailSkeleton(): import("react/jsx-runtime").JSX.Element;
+export declare function AvailabilitySlotDetailSkeleton(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=availability-skeletons.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"availability-skeletons.d.ts","sourceRoot":"","sources":["../../../src/availability/components/availability-skeletons.tsx"],"names":[],"mappings":"AAYA,wBAAgB,wBAAwB,4CAsEvC;AAED,wBAAgB,wBAAwB,4CAUvC;AAED,wBAAgB,8BAA8B,4CAmE7C;AAED,wBAAgB,mCAAmC,4CAqDlD;AAED,wBAAgB,8BAA8B,4CA6D7C"}

package/dist/availability/components/availability-skeletons.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card, CardContent, CardHeader } from "@voyant-travel/ui/components/card";
+import { Skeleton } from "@voyant-travel/ui/components/skeleton";
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "@voyant-travel/ui/components/table";
+import { useAvailabilityUiMessagesOrDefault } from "../i18n/index.js";
+export function AvailabilityBodySkeleton() {
+    const messages = useAvailabilityUiMessagesOrDefault().page.skeleton;
+    return (_jsxs("div", { className: "flex flex-col gap-6", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Skeleton, { className: "h-9 w-full max-w-sm" }), _jsx(Skeleton, { className: "h-9 w-44" })] }), _jsx("div", { className: "grid gap-4 md:grid-cols-2 lg:grid-cols-4", children: Array.from({ length: 4 }).map((_, i) => (_jsxs(Card, { children: [_jsx(CardHeader, { className: "pb-2", children: _jsx(Skeleton, { className: "h-3.5 w-28" }) }), _jsxs(CardContent, { className: "space-y-2", children: [_jsx(Skeleton, { className: "h-7 w-20" }), _jsx(Skeleton, { className: "h-3 w-40" })] })] }, i))) }), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(Skeleton, { className: "h-5 w-52" }) }), _jsx(CardContent, { className: "space-y-2", children: Array.from({ length: 3 }).map((_, i) => (_jsxs("div", { className: "flex items-center justify-between rounded-md border px-3 py-2", children: [_jsx(Skeleton, { className: "h-4 w-48" }), _jsx(Skeleton, { className: "h-4 w-32" })] }, i))) })] }), _jsxs("div", { className: "flex items-center gap-1 border-b", children: [_jsx(Skeleton, { className: "h-9 w-20" }), _jsx(Skeleton, { className: "h-9 w-20" }), _jsx(Skeleton, { className: "h-9 w-28" }), _jsx(Skeleton, { className: "h-9 w-24" }), _jsx(Skeleton, { className: "h-9 w-32" })] }), _jsx("div", { className: "rounded-md border", children: _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: messages.date }), _jsx(TableHead, { children: messages.product }), _jsx(TableHead, { children: messages.status }), _jsx(TableHead, { children: messages.remaining }), _jsx(TableHead, { children: messages.capacity })] }) }), _jsx(SkeletonTableRows, { rows: 6, columns: 5, columnWidths: ["w-24", "w-40", "w-16", "w-16", "w-16"] })] }) })] }));
+}
+export function AvailabilityPageSkeleton() {
+    return (_jsxs("div", { className: "flex flex-col gap-6 p-6", children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Skeleton, { className: "h-7 w-40" }), _jsx(Skeleton, { className: "h-4 w-96" })] }), _jsx(AvailabilityBodySkeleton, {})] }));
+}
+export function AvailabilityRuleDetailSkeleton() {
+    return (_jsxs("div", { className: "flex flex-col gap-6 p-6", children: [_jsxs("div", { className: "flex items-center gap-4", children: [_jsx(Skeleton, { className: "h-9 w-9 rounded-md" }), _jsxs("div", { className: "flex-1 space-y-2", children: [_jsx(Skeleton, { className: "h-7 w-48" }), _jsxs("div", { className: "flex gap-2", children: [_jsx(Skeleton, { className: "h-5 w-14 rounded-full" }), _jsx(Skeleton, { className: "h-5 w-24 rounded" })] })] }), _jsx(Skeleton, { className: "h-9 w-32" }), _jsx(Skeleton, { className: "h-9 w-24" })] }), _jsxs("div", { className: "grid gap-6 md:grid-cols-2", children: [_jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(Skeleton, { className: "h-5 w-24" }) }), _jsxs(CardContent, { className: "grid gap-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Skeleton, { className: "h-3.5 w-20" }), _jsx(Skeleton, { className: "h-3.5 w-40" })] }), _jsx(Skeleton, { className: "h-3.5 w-24" }), _jsx(Skeleton, { className: "h-24 w-full rounded-md" })] })] }), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(Skeleton, { className: "h-5 w-32" }) }), _jsx(CardContent, { className: "grid gap-3", children: Array.from({ length: 5 }).map((_, i) => (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Skeleton, { className: "h-3.5 w-32" }), _jsx(Skeleton, { className: "h-3.5 w-16" })] }, i))) })] })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "flex flex-row items-center gap-2", children: [_jsx(Skeleton, { className: "h-4 w-4" }), _jsx(Skeleton, { className: "h-5 w-36" })] }), _jsx(CardContent, { className: "space-y-2", children: Array.from({ length: 4 }).map((_, i) => (_jsxs("div", { className: "flex items-center justify-between rounded-md border px-3 py-2", children: [_jsx(Skeleton, { className: "h-4 w-48" }), _jsx(Skeleton, { className: "h-5 w-16 rounded-full" })] }, i))) })] })] }));
+}
+export function AvailabilityStartTimeDetailSkeleton() {
+    return (_jsxs("div", { className: "flex flex-col gap-6 p-6", children: [_jsxs("div", { className: "flex items-center gap-4", children: [_jsx(Skeleton, { className: "h-9 w-9 rounded-md" }), _jsxs("div", { className: "flex-1 space-y-2", children: [_jsx(Skeleton, { className: "h-7 w-56" }), _jsxs("div", { className: "flex gap-2", children: [_jsx(Skeleton, { className: "h-5 w-16 rounded" }), _jsx(Skeleton, { className: "h-5 w-14 rounded-full" })] })] }), _jsx(Skeleton, { className: "h-9 w-32" }), _jsx(Skeleton, { className: "h-9 w-24" })] }), _jsxs("div", { className: "grid gap-6 md:grid-cols-2", children: [_jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(Skeleton, { className: "h-5 w-40" }) }), _jsx(CardContent, { className: "grid gap-3", children: Array.from({ length: 6 }).map((_, i) => (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Skeleton, { className: "h-3.5 w-24" }), _jsx(Skeleton, { className: "h-3.5 w-32" })] }, i))) })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "flex flex-row items-center gap-2", children: [_jsx(Skeleton, { className: "h-4 w-4" }), _jsx(Skeleton, { className: "h-5 w-36" })] }), _jsx(CardContent, { className: "space-y-3", children: Array.from({ length: 3 }).map((_, i) => (_jsxs("div", { className: "rounded-md border p-3 space-y-1.5", children: [_jsx(Skeleton, { className: "h-4 w-48" }), _jsx(Skeleton, { className: "h-3 w-32" })] }, i))) })] })] })] }));
+}
+export function AvailabilitySlotDetailSkeleton() {
+    return (_jsxs("div", { className: "flex flex-col gap-6 p-6", children: [_jsxs("div", { className: "flex items-center gap-4", children: [_jsx(Skeleton, { className: "h-9 w-9 rounded-md" }), _jsxs("div", { className: "flex-1 space-y-2", children: [_jsx(Skeleton, { className: "h-7 w-72" }), _jsxs("div", { className: "flex gap-2", children: [_jsx(Skeleton, { className: "h-5 w-16 rounded-full" }), _jsx(Skeleton, { className: "h-5 w-24 rounded" })] })] }), _jsx(Skeleton, { className: "h-9 w-32" }), _jsx(Skeleton, { className: "h-9 w-24" })] }), _jsxs("div", { className: "grid gap-6 md:grid-cols-2", children: [_jsx(PairListCard, { titleWidth: "w-24", rows: 7 }), _jsx(PairListCard, { titleWidth: "w-28", rows: 7 })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "flex flex-row items-center gap-2", children: [_jsx(Skeleton, { className: "h-4 w-4" }), _jsx(Skeleton, { className: "h-5 w-36" })] }), _jsx(CardContent, { className: "space-y-3", children: Array.from({ length: 3 }).map((_, i) => (_jsxs("div", { className: "rounded-md border p-3 space-y-1.5", children: [_jsx(Skeleton, { className: "h-4 w-40" }), _jsx(Skeleton, { className: "h-3 w-56" }), _jsx(Skeleton, { className: "h-3 w-44" })] }, i))) })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "flex flex-row items-center gap-2", children: [_jsx(Skeleton, { className: "h-4 w-4" }), _jsx(Skeleton, { className: "h-5 w-44" })] }), _jsx(CardContent, { className: "space-y-2", children: Array.from({ length: 2 }).map((_, i) => (_jsxs("div", { className: "flex items-center justify-between rounded-md border px-3 py-2", children: [_jsx(Skeleton, { className: "h-4 w-48" }), _jsx(Skeleton, { className: "h-5 w-16 rounded-full" })] }, i))) })] })] }));
+}
+function PairListCard({ titleWidth, rows }) {
+    return (_jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(Skeleton, { className: `h-5 ${titleWidth}` }) }), _jsx(CardContent, { className: "grid gap-3", children: Array.from({ length: rows }).map((_, i) => (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Skeleton, { className: "h-3.5 w-28" }), _jsx(Skeleton, { className: "h-3.5 w-32" })] }, i))) })] }));
+}
+function SkeletonTableRows({ rows = 6, columns = 4, columnWidths, }) {
+    return (_jsx(TableBody, { children: Array.from({ length: rows }).map((_, r) => (_jsx(TableRow
+        // biome-ignore lint/suspicious/noArrayIndexKey: stable placeholders -- owner: availability-react; existing suppression is intentional pending typed cleanup.
+        , { children: Array.from({ length: columns }).map((__, c) => {
+                const width = columnWidths?.[c] ?? (c === 0 ? "w-2/3" : c === columns - 1 ? "w-16" : "w-1/2");
+                return (_jsx(TableCell
+                // biome-ignore lint/suspicious/noArrayIndexKey: stable placeholders -- owner: availability-react; existing suppression is intentional pending typed cleanup.
+                , { children: _jsx(Skeleton, { className: `h-4 ${width}` }) }, c));
+            }) }, r))) }));
+}

package/dist/availability/components/availability-slot-detail-activity.d.ts

@@ -0,0 +1,30 @@
+import type { AllocationAuditLogEntry, AllocationManifestBooking, AvailabilitySlotAssignmentRow } from "../index.js";
+export declare function ActivityTimeline({ assignments, auditEntries, resourceById, bookingById, travelerById, formatDateTime: formatDateTimeFn, i18n, }: {
+    assignments: AvailabilitySlotAssignmentRow[];
+    auditEntries: AllocationAuditLogEntry[];
+    resourceById: Map<string, {
+        id: string;
+        name: string;
+    }>;
+    bookingById: Map<string, AllocationManifestBooking>;
+    travelerById: Map<string, {
+        fullName: string;
+        bookingNumber: string;
+        bookingId: string;
+    }>;
+    formatDateTime: (value: string | Date) => string;
+    i18n: {
+        title: string;
+        empty: string;
+        filterAll: string;
+        filterAudit: string;
+        filterAssignments: string;
+        byActor: string;
+        unassignedResource: string;
+        bookingLabel: string;
+        auditActionLabels: Record<string, string>;
+        ongoing: string;
+        noValue: string;
+    };
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=availability-slot-detail-activity.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"availability-slot-detail-activity.d.ts","sourceRoot":"","sources":["../../../src/availability/components/availability-slot-detail-activity.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EACV,uBAAuB,EACvB,yBAAyB,EACzB,6BAA6B,EAC9B,MAAM,aAAa,CAAA;AAsCpB,wBAAgB,gBAAgB,CAAC,EAC/B,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,cAAc,EAAE,gBAAgB,EAChC,IAAI,GACL,EAAE;IACD,WAAW,EAAE,6BAA6B,EAAE,CAAA;IAC5C,YAAY,EAAE,uBAAuB,EAAE,CAAA;IACvC,YAAY,EAAE,GAAG,CAAC,MAAM,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IACvD,WAAW,EAAE,GAAG,CAAC,MAAM,EAAE,yBAAyB,CAAC,CAAA;IACnD,YAAY,EAAE,GAAG,CAAC,MAAM,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,aAAa,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IACzF,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,MAAM,CAAA;IAChD,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM,CAAA;QACb,KAAK,EAAE,MAAM,CAAA;QACb,SAAS,EAAE,MAAM,CAAA;QACjB,WAAW,EAAE,MAAM,CAAA;QACnB,iBAAiB,EAAE,MAAM,CAAA;QACzB,OAAO,EAAE,MAAM,CAAA;QACf,kBAAkB,EAAE,MAAM,CAAA;QAC1B,YAAY,EAAE,MAAM,CAAA;QACpB,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;QACzC,OAAO,EAAE,MAAM,CAAA;QACf,OAAO,EAAE,MAAM,CAAA;KAChB,CAAA;CACF,2CAwGA"}

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

@@ -0,0 +1,82 @@
+"use client";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { Badge, Button } from "@voyant-travel/ui/components";
+import { Activity, History, Pencil, Plus, Sparkles, Trash2, UserMinus, UserPlus, Wrench, } from "lucide-react";
+import { useState } from "react";
+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());
+}
+export 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/availability/components/availability-slot-detail-financials.d.ts

@@ -0,0 +1,27 @@
+import type { AllocationManifestBooking, AvailabilitySlotRow } from "../index.js";
+export declare function KpiStrip({ slot, rollup, formatCurrency, i18nLabels, }: {
+    slot: AvailabilitySlotRow;
+    rollup: SlotFinancialRollup;
+    formatCurrency: (value: number, currency: string) => string;
+    i18nLabels: {
+        pax: string;
+        total: string;
+        paid: string;
+        outstanding: string;
+        mixedHint: string;
+        noValue: string;
+    };
+}): import("react/jsx-runtime").JSX.Element;
+interface CurrencyTotals {
+    currency: string;
+    sellCents: number;
+    paidCents: number;
+    outstandingCents: number;
+}
+export interface SlotFinancialRollup {
+    primaryCurrency: string | null;
+    entries: CurrencyTotals[];
+}
+export declare function aggregateSlotFinancials(bookings: ReadonlyArray<AllocationManifestBooking>, productCurrency: string | null): SlotFinancialRollup;
+export {};
+//# sourceMappingURL=availability-slot-detail-financials.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"availability-slot-detail-financials.d.ts","sourceRoot":"","sources":["../../../src/availability/components/availability-slot-detail-financials.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,yBAAyB,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AAEjF,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,MAAM,EACN,cAAc,EACd,UAAU,GACX,EAAE;IACD,IAAI,EAAE,mBAAmB,CAAA;IACzB,MAAM,EAAE,mBAAmB,CAAA;IAC3B,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAA;IAC3D,UAAU,EAAE;QACV,GAAG,EAAE,MAAM,CAAA;QACX,KAAK,EAAE,MAAM,CAAA;QACb,IAAI,EAAE,MAAM,CAAA;QACZ,WAAW,EAAE,MAAM,CAAA;QACnB,SAAS,EAAE,MAAM,CAAA;QACjB,OAAO,EAAE,MAAM,CAAA;KAChB,CAAA;CACF,2CAoDA;AA+CD,UAAU,cAAc;IACtB,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;IACjB,gBAAgB,EAAE,MAAM,CAAA;CACzB;AAED,MAAM,WAAW,mBAAmB;IAClC,eAAe,EAAE,MAAM,GAAG,IAAI,CAAA;IAC9B,OAAO,EAAE,cAAc,EAAE,CAAA;CAC1B;AAUD,wBAAgB,uBAAuB,CACrC,QAAQ,EAAE,aAAa,CAAC,yBAAyB,CAAC,EAClD,eAAe,EAAE,MAAM,GAAG,IAAI,GAC7B,mBAAmB,CA6BrB"}