@voyant-travel/operations-react 0.0.0

package/dist/resources/admin/resources-host.js

@@ -0,0 +1,159 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useQueryClient } from "@tanstack/react-query";
+import { useAdminNavigate, useOperatorAdminMessages } from "@voyant-travel/admin";
+import { formatMessage } from "@voyant-travel/i18n";
+import { useState } from "react";
+import { toast } from "sonner";
+import { ResourcesPage, } from "../components/resources-page.js";
+import { resourcesQueryKeys, useBookings, usePools, useProducts, useResources, useRules, useSlots, useStartTimes, useSuppliers, useVoyantResourcesContext, } from "../index.js";
+import { postResourcesBatch } from "./resources-admin-api.js";
+import { ResourcesDialogs } from "./resources-dialogs.js";
+import { resourcesPageQueryFilters } from "./resources-page-data.js";
+import { ResourcesBodySkeleton } from "./resources-page-skeleton.js";
+function formatLocalizedSelectionLabel(count, singular, plural) {
+    return count === 1 ? `1 ${singular}` : `${count} ${plural}`;
+}
+/**
+ * Packaged admin host for the resources tab dashboard (packaged-admin RFC
+ * Phase 3). Zero-prop: list/filter state stays component-local (no URL
+ * search contract), opening a row resolves through the resource semantic
+ * destinations, and the create/edit dialogs are the packaged operator-grade
+ * {@link ResourcesDialogs} bound to the shared resources provider context.
+ * Bulk mutations post the module's `batch-update`/`batch-delete` endpoints
+ * through the same context client and refresh via query invalidation.
+ */
+export function ResourcesHost() {
+    const navigateTo = useAdminNavigate();
+    const messages = useOperatorAdminMessages();
+    const client = useVoyantResourcesContext();
+    const queryClient = useQueryClient();
+    const [bulkActionTarget, setBulkActionTarget] = useState(null);
+    const [resourceDialogOpen, setResourceDialogOpen] = useState(false);
+    const [poolDialogOpen, setPoolDialogOpen] = useState(false);
+    const [allocationDialogOpen, setAllocationDialogOpen] = useState(false);
+    const [assignmentDialogOpen, setAssignmentDialogOpen] = useState(false);
+    const [closeoutDialogOpen, setCloseoutDialogOpen] = useState(false);
+    const [editingResource, setEditingResource] = useState();
+    const [editingPool, setEditingPool] = useState();
+    const [editingAllocation, setEditingAllocation] = useState();
+    const [editingAssignment, setEditingAssignment] = useState();
+    const [editingCloseout, setEditingCloseout] = useState();
+    // Dialog data dimensions. The page runs the same hooks with the same
+    // filters internally, so react-query dedupes these into shared cache
+    // entries (and the route loader seeds them on SSR).
+    const filters = resourcesPageQueryFilters;
+    const suppliers = useSuppliers(filters.suppliers).data?.data ?? [];
+    const products = useProducts(filters.products).data?.data ?? [];
+    const bookings = useBookings(filters.bookings).data?.data ?? [];
+    const slots = useSlots(filters.slots).data?.data ?? [];
+    const rules = useRules(filters.rules).data?.data ?? [];
+    const startTimes = useStartTimes(filters.startTimes).data?.data ?? [];
+    const resources = useResources(filters.resources).data?.data ?? [];
+    const pools = usePools(filters.pools).data?.data ?? [];
+    const refreshAll = async () => {
+        await Promise.all([
+            queryClient.invalidateQueries({ queryKey: resourcesQueryKeys.resources() }),
+            queryClient.invalidateQueries({ queryKey: resourcesQueryKeys.pools() }),
+            queryClient.invalidateQueries({ queryKey: resourcesQueryKeys.allocations() }),
+            queryClient.invalidateQueries({ queryKey: resourcesQueryKeys.assignments() }),
+            queryClient.invalidateQueries({ queryKey: resourcesQueryKeys.closeouts() }),
+        ]);
+    };
+    const handleBulkUpdate = async ({ ids, endpoint, target, nounSingular, nounPlural, payload, successVerb, clearSelection, }) => {
+        if (ids.length === 0)
+            return;
+        setBulkActionTarget(target);
+        const result = await postResourcesBatch(client, `${endpoint}/batch-update`, {
+            ids,
+            patch: payload,
+        });
+        await refreshAll();
+        clearSelection();
+        setBulkActionTarget(null);
+        if (result.failed.length === 0) {
+            toast.success(formatMessage(messages.resources.toasts.bulkUpdated, {
+                verb: successVerb,
+                selection: formatLocalizedSelectionLabel(result.succeeded, nounSingular, nounPlural),
+            }));
+            return;
+        }
+        toast.error(formatMessage(messages.resources.toasts.bulkUpdatedPartial, {
+            verb: successVerb,
+            succeeded: result.succeeded,
+            selection: formatLocalizedSelectionLabel(result.total, nounSingular, nounPlural),
+        }));
+    };
+    const handleBulkDelete = async ({ ids, endpoint, target, nounSingular, nounPlural, clearSelection, }) => {
+        if (ids.length === 0)
+            return;
+        setBulkActionTarget(target);
+        const result = await postResourcesBatch(client, `${endpoint}/batch-delete`, { ids });
+        await refreshAll();
+        clearSelection();
+        setBulkActionTarget(null);
+        if (result.failed.length === 0) {
+            toast.success(formatMessage(messages.resources.toasts.bulkDeleted, {
+                selection: formatLocalizedSelectionLabel(result.succeeded, nounSingular, nounPlural),
+            }));
+            return;
+        }
+        toast.error(formatMessage(messages.resources.toasts.bulkDeletedPartial, {
+            succeeded: result.succeeded,
+            selection: formatLocalizedSelectionLabel(result.total, nounSingular, nounPlural),
+        }));
+    };
+    return (_jsx(ResourcesPage, { queryFilters: filters, loadingFallback: _jsx(ResourcesBodySkeleton, {}), bulkActionTarget: bulkActionTarget, onBulkUpdate: handleBulkUpdate, onBulkDelete: handleBulkDelete, onResourceCreate: () => {
+            setEditingResource(undefined);
+            setResourceDialogOpen(true);
+        }, onResourceOpen: (resourceId) => navigateTo("resource.detail", { resourceId }), onResourceEdit: (row) => {
+            setEditingResource(row);
+            setResourceDialogOpen(true);
+        }, onPoolCreate: () => {
+            setEditingPool(undefined);
+            setPoolDialogOpen(true);
+        }, onPoolOpen: (poolId) => navigateTo("resourcePool.detail", { poolId }), onPoolEdit: (row) => {
+            setEditingPool(row);
+            setPoolDialogOpen(true);
+        }, onAllocationCreate: () => {
+            setEditingAllocation(undefined);
+            setAllocationDialogOpen(true);
+        }, onAllocationOpen: (allocationId) => navigateTo("resourceAllocation.detail", { allocationId }), onAllocationEdit: (row) => {
+            setEditingAllocation(row);
+            setAllocationDialogOpen(true);
+        }, onAssignmentCreate: () => {
+            setEditingAssignment(undefined);
+            setAssignmentDialogOpen(true);
+        }, onAssignmentOpen: (assignmentId) => navigateTo("resourceAssignment.detail", { assignmentId }), onAssignmentEdit: (row) => {
+            setEditingAssignment(row);
+            setAssignmentDialogOpen(true);
+        }, onCloseoutCreate: () => {
+            setEditingCloseout(undefined);
+            setCloseoutDialogOpen(true);
+        }, onCloseoutEdit: (row) => {
+            setEditingCloseout(row);
+            setCloseoutDialogOpen(true);
+        }, slots: {
+            dialogs: (_jsx(ResourcesDialogs, { resourceDialogOpen: resourceDialogOpen, setResourceDialogOpen: (open) => {
+                    setResourceDialogOpen(open);
+                    if (!open)
+                        setEditingResource(undefined);
+                }, editingResource: editingResource, poolDialogOpen: poolDialogOpen, setPoolDialogOpen: (open) => {
+                    setPoolDialogOpen(open);
+                    if (!open)
+                        setEditingPool(undefined);
+                }, editingPool: editingPool, allocationDialogOpen: allocationDialogOpen, setAllocationDialogOpen: (open) => {
+                    setAllocationDialogOpen(open);
+                    if (!open)
+                        setEditingAllocation(undefined);
+                }, editingAllocation: editingAllocation, assignmentDialogOpen: assignmentDialogOpen, setAssignmentDialogOpen: (open) => {
+                    setAssignmentDialogOpen(open);
+                    if (!open)
+                        setEditingAssignment(undefined);
+                }, editingAssignment: editingAssignment, closeoutDialogOpen: closeoutDialogOpen, setCloseoutDialogOpen: (open) => {
+                    setCloseoutDialogOpen(open);
+                    if (!open)
+                        setEditingCloseout(undefined);
+                }, editingCloseout: editingCloseout, suppliers: suppliers, products: products, rules: rules, startTimes: startTimes, resources: resources, pools: pools, slots: slots, bookings: bookings, refreshAll: refreshAll })),
+        } }));
+}

