@voyant-travel/operations-react 0.19.1 → 0.19.2

package/dist/places/query-options.d.ts

@@ -8,7 +8,7 @@ import type { UsePropertyGroupsOptions } from "./hooks/use-property-groups.js";
 export declare function getFacilitiesQueryOptions(client: FetchWithValidationOptions, options?: UseFacilitiesOptions): import("@tanstack/react-query").OmitKeyof<import("@tanstack/react-query").UseQueryOptions<{
     data: {
         kind: "property" | "other" | "hotel" | "resort" | "camp" | "lodge" | "venue" | "meeting_point" | "transfer_hub" | "airport" | "station" | "marina" | "office" | "attraction" | "restaurant";
-        status: "active" | "archived" | "inactive";
+        status: "active" | "inactive" | "archived";
         name: string;
         id: string;
         parentFacilityId: string | null;
@@ -33,7 +33,7 @@ export declare function getFacilitiesQueryOptions(client: FetchWithValidationOpt
 }, Error, {
     data: {
         kind: "property" | "other" | "hotel" | "resort" | "camp" | "lodge" | "venue" | "meeting_point" | "transfer_hub" | "airport" | "station" | "marina" | "office" | "attraction" | "restaurant";
-        status: "active" | "archived" | "inactive";
+        status: "active" | "inactive" | "archived";
         name: string;
         id: string;
         parentFacilityId: string | null;
@@ -59,7 +59,7 @@ export declare function getFacilitiesQueryOptions(client: FetchWithValidationOpt
     queryFn?: import("@tanstack/react-query").QueryFunction<{
         data: {
             kind: "property" | "other" | "hotel" | "resort" | "camp" | "lodge" | "venue" | "meeting_point" | "transfer_hub" | "airport" | "station" | "marina" | "office" | "attraction" | "restaurant";
-            status: "active" | "archived" | "inactive";
+            status: "active" | "inactive" | "archived";
             name: string;
             id: string;
             parentFacilityId: string | null;
@@ -87,7 +87,7 @@ export declare function getFacilitiesQueryOptions(client: FetchWithValidationOpt
         [dataTagSymbol]: {
             data: {
                 kind: "property" | "other" | "hotel" | "resort" | "camp" | "lodge" | "venue" | "meeting_point" | "transfer_hub" | "airport" | "station" | "marina" | "office" | "attraction" | "restaurant";
-                status: "active" | "archived" | "inactive";
+                status: "active" | "inactive" | "archived";
                 name: string;
                 id: string;
                 parentFacilityId: string | null;
@@ -115,7 +115,7 @@ export declare function getFacilitiesQueryOptions(client: FetchWithValidationOpt
 };
 export declare function getFacilityQueryOptions(client: FetchWithValidationOptions, id: string): import("@tanstack/react-query").OmitKeyof<import("@tanstack/react-query").UseQueryOptions<{
     kind: "property" | "other" | "hotel" | "resort" | "camp" | "lodge" | "venue" | "meeting_point" | "transfer_hub" | "airport" | "station" | "marina" | "office" | "attraction" | "restaurant";
-    status: "active" | "archived" | "inactive";
+    status: "active" | "inactive" | "archived";
     name: string;
     id: string;
     parentFacilityId: string | null;
@@ -135,7 +135,7 @@ export declare function getFacilityQueryOptions(client: FetchWithValidationOptio
     tags: string[];
 }, Error, {
     kind: "property" | "other" | "hotel" | "resort" | "camp" | "lodge" | "venue" | "meeting_point" | "transfer_hub" | "airport" | "station" | "marina" | "office" | "attraction" | "restaurant";
-    status: "active" | "archived" | "inactive";
+    status: "active" | "inactive" | "archived";
     name: string;
     id: string;
     parentFacilityId: string | null;
@@ -156,7 +156,7 @@ export declare function getFacilityQueryOptions(client: FetchWithValidationOptio
 }, readonly ["facilities", "facilities", string]>, "queryFn"> & {
     queryFn?: import("@tanstack/react-query").QueryFunction<{
         kind: "property" | "other" | "hotel" | "resort" | "camp" | "lodge" | "venue" | "meeting_point" | "transfer_hub" | "airport" | "station" | "marina" | "office" | "attraction" | "restaurant";
-        status: "active" | "archived" | "inactive";
+        status: "active" | "inactive" | "archived";
         name: string;
         id: string;
         parentFacilityId: string | null;
@@ -179,7 +179,7 @@ export declare function getFacilityQueryOptions(client: FetchWithValidationOptio
     queryKey: readonly ["facilities", "facilities", string] & {
         [dataTagSymbol]: {
             kind: "property" | "other" | "hotel" | "resort" | "camp" | "lodge" | "venue" | "meeting_point" | "transfer_hub" | "airport" | "station" | "marina" | "office" | "attraction" | "restaurant";
-            status: "active" | "archived" | "inactive";
+            status: "active" | "inactive" | "archived";
             name: string;
             id: string;
             parentFacilityId: string | null;
@@ -203,7 +203,7 @@ export declare function getFacilityQueryOptions(client: FetchWithValidationOptio
 };
 export declare function getFacilityFeaturesQueryOptions(client: FetchWithValidationOptions, options: UseFacilityFeaturesOptions): import("@tanstack/react-query").OmitKeyof<import("@tanstack/react-query").UseQueryOptions<{
     data: {
-        category: "security" | "accessibility" | "other" | "service" | "amenity" | "policy";
+        category: "security" | "service" | "other" | "accessibility" | "amenity" | "policy";
         name: string;
         highlighted: boolean;
         sortOrder: number;
@@ -218,7 +218,7 @@ export declare function getFacilityFeaturesQueryOptions(client: FetchWithValidat
     offset: number;
 }, Error, {
     data: {
-        category: "security" | "accessibility" | "other" | "service" | "amenity" | "policy";
+        category: "security" | "service" | "other" | "accessibility" | "amenity" | "policy";
         name: string;
         highlighted: boolean;
         sortOrder: number;
@@ -234,7 +234,7 @@ export declare function getFacilityFeaturesQueryOptions(client: FetchWithValidat
 }, readonly ["facilities", "facility-features", import("./query-keys.js").FacilityFeaturesListFilters]>, "queryFn"> & {
     queryFn?: import("@tanstack/react-query").QueryFunction<{
         data: {
-            category: "security" | "accessibility" | "other" | "service" | "amenity" | "policy";
+            category: "security" | "service" | "other" | "accessibility" | "amenity" | "policy";
             name: string;
             highlighted: boolean;
             sortOrder: number;
@@ -252,7 +252,7 @@ export declare function getFacilityFeaturesQueryOptions(client: FetchWithValidat
     queryKey: readonly ["facilities", "facility-features", import("./query-keys.js").FacilityFeaturesListFilters] & {
         [dataTagSymbol]: {
             data: {
-                category: "security" | "accessibility" | "other" | "service" | "amenity" | "policy";
+                category: "security" | "service" | "other" | "accessibility" | "amenity" | "policy";
                 name: string;
                 highlighted: boolean;
                 sortOrder: number;
@@ -270,7 +270,7 @@ export declare function getFacilityFeaturesQueryOptions(client: FetchWithValidat
     };
 };
 export declare function getFacilityFeatureQueryOptions(client: FetchWithValidationOptions, id: string): import("@tanstack/react-query").OmitKeyof<import("@tanstack/react-query").UseQueryOptions<{
-    category: "security" | "accessibility" | "other" | "service" | "amenity" | "policy";
+    category: "security" | "service" | "other" | "accessibility" | "amenity" | "policy";
     name: string;
     highlighted: boolean;
     sortOrder: number;
@@ -280,7 +280,7 @@ export declare function getFacilityFeatureQueryOptions(client: FetchWithValidati
     description: string | null;
     valueText: string | null;
 }, Error, {
-    category: "security" | "accessibility" | "other" | "service" | "amenity" | "policy";
+    category: "security" | "service" | "other" | "accessibility" | "amenity" | "policy";
     name: string;
     highlighted: boolean;
     sortOrder: number;
@@ -291,7 +291,7 @@ export declare function getFacilityFeatureQueryOptions(client: FetchWithValidati
     valueText: string | null;
 }, readonly ["facilities", "facility-features", string]>, "queryFn"> & {
     queryFn?: import("@tanstack/react-query").QueryFunction<{
-        category: "security" | "accessibility" | "other" | "service" | "amenity" | "policy";
+        category: "security" | "service" | "other" | "accessibility" | "amenity" | "policy";
         name: string;
         highlighted: boolean;
         sortOrder: number;
@@ -304,7 +304,7 @@ export declare function getFacilityFeatureQueryOptions(client: FetchWithValidati
 } & {
     queryKey: readonly ["facilities", "facility-features", string] & {
         [dataTagSymbol]: {
-            category: "security" | "accessibility" | "other" | "service" | "amenity" | "policy";
+            category: "security" | "service" | "other" | "accessibility" | "amenity" | "policy";
             name: string;
             highlighted: boolean;
             sortOrder: number;
@@ -567,8 +567,8 @@ export declare function getPropertyQueryOptions(client: FetchWithValidationOptio
 };
 export declare function getPropertyGroupsQueryOptions(client: FetchWithValidationOptions, options?: UsePropertyGroupsOptions): import("@tanstack/react-query").OmitKeyof<import("@tanstack/react-query").UseQueryOptions<{
     data: {
-        groupType: "brand" | "other" | "chain" | "management_company" | "collection" | "portfolio" | "cluster";
-        status: "active" | "archived" | "inactive";
+        groupType: "other" | "brand" | "chain" | "management_company" | "collection" | "portfolio" | "cluster";
+        status: "active" | "inactive" | "archived";
         name: string;
         id: string;
         parentGroupId: string | null;
@@ -584,8 +584,8 @@ export declare function getPropertyGroupsQueryOptions(client: FetchWithValidatio
     offset: number;
 }, Error, {
     data: {
-        groupType: "brand" | "other" | "chain" | "management_company" | "collection" | "portfolio" | "cluster";
-        status: "active" | "archived" | "inactive";
+        groupType: "other" | "brand" | "chain" | "management_company" | "collection" | "portfolio" | "cluster";
+        status: "active" | "inactive" | "archived";
         name: string;
         id: string;
         parentGroupId: string | null;
@@ -602,8 +602,8 @@ export declare function getPropertyGroupsQueryOptions(client: FetchWithValidatio
 }, readonly ["facilities", "property-groups", import("./query-keys.js").PropertyGroupsListFilters]>, "queryFn"> & {
     queryFn?: import("@tanstack/react-query").QueryFunction<{
         data: {
-            groupType: "brand" | "other" | "chain" | "management_company" | "collection" | "portfolio" | "cluster";
-            status: "active" | "archived" | "inactive";
+            groupType: "other" | "brand" | "chain" | "management_company" | "collection" | "portfolio" | "cluster";
+            status: "active" | "inactive" | "archived";
             name: string;
             id: string;
             parentGroupId: string | null;
@@ -622,8 +622,8 @@ export declare function getPropertyGroupsQueryOptions(client: FetchWithValidatio
     queryKey: readonly ["facilities", "property-groups", import("./query-keys.js").PropertyGroupsListFilters] & {
         [dataTagSymbol]: {
             data: {
-                groupType: "brand" | "other" | "chain" | "management_company" | "collection" | "portfolio" | "cluster";
-                status: "active" | "archived" | "inactive";
+                groupType: "other" | "brand" | "chain" | "management_company" | "collection" | "portfolio" | "cluster";
+                status: "active" | "inactive" | "archived";
                 name: string;
                 id: string;
                 parentGroupId: string | null;
@@ -642,8 +642,8 @@ export declare function getPropertyGroupsQueryOptions(client: FetchWithValidatio
     };
 };
 export declare function getPropertyGroupQueryOptions(client: FetchWithValidationOptions, id: string): import("@tanstack/react-query").OmitKeyof<import("@tanstack/react-query").UseQueryOptions<{
-    groupType: "brand" | "other" | "chain" | "management_company" | "collection" | "portfolio" | "cluster";
-    status: "active" | "archived" | "inactive";
+    groupType: "other" | "brand" | "chain" | "management_company" | "collection" | "portfolio" | "cluster";
+    status: "active" | "inactive" | "archived";
     name: string;
     id: string;
     parentGroupId: string | null;
@@ -654,8 +654,8 @@ export declare function getPropertyGroupQueryOptions(client: FetchWithValidation
     notes: string | null;
     metadata?: Record<string, unknown> | null | undefined;
 }, Error, {
-    groupType: "brand" | "other" | "chain" | "management_company" | "collection" | "portfolio" | "cluster";
-    status: "active" | "archived" | "inactive";
+    groupType: "other" | "brand" | "chain" | "management_company" | "collection" | "portfolio" | "cluster";
+    status: "active" | "inactive" | "archived";
     name: string;
     id: string;
     parentGroupId: string | null;
@@ -667,8 +667,8 @@ export declare function getPropertyGroupQueryOptions(client: FetchWithValidation
     metadata?: Record<string, unknown> | null | undefined;
 }, readonly ["facilities", "property-groups", string]>, "queryFn"> & {
     queryFn?: import("@tanstack/react-query").QueryFunction<{
-        groupType: "brand" | "other" | "chain" | "management_company" | "collection" | "portfolio" | "cluster";
-        status: "active" | "archived" | "inactive";
+        groupType: "other" | "brand" | "chain" | "management_company" | "collection" | "portfolio" | "cluster";
+        status: "active" | "inactive" | "archived";
         name: string;
         id: string;
         parentGroupId: string | null;
@@ -682,8 +682,8 @@ export declare function getPropertyGroupQueryOptions(client: FetchWithValidation
 } & {
     queryKey: readonly ["facilities", "property-groups", string] & {
         [dataTagSymbol]: {
-            groupType: "brand" | "other" | "chain" | "management_company" | "collection" | "portfolio" | "cluster";
-            status: "active" | "archived" | "inactive";
+            groupType: "other" | "brand" | "chain" | "management_company" | "collection" | "portfolio" | "cluster";
+            status: "active" | "inactive" | "archived";
             name: string;
             id: string;
             parentGroupId: string | null;

package/dist/resources/admin/detail-hosts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"detail-hosts.d.ts","sourceRoot":"","sources":["../../../src/resources/admin/detail-hosts.tsx"],"names":[],"mappings":"AAWA;;;;;;;;;;;;GAYG;AAEH,MAAM,WAAW,uBAAuB;IACtC,EAAE,EAAE,MAAM,CAAA;CACX;AAED,wBAAgB,kBAAkB,CAAC,EAAE,EAAE,EAAE,EAAE,uBAAuB,+BAsBjE;AAED,MAAM,WAAW,2BAA2B;IAC1C,EAAE,EAAE,MAAM,CAAA;CACX;AAED,wBAAgB,sBAAsB,CAAC,EAAE,EAAE,EAAE,EAAE,2BAA2B,+BAoBzE;AAED,MAAM,WAAW,iCAAiC;IAChD,EAAE,EAAE,MAAM,CAAA;CACX;AAED,wBAAgB,4BAA4B,CAAC,EAAE,EAAE,EAAE,EAAE,iCAAiC,+BAsBrF;AAED,MAAM,WAAW,iCAAiC;IAChD,EAAE,EAAE,MAAM,CAAA;CACX;AAED,wBAAgB,4BAA4B,CAAC,EAAE,EAAE,EAAE,EAAE,iCAAiC,+BAsBrF"}
+{"version":3,"file":"detail-hosts.d.ts","sourceRoot":"","sources":["../../../src/resources/admin/detail-hosts.tsx"],"names":[],"mappings":"AA+BA;;;;;;;;;;;;GAYG;AAEH,MAAM,WAAW,uBAAuB;IACtC,EAAE,EAAE,MAAM,CAAA;CACX;AAED,wBAAgB,kBAAkB,CAAC,EAAE,EAAE,EAAE,EAAE,uBAAuB,+BAgDjE;AAED,MAAM,WAAW,2BAA2B;IAC1C,EAAE,EAAE,MAAM,CAAA;CACX;AAED,wBAAgB,sBAAsB,CAAC,EAAE,EAAE,EAAE,EAAE,2BAA2B,+BAgEzE;AAED,MAAM,WAAW,iCAAiC;IAChD,EAAE,EAAE,MAAM,CAAA;CACX;AAED,wBAAgB,4BAA4B,CAAC,EAAE,EAAE,EAAE,EAAE,iCAAiC,+BAuDrF;AAED,MAAM,WAAW,iCAAiC;IAChD,EAAE,EAAE,MAAM,CAAA;CACX;AAED,wBAAgB,4BAA4B,CAAC,EAAE,EAAE,EAAE,EAAE,iCAAiC,+BAoDrF"}

package/dist/resources/admin/detail-hosts.js

@@ -1,50 +1,125 @@
 "use client";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useQueryClient } from "@tanstack/react-query";
 import { useAdminNavigate } from "@voyant-travel/admin";
+import { useState } from "react";
 import { ResourceAllocationDetailPage } from "../components/resource-allocation-detail-page.js";
 import { ResourceAssignmentDetailPage } from "../components/resource-assignment-detail-page.js";
 import { ResourceDetailPage } from "../components/resource-detail-page.js";
 import { ResourcePoolDetailPage } from "../components/resource-pool-detail-page.js";
-import { resourcesQueryKeys, useVoyantResourcesContext } from "../index.js";
+import { resourcesQueryKeys, useAllocation, useAssignment, useBookings, usePool, usePools, useProducts, useResource, useResources, useRules, useSlots, useStartTimes, useSuppliers, useVoyantResourcesContext, } from "../index.js";
 import { sendResourcesMutation } from "./resources-admin-api.js";
+import { ResourceAllocationDialog } from "./resources-dialog-allocation.js";
+import { ResourceDialog, ResourcePoolDialog } from "./resources-dialogs-core.js";
+import { ResourceSlotAssignmentDialog } from "./resources-dialogs-ops.js";
+import { resourcesPageQueryFilters } from "./resources-page-data.js";
 export function ResourceDetailHost({ id }) {
     const navigateTo = useAdminNavigate();
     const queryClient = useQueryClient();
     const client = useVoyantResourcesContext();
-    return (_jsx(ResourceDetailPage, { id: id, onBack: () => navigateTo("resource.list", {}), onOpenSupplier: (supplierId) => navigateTo("supplier.detail", { supplierId }), onOpenAssignment: (assignmentId) => navigateTo("resourceAssignment.detail", { assignmentId }), onDelete: async (resource) => {
-            await sendResourcesMutation(client, "DELETE", `/v1/admin/operations/resources/${resource.id}`);
-            await queryClient.invalidateQueries({ queryKey: resourcesQueryKeys.resources() });
-            navigateTo("resource.list", {});
-        } }));
+    const [resourceDialogOpen, setResourceDialogOpen] = useState(false);
+    const resource = useResource(id).data;
+    const suppliers = useSuppliers(resourcesPageQueryFilters.suppliers).data?.data ?? [];
+    const refreshResource = async () => {
+        await Promise.all([
+            queryClient.invalidateQueries({ queryKey: resourcesQueryKeys.resources() }),
+            queryClient.invalidateQueries({ queryKey: resourcesQueryKeys.resource(id) }),
+            queryClient.invalidateQueries({ queryKey: resourcesQueryKeys.all }),
+        ]);
+    };
+    return (_jsxs(_Fragment, { children: [_jsx(ResourceDetailPage, { id: id, onBack: () => navigateTo("resource.list", {}), onEdit: () => setResourceDialogOpen(true), onOpenSupplier: (supplierId) => navigateTo("supplier.detail", { supplierId }), onOpenAssignment: (assignmentId) => navigateTo("resourceAssignment.detail", { assignmentId }), onDelete: async (resource) => {
+                    await sendResourcesMutation(client, "DELETE", `/v1/admin/operations/resources/${resource.id}`);
+                    await refreshResource();
+                    navigateTo("resource.list", {});
+                } }), _jsx(ResourceDialog, { open: resourceDialogOpen, onOpenChange: setResourceDialogOpen, resource: resource, suppliers: suppliers, onSuccess: () => {
+                    setResourceDialogOpen(false);
+                    void refreshResource();
+                } })] }));
 }
 export function ResourcePoolDetailHost({ id }) {
     const navigateTo = useAdminNavigate();
     const queryClient = useQueryClient();
     const client = useVoyantResourcesContext();
-    return (_jsx(ResourcePoolDetailPage, { id: id, onBack: () => navigateTo("resource.list", {}), onOpenProduct: (productId) => navigateTo("product.detail", { productId }), onOpenResource: (resourceId) => navigateTo("resource.detail", { resourceId }), onOpenAllocation: (allocationId) => navigateTo("resourceAllocation.detail", { allocationId }), onOpenAssignment: (assignmentId) => navigateTo("resourceAssignment.detail", { assignmentId }), onDelete: async (pool) => {
-            await sendResourcesMutation(client, "DELETE", `/v1/admin/operations/pools/${pool.id}`);
-            await queryClient.invalidateQueries({ queryKey: resourcesQueryKeys.pools() });
-            navigateTo("resource.list", {});
-        } }));
+    const [poolDialogOpen, setPoolDialogOpen] = useState(false);
+    const pool = usePool(id).data;
+    const products = useProducts(resourcesPageQueryFilters.products).data?.data ?? [];
+    const refreshPool = async () => {
+        await Promise.all([
+            queryClient.invalidateQueries({ queryKey: resourcesQueryKeys.pools() }),
+            queryClient.invalidateQueries({ queryKey: resourcesQueryKeys.pool(id) }),
+            queryClient.invalidateQueries({ queryKey: resourcesQueryKeys.resources() }),
+            queryClient.invalidateQueries({ queryKey: resourcesQueryKeys.all }),
+        ]);
+    };
+    return (_jsxs(_Fragment, { children: [_jsx(ResourcePoolDetailPage, { id: id, onBack: () => navigateTo("resource.list", {}), onEdit: () => setPoolDialogOpen(true), onAddMember: async (pool, resourceId) => {
+                    await sendResourcesMutation(client, "POST", "/v1/admin/operations/pool-members", {
+                        poolId: pool.id,
+                        resourceId,
+                    });
+                    await refreshPool();
+                }, onRemoveMember: async (member) => {
+                    await sendResourcesMutation(client, "DELETE", `/v1/admin/operations/pool-members/${member.id}`);
+                    await refreshPool();
+                }, onOpenProduct: (productId) => navigateTo("product.detail", { productId }), onOpenResource: (resourceId) => navigateTo("resource.detail", { resourceId }), onOpenAllocation: (allocationId) => navigateTo("resourceAllocation.detail", { allocationId }), onOpenAssignment: (assignmentId) => navigateTo("resourceAssignment.detail", { assignmentId }), onDelete: async (pool) => {
+                    await sendResourcesMutation(client, "DELETE", `/v1/admin/operations/pools/${pool.id}`);
+                    await refreshPool();
+                    navigateTo("resource.list", {});
+                } }), _jsx(ResourcePoolDialog, { open: poolDialogOpen, onOpenChange: setPoolDialogOpen, pool: pool, products: products, onSuccess: () => {
+                    setPoolDialogOpen(false);
+                    void refreshPool();
+                } })] }));
 }
 export function ResourceAssignmentDetailHost({ id }) {
     const navigateTo = useAdminNavigate();
     const queryClient = useQueryClient();
     const client = useVoyantResourcesContext();
-    return (_jsx(ResourceAssignmentDetailPage, { id: id, onBack: () => navigateTo("resource.list", {}), onOpenSlot: (slotId) => navigateTo("availabilitySlot.detail", { slotId }), onOpenResource: (resourceId) => navigateTo("resource.detail", { resourceId }), onDelete: async (assignment) => {
-            await sendResourcesMutation(client, "DELETE", `/v1/admin/operations/slot-assignments/${assignment.id}`);
-            await queryClient.invalidateQueries({ queryKey: resourcesQueryKeys.assignments() });
-            navigateTo("resource.list", {});
-        } }));
+    const [assignmentDialogOpen, setAssignmentDialogOpen] = useState(false);
+    const assignment = useAssignment(id).data;
+    const slots = useSlots(resourcesPageQueryFilters.slots).data?.data ?? [];
+    const pools = usePools(resourcesPageQueryFilters.pools).data?.data ?? [];
+    const resources = useResources(resourcesPageQueryFilters.resources).data?.data ?? [];
+    const bookings = useBookings(resourcesPageQueryFilters.bookings).data?.data ?? [];
+    const products = useProducts(resourcesPageQueryFilters.products).data?.data ?? [];
+    const refreshAssignment = async () => {
+        await Promise.all([
+            queryClient.invalidateQueries({ queryKey: resourcesQueryKeys.assignments() }),
+            queryClient.invalidateQueries({ queryKey: resourcesQueryKeys.assignment(id) }),
+            queryClient.invalidateQueries({ queryKey: resourcesQueryKeys.resources() }),
+            queryClient.invalidateQueries({ queryKey: resourcesQueryKeys.pools() }),
+        ]);
+    };
+    return (_jsxs(_Fragment, { children: [_jsx(ResourceAssignmentDetailPage, { id: id, onBack: () => navigateTo("resource.list", {}), onEdit: () => setAssignmentDialogOpen(true), onOpenSlot: (slotId) => navigateTo("availabilitySlot.detail", { slotId }), onOpenResource: (resourceId) => navigateTo("resource.detail", { resourceId }), onDelete: async (assignment) => {
+                    await sendResourcesMutation(client, "DELETE", `/v1/admin/operations/slot-assignments/${assignment.id}`);
+                    await refreshAssignment();
+                    navigateTo("resource.list", {});
+                } }), _jsx(ResourceSlotAssignmentDialog, { open: assignmentDialogOpen, onOpenChange: setAssignmentDialogOpen, assignment: assignment, slots: slots, pools: pools, resources: resources, bookings: bookings, products: products, onSuccess: () => {
+                    setAssignmentDialogOpen(false);
+                    void refreshAssignment();
+                } })] }));
 }
 export function ResourceAllocationDetailHost({ id }) {
     const navigateTo = useAdminNavigate();
     const queryClient = useQueryClient();
     const client = useVoyantResourcesContext();
-    return (_jsx(ResourceAllocationDetailPage, { id: id, onBack: () => navigateTo("resource.list", {}), onOpenPool: (poolId) => navigateTo("resourcePool.detail", { poolId }), onOpenProduct: (productId) => navigateTo("product.detail", { productId }), onDelete: async (allocation) => {
-            await sendResourcesMutation(client, "DELETE", `/v1/admin/operations/allocations/${allocation.id}`);
-            await queryClient.invalidateQueries({ queryKey: resourcesQueryKeys.allocations() });
-            navigateTo("resource.list", {});
-        } }));
+    const [allocationDialogOpen, setAllocationDialogOpen] = useState(false);
+    const allocation = useAllocation(id).data;
+    const pools = usePools(resourcesPageQueryFilters.pools).data?.data ?? [];
+    const products = useProducts(resourcesPageQueryFilters.products).data?.data ?? [];
+    const rules = useRules(resourcesPageQueryFilters.rules).data?.data ?? [];
+    const startTimes = useStartTimes(resourcesPageQueryFilters.startTimes).data?.data ?? [];
+    const refreshAllocation = async () => {
+        await Promise.all([
+            queryClient.invalidateQueries({ queryKey: resourcesQueryKeys.allocations() }),
+            queryClient.invalidateQueries({ queryKey: resourcesQueryKeys.allocation(id) }),
+            queryClient.invalidateQueries({ queryKey: resourcesQueryKeys.pools() }),
+        ]);
+    };
+    return (_jsxs(_Fragment, { children: [_jsx(ResourceAllocationDetailPage, { id: id, onBack: () => navigateTo("resource.list", {}), onEdit: () => setAllocationDialogOpen(true), onOpenPool: (poolId) => navigateTo("resourcePool.detail", { poolId }), onOpenProduct: (productId) => navigateTo("product.detail", { productId }), onDelete: async (allocation) => {
+                    await sendResourcesMutation(client, "DELETE", `/v1/admin/operations/allocations/${allocation.id}`);
+                    await refreshAllocation();
+                    navigateTo("resource.list", {});
+                } }), _jsx(ResourceAllocationDialog, { open: allocationDialogOpen, onOpenChange: setAllocationDialogOpen, allocation: allocation, pools: pools, products: products, rules: rules, startTimes: startTimes, onSuccess: () => {
+                    setAllocationDialogOpen(false);
+                    void refreshAllocation();
+                } })] }));
 }

package/dist/resources/admin/resources-dialogs-ops.d.ts

@@ -1,5 +1,5 @@
-import { type BookingOption, type ResourceCloseoutRow, type ResourcePoolRow, type ResourceRow, type ResourceSlotAssignmentRow, type SlotOption } from "../index.js";
-export declare function ResourceSlotAssignmentDialog({ open, onOpenChange, assignment, slots, pools, resources, bookings, onSuccess, }: {
+import { type BookingOption, type ProductOption, type ResourceCloseoutRow, type ResourcePoolRow, type ResourceRow, type ResourceSlotAssignmentRow, type SlotOption } from "../index.js";
+export declare function ResourceSlotAssignmentDialog({ open, onOpenChange, assignment, slots, pools, resources, bookings, products, onSuccess, }: {
     open: boolean;
     onOpenChange: (open: boolean) => void;
     assignment?: ResourceSlotAssignmentRow;
@@ -7,6 +7,7 @@ export declare function ResourceSlotAssignmentDialog({ open, onOpenChange, assig
     pools: ResourcePoolRow[];
     resources: ResourceRow[];
     bookings: BookingOption[];
+    products: ProductOption[];
     onSuccess: () => void;
 }): import("react").JSX.Element;
 export declare function ResourceCloseoutDialog({ open, onOpenChange, closeout, resources, onSuccess, }: {

package/dist/resources/admin/resources-dialogs-ops.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"resources-dialogs-ops.d.ts","sourceRoot":"","sources":["../../../src/resources/admin/resources-dialogs-ops.tsx"],"names":[],"mappings":"AA2BA,OAAO,EAEL,KAAK,aAAa,EAGlB,KAAK,mBAAmB,EACxB,KAAK,eAAe,EACpB,KAAK,WAAW,EAChB,KAAK,yBAAyB,EAC9B,KAAK,UAAU,EAKhB,MAAM,aAAa,CAAA;AA+BpB,wBAAgB,4BAA4B,CAAC,EAC3C,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,KAAK,EACL,KAAK,EACL,SAAS,EACT,QAAQ,EACR,SAAS,GACV,EAAE;IACD,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,UAAU,CAAC,EAAE,yBAAyB,CAAA;IACtC,KAAK,EAAE,UAAU,EAAE,CAAA;IACnB,KAAK,EAAE,eAAe,EAAE,CAAA;IACxB,SAAS,EAAE,WAAW,EAAE,CAAA;IACxB,QAAQ,EAAE,aAAa,EAAE,CAAA;IACzB,SAAS,EAAE,MAAM,IAAI,CAAA;CACtB,+BA8NA;AAuBD,wBAAgB,sBAAsB,CAAC,EACrC,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,SAAS,GACV,EAAE;IACD,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,QAAQ,CAAC,EAAE,mBAAmB,CAAA;IAC9B,SAAS,EAAE,WAAW,EAAE,CAAA;IACxB,SAAS,EAAE,MAAM,IAAI,CAAA;CACtB,+BAiKA"}
+{"version":3,"file":"resources-dialogs-ops.d.ts","sourceRoot":"","sources":["../../../src/resources/admin/resources-dialogs-ops.tsx"],"names":[],"mappings":"AA6BA,OAAO,EAEL,KAAK,aAAa,EAGlB,KAAK,aAAa,EAClB,KAAK,mBAAmB,EACxB,KAAK,eAAe,EACpB,KAAK,WAAW,EAChB,KAAK,yBAAyB,EAC9B,KAAK,UAAU,EAIhB,MAAM,aAAa,CAAA;AA+BpB,wBAAgB,4BAA4B,CAAC,EAC3C,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,KAAK,EACL,KAAK,EACL,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,SAAS,GACV,EAAE;IACD,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,UAAU,CAAC,EAAE,yBAAyB,CAAA;IACtC,KAAK,EAAE,UAAU,EAAE,CAAA;IACnB,KAAK,EAAE,eAAe,EAAE,CAAA;IACxB,SAAS,EAAE,WAAW,EAAE,CAAA;IACxB,QAAQ,EAAE,aAAa,EAAE,CAAA;IACzB,QAAQ,EAAE,aAAa,EAAE,CAAA;IACzB,SAAS,EAAE,MAAM,IAAI,CAAA;CACtB,+BAqOA;AAuBD,wBAAgB,sBAAsB,CAAC,EACrC,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,SAAS,GACV,EAAE;IACD,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,QAAQ,CAAC,EAAE,mBAAmB,CAAA;IAC9B,SAAS,EAAE,WAAW,EAAE,CAAA;IACxB,SAAS,EAAE,MAAM,IAAI,CAAA;CACtB,+BAiKA"}

package/dist/resources/admin/resources-dialogs-ops.js

@@ -7,7 +7,9 @@ import { Loader2 } from "lucide-react";
 import { useEffect } from "react";
 import { useForm } from "react-hook-form";
 import { z } from "zod/v4";
-import { assignmentStatusOptions, NONE_VALUE, nullableString, slotLabel, toIsoDateTime, toLocalDateTimeInput, useVoyantResourcesContext, } from "../index.js";
+import { useResourcesUiI18nOrDefault } from "../i18n/index.js";
+import { formatResourceSlotLabel } from "../i18n/utils.js";
+import { assignmentStatusOptions, NONE_VALUE, nullableString, toIsoDateTime, toLocalDateTimeInput, useVoyantResourcesContext, } from "../index.js";
 import { sendResourcesMutation } from "./resources-admin-api.js";
 const getAssignmentFormSchema = (messages) => z
     .object({
@@ -31,10 +33,16 @@ const getAssignmentFormSchema = (messages) => z
         ctx.addIssue({ ...issue, path: ["resourceId"] });
     }
 });
-export function ResourceSlotAssignmentDialog({ open, onOpenChange, assignment, slots, pools, resources, bookings, onSuccess, }) {
+export function ResourceSlotAssignmentDialog({ open, onOpenChange, assignment, slots, pools, resources, bookings, products, onSuccess, }) {
     const client = useVoyantResourcesContext();
     const messages = useOperatorAdminMessages();
+    const i18n = useResourcesUiI18nOrDefault();
     const dialogMessages = messages.resources.dialogs.assignment;
+    const slotLabel = (slot) => formatResourceSlotLabel(slot, {
+        template: i18n.messages.common.slotLabel,
+        formatDate: i18n.formatDate,
+        products,
+    });
     const assignmentFormSchema = getAssignmentFormSchema(messages);
     const form = useForm({
         resolver: zodResolver(assignmentFormSchema),

package/dist/resources/admin/resources-dialogs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"resources-dialogs.d.ts","sourceRoot":"","sources":["../../../src/resources/admin/resources-dialogs.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,aAAa,EACb,aAAa,EACb,qBAAqB,EACrB,mBAAmB,EACnB,eAAe,EACf,WAAW,EACX,yBAAyB,EACzB,UAAU,EACV,UAAU,EACV,eAAe,EACf,cAAc,EACf,MAAM,aAAa,CAAA;AAMpB,wBAAgB,gBAAgB,CAAC,EAC/B,kBAAkB,EAClB,qBAAqB,EACrB,eAAe,EACf,cAAc,EACd,iBAAiB,EACjB,WAAW,EACX,oBAAoB,EACpB,uBAAuB,EACvB,iBAAiB,EACjB,oBAAoB,EACpB,uBAAuB,EACvB,iBAAiB,EACjB,kBAAkB,EAClB,qBAAqB,EACrB,eAAe,EACf,SAAS,EACT,QAAQ,EACR,KAAK,EACL,UAAU,EACV,SAAS,EACT,KAAK,EACL,KAAK,EACL,QAAQ,EACR,UAAU,GACX,EAAE;IACD,kBAAkB,EAAE,OAAO,CAAA;IAC3B,qBAAqB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IAC9C,eAAe,EAAE,WAAW,GAAG,SAAS,CAAA;IACxC,cAAc,EAAE,OAAO,CAAA;IACvB,iBAAiB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IAC1C,WAAW,EAAE,eAAe,GAAG,SAAS,CAAA;IACxC,oBAAoB,EAAE,OAAO,CAAA;IAC7B,uBAAuB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IAChD,iBAAiB,EAAE,qBAAqB,GAAG,SAAS,CAAA;IACpD,oBAAoB,EAAE,OAAO,CAAA;IAC7B,uBAAuB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IAChD,iBAAiB,EAAE,yBAAyB,GAAG,SAAS,CAAA;IACxD,kBAAkB,EAAE,OAAO,CAAA;IAC3B,qBAAqB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IAC9C,eAAe,EAAE,mBAAmB,GAAG,SAAS,CAAA;IAChD,SAAS,EAAE,cAAc,EAAE,CAAA;IAC3B,QAAQ,EAAE,aAAa,EAAE,CAAA;IACzB,KAAK,EAAE,UAAU,EAAE,CAAA;IACnB,UAAU,EAAE,eAAe,EAAE,CAAA;IAC7B,SAAS,EAAE,WAAW,EAAE,CAAA;IACxB,KAAK,EAAE,eAAe,EAAE,CAAA;IACxB,KAAK,EAAE,UAAU,EAAE,CAAA;IACnB,QAAQ,EAAE,aAAa,EAAE,CAAA;IACzB,UAAU,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;CAChC,+BA6DA"}
+{"version":3,"file":"resources-dialogs.d.ts","sourceRoot":"","sources":["../../../src/resources/admin/resources-dialogs.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,aAAa,EACb,aAAa,EACb,qBAAqB,EACrB,mBAAmB,EACnB,eAAe,EACf,WAAW,EACX,yBAAyB,EACzB,UAAU,EACV,UAAU,EACV,eAAe,EACf,cAAc,EACf,MAAM,aAAa,CAAA;AAMpB,wBAAgB,gBAAgB,CAAC,EAC/B,kBAAkB,EAClB,qBAAqB,EACrB,eAAe,EACf,cAAc,EACd,iBAAiB,EACjB,WAAW,EACX,oBAAoB,EACpB,uBAAuB,EACvB,iBAAiB,EACjB,oBAAoB,EACpB,uBAAuB,EACvB,iBAAiB,EACjB,kBAAkB,EAClB,qBAAqB,EACrB,eAAe,EACf,SAAS,EACT,QAAQ,EACR,KAAK,EACL,UAAU,EACV,SAAS,EACT,KAAK,EACL,KAAK,EACL,QAAQ,EACR,UAAU,GACX,EAAE;IACD,kBAAkB,EAAE,OAAO,CAAA;IAC3B,qBAAqB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IAC9C,eAAe,EAAE,WAAW,GAAG,SAAS,CAAA;IACxC,cAAc,EAAE,OAAO,CAAA;IACvB,iBAAiB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IAC1C,WAAW,EAAE,eAAe,GAAG,SAAS,CAAA;IACxC,oBAAoB,EAAE,OAAO,CAAA;IAC7B,uBAAuB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IAChD,iBAAiB,EAAE,qBAAqB,GAAG,SAAS,CAAA;IACpD,oBAAoB,EAAE,OAAO,CAAA;IAC7B,uBAAuB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IAChD,iBAAiB,EAAE,yBAAyB,GAAG,SAAS,CAAA;IACxD,kBAAkB,EAAE,OAAO,CAAA;IAC3B,qBAAqB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IAC9C,eAAe,EAAE,mBAAmB,GAAG,SAAS,CAAA;IAChD,SAAS,EAAE,cAAc,EAAE,CAAA;IAC3B,QAAQ,EAAE,aAAa,EAAE,CAAA;IACzB,KAAK,EAAE,UAAU,EAAE,CAAA;IACnB,UAAU,EAAE,eAAe,EAAE,CAAA;IAC7B,SAAS,EAAE,WAAW,EAAE,CAAA;IACxB,KAAK,EAAE,eAAe,EAAE,CAAA;IACxB,KAAK,EAAE,UAAU,EAAE,CAAA;IACnB,QAAQ,EAAE,aAAa,EAAE,CAAA;IACzB,UAAU,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;CAChC,+BA8DA"}

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

@@ -13,7 +13,7 @@ export function ResourcesDialogs({ resourceDialogOpen, setResourceDialogOpen, ed
                 } }), _jsx(ResourceAllocationDialog, { open: allocationDialogOpen, onOpenChange: setAllocationDialogOpen, allocation: editingAllocation, pools: pools, products: products, rules: rules, startTimes: startTimes, onSuccess: () => {
                     setAllocationDialogOpen(false);
                     void refreshAll();
-                } }), _jsx(ResourceSlotAssignmentDialog, { open: assignmentDialogOpen, onOpenChange: setAssignmentDialogOpen, assignment: editingAssignment, slots: slots, pools: pools, resources: resources, bookings: bookings, onSuccess: () => {
+                } }), _jsx(ResourceSlotAssignmentDialog, { open: assignmentDialogOpen, onOpenChange: setAssignmentDialogOpen, assignment: editingAssignment, slots: slots, pools: pools, resources: resources, bookings: bookings, products: products, onSuccess: () => {
                     setAssignmentDialogOpen(false);
                     void refreshAll();
                 } }), _jsx(ResourceCloseoutDialog, { open: closeoutDialogOpen, onOpenChange: setCloseoutDialogOpen, closeout: editingCloseout, resources: resources, onSuccess: () => {

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

@@ -8,9 +8,10 @@ export interface ResourceAllocationDetailPageProps {
     deleting?: boolean;
     onBack?: () => void;
     onDelete?: (allocation: ResourceAllocationDetail) => Promise<void> | void;
+    onEdit?: (allocation: ResourceAllocationDetail) => 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.Element;
+export declare function ResourceAllocationDetailPage({ className, confirmAction, deleting, id, onBack, onDelete, onEdit, onOpenPool, onOpenProduct, }: ResourceAllocationDetailPageProps): import("react").JSX.Element;
 //# sourceMappingURL=resource-allocation-detail-page.d.ts.map

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

@@ -1 +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,+BA2HnC"}
+{"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,MAAM,CAAC,EAAE,CAAC,UAAU,EAAE,wBAAwB,KAAK,IAAI,CAAA;IACvD,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,MAAM,EACN,UAAU,EACV,aAAa,GACd,EAAE,iCAAiC,+BA4HnC"}

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

@@ -11,7 +11,7 @@ import { ResourceAllocationDetailSkeleton } from "./resource-detail-skeletons.js
 // `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, }) {
+export function ResourceAllocationDetailPage({ className, confirmAction, deleting, id, onBack, onDelete, onEdit, onOpenPool, onOpenProduct, }) {
     const i18n = useResourcesUiI18nOrDefault();
     const m = i18n.messages;
     const page = m.detailPages;
@@ -40,7 +40,7 @@ export function ResourceAllocationDetailPage({ className, confirmAction, deletin
     }
     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) ||
+    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, onEdit: onEdit ? () => onEdit(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 ??

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

@@ -8,9 +8,10 @@ export interface ResourceAssignmentDetailPageProps {
     deleting?: boolean;
     onBack?: () => void;
     onDelete?: (assignment: ResourceSlotAssignmentDetail) => Promise<void> | void;
+    onEdit?: (assignment: ResourceSlotAssignmentDetail) => 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.Element;
+export declare function ResourceAssignmentDetailPage({ className, confirmAction, deleting, id, onBack, onDelete, onEdit, onOpenResource, onOpenSlot, }: ResourceAssignmentDetailPageProps): import("react").JSX.Element;
 //# sourceMappingURL=resource-assignment-detail-page.d.ts.map

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

@@ -1 +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,+BA+HnC"}
+{"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,MAAM,CAAC,EAAE,CAAC,UAAU,EAAE,4BAA4B,KAAK,IAAI,CAAA;IAC3D,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,MAAM,EACN,cAAc,EACd,UAAU,GACX,EAAE,iCAAiC,+BAiInC"}

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

@@ -12,7 +12,7 @@ import { ResourceAssignmentDetailSkeleton } from "./resource-detail-skeletons.js
 // `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, }) {
+export function ResourceAssignmentDetailPage({ className, confirmAction, deleting, id, onBack, onDelete, onEdit, onOpenResource, onOpenSlot, }) {
     const i18n = useResourcesUiI18nOrDefault();
     const m = i18n.messages;
     const page = m.detailPages;
@@ -37,9 +37,10 @@ export function ResourceAssignmentDetailPage({ className, confirmAction, deletin
         ? formatResourceSlotLabel(slot, {
             template: m.common.slotLabel,
             formatDate: i18n.formatDate,
+            products: productsQuery.data?.data ?? [],
         })
         : 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
+    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, onEdit: onEdit ? () => onEdit(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)

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

@@ -8,11 +8,12 @@ export interface ResourceDetailPageProps {
     deleting?: boolean;
     onBack?: () => void;
     onDelete?: (resource: ResourceDetail) => Promise<void> | void;
+    onEdit?: (resource: ResourceDetail) => void;
     onOpenSupplier?: (supplierId: string) => void;
     onOpenAssignment?: (assignmentId: string) => void;
     confirmAction?: ConfirmAction;
 }
-export declare function ResourceDetailPage({ className, confirmAction, deleting, id, onBack, onDelete, onOpenAssignment, onOpenSupplier, }: ResourceDetailPageProps): import("react").JSX.Element;
+export declare function ResourceDetailPage({ className, confirmAction, deleting, id, onBack, onDelete, onEdit, onOpenAssignment, onOpenSupplier, }: ResourceDetailPageProps): import("react").JSX.Element;
 export declare function ResourceAssignmentSummary({ assignment, bookingLabel, noValue, onOpenAssignment, pool, slotLabel, }: {
     assignment: ResourceSlotAssignmentRow;
     bookingLabel: string;

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

@@ -1 +1 @@
-{"version":3,"file":"resource-detail-page.d.ts","sourceRoot":"","sources":["../../../src/resources/components/resource-detail-page.tsx"],"names":[],"mappings":"AAcA,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,eAAe,EACpB,KAAK,yBAAyB,EAQ/B,MAAM,aAAa,CAAA;AAEpB,OAAO,EACL,KAAK,aAAa,EAKnB,MAAM,6BAA6B,CAAA;AACpC,OAAO,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAA;AAMvE,OAAO,EAAE,sBAAsB,EAAE,CAAA;AAEjC,MAAM,WAAW,uBAAuB;IACtC,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,QAAQ,EAAE,cAAc,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;IAC7D,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7C,gBAAgB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAA;IACjD,aAAa,CAAC,EAAE,aAAa,CAAA;CAC9B;AAED,wBAAgB,kBAAkB,CAAC,EACjC,SAAS,EACT,aAAa,EACb,QAAQ,EACR,EAAE,EACF,MAAM,EACN,QAAQ,EACR,gBAAgB,EAChB,cAAc,GACf,EAAE,uBAAuB,+BAmMzB;AAMD,wBAAgB,yBAAyB,CAAC,EACxC,UAAU,EACV,YAAY,EACZ,OAAO,EACP,gBAAgB,EAChB,IAAI,EACJ,SAAS,GACV,EAAE;IACD,UAAU,EAAE,yBAAyB,CAAA;IACrC,YAAY,EAAE,MAAM,CAAA;IACpB,OAAO,EAAE,MAAM,CAAA;IACf,gBAAgB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAA;IACjD,IAAI,CAAC,EAAE,eAAe,GAAG,SAAS,CAAA;IAClC,SAAS,EAAE,MAAM,CAAA;CAClB,+BA4CA"}
+{"version":3,"file":"resource-detail-page.d.ts","sourceRoot":"","sources":["../../../src/resources/components/resource-detail-page.tsx"],"names":[],"mappings":"AAcA,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,eAAe,EACpB,KAAK,yBAAyB,EAS/B,MAAM,aAAa,CAAA;AAEpB,OAAO,EACL,KAAK,aAAa,EAKnB,MAAM,6BAA6B,CAAA;AACpC,OAAO,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAA;AAMvE,OAAO,EAAE,sBAAsB,EAAE,CAAA;AAEjC,MAAM,WAAW,uBAAuB;IACtC,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,QAAQ,EAAE,cAAc,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;IAC7D,MAAM,CAAC,EAAE,CAAC,QAAQ,EAAE,cAAc,KAAK,IAAI,CAAA;IAC3C,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7C,gBAAgB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAA;IACjD,aAAa,CAAC,EAAE,aAAa,CAAA;CAC9B;AAED,wBAAgB,kBAAkB,CAAC,EACjC,SAAS,EACT,aAAa,EACb,QAAQ,EACR,EAAE,EACF,MAAM,EACN,QAAQ,EACR,MAAM,EACN,gBAAgB,EAChB,cAAc,GACf,EAAE,uBAAuB,+BAuMzB;AAMD,wBAAgB,yBAAyB,CAAC,EACxC,UAAU,EACV,YAAY,EACZ,OAAO,EACP,gBAAgB,EAChB,IAAI,EACJ,SAAS,GACV,EAAE;IACD,UAAU,EAAE,yBAAyB,CAAA;IACrC,YAAY,EAAE,MAAM,CAAA;IACpB,OAAO,EAAE,MAAM,CAAA;IACf,gBAAgB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAA;IACjD,IAAI,CAAC,EAAE,eAAe,GAAG,SAAS,CAAA;IAClC,SAAS,EAAE,MAAM,CAAA;CAClB,+BA4CA"}