@voyantjs/availability-react 0.105.2 → 0.107.0

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

@@ -0,0 +1,974 @@
+import type { QueryClient } from "@tanstack/react-query";
+import { type ReactNode } from "react";
+import { type AllocationManifestBooking, type VoyantAvailabilityContextValue } from "../index.js";
+export interface AvailabilitySlotDetailPageProps {
+    id: string;
+    className?: string;
+    onBack?: () => void;
+    onDeleted?: () => void;
+    onOpenProduct?: (productId: string) => void;
+    onOpenStartTime?: (startTimeId: string) => void;
+    onCreateBooking?: (input: {
+        slotId: string;
+        productId: string;
+    }) => void;
+    /**
+     * Opens the host's slot-edit dialog (status / pax / dates / notes …).
+     * The detail page only surfaces the button — the host owns the dialog
+     * because it already has the catalog data (products / rules / start
+     * times) the edit form needs.
+     */
+    onEdit?: () => void;
+    /**
+     * Breadcrumb element rendered above the page header. Hosts that
+     * already render breadcrumbs in their sidebar inset top bar can
+     * leave this undefined.
+     */
+    breadcrumb?: ReactNode;
+    /**
+     * Primary header actions (Open product, Delete, …). When supplied,
+     * the in-page action buttons are hidden so the host can render the
+     * same actions in the inset top bar instead.
+     */
+    headerActions?: ReactNode;
+    /**
+     * Content for the Allocation tab. Hosts mount their allocation
+     * manager here (e.g. `@voyantjs/allocation-ui`'s
+     * `SlotAllocationPage` in `embed` mode) so this package keeps no
+     * runtime dependency on the allocation UI. When omitted, the tab
+     * shows a stub message instead.
+     */
+    renderAllocation?: (context: {
+        slotId: string;
+        productId: string | null;
+    }) => ReactNode;
+    /**
+     * Content for the Extras tab. Hosts that mount `@voyantjs/extras` can
+     * render a slot-level operations manifest here without making
+     * availability-ui depend on extras-ui.
+     */
+    renderExtras?: (context: {
+        slotId: string;
+        productId: string | null;
+    }) => ReactNode;
+    extrasTabLabel?: ReactNode;
+}
+export declare function getAvailabilitySlotDetailQueryOptions(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;
+        initialPickups: number | null;
+        remainingPickups: number | null;
+        remainingResources: number | null;
+        pastCutoff: boolean;
+        tooEarly: boolean;
+        createdAt: string;
+        updatedAt: string;
+        productName?: string | null | undefined;
+        endDateLocal?: string | null | undefined;
+    };
+}, 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;
+        initialPickups: number | null;
+        remainingPickups: number | null;
+        remainingResources: number | null;
+        pastCutoff: boolean;
+        tooEarly: boolean;
+        createdAt: string;
+        updatedAt: string;
+        productName?: string | null | undefined;
+        endDateLocal?: string | null | undefined;
+    };
+}, readonly ["voyant", "availability", "slots", "detail", string]>, "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;
+            initialPickups: number | null;
+            remainingPickups: number | null;
+            remainingResources: number | null;
+            pastCutoff: boolean;
+            tooEarly: boolean;
+            createdAt: string;
+            updatedAt: string;
+            productName?: string | null | undefined;
+            endDateLocal?: string | null | undefined;
+        };
+    }, readonly ["voyant", "availability", "slots", "detail", string], never> | undefined;
+} & {
+    queryKey: readonly ["voyant", "availability", "slots", "detail", string] & {
+        [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;
+                initialPickups: number | null;
+                remainingPickups: number | null;
+                remainingResources: number | null;
+                pastCutoff: boolean;
+                tooEarly: boolean;
+                createdAt: string;
+                updatedAt: string;
+                productName?: string | null | undefined;
+                endDateLocal?: string | null | undefined;
+            };
+        };
+        [dataTagErrorSymbol]: Error;
+    };
+};
+export declare function getAvailabilitySlotProductQueryOptions(client: VoyantAvailabilityContextValue, productId: string | null | undefined): import("@tanstack/react-query").OmitKeyof<import("@tanstack/react-query").UseQueryOptions<{
+    data: {
+        id: string;
+        name: string;
+        sellCurrency: string | null;
+        productType: {
+            id: string;
+            name: string;
+            code: string | null;
+        } | null;
+    };
+}, Error, {
+    data: {
+        id: string;
+        name: string;
+        sellCurrency: string | null;
+        productType: {
+            id: string;
+            name: string;
+            code: string | null;
+        } | null;
+    };
+}, readonly ["voyant", "availability", "products", "detail", string]>, "queryFn"> & {
+    queryFn?: import("@tanstack/react-query").QueryFunction<{
+        data: {
+            id: string;
+            name: string;
+            sellCurrency: string | null;
+            productType: {
+                id: string;
+                name: string;
+                code: string | null;
+            } | null;
+        };
+    }, readonly ["voyant", "availability", "products", "detail", string], never> | undefined;
+} & {
+    queryKey: readonly ["voyant", "availability", "products", "detail", string] & {
+        [dataTagSymbol]: {
+            data: {
+                id: string;
+                name: string;
+                sellCurrency: string | null;
+                productType: {
+                    id: string;
+                    name: string;
+                    code: string | null;
+                } | null;
+            };
+        };
+        [dataTagErrorSymbol]: Error;
+    };
+};
+export declare function getAvailabilitySlotPickupsQueryOptions(client: VoyantAvailabilityContextValue, id: string | null | undefined): import("@tanstack/react-query").OmitKeyof<import("@tanstack/react-query").UseQueryOptions<{
+    data: {
+        id: string;
+        slotId: string;
+        pickupPointId: string;
+        initialCapacity: number | null;
+        remainingCapacity: number | null;
+    }[];
+    total: number;
+    limit: number;
+    offset: number;
+}, Error, {
+    data: {
+        id: string;
+        slotId: string;
+        pickupPointId: string;
+        initialCapacity: number | null;
+        remainingCapacity: number | null;
+    }[];
+    total: number;
+    limit: number;
+    offset: number;
+}, readonly ["voyant", "availability", "slots", "pickups", "list", import("../query-keys.js").AvailabilitySlotDetailFilters]>, "queryFn"> & {
+    queryFn?: import("@tanstack/react-query").QueryFunction<{
+        data: {
+            id: string;
+            slotId: string;
+            pickupPointId: string;
+            initialCapacity: number | null;
+            remainingCapacity: number | null;
+        }[];
+        total: number;
+        limit: number;
+        offset: number;
+    }, readonly ["voyant", "availability", "slots", "pickups", "list", import("../query-keys.js").AvailabilitySlotDetailFilters], never> | undefined;
+} & {
+    queryKey: readonly ["voyant", "availability", "slots", "pickups", "list", import("../query-keys.js").AvailabilitySlotDetailFilters] & {
+        [dataTagSymbol]: {
+            data: {
+                id: string;
+                slotId: string;
+                pickupPointId: string;
+                initialCapacity: number | null;
+                remainingCapacity: number | null;
+            }[];
+            total: number;
+            limit: number;
+            offset: number;
+        };
+        [dataTagErrorSymbol]: Error;
+    };
+};
+export declare function getAvailabilitySlotPickupPointsQueryOptions(client: VoyantAvailabilityContextValue, productId: string | null | undefined): import("@tanstack/react-query").OmitKeyof<import("@tanstack/react-query").UseQueryOptions<{
+    data: {
+        id: string;
+        productId: string;
+        name: string;
+        description: string | null;
+        locationText: string | null;
+        active: boolean;
+        productName?: string | null | undefined;
+    }[];
+    total: number;
+    limit: number;
+    offset: number;
+}, Error, {
+    data: {
+        id: string;
+        productId: string;
+        name: string;
+        description: string | null;
+        locationText: string | null;
+        active: boolean;
+        productName?: string | null | undefined;
+    }[];
+    total: number;
+    limit: number;
+    offset: number;
+}, readonly ["voyant", "availability", "pickup-points", "list", import("../query-keys.js").AvailabilityPickupPointsListFilters]>, "queryFn"> & {
+    queryFn?: import("@tanstack/react-query").QueryFunction<{
+        data: {
+            id: string;
+            productId: string;
+            name: string;
+            description: string | null;
+            locationText: string | null;
+            active: boolean;
+            productName?: string | null | undefined;
+        }[];
+        total: number;
+        limit: number;
+        offset: number;
+    }, readonly ["voyant", "availability", "pickup-points", "list", import("../query-keys.js").AvailabilityPickupPointsListFilters], never> | undefined;
+} & {
+    queryKey: readonly ["voyant", "availability", "pickup-points", "list", import("../query-keys.js").AvailabilityPickupPointsListFilters] & {
+        [dataTagSymbol]: {
+            data: {
+                id: string;
+                productId: string;
+                name: string;
+                description: string | null;
+                locationText: string | null;
+                active: boolean;
+                productName?: string | null | undefined;
+            }[];
+            total: number;
+            limit: number;
+            offset: number;
+        };
+        [dataTagErrorSymbol]: Error;
+    };
+};
+export declare function getAvailabilitySlotCloseoutsQueryOptions(client: VoyantAvailabilityContextValue, id: string | null | undefined): import("@tanstack/react-query").OmitKeyof<import("@tanstack/react-query").UseQueryOptions<{
+    data: {
+        id: string;
+        productId: string;
+        slotId: string | null;
+        dateLocal: string;
+        reason: string | null;
+        createdBy: string | null;
+        productName?: string | null | undefined;
+    }[];
+    total: number;
+    limit: number;
+    offset: number;
+}, Error, {
+    data: {
+        id: string;
+        productId: string;
+        slotId: string | null;
+        dateLocal: string;
+        reason: string | null;
+        createdBy: string | null;
+        productName?: string | null | undefined;
+    }[];
+    total: number;
+    limit: number;
+    offset: number;
+}, readonly ["voyant", "availability", "slots", "closeouts", "list", import("../query-keys.js").AvailabilitySlotDetailFilters]>, "queryFn"> & {
+    queryFn?: import("@tanstack/react-query").QueryFunction<{
+        data: {
+            id: string;
+            productId: string;
+            slotId: string | null;
+            dateLocal: string;
+            reason: string | null;
+            createdBy: string | null;
+            productName?: string | null | undefined;
+        }[];
+        total: number;
+        limit: number;
+        offset: number;
+    }, readonly ["voyant", "availability", "slots", "closeouts", "list", import("../query-keys.js").AvailabilitySlotDetailFilters], never> | undefined;
+} & {
+    queryKey: readonly ["voyant", "availability", "slots", "closeouts", "list", import("../query-keys.js").AvailabilitySlotDetailFilters] & {
+        [dataTagSymbol]: {
+            data: {
+                id: string;
+                productId: string;
+                slotId: string | null;
+                dateLocal: string;
+                reason: string | null;
+                createdBy: string | null;
+                productName?: string | null | undefined;
+            }[];
+            total: number;
+            limit: number;
+            offset: number;
+        };
+        [dataTagErrorSymbol]: Error;
+    };
+};
+export declare function getAvailabilitySlotAssignmentsQueryOptions(client: VoyantAvailabilityContextValue, id: string | null | undefined): import("@tanstack/react-query").OmitKeyof<import("@tanstack/react-query").UseQueryOptions<{
+    data: {
+        id: string;
+        poolId: string | null;
+        resourceId: string | null;
+        bookingId: string | null;
+        status: "completed" | "cancelled" | "assigned" | "reserved" | "released";
+        assignedBy: string | null;
+        releasedAt: string | null;
+        notes: string | null;
+    }[];
+    total: number;
+    limit: number;
+    offset: number;
+}, Error, {
+    data: {
+        id: string;
+        poolId: string | null;
+        resourceId: string | null;
+        bookingId: string | null;
+        status: "completed" | "cancelled" | "assigned" | "reserved" | "released";
+        assignedBy: string | null;
+        releasedAt: string | null;
+        notes: string | null;
+    }[];
+    total: number;
+    limit: number;
+    offset: number;
+}, readonly ["voyant", "availability", "slots", "assignments", "list", import("../query-keys.js").AvailabilitySlotDetailFilters]>, "queryFn"> & {
+    queryFn?: import("@tanstack/react-query").QueryFunction<{
+        data: {
+            id: string;
+            poolId: string | null;
+            resourceId: string | null;
+            bookingId: string | null;
+            status: "completed" | "cancelled" | "assigned" | "reserved" | "released";
+            assignedBy: string | null;
+            releasedAt: string | null;
+            notes: string | null;
+        }[];
+        total: number;
+        limit: number;
+        offset: number;
+    }, readonly ["voyant", "availability", "slots", "assignments", "list", import("../query-keys.js").AvailabilitySlotDetailFilters], never> | undefined;
+} & {
+    queryKey: readonly ["voyant", "availability", "slots", "assignments", "list", import("../query-keys.js").AvailabilitySlotDetailFilters] & {
+        [dataTagSymbol]: {
+            data: {
+                id: string;
+                poolId: string | null;
+                resourceId: string | null;
+                bookingId: string | null;
+                status: "completed" | "cancelled" | "assigned" | "reserved" | "released";
+                assignedBy: string | null;
+                releasedAt: string | null;
+                notes: string | null;
+            }[];
+            total: number;
+            limit: number;
+            offset: number;
+        };
+        [dataTagErrorSymbol]: Error;
+    };
+};
+export declare function getAvailabilitySlotResourcesQueryOptions(client: VoyantAvailabilityContextValue): import("@tanstack/react-query").OmitKeyof<import("@tanstack/react-query").UseQueryOptions<{
+    data: {
+        id: string;
+        name: string;
+    }[];
+    total: number;
+    limit: number;
+    offset: number;
+}, Error, {
+    data: {
+        id: string;
+        name: string;
+    }[];
+    total: number;
+    limit: number;
+    offset: number;
+}, readonly ["voyant", "availability", "slots", "resources", "list", import("../query-keys.js").PaginationFilters]>, "queryFn"> & {
+    queryFn?: import("@tanstack/react-query").QueryFunction<{
+        data: {
+            id: string;
+            name: string;
+        }[];
+        total: number;
+        limit: number;
+        offset: number;
+    }, readonly ["voyant", "availability", "slots", "resources", "list", import("../query-keys.js").PaginationFilters], never> | undefined;
+} & {
+    queryKey: readonly ["voyant", "availability", "slots", "resources", "list", import("../query-keys.js").PaginationFilters] & {
+        [dataTagSymbol]: {
+            data: {
+                id: string;
+                name: string;
+            }[];
+            total: number;
+            limit: number;
+            offset: number;
+        };
+        [dataTagErrorSymbol]: Error;
+    };
+};
+export declare function getAvailabilitySlotAllocationQueryOptions(client: VoyantAvailabilityContextValue, id: string | null | undefined): import("@tanstack/react-query").OmitKeyof<import("@tanstack/react-query").UseQueryOptions<{
+    data: {
+        slot: {
+            id: string;
+            productId: string | null;
+            startsAt: string | null;
+            endsAt: string | null;
+        };
+        bookings: {
+            id: string;
+            bookingNumber: string;
+            status: string;
+            bookingSequence: number;
+            paymentStatus: "partial" | "paid" | "unpaid";
+            contactFirstName: string | null;
+            contactLastName: string | null;
+            contactEmail: string | null;
+            contactPhone: string | null;
+            sellCurrency: string | null;
+            pax: number | null;
+            sellAmountCents: number | null;
+            paidAmountCents: number | null;
+            travelers: {
+                id: string;
+                bookingId: string;
+                bookingNumber: string;
+                bookingStatus: string;
+                bookingSequence: number;
+                paymentStatus: "partial" | "paid" | "unpaid";
+                firstName: string;
+                lastName: string;
+                fullName: string;
+                email: string | null;
+                phone: string | null;
+                isLeadTraveler: boolean;
+                isPrimary: boolean;
+                sharingGroupId: string | null;
+                roomTypeId: string | null;
+                bedPreference: string | null;
+                allocations: Record<string, string>;
+                travelerCategory: string | null;
+                participantType: string;
+                hasAccessibilityNeeds: boolean;
+                hasDietaryRequirements: boolean;
+            }[];
+        }[];
+        resources: {
+            id: string;
+            slotId: string;
+            kind: string;
+            refType: string | null;
+            refId: string | null;
+            label: string | null;
+            capacity: number;
+            flags: Record<string, unknown>;
+            parentId: string | null;
+            sortOrder: number;
+            createdAt: string | Date;
+            updatedAt: string | Date;
+        }[];
+        sharingGroupLabels: Record<string, string>;
+        summary: {
+            bookingCount: number;
+            travelerCount: number;
+            leadTravelerCount: number;
+            bookingsByStatus: Record<string, number>;
+        };
+    };
+}, Error, {
+    data: {
+        slot: {
+            id: string;
+            productId: string | null;
+            startsAt: string | null;
+            endsAt: string | null;
+        };
+        bookings: {
+            id: string;
+            bookingNumber: string;
+            status: string;
+            bookingSequence: number;
+            paymentStatus: "partial" | "paid" | "unpaid";
+            contactFirstName: string | null;
+            contactLastName: string | null;
+            contactEmail: string | null;
+            contactPhone: string | null;
+            sellCurrency: string | null;
+            pax: number | null;
+            sellAmountCents: number | null;
+            paidAmountCents: number | null;
+            travelers: {
+                id: string;
+                bookingId: string;
+                bookingNumber: string;
+                bookingStatus: string;
+                bookingSequence: number;
+                paymentStatus: "partial" | "paid" | "unpaid";
+                firstName: string;
+                lastName: string;
+                fullName: string;
+                email: string | null;
+                phone: string | null;
+                isLeadTraveler: boolean;
+                isPrimary: boolean;
+                sharingGroupId: string | null;
+                roomTypeId: string | null;
+                bedPreference: string | null;
+                allocations: Record<string, string>;
+                travelerCategory: string | null;
+                participantType: string;
+                hasAccessibilityNeeds: boolean;
+                hasDietaryRequirements: boolean;
+            }[];
+        }[];
+        resources: {
+            id: string;
+            slotId: string;
+            kind: string;
+            refType: string | null;
+            refId: string | null;
+            label: string | null;
+            capacity: number;
+            flags: Record<string, unknown>;
+            parentId: string | null;
+            sortOrder: number;
+            createdAt: string | Date;
+            updatedAt: string | Date;
+        }[];
+        sharingGroupLabels: Record<string, string>;
+        summary: {
+            bookingCount: number;
+            travelerCount: number;
+            leadTravelerCount: number;
+            bookingsByStatus: Record<string, number>;
+        };
+    };
+}, readonly ["voyant", "availability", "slots", "allocation", string]>, "queryFn"> & {
+    queryFn?: import("@tanstack/react-query").QueryFunction<{
+        data: {
+            slot: {
+                id: string;
+                productId: string | null;
+                startsAt: string | null;
+                endsAt: string | null;
+            };
+            bookings: {
+                id: string;
+                bookingNumber: string;
+                status: string;
+                bookingSequence: number;
+                paymentStatus: "partial" | "paid" | "unpaid";
+                contactFirstName: string | null;
+                contactLastName: string | null;
+                contactEmail: string | null;
+                contactPhone: string | null;
+                sellCurrency: string | null;
+                pax: number | null;
+                sellAmountCents: number | null;
+                paidAmountCents: number | null;
+                travelers: {
+                    id: string;
+                    bookingId: string;
+                    bookingNumber: string;
+                    bookingStatus: string;
+                    bookingSequence: number;
+                    paymentStatus: "partial" | "paid" | "unpaid";
+                    firstName: string;
+                    lastName: string;
+                    fullName: string;
+                    email: string | null;
+                    phone: string | null;
+                    isLeadTraveler: boolean;
+                    isPrimary: boolean;
+                    sharingGroupId: string | null;
+                    roomTypeId: string | null;
+                    bedPreference: string | null;
+                    allocations: Record<string, string>;
+                    travelerCategory: string | null;
+                    participantType: string;
+                    hasAccessibilityNeeds: boolean;
+                    hasDietaryRequirements: boolean;
+                }[];
+            }[];
+            resources: {
+                id: string;
+                slotId: string;
+                kind: string;
+                refType: string | null;
+                refId: string | null;
+                label: string | null;
+                capacity: number;
+                flags: Record<string, unknown>;
+                parentId: string | null;
+                sortOrder: number;
+                createdAt: string | Date;
+                updatedAt: string | Date;
+            }[];
+            sharingGroupLabels: Record<string, string>;
+            summary: {
+                bookingCount: number;
+                travelerCount: number;
+                leadTravelerCount: number;
+                bookingsByStatus: Record<string, number>;
+            };
+        };
+    }, readonly ["voyant", "availability", "slots", "allocation", string], never> | undefined;
+} & {
+    queryKey: readonly ["voyant", "availability", "slots", "allocation", string] & {
+        [dataTagSymbol]: {
+            data: {
+                slot: {
+                    id: string;
+                    productId: string | null;
+                    startsAt: string | null;
+                    endsAt: string | null;
+                };
+                bookings: {
+                    id: string;
+                    bookingNumber: string;
+                    status: string;
+                    bookingSequence: number;
+                    paymentStatus: "partial" | "paid" | "unpaid";
+                    contactFirstName: string | null;
+                    contactLastName: string | null;
+                    contactEmail: string | null;
+                    contactPhone: string | null;
+                    sellCurrency: string | null;
+                    pax: number | null;
+                    sellAmountCents: number | null;
+                    paidAmountCents: number | null;
+                    travelers: {
+                        id: string;
+                        bookingId: string;
+                        bookingNumber: string;
+                        bookingStatus: string;
+                        bookingSequence: number;
+                        paymentStatus: "partial" | "paid" | "unpaid";
+                        firstName: string;
+                        lastName: string;
+                        fullName: string;
+                        email: string | null;
+                        phone: string | null;
+                        isLeadTraveler: boolean;
+                        isPrimary: boolean;
+                        sharingGroupId: string | null;
+                        roomTypeId: string | null;
+                        bedPreference: string | null;
+                        allocations: Record<string, string>;
+                        travelerCategory: string | null;
+                        participantType: string;
+                        hasAccessibilityNeeds: boolean;
+                        hasDietaryRequirements: boolean;
+                    }[];
+                }[];
+                resources: {
+                    id: string;
+                    slotId: string;
+                    kind: string;
+                    refType: string | null;
+                    refId: string | null;
+                    label: string | null;
+                    capacity: number;
+                    flags: Record<string, unknown>;
+                    parentId: string | null;
+                    sortOrder: number;
+                    createdAt: string | Date;
+                    updatedAt: string | Date;
+                }[];
+                sharingGroupLabels: Record<string, string>;
+                summary: {
+                    bookingCount: number;
+                    travelerCount: number;
+                    leadTravelerCount: number;
+                    bookingsByStatus: Record<string, number>;
+                };
+            };
+        };
+        [dataTagErrorSymbol]: Error;
+    };
+};
+export declare function loadAvailabilitySlotDetailPage(queryClient: QueryClient, client: VoyantAvailabilityContextValue, id: string): Promise<[{
+    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;
+        initialPickups: number | null;
+        remainingPickups: number | null;
+        remainingResources: number | null;
+        pastCutoff: boolean;
+        tooEarly: boolean;
+        createdAt: string;
+        updatedAt: string;
+        productName?: string | null | undefined;
+        endDateLocal?: string | null | undefined;
+    };
+}, {
+    data: {
+        id: string;
+        slotId: string;
+        pickupPointId: string;
+        initialCapacity: number | null;
+        remainingCapacity: number | null;
+    }[];
+    total: number;
+    limit: number;
+    offset: number;
+}, {
+    data: {
+        id: string;
+        productId: string;
+        slotId: string | null;
+        dateLocal: string;
+        reason: string | null;
+        createdBy: string | null;
+        productName?: string | null | undefined;
+    }[];
+    total: number;
+    limit: number;
+    offset: number;
+}, {
+    data: {
+        id: string;
+        poolId: string | null;
+        resourceId: string | null;
+        bookingId: string | null;
+        status: "completed" | "cancelled" | "assigned" | "reserved" | "released";
+        assignedBy: string | null;
+        releasedAt: string | null;
+        notes: string | null;
+    }[];
+    total: number;
+    limit: number;
+    offset: number;
+}, {
+    data: {
+        id: string;
+        name: string;
+    }[];
+    total: number;
+    limit: number;
+    offset: number;
+}, {
+    data: {
+        slot: {
+            id: string;
+            productId: string | null;
+            startsAt: string | null;
+            endsAt: string | null;
+        };
+        bookings: {
+            id: string;
+            bookingNumber: string;
+            status: string;
+            bookingSequence: number;
+            paymentStatus: "partial" | "paid" | "unpaid";
+            contactFirstName: string | null;
+            contactLastName: string | null;
+            contactEmail: string | null;
+            contactPhone: string | null;
+            sellCurrency: string | null;
+            pax: number | null;
+            sellAmountCents: number | null;
+            paidAmountCents: number | null;
+            travelers: {
+                id: string;
+                bookingId: string;
+                bookingNumber: string;
+                bookingStatus: string;
+                bookingSequence: number;
+                paymentStatus: "partial" | "paid" | "unpaid";
+                firstName: string;
+                lastName: string;
+                fullName: string;
+                email: string | null;
+                phone: string | null;
+                isLeadTraveler: boolean;
+                isPrimary: boolean;
+                sharingGroupId: string | null;
+                roomTypeId: string | null;
+                bedPreference: string | null;
+                allocations: Record<string, string>;
+                travelerCategory: string | null;
+                participantType: string;
+                hasAccessibilityNeeds: boolean;
+                hasDietaryRequirements: boolean;
+            }[];
+        }[];
+        resources: {
+            id: string;
+            slotId: string;
+            kind: string;
+            refType: string | null;
+            refId: string | null;
+            label: string | null;
+            capacity: number;
+            flags: Record<string, unknown>;
+            parentId: string | null;
+            sortOrder: number;
+            createdAt: string | Date;
+            updatedAt: string | Date;
+        }[];
+        sharingGroupLabels: Record<string, string>;
+        summary: {
+            bookingCount: number;
+            travelerCount: number;
+            leadTravelerCount: number;
+            bookingsByStatus: Record<string, number>;
+        };
+    };
+}, {
+    data: {
+        id: string;
+        name: string;
+        sellCurrency: string | null;
+        productType: {
+            id: string;
+            name: string;
+            code: string | null;
+        } | null;
+    };
+}, {
+    data: {
+        id: string;
+        productId: string;
+        name: string;
+        description: string | null;
+        locationText: string | null;
+        active: boolean;
+        productName?: string | null | undefined;
+    }[];
+    total: number;
+    limit: number;
+    offset: number;
+}]>;
+export declare function AvailabilitySlotDetailPage({ id, className, onBack: _onBack, onDeleted, onOpenProduct, onOpenStartTime, onCreateBooking, onEdit, breadcrumb, headerActions, renderAllocation, renderExtras, extrasTabLabel, }: AvailabilitySlotDetailPageProps): 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-page.d.ts.map