package/dist/resources/admin/resources-page-data.d.ts

@@ -0,0 +1,61 @@
+import type { QueryClient } from "@tanstack/react-query";
+import { type VoyantResourcesContextValue } from "../index.js";
+/**
+ * Canonical list filters for the resources tab dashboard. Shared between
+ * the SSR route loader ({@link ensureResourcesPageData}) and the packaged
+ * page's hooks (via `ResourcesPage`'s `queryFilters` prop) so both sides
+ * produce identical query keys and the loader-seeded cache is reused.
+ */
+export declare const resourcesPageQueryFilters: {
+    readonly suppliers: {
+        readonly limit: 25;
+        readonly offset: 0;
+    };
+    readonly products: {
+        readonly limit: 100;
+    };
+    readonly bookings: {
+        readonly limit: 25;
+        readonly offset: 0;
+    };
+    readonly slots: {
+        readonly limit: 25;
+        readonly offset: 0;
+    };
+    readonly rules: {
+        readonly limit: 25;
+        readonly offset: 0;
+    };
+    readonly startTimes: {
+        readonly limit: 25;
+        readonly offset: 0;
+    };
+    readonly resources: {
+        readonly limit: 25;
+        readonly offset: 0;
+    };
+    readonly pools: {
+        readonly limit: 25;
+        readonly offset: 0;
+    };
+    readonly allocations: {
+        readonly limit: 25;
+        readonly offset: 0;
+    };
+    readonly assignments: {
+        readonly limit: 25;
+        readonly offset: 0;
+    };
+    readonly closeouts: {
+        readonly limit: 25;
+        readonly offset: 0;
+    };
+};
+/**
+ * Tab dashboard loader: `resources` is the default active tab, so only that
+ * query is awaited; everything else (other tabs + dimensions used by the
+ * filter pickers) is fired as a background prefetch so the route paints
+ * after one round-trip instead of waiting on 11.
+ */
+export declare function ensureResourcesPageData(queryClient: QueryClient, client: VoyantResourcesContextValue): Promise<void>;
+//# sourceMappingURL=resources-page-data.d.ts.map

package/dist/resources/admin/resources-page-data.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resources-page-data.d.ts","sourceRoot":"","sources":["../../../src/resources/admin/resources-page-data.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAExD,OAAO,EAYL,KAAK,2BAA2B,EACjC,MAAM,aAAa,CAAA;AAEpB;;;;;GAKG;AACH,eAAO,MAAM,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAYQ,CAAA;AAE9C;;;;;GAKG;AACH,wBAAsB,uBAAuB,CAC3C,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,2BAA2B,GAClC,OAAO,CAAC,IAAI,CAAC,CA6Bf"}

package/dist/resources/admin/resources-page-data.js

@@ -0,0 +1,39 @@
+import { getAllocationsQueryOptions, getAssignmentsQueryOptions, getBookingsQueryOptions, getCloseoutsQueryOptions, getPoolsQueryOptions, getProductsQueryOptions, getResourcesQueryOptions, getRulesQueryOptions, getSlotsQueryOptions, getStartTimesQueryOptions, getSuppliersQueryOptions, } from "../index.js";
+/**
+ * Canonical list filters for the resources tab dashboard. Shared between
+ * the SSR route loader ({@link ensureResourcesPageData}) and the packaged
+ * page's hooks (via `ResourcesPage`'s `queryFilters` prop) so both sides
+ * produce identical query keys and the loader-seeded cache is reused.
+ */
+export const resourcesPageQueryFilters = {
+    suppliers: { limit: 25, offset: 0 },
+    products: { limit: 100 },
+    bookings: { limit: 25, offset: 0 },
+    slots: { limit: 25, offset: 0 },
+    rules: { limit: 25, offset: 0 },
+    startTimes: { limit: 25, offset: 0 },
+    resources: { limit: 25, offset: 0 },
+    pools: { limit: 25, offset: 0 },
+    allocations: { limit: 25, offset: 0 },
+    assignments: { limit: 25, offset: 0 },
+    closeouts: { limit: 25, offset: 0 },
+};
+/**
+ * Tab dashboard loader: `resources` is the default active tab, so only that
+ * query is awaited; everything else (other tabs + dimensions used by the
+ * filter pickers) is fired as a background prefetch so the route paints
+ * after one round-trip instead of waiting on 11.
+ */
+export async function ensureResourcesPageData(queryClient, client) {
+    await queryClient.ensureQueryData(getResourcesQueryOptions(client, resourcesPageQueryFilters.resources));
+    void queryClient.prefetchQuery(getSuppliersQueryOptions(client, resourcesPageQueryFilters.suppliers));
+    void queryClient.prefetchQuery(getProductsQueryOptions(client, resourcesPageQueryFilters.products));
+    void queryClient.prefetchQuery(getBookingsQueryOptions(client, resourcesPageQueryFilters.bookings));
+    void queryClient.prefetchQuery(getSlotsQueryOptions(client, resourcesPageQueryFilters.slots));
+    void queryClient.prefetchQuery(getRulesQueryOptions(client, resourcesPageQueryFilters.rules));
+    void queryClient.prefetchQuery(getStartTimesQueryOptions(client, resourcesPageQueryFilters.startTimes));
+    void queryClient.prefetchQuery(getPoolsQueryOptions(client, resourcesPageQueryFilters.pools));
+    void queryClient.prefetchQuery(getAllocationsQueryOptions(client, resourcesPageQueryFilters.allocations));
+    void queryClient.prefetchQuery(getAssignmentsQueryOptions(client, resourcesPageQueryFilters.assignments));
+    void queryClient.prefetchQuery(getCloseoutsQueryOptions(client, resourcesPageQueryFilters.closeouts));
+}

package/dist/resources/admin/resources-page-skeleton.d.ts

@@ -0,0 +1,5 @@
+/** Body-only placeholder used inside the live page while queries load. */
+export declare function ResourcesBodySkeleton(): import("react/jsx-runtime").JSX.Element;
+/** Route-level placeholder for the resources dashboard — title block + filter row + body. */
+export declare function ResourcesPageSkeleton(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=resources-page-skeleton.d.ts.map

package/dist/resources/admin/resources-page-skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resources-page-skeleton.d.ts","sourceRoot":"","sources":["../../../src/resources/admin/resources-page-skeleton.tsx"],"names":[],"mappings":"AAsBA,0EAA0E;AAC1E,wBAAgB,qBAAqB,4CA6EpC;AAED,6FAA6F;AAC7F,wBAAgB,qBAAqB,4CAcpC"}

package/dist/resources/admin/resources-page-skeleton.js

@@ -0,0 +1,22 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useOperatorAdminMessages } from "@voyant-travel/admin";
+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";
+const TABLE_COLUMNS = [
+    { id: "name", width: "w-40" },
+    { id: "kind", width: "w-20" },
+    { id: "supplier", width: "w-32" },
+    { id: "capacity", width: "w-16" },
+    { id: "status", width: "w-16" },
+];
+/** Body-only placeholder used inside the live page while queries load. */
+export function ResourcesBodySkeleton() {
+    const t = useOperatorAdminMessages().resources;
+    return (_jsxs("div", { className: "flex flex-col gap-6", children: [_jsx("div", { className: "grid gap-4 md:grid-cols-2 lg:grid-cols-4", children: Array.from({ length: 4 }, (_, index) => `kpi-${index}`).map((key) => (_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" })] })] }, key))) }), _jsx("div", { className: "grid gap-4 lg:grid-cols-2", children: ["attention-a", "attention-b"].map((cardKey) => (_jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(Skeleton, { className: "h-5 w-52" }) }), _jsx(CardContent, { className: "space-y-2", children: Array.from({ length: 3 }, (_, index) => `${cardKey}-row-${index}`).map((rowKey) => (_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-24" })] }, rowKey))) })] }, cardKey))) }), _jsxs("div", { className: "flex items-center gap-1 border-b", children: [_jsx(Skeleton, { className: "h-9 w-24" }), _jsx(Skeleton, { className: "h-9 w-20" }), _jsx(Skeleton, { className: "h-9 w-28" }), _jsx(Skeleton, { className: "h-9 w-28" }), _jsx(Skeleton, { className: "h-9 w-24" })] }), _jsx("div", { className: "rounded-md border", children: _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: t.nameLabel }), _jsx(TableHead, { children: t.kindLabel }), _jsx(TableHead, { children: t.supplierLabel }), _jsx(TableHead, { children: t.capacityLabel }), _jsx(TableHead, { children: t.statusLabel })] }) }), _jsx(TableBody, { children: Array.from({ length: 6 }, (_, index) => `row-${index}`).map((rowKey) => (_jsx(TableRow, { children: TABLE_COLUMNS.map((column) => (_jsx(TableCell, { children: _jsx(Skeleton, { className: `h-4 ${column.width}` }) }, `${rowKey}-${column.id}`))) }, rowKey))) })] }) })] }));
+}
+/** Route-level placeholder for the resources dashboard — title block + filter row + body. */
+export function ResourcesPageSkeleton() {
+    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-32" }), _jsx(Skeleton, { className: "h-4 w-[36rem]" })] }), _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(ResourcesBodySkeleton, {})] }));
+}

package/dist/resources/client.d.ts

@@ -0,0 +1,14 @@
+import type { z } from "zod";
+export type VoyantFetcher = (url: string, init?: RequestInit) => Promise<Response>;
+export declare const defaultFetcher: VoyantFetcher;
+export declare class VoyantApiError extends Error {
+    readonly status: number;
+    readonly body: unknown;
+    constructor(message: string, status: number, body: unknown);
+}
+export interface FetchWithValidationOptions {
+    baseUrl: string;
+    fetcher: VoyantFetcher;
+}
+export declare function fetchWithValidation<TOut>(path: string, schema: z.ZodType<TOut>, options: FetchWithValidationOptions, init?: RequestInit): Promise<TOut>;
+//# sourceMappingURL=client.d.ts.map

package/dist/resources/client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../../src/resources/client.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,CAAC,EAAE,MAAM,KAAK,CAAA;AAE5B,MAAM,MAAM,aAAa,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,WAAW,KAAK,OAAO,CAAC,QAAQ,CAAC,CAAA;AAElF,eAAO,MAAM,cAAc,EAAE,aACoB,CAAA;AAEjD,qBAAa,cAAe,SAAQ,KAAK;IACvC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAA;gBAEV,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO;CAM3D;AAcD,MAAM,WAAW,0BAA0B;IACzC,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,aAAa,CAAA;CACvB;AAED,wBAAsB,mBAAmB,CAAC,IAAI,EAC5C,IAAI,EAAE,MAAM,EACZ,MAAM,EAAE,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,EACvB,OAAO,EAAE,0BAA0B,EACnC,IAAI,CAAC,EAAE,WAAW,GACjB,OAAO,CAAC,IAAI,CAAC,CAiCf"}

package/dist/resources/client.js

@@ -0,0 +1,59 @@
+export const defaultFetcher = (url, init) => fetch(url, { credentials: "include", ...init });
+export class VoyantApiError extends Error {
+    status;
+    body;
+    constructor(message, status, body) {
+        super(message);
+        this.name = "VoyantApiError";
+        this.status = status;
+        this.body = body;
+    }
+}
+function extractErrorMessage(status, statusText, body) {
+    if (typeof body === "object" && body !== null && "error" in body) {
+        const err = body.error;
+        if (typeof err === "string")
+            return err;
+        if (typeof err === "object" && err !== null && "message" in err) {
+            return String(err.message);
+        }
+    }
+    return `Voyant API error: ${status} ${statusText}`;
+}
+export async function fetchWithValidation(path, schema, options, init) {
+    const url = joinUrl(options.baseUrl, path);
+    const headers = new Headers(init?.headers);
+    if (init?.body !== undefined && !headers.has("Content-Type")) {
+        headers.set("Content-Type", "application/json");
+    }
+    const response = await options.fetcher(url, { ...init, headers });
+    if (!response.ok) {
+        const body = await safeJson(response);
+        throw new VoyantApiError(extractErrorMessage(response.status, response.statusText, body), response.status, body);
+    }
+    if (response.status === 204) {
+        return schema.parse(undefined);
+    }
+    const body = await safeJson(response);
+    const parsed = schema.safeParse(body);
+    if (!parsed.success) {
+        throw new VoyantApiError(`Voyant API response failed validation: ${parsed.error.message}`, response.status, body);
+    }
+    return parsed.data;
+}
+async function safeJson(response) {
+    const text = await response.text();
+    if (!text)
+        return undefined;
+    try {
+        return JSON.parse(text);
+    }
+    catch {
+        return text;
+    }
+}
+function joinUrl(baseUrl, path) {
+    const trimmedBase = baseUrl.endsWith("/") ? baseUrl.slice(0, -1) : baseUrl;
+    const trimmedPath = path.startsWith("/") ? path : `/${path}`;
+    return `${trimmedBase}${trimmedPath}`;
+}

package/dist/resources/components/resource-allocation-detail-page.d.ts

@@ -0,0 +1,16 @@
+import { type ResourceAllocationDetail } from "../index.js";
+import { type ConfirmAction } from "./resource-detail-shared.js";
+import { ResourceAllocationDetailSkeleton } from "./resource-detail-skeletons.js";
+export { ResourceAllocationDetailSkeleton };
+export interface ResourceAllocationDetailPageProps {
+    id: string;
+    className?: string;
+    deleting?: boolean;
+    onBack?: () => void;
+    onDelete?: (allocation: ResourceAllocationDetail) => Promise<void> | void;
+    onOpenPool?: (poolId: string) => void;
+    onOpenProduct?: (productId: string) => void;
+    confirmAction?: ConfirmAction;
+}
+export declare function ResourceAllocationDetailPage({ className, confirmAction, deleting, id, onBack, onDelete, onOpenPool, onOpenProduct, }: ResourceAllocationDetailPageProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=resource-allocation-detail-page.d.ts.map

package/dist/resources/components/resource-allocation-detail-page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resource-allocation-detail-page.d.ts","sourceRoot":"","sources":["../../../src/resources/components/resource-allocation-detail-page.tsx"],"names":[],"mappings":"AAKA,OAAO,EAEL,KAAK,wBAAwB,EAM9B,MAAM,aAAa,CAAA;AACpB,OAAO,EACL,KAAK,aAAa,EAKnB,MAAM,6BAA6B,CAAA;AACpC,OAAO,EAAE,gCAAgC,EAAE,MAAM,gCAAgC,CAAA;AAMjF,OAAO,EAAE,gCAAgC,EAAE,CAAA;AAE3C,MAAM,WAAW,iCAAiC;IAChD,EAAE,EAAE,MAAM,CAAA;IACV,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,wBAAwB,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;IACzE,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,aAAa,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3C,aAAa,CAAC,EAAE,aAAa,CAAA;CAC9B;AAED,wBAAgB,4BAA4B,CAAC,EAC3C,SAAS,EACT,aAAa,EACb,QAAQ,EACR,EAAE,EACF,MAAM,EACN,QAAQ,EACR,UAAU,EACV,aAAa,GACd,EAAE,iCAAiC,2CA2HnC"}

package/dist/resources/components/resource-allocation-detail-page.js

@@ -0,0 +1,48 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Badge, Button, cn } from "@voyant-travel/ui/components";
+import { Package, Wrench } from "lucide-react";
+import { useResourcesUiI18nOrDefault } from "../i18n/index.js";
+import { labelById, useAllocation, usePool, useProducts, useRules, useStartTimes, } from "../index.js";
+import { ResourceDetailCard, ResourceDetailField, ResourceDetailHeader, ResourceDetailState, } from "./resource-detail-shared.js";
+import { ResourceAllocationDetailSkeleton } from "./resource-detail-skeletons.js";
+// The skeleton lives in `./resource-detail-skeletons.js` — a lean module —
+// so the resources admin extension factory can attach it as a
+// `pendingComponent` without pinning this page module into the workspace
+// chrome chunk. Re-exported here for backwards compatibility.
+export { ResourceAllocationDetailSkeleton };
+export function ResourceAllocationDetailPage({ className, confirmAction, deleting, id, onBack, onDelete, onOpenPool, onOpenProduct, }) {
+    const i18n = useResourcesUiI18nOrDefault();
+    const m = i18n.messages;
+    const page = m.detailPages;
+    const allocationQuery = useAllocation(id);
+    const allocation = allocationQuery.data;
+    const poolQuery = usePool(allocation?.poolId);
+    const productsQuery = useProducts({ limit: 25 });
+    const rulesQuery = useRules({
+        enabled: Boolean(allocation?.productId),
+        productId: allocation?.productId,
+        limit: 25,
+    });
+    const startTimesQuery = useStartTimes({
+        enabled: Boolean(allocation?.productId),
+        productId: allocation?.productId,
+        limit: 25,
+    });
+    if (allocationQuery.isPending) {
+        return _jsx(ResourceAllocationDetailSkeleton, {});
+    }
+    if (allocationQuery.isError) {
+        return (_jsx(ResourceDetailState, { className: className, message: page.allocation.loadFailed, onBack: onBack }));
+    }
+    if (!allocation) {
+        return (_jsx(ResourceDetailState, { className: className, message: page.allocation.notFound, onBack: onBack }));
+    }
+    const rule = rulesQuery.data?.data.find((entry) => entry.id === allocation.availabilityRuleId);
+    const startTime = startTimesQuery.data?.data.find((entry) => entry.id === allocation.startTimeId);
+    return (_jsxs("div", { "data-slot": "resource-allocation-detail-page", className: cn("flex flex-col gap-6 p-6", className), children: [_jsx(ResourceDetailHeader, { title: page.allocation.pageTitle, deleteConfirmName: allocation.id, deleteConfirmTemplate: page.allocation.deleteConfirm, deleteErrorMessage: page.allocation.deleteFailed, deleting: deleting, confirmAction: confirmAction, onBack: onBack, onDelete: onDelete ? () => onDelete(allocation) : undefined, badges: _jsxs(_Fragment, { children: [_jsx(Badge, { variant: "outline", children: m.common.allocationModeLabels[allocation.allocationMode] }), _jsxs(Badge, { variant: "secondary", children: [page.common.quantity, " ", i18n.formatNumber(allocation.quantityRequired)] })] }), actions: _jsxs(_Fragment, { children: [onOpenPool ? (_jsxs(Button, { type: "button", variant: "outline", onClick: () => onOpenPool(allocation.poolId), children: [_jsx(Wrench, { "data-icon": "inline-start", "aria-hidden": "true" }), page.common.openPool] })) : null, onOpenProduct ? (_jsxs(Button, { type: "button", variant: "outline", onClick: () => onOpenProduct(allocation.productId), children: [_jsx(Package, { "data-icon": "inline-start", "aria-hidden": "true" }), page.common.openProduct] })) : null] }) }), _jsx(ResourceDetailCard, { title: page.allocation.detailsTitle, children: _jsxs("div", { className: "grid gap-3 md:grid-cols-2", children: [_jsx(ResourceDetailField, { label: page.common.pool, children: poolQuery.data?.name ?? allocation.poolId }), _jsx(ResourceDetailField, { label: page.common.product, children: labelById(productsQuery.data?.data ?? [], allocation.productId) ||
+                                allocation.productId }), _jsx(ResourceDetailField, { label: page.allocation.rule, children: rule?.recurrenceRule ?? allocation.availabilityRuleId ?? page.common.noRule }), _jsx(ResourceDetailField, { label: page.allocation.startTime, children: startTime?.label ??
+                                startTime?.startTimeLocal ??
+                                allocation.startTimeId ??
+                                page.common.noStartTime }), _jsx(ResourceDetailField, { label: page.allocation.priority, children: i18n.formatNumber(allocation.priority) }), _jsx(ResourceDetailField, { label: page.common.created, children: i18n.formatDateTime(allocation.createdAt) }), _jsx(ResourceDetailField, { label: page.common.updated, children: i18n.formatDateTime(allocation.updatedAt) })] }) })] }));
+}

package/dist/resources/components/resource-assignment-detail-page.d.ts

@@ -0,0 +1,16 @@
+import { type ResourceSlotAssignmentDetail } from "../index.js";
+import { type ConfirmAction } from "./resource-detail-shared.js";
+import { ResourceAssignmentDetailSkeleton } from "./resource-detail-skeletons.js";
+export { ResourceAssignmentDetailSkeleton };
+export interface ResourceAssignmentDetailPageProps {
+    id: string;
+    className?: string;
+    deleting?: boolean;
+    onBack?: () => void;
+    onDelete?: (assignment: ResourceSlotAssignmentDetail) => Promise<void> | void;
+    onOpenResource?: (resourceId: string) => void;
+    onOpenSlot?: (slotId: string) => void;
+    confirmAction?: ConfirmAction;
+}
+export declare function ResourceAssignmentDetailPage({ className, confirmAction, deleting, id, onBack, onDelete, onOpenResource, onOpenSlot, }: ResourceAssignmentDetailPageProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=resource-assignment-detail-page.d.ts.map

package/dist/resources/components/resource-assignment-detail-page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resource-assignment-detail-page.d.ts","sourceRoot":"","sources":["../../../src/resources/components/resource-assignment-detail-page.tsx"],"names":[],"mappings":"AAMA,OAAO,EAEL,KAAK,4BAA4B,EAOlC,MAAM,aAAa,CAAA;AACpB,OAAO,EACL,KAAK,aAAa,EAKnB,MAAM,6BAA6B,CAAA;AACpC,OAAO,EAAE,gCAAgC,EAAE,MAAM,gCAAgC,CAAA;AAMjF,OAAO,EAAE,gCAAgC,EAAE,CAAA;AAE3C,MAAM,WAAW,iCAAiC;IAChD,EAAE,EAAE,MAAM,CAAA;IACV,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,4BAA4B,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;IAC7E,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7C,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,aAAa,CAAC,EAAE,aAAa,CAAA;CAC9B;AAED,wBAAgB,4BAA4B,CAAC,EAC3C,SAAS,EACT,aAAa,EACb,QAAQ,EACR,EAAE,EACF,MAAM,EACN,QAAQ,EACR,cAAc,EACd,UAAU,GACX,EAAE,iCAAiC,2CAkInC"}

package/dist/resources/components/resource-assignment-detail-page.js

@@ -0,0 +1,50 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Badge, Button, cn } from "@voyant-travel/ui/components";
+import { CalendarDays, Wrench } from "lucide-react";
+import { useResourcesUiI18nOrDefault } from "../i18n/index.js";
+import { formatDateTimeOrFallback, formatResourceSlotLabel } from "../i18n/utils.js";
+import { labelById, useAssignment, useBookings, usePool, useProducts, useResource, useSlots, } from "../index.js";
+import { ResourceDetailCard, ResourceDetailField, ResourceDetailHeader, ResourceDetailState, } from "./resource-detail-shared.js";
+import { ResourceAssignmentDetailSkeleton } from "./resource-detail-skeletons.js";
+// The skeleton lives in `./resource-detail-skeletons.js` — a lean module —
+// so the resources admin extension factory can attach it as a
+// `pendingComponent` without pinning this page module into the workspace
+// chrome chunk. Re-exported here for backwards compatibility.
+export { ResourceAssignmentDetailSkeleton };
+export function ResourceAssignmentDetailPage({ className, confirmAction, deleting, id, onBack, onDelete, onOpenResource, onOpenSlot, }) {
+    const i18n = useResourcesUiI18nOrDefault();
+    const m = i18n.messages;
+    const page = m.detailPages;
+    const assignmentQuery = useAssignment(id);
+    const assignment = assignmentQuery.data;
+    const slotsQuery = useSlots({ limit: 25 });
+    const slot = slotsQuery.data?.data.find((entry) => entry.id === assignment?.slotId);
+    const poolQuery = usePool(assignment?.poolId);
+    const resourceQuery = useResource(assignment?.resourceId);
+    const bookingsQuery = useBookings({ limit: 25 });
+    const productsQuery = useProducts({ limit: 25 });
+    if (assignmentQuery.isPending) {
+        return _jsx(ResourceAssignmentDetailSkeleton, {});
+    }
+    if (assignmentQuery.isError) {
+        return (_jsx(ResourceDetailState, { className: className, message: page.assignment.loadFailed, onBack: onBack }));
+    }
+    if (!assignment) {
+        return (_jsx(ResourceDetailState, { className: className, message: page.assignment.notFound, onBack: onBack }));
+    }
+    const slotLabel = slot
+        ? formatResourceSlotLabel(slot, {
+            template: m.common.slotLabel,
+            formatDate: i18n.formatDate,
+        })
+        : assignment.slotId;
+    return (_jsxs("div", { "data-slot": "resource-assignment-detail-page", className: cn("flex flex-col gap-6 p-6", className), children: [_jsx(ResourceDetailHeader, { title: page.assignment.pageTitle, deleteConfirmName: assignment.id, deleteConfirmTemplate: page.assignment.deleteConfirm, deleteErrorMessage: page.assignment.deleteFailed, deleting: deleting, confirmAction: confirmAction, onBack: onBack, onDelete: onDelete ? () => onDelete(assignment) : undefined, badges: _jsxs(_Fragment, { children: [_jsx(Badge, { variant: "outline", children: m.common.assignmentStatusLabels[assignment.status] }), _jsx(Badge, { variant: "secondary", children: slotLabel })] }), actions: _jsxs(_Fragment, { children: [onOpenSlot ? (_jsxs(Button, { type: "button", variant: "outline", onClick: () => onOpenSlot(assignment.slotId), children: [_jsx(CalendarDays, { "data-icon": "inline-start", "aria-hidden": "true" }), page.common.openSlot] })) : null, assignment.resourceId && onOpenResource ? (_jsxs(Button, { type: "button", variant: "outline", onClick: () => onOpenResource(assignment.resourceId), children: [_jsx(Wrench, { "data-icon": "inline-start", "aria-hidden": "true" }), page.common.openResource] })) : null] }) }), _jsx(ResourceDetailCard, { title: page.assignment.detailsTitle, children: _jsxs("div", { className: "grid gap-3 md:grid-cols-2", children: [_jsx(ResourceDetailField, { label: page.common.slot, children: slotLabel }), _jsx(ResourceDetailField, { label: page.common.product, children: slot?.productId
+                                ? labelById(productsQuery.data?.data ?? [], slot.productId)
+                                : page.common.noValue }), _jsx(ResourceDetailField, { label: page.common.pool, children: poolQuery.data?.name ?? assignment.poolId ?? page.common.noPool }), _jsx(ResourceDetailField, { label: page.common.resource, children: resourceQuery.data?.name ?? assignment.resourceId ?? page.common.noResource }), _jsx(ResourceDetailField, { label: page.common.booking, children: assignment.bookingId
+                                ? labelById(bookingsQuery.data?.data ?? [], assignment.bookingId)
+                                : page.common.noBooking }), _jsx(ResourceDetailField, { label: page.assignment.assignedBy, children: assignment.assignedBy ?? page.common.noValue }), _jsx(ResourceDetailField, { label: page.assignment.released, children: formatDateTimeOrFallback(assignment.releasedAt, {
+                                fallback: page.common.noValue,
+                                formatDateTime: i18n.formatDateTime,
+                            }) }), _jsx(ResourceDetailField, { label: page.common.created, children: i18n.formatDateTime(assignment.createdAt) }), _jsx(ResourceDetailField, { label: page.common.updated, children: i18n.formatDateTime(assignment.updatedAt) })] }) }), assignment.notes ? (_jsx(ResourceDetailCard, { title: page.common.notes, children: _jsx("p", { className: "whitespace-pre-wrap", children: assignment.notes }) })) : null] }));
+}

package/dist/resources/components/resource-detail-data.d.ts

@@ -0,0 +1,34 @@
+import type { QueryClient } from "@tanstack/react-query";
+import { type VoyantResourcesContextValue } from "../index.js";
+export type ResourcePoolMemberRow = {
+    id: string;
+    poolId: string;
+    resourceId: string;
+};
+type ListResponse<T> = {
+    data: T[];
+    total: number;
+    limit: number;
+    offset: number;
+};
+type PoolMemberFilters = {
+    poolId?: string | undefined;
+    resourceId?: string | undefined;
+    limit?: number | undefined;
+    offset?: number | undefined;
+};
+export declare function getResourcePoolMembersQueryOptions(client: VoyantResourcesContextValue, filters?: PoolMemberFilters): import("@tanstack/react-query").OmitKeyof<import("@tanstack/react-query").UseQueryOptions<ListResponse<ResourcePoolMemberRow>, Error, ListResponse<ResourcePoolMemberRow>, readonly ["voyant", "resources", "pool-members", "list", PoolMemberFilters]>, "queryFn"> & {
+    queryFn?: import("@tanstack/react-query").QueryFunction<ListResponse<ResourcePoolMemberRow>, readonly ["voyant", "resources", "pool-members", "list", PoolMemberFilters], never> | undefined;
+} & {
+    queryKey: readonly ["voyant", "resources", "pool-members", "list", PoolMemberFilters] & {
+        [dataTagSymbol]: ListResponse<ResourcePoolMemberRow>;
+        [dataTagErrorSymbol]: Error;
+    };
+};
+export declare function useResourcePoolMembers(filters?: PoolMemberFilters): import("@tanstack/react-query").UseQueryResult<ListResponse<ResourcePoolMemberRow>, Error>;
+export declare function ensureResourceDetailPageData(queryClient: QueryClient, client: VoyantResourcesContextValue, id: string): Promise<void>;
+export declare function ensureResourcePoolDetailPageData(queryClient: QueryClient, client: VoyantResourcesContextValue, id: string): Promise<void>;
+export declare function ensureResourceAllocationDetailPageData(queryClient: QueryClient, client: VoyantResourcesContextValue, id: string): Promise<void>;
+export declare function ensureResourceAssignmentDetailPageData(queryClient: QueryClient, client: VoyantResourcesContextValue, id: string): Promise<void>;
+export {};
+//# sourceMappingURL=resource-detail-data.d.ts.map

package/dist/resources/components/resource-detail-data.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resource-detail-data.d.ts","sourceRoot":"","sources":["../../../src/resources/components/resource-detail-data.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAExD,OAAO,EAkBL,KAAK,2BAA2B,EACjC,MAAM,aAAa,CAAA;AAIpB,MAAM,MAAM,qBAAqB,GAAG;IAClC,EAAE,EAAE,MAAM,CAAA;IACV,MAAM,EAAE,MAAM,CAAA;IACd,UAAU,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,KAAK,YAAY,CAAC,CAAC,IAAI;IACrB,IAAI,EAAE,CAAC,EAAE,CAAA;IACT,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;CACf,CAAA;AAED,KAAK,iBAAiB,GAAG;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC3B,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC/B,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CAC5B,CAAA;AAmBD,wBAAgB,kCAAkC,CAChD,MAAM,EAAE,2BAA2B,EACnC,OAAO,GAAE,iBAAsB;;;;;;;EAiBhC;AAED,wBAAgB,sBAAsB,CAAC,OAAO,GAAE,iBAAsB,8FAQrE;AAED,wBAAsB,4BAA4B,CAChD,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,2BAA2B,EACnC,EAAE,EAAE,MAAM,iBAmBX;AAED,wBAAsB,gCAAgC,CACpD,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,2BAA2B,EACnC,EAAE,EAAE,MAAM,iBAmBX;AAED,wBAAsB,sCAAsC,CAC1D,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,2BAA2B,EACnC,EAAE,EAAE,MAAM,iBAcX;AAED,wBAAsB,sCAAsC,CAC1D,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,2BAA2B,EACnC,EAAE,EAAE,MAAM,iBAeX"}