@voyantjs/products-ui 0.52.2 → 0.52.4

package/dist/components/product-action-ledger-card.d.ts

@@ -0,0 +1,17 @@
+export interface ProductActionLedgerCardProps {
+    productId: string;
+    limit?: number;
+    messages?: Partial<ProductActionLedgerCardMessages>;
+    className?: string;
+}
+export interface ProductActionLedgerCardMessages {
+    title: string;
+    description: string;
+    loadOlder: string;
+    empty: string;
+    loadFailed: string;
+}
+export declare function ProductActionLedgerCard({ productId, limit, messages: messagesOverride, className, }: ProductActionLedgerCardProps): import("react/jsx-runtime").JSX.Element;
+export declare const actionLedgerStatusVariant: Record<string, "default" | "secondary" | "outline" | "destructive">;
+export declare const actionLedgerRiskVariant: Record<string, "default" | "secondary" | "outline" | "destructive">;
+//# sourceMappingURL=product-action-ledger-card.d.ts.map

package/dist/components/product-action-ledger-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"product-action-ledger-card.d.ts","sourceRoot":"","sources":["../../src/components/product-action-ledger-card.tsx"],"names":[],"mappings":"AAeA,MAAM,WAAW,4BAA4B;IAC3C,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC,+BAA+B,CAAC,CAAA;IACnD,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,WAAW,+BAA+B;IAC9C,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,EAAE,MAAM,CAAA;CACnB;AAUD,wBAAgB,uBAAuB,CAAC,EACtC,SAAS,EACT,KAAU,EACV,QAAQ,EAAE,gBAAgB,EAC1B,SAAS,GACV,EAAE,4BAA4B,2CAiE9B;AA4ED,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAC5C,MAAM,EACN,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,aAAa,CAapD,CAAA;AAED,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAC1C,MAAM,EACN,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,aAAa,CAMpD,CAAA"}

package/dist/components/product-action-ledger-card.js

@@ -0,0 +1,73 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useProductActionLedger } from "@voyantjs/products-react";
+import { Badge } from "@voyantjs/ui/components/badge";
+import { Button } from "@voyantjs/ui/components/button";
+import { cn } from "@voyantjs/ui/lib/utils";
+import { Activity, Loader2 } from "lucide-react";
+import { useEffect, useState } from "react";
+import { useProductsUiI18nOrDefault } from "../i18n/provider.js";
+const defaultProductActionLedgerCardMessages = {
+    title: "Activity", // i18n-literal-ok: package-owned fallback copy; callers can override.
+    description: "Recent product edits and the actor that made them.", // i18n-literal-ok: package-owned fallback copy; callers can override.
+    loadOlder: "Load older activity", // i18n-literal-ok: package-owned fallback copy; callers can override.
+    empty: "No product activity recorded.", // i18n-literal-ok: package-owned fallback copy; callers can override.
+    loadFailed: "Failed to load product activity.", // i18n-literal-ok: package-owned fallback copy; callers can override.
+};
+export function ProductActionLedgerCard({ productId, limit = 20, messages: messagesOverride, className, }) {
+    const messages = { ...defaultProductActionLedgerCardMessages, ...messagesOverride };
+    const [cursor, setCursor] = useState(null);
+    const actionLedgerQuery = useProductActionLedger(productId, { cursor, limit });
+    const { formatDateTime } = useProductsUiI18nOrDefault();
+    const [pages, setPages] = useState([]);
+    useEffect(() => {
+        const page = actionLedgerQuery.data;
+        if (!page)
+            return;
+        setPages((currentPages) => {
+            if (currentPages.some((currentPage) => currentPage.data[0]?.id === page.data[0]?.id)) {
+                return currentPages;
+            }
+            return cursor ? [...currentPages, page] : [page];
+        });
+    }, [actionLedgerQuery.data, cursor]);
+    const entries = pages.flatMap((page) => page.data);
+    const nextCursor = pages.at(-1)?.pageInfo.nextCursor ?? null;
+    return (_jsx(ActionLedgerSection, { title: messages.title, description: messages.description, className: className, children: actionLedgerQuery.isPending && entries.length === 0 ? (_jsx(ActionLedgerLoadingRow, {})) : actionLedgerQuery.isError && entries.length === 0 ? (_jsx(ActionLedgerEmptyRow, { children: messages.loadFailed })) : entries.length === 0 ? (_jsx(ActionLedgerEmptyRow, { children: messages.empty })) : (_jsxs("div", { className: "flex flex-col gap-3", children: [_jsx("ul", { className: "divide-y rounded-md border bg-background", children: entries.map((entry) => (_jsx(ProductActionLedgerEntryItem, { entry: entry, timestamp: formatDateTime(entry.occurredAt) }, entry.id))) }), nextCursor ? (_jsxs(Button, { type: "button", variant: "outline", size: "sm", className: "self-start", disabled: actionLedgerQuery.isFetching, onClick: () => setCursor(nextCursor), children: [actionLedgerQuery.isFetching ? (_jsx(Loader2, { className: "size-4 animate-spin", "aria-hidden": "true" })) : null, messages.loadOlder] })) : null] })) }));
+}
+function ProductActionLedgerEntryItem({ entry, timestamp, }) {
+    return (_jsxs("li", { className: "flex items-start gap-3 p-3", children: [_jsx(Activity, { className: "mt-0.5 size-4 shrink-0 text-muted-foreground", "aria-hidden": "true" }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx("p", { className: "truncate font-medium text-sm", children: formatActionLedgerName(entry.actionName) }), _jsx(Badge, { variant: actionLedgerStatusVariant[entry.status] ?? "secondary", children: entry.status.replace(/_/g, " ") }), _jsx(Badge, { variant: actionLedgerRiskVariant[entry.evaluatedRisk] ?? "outline", children: entry.evaluatedRisk })] }), _jsxs("p", { className: "mt-1 text-muted-foreground text-xs", children: [entry.principalType, ":", entry.principalId, " - ", timestamp] }), entry.mutationSummary ? (_jsx("p", { className: "mt-1 truncate text-muted-foreground text-xs", children: entry.mutationSummary })) : null] })] }));
+}
+function ActionLedgerSection({ title, description, children, className, }) {
+    return (_jsxs("section", { "data-slot": "product-action-ledger-card", className: cn("rounded-md border bg-background", className), children: [_jsxs("div", { className: "space-y-1 border-b px-4 py-3", children: [_jsx("h2", { className: "font-semibold text-sm", children: title }), _jsx("p", { className: "text-muted-foreground text-xs", children: description })] }), _jsx("div", { className: "p-4", children: children })] }));
+}
+function ActionLedgerEmptyRow({ children }) {
+    return _jsx("p", { className: "py-6 text-center text-sm text-muted-foreground", children: children });
+}
+function ActionLedgerLoadingRow() {
+    return (_jsx("div", { className: "flex justify-center py-6", children: _jsx(Loader2, { className: "size-5 animate-spin text-muted-foreground" }) }));
+}
+function formatActionLedgerName(actionName) {
+    const withoutDomain = actionName.replace(/^product\./, "");
+    const label = withoutDomain.replace(/[._-]/g, " ");
+    return label.charAt(0).toUpperCase() + label.slice(1);
+}
+export const actionLedgerStatusVariant = {
+    requested: "outline",
+    awaiting_approval: "secondary",
+    approved: "secondary",
+    denied: "destructive",
+    succeeded: "default",
+    failed: "destructive",
+    reversed: "secondary",
+    compensated: "secondary",
+    expired: "secondary",
+    cancelled: "secondary",
+    superseded: "secondary",
+};
+export const actionLedgerRiskVariant = {
+    low: "outline",
+    medium: "secondary",
+    high: "destructive",
+    critical: "destructive",
+};

package/dist/components/product-detail-page.d.ts

@@ -1,7 +1,6 @@
-import { type ProductDayServiceRecord, type ProductRecord } from "@voyantjs/products-react";
+import { type ProductRecord } from "@voyantjs/products-react";
 import * as React from "react";
-import type { ProductDayServiceFormProps } from "./product-day-service-form.js";
-import { type ProductItineraryDayRowRenderContext } from "./product-itinerary-day-row.js";
+import { type ProductItinerarySectionProps } from "./product-itinerary-section.js";
 import { type ProductMediaSectionProps } from "./product-media-section.js";
 import { type ProductOptionsSectionProps } from "./product-options-section.js";
 export interface ProductDetailPageSlots {
@@ -23,10 +22,10 @@ export interface ProductDetailPageProps {
     onDeleted?: () => void;
     uploadMedia?: ProductMediaSectionProps["uploadMedia"];
     renderOptionDetails?: ProductOptionsSectionProps["renderOptionDetails"];
-    renderItineraryDayDetails?: (context: ProductItineraryDayRowRenderContext) => React.ReactNode;
-    renderItineraryServiceActions?: (service: ProductDayServiceRecord) => React.ReactNode;
-    renderSupplierServiceField?: ProductDayServiceFormProps["renderSupplierServiceField"];
-    onSupplierServiceSelected?: ProductDayServiceFormProps["onSupplierServiceSelected"];
+    renderItineraryDayDetails?: ProductItinerarySectionProps["renderDayDetails"];
+    renderItineraryServiceActions?: ProductItinerarySectionProps["renderServiceActions"];
+    renderSupplierServiceField?: ProductItinerarySectionProps["renderSupplierServiceField"];
+    onSupplierServiceSelected?: ProductItinerarySectionProps["onSupplierServiceSelected"];
     slots?: ProductDetailPageSlots;
 }
 export declare function ProductDetailPage({ id, className, onBack, onBookingCreate, onDeleted, uploadMedia, renderOptionDetails, renderItineraryDayDetails, renderItineraryServiceActions, renderSupplierServiceField, onSupplierServiceSelected, slots, }: ProductDetailPageProps): import("react/jsx-runtime").JSX.Element;
@@ -52,15 +51,4 @@ export interface ProductDetailSidebarProps {
     className?: string;
 }
 export declare function ProductDetailSidebar({ product, className }: ProductDetailSidebarProps): import("react/jsx-runtime").JSX.Element;
-export interface ProductItinerarySectionProps {
-    productId: string;
-    title?: string;
-    description?: string;
-    renderDayDetails?: (context: ProductItineraryDayRowRenderContext) => React.ReactNode;
-    renderServiceActions?: (service: ProductDayServiceRecord) => React.ReactNode;
-    renderSupplierServiceField?: ProductDayServiceFormProps["renderSupplierServiceField"];
-    onSupplierServiceSelected?: ProductDayServiceFormProps["onSupplierServiceSelected"];
-    className?: string;
-}
-export declare function ProductItinerarySection({ productId, title, description, renderDayDetails, renderServiceActions, renderSupplierServiceField, onSupplierServiceSelected, className, }: ProductItinerarySectionProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=product-detail-page.d.ts.map

package/dist/components/product-detail-page.d.ts.map

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

package/dist/components/product-detail-page.js

@@ -1,19 +1,16 @@
 "use client";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useProduct, useProductDayMutation, useProductDayServiceMutation, useProductItineraries, useProductItineraryDays, useProductItineraryMutation, useProductMutation, } from "@voyantjs/products-react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useProduct, useProductMutation } from "@voyantjs/products-react";
 import { Badge } from "@voyantjs/ui/components/badge";
 import { Button } from "@voyantjs/ui/components/button";
 import { Card, CardContent, CardDescription, CardHeader, CardTitle, } from "@voyantjs/ui/components/card";
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@voyantjs/ui/components/select";
 import { cn } from "@voyantjs/ui/lib/utils";
-import { ArrowLeft, Edit, FileText, Loader2, Plus, ReceiptText, Trash2 } from "lucide-react";
+import { ArrowLeft, Edit, FileText, Loader2, ReceiptText, Trash2 } from "lucide-react";
 import * as React from "react";
 import { useProductsUiI18nOrDefault, useProductsUiMessagesOrDefault } from "../i18n/provider.js";
-import { ProductDayDialog } from "./product-day-dialog.js";
-import { ProductDayServiceDialog } from "./product-day-service-dialog.js";
+import { ProductActionLedgerCard } from "./product-action-ledger-card.js";
 import { ProductDialog } from "./product-dialog.js";
-import { ProductItineraryDayRow, } from "./product-itinerary-day-row.js";
-import { ProductItineraryDialog } from "./product-itinerary-dialog.js";
+import { ProductItinerarySection, } from "./product-itinerary-section.js";
 import { ProductMediaSection } from "./product-media-section.js";
 import { ProductOptionsSection, } from "./product-options-section.js";
 import { ProductVersionsSection } from "./product-versions-section.js";
@@ -46,7 +43,7 @@ export function ProductDetailPage({ id, className, onBack, onBookingCreate, onDe
             setDeleteError(error instanceof Error ? error.message : pageMessages.states.deleteFailed);
         }
     };
-    return (_jsxs("div", { "data-slot": "product-detail-page", className: cn("flex flex-col gap-6 p-6", className), children: [_jsx(ProductDetailHeader, { product: product, onBack: onBack, onEdit: () => setEditOpen(true), onDelete: () => void handleDelete(), onBookingCreate: onBookingCreate ? () => onBookingCreate(product) : undefined, deleting: remove.isPending, actionsSlot: slots?.header }), deleteError ? _jsx("p", { className: "text-sm text-destructive", children: deleteError }) : null, slots?.afterHeader, _jsxs("div", { className: "grid gap-6 xl:grid-cols-[minmax(0,1fr)_320px]", children: [_jsxs("div", { className: "flex min-w-0 flex-col gap-6", children: [slots?.overviewStart, _jsx(ProductOverviewCard, { product: product }), _jsx(ProductCommercialCard, { product: product }), slots?.overviewEnd, _jsx(ProductMediaSection, { productId: product.id, uploadMedia: uploadMedia }), slots?.mediaEnd, _jsx(ProductItinerarySection, { productId: product.id, renderDayDetails: renderItineraryDayDetails, renderServiceActions: renderItineraryServiceActions, renderSupplierServiceField: renderSupplierServiceField, onSupplierServiceSelected: onSupplierServiceSelected }), slots?.itineraryEnd, _jsx(ProductOptionsSection, { productId: product.id, renderOptionDetails: renderOptionDetails }), slots?.optionsEnd, _jsx(ProductVersionsSection, { productId: product.id }), slots?.versionsEnd] }), _jsxs("div", { className: "flex min-w-0 flex-col gap-6", children: [_jsx(ProductDetailSidebar, { product: product }), slots?.sidebar] })] }), _jsx(ProductDialog, { open: editOpen, onOpenChange: setEditOpen, product: product, onSuccess: () => setEditOpen(false) })] }));
+    return (_jsxs("div", { "data-slot": "product-detail-page", className: cn("flex flex-col gap-6 p-6", className), children: [_jsx(ProductDetailHeader, { product: product, onBack: onBack, onEdit: () => setEditOpen(true), onDelete: () => void handleDelete(), onBookingCreate: onBookingCreate ? () => onBookingCreate(product) : undefined, deleting: remove.isPending, actionsSlot: slots?.header }), deleteError ? _jsx("p", { className: "text-sm text-destructive", children: deleteError }) : null, slots?.afterHeader, _jsxs("div", { className: "grid gap-6 xl:grid-cols-[minmax(0,1fr)_320px]", children: [_jsxs("div", { className: "flex min-w-0 flex-col gap-6", children: [slots?.overviewStart, _jsx(ProductOverviewCard, { product: product }), _jsx(ProductCommercialCard, { product: product }), slots?.overviewEnd, _jsx(ProductMediaSection, { productId: product.id, uploadMedia: uploadMedia }), slots?.mediaEnd, _jsx(ProductItinerarySection, { productId: product.id, renderDayDetails: renderItineraryDayDetails, renderServiceActions: renderItineraryServiceActions, renderSupplierServiceField: renderSupplierServiceField, onSupplierServiceSelected: onSupplierServiceSelected }), slots?.itineraryEnd, _jsx(ProductOptionsSection, { productId: product.id, renderOptionDetails: renderOptionDetails }), slots?.optionsEnd, _jsx(ProductVersionsSection, { productId: product.id }), slots?.versionsEnd] }), _jsxs("div", { className: "flex min-w-0 flex-col gap-6", children: [_jsx(ProductDetailSidebar, { product: product }), _jsx(ProductActionLedgerCard, { productId: product.id }), slots?.sidebar] })] }), _jsx(ProductDialog, { open: editOpen, onOpenChange: setEditOpen, product: product, onSuccess: () => setEditOpen(false) })] }));
 }
 export function ProductDetailHeader({ product, onBack, onEdit, onDelete, onBookingCreate, deleting = false, actionsSlot, className, }) {
     const messages = useProductsUiMessagesOrDefault();
@@ -75,98 +72,6 @@ export function ProductDetailSidebar({ product, className }) {
     const { formatDateTime } = useProductsUiI18nOrDefault();
     return (_jsxs(Card, { "data-slot": "product-detail-sidebar", className: className, children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: pageMessages.sections.sidebar.title }), _jsx(CardDescription, { children: pageMessages.sections.sidebar.description })] }), _jsxs(CardContent, { className: "space-y-4", children: [_jsxs("div", { className: "flex flex-wrap gap-2", children: [_jsx(Badge, { children: messages.common.productStatusLabels[product.status] }), _jsx(Badge, { variant: "outline", children: messages.common.productBookingModeLabels[product.bookingMode] }), product.activated ? _jsx(Badge, { variant: "secondary", children: messages.common.active }) : null] }), _jsx(ProductField, { label: pageMessages.fields.tags, value: product.tags.join(", ") }), _jsx(ProductField, { label: pageMessages.fields.createdAt, value: formatDateTime(product.createdAt) }), _jsx(ProductField, { label: pageMessages.fields.updatedAt, value: formatDateTime(product.updatedAt) })] })] }));
 }
-export function ProductItinerarySection({ productId, title, description, renderDayDetails, renderServiceActions, renderSupplierServiceField, onSupplierServiceSelected, className, }) {
-    const messages = useProductsUiMessagesOrDefault();
-    const pageMessages = messages.productDetailPage;
-    const itinerariesQuery = useProductItineraries(productId);
-    const itineraries = React.useMemo(() => (itinerariesQuery.data?.data ?? []).slice().sort((a, b) => a.sortOrder - b.sortOrder), [itinerariesQuery.data?.data]);
-    const [selectedItineraryId, setSelectedItineraryId] = React.useState(null);
-    const selectedItinerary = itineraries.find((itinerary) => itinerary.id === selectedItineraryId) ?? null;
-    const daysQuery = useProductItineraryDays(productId, selectedItineraryId, {
-        enabled: Boolean(selectedItineraryId),
-    });
-    const days = React.useMemo(() => (daysQuery.data?.data ?? []).slice().sort((a, b) => a.dayNumber - b.dayNumber), [daysQuery.data?.data]);
-    const itineraryMutation = useProductItineraryMutation();
-    const dayMutation = useProductDayMutation();
-    const serviceMutation = useProductDayServiceMutation();
-    const [itineraryDialogOpen, setItineraryDialogOpen] = React.useState(false);
-    const [editingItinerary, setEditingItinerary] = React.useState(null);
-    const [dayDialogOpen, setDayDialogOpen] = React.useState(false);
-    const [editingDay, setEditingDay] = React.useState(null);
-    const [serviceDialogOpen, setServiceDialogOpen] = React.useState(false);
-    const [serviceDayId, setServiceDayId] = React.useState(null);
-    const [editingService, setEditingService] = React.useState(null);
-    const [expandedDayId, setExpandedDayId] = React.useState(null);
-    React.useEffect(() => {
-        if (itineraries.length === 0) {
-            setSelectedItineraryId(null);
-            return;
-        }
-        setSelectedItineraryId((current) => {
-            if (current && itineraries.some((itinerary) => itinerary.id === current))
-                return current;
-            return itineraries.find((itinerary) => itinerary.isDefault)?.id ?? itineraries[0]?.id ?? null;
-        });
-    }, [itineraries]);
-    const nextDayNumber = days.length > 0 ? Math.max(...days.map((day) => day.dayNumber)) + 1 : 1;
-    return (_jsxs(Card, { "data-slot": "product-itinerary-section", className: className, children: [_jsxs(CardHeader, { className: "flex flex-col gap-3 lg:flex-row lg:items-center lg:justify-between", children: [_jsxs("div", { className: "space-y-1", children: [_jsx(CardTitle, { children: title ?? pageMessages.sections.itinerary.title }), _jsx(CardDescription, { children: description ?? pageMessages.sections.itinerary.description })] }), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [itineraries.length > 0 ? (_jsxs(Select, { value: selectedItineraryId ?? undefined, onValueChange: (value) => setSelectedItineraryId(value), children: [_jsx(SelectTrigger, { className: "w-[220px]", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: itineraries.map((itinerary) => (_jsx(SelectItem, { value: itinerary.id, children: itinerary.name }, itinerary.id))) })] })) : null, _jsxs(Button, { type: "button", variant: "outline", onClick: () => {
-                                    setEditingItinerary(null);
-                                    setItineraryDialogOpen(true);
-                                }, children: [_jsx(Plus, { className: "mr-2 size-4", "aria-hidden": "true" }), pageMessages.actions.addItinerary] }), selectedItinerary ? (_jsxs(_Fragment, { children: [_jsxs(Button, { type: "button", variant: "outline", onClick: () => {
-                                            setEditingItinerary(selectedItinerary);
-                                            setItineraryDialogOpen(true);
-                                        }, children: [_jsx(Edit, { className: "mr-2 size-4", "aria-hidden": "true" }), pageMessages.actions.editItinerary] }), _jsxs(Button, { type: "button", variant: "outline", onClick: () => {
-                                            if (!confirm(pageMessages.states.deleteItineraryConfirm.replace("{name}", selectedItinerary.name))) {
-                                                return;
-                                            }
-                                            void itineraryMutation.remove.mutateAsync({
-                                                productId,
-                                                itineraryId: selectedItinerary.id,
-                                            });
-                                        }, children: [_jsx(Trash2, { className: "mr-2 size-4", "aria-hidden": "true" }), pageMessages.actions.deleteItinerary] })] })) : null] })] }), _jsx(CardContent, { className: "flex flex-col gap-3", children: itinerariesQuery.isPending ? (_jsx("div", { className: "flex min-h-24 items-center justify-center", children: _jsx(Loader2, { className: "size-4 animate-spin text-muted-foreground", "aria-hidden": "true" }) })) : itinerariesQuery.isError ? (_jsx("p", { className: "text-sm text-destructive", children: pageMessages.states.loadFailed })) : itineraries.length === 0 ? (_jsx("p", { className: "text-sm text-muted-foreground", children: pageMessages.states.noItineraries })) : (_jsxs(_Fragment, { children: [_jsx("div", { className: "flex justify-end", children: _jsxs(Button, { type: "button", onClick: () => {
-                                    setEditingDay(null);
-                                    setDayDialogOpen(true);
-                                }, disabled: !selectedItineraryId, children: [_jsx(Plus, { className: "mr-2 size-4", "aria-hidden": "true" }), pageMessages.actions.addDay] }) }), daysQuery.isPending ? (_jsx("div", { className: "flex min-h-24 items-center justify-center", children: _jsx(Loader2, { className: "size-4 animate-spin text-muted-foreground", "aria-hidden": "true" }) })) : daysQuery.isError ? (_jsx("p", { className: "text-sm text-destructive", children: pageMessages.states.loadFailed })) : days.length === 0 ? (_jsx("p", { className: "text-sm text-muted-foreground", children: pageMessages.states.noDays })) : (days.map((day) => (_jsx(ProductItineraryDayRow, { productId: productId, day: day, expanded: expandedDayId === day.id, onToggle: () => setExpandedDayId((current) => (current === day.id ? null : day.id)), onEdit: () => {
-                                setEditingDay(day);
-                                setDayDialogOpen(true);
-                            }, onDelete: () => {
-                                if (!confirm(pageMessages.states.deleteDayConfirm.replace("{dayNumber}", String(day.dayNumber)))) {
-                                    return;
-                                }
-                                void dayMutation.remove.mutateAsync({
-                                    productId,
-                                    dayId: day.id,
-                                    itineraryId: day.itineraryId,
-                                });
-                            }, onAddService: () => {
-                                setServiceDayId(day.id);
-                                setEditingService(null);
-                                setExpandedDayId(day.id);
-                                setServiceDialogOpen(true);
-                            }, onEditService: (service) => {
-                                setServiceDayId(day.id);
-                                setEditingService(service);
-                                setExpandedDayId(day.id);
-                                setServiceDialogOpen(true);
-                            }, onDeleteService: (service) => {
-                                if (!confirm(pageMessages.states.deleteServiceConfirm.replace("{name}", service.name))) {
-                                    return;
-                                }
-                                void serviceMutation.remove.mutateAsync({
-                                    productId,
-                                    dayId: day.id,
-                                    serviceId: service.id,
-                                });
-                            }, renderDayDetails: renderDayDetails, renderServiceActions: renderServiceActions }, day.id))))] })) }), _jsx(ProductItineraryDialog, { open: itineraryDialogOpen, onOpenChange: setItineraryDialogOpen, productId: productId, itinerary: editingItinerary ?? undefined, itineraryCount: itineraries.length, onSuccess: (itineraryId) => setSelectedItineraryId(itineraryId) }), selectedItineraryId ? (_jsx(ProductDayDialog, { open: dayDialogOpen, onOpenChange: setDayDialogOpen, productId: productId, itineraryId: selectedItineraryId, day: editingDay ?? undefined, nextDayNumber: nextDayNumber, onSuccess: (day) => {
-                    setExpandedDayId(day.id);
-                    setEditingDay(null);
-                } })) : null, serviceDayId ? (_jsx(ProductDayServiceDialog, { open: serviceDialogOpen, onOpenChange: (open) => {
-                    setServiceDialogOpen(open);
-                    if (!open) {
-                        setEditingService(null);
-                    }
-                }, productId: productId, dayId: serviceDayId, service: editingService ?? undefined, renderSupplierServiceField: renderSupplierServiceField, onSupplierServiceSelected: onSupplierServiceSelected, onSuccess: () => setEditingService(null) })) : null] }));
-}
 function ProductDetailPageLoading({ className }) {
     const messages = useProductsUiMessagesOrDefault();
     return (_jsx("div", { "data-slot": "product-detail-page-loading", className: cn("flex min-h-48 items-center justify-center p-6", className), children: _jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [_jsx(Loader2, { className: "size-4 animate-spin", "aria-hidden": "true" }), messages.productDetailPage.states.loading] }) }));

package/dist/components/product-itinerary-section.d.ts

@@ -0,0 +1,16 @@
+import { type ProductDayServiceRecord } from "@voyantjs/products-react";
+import * as React from "react";
+import type { ProductDayServiceFormProps } from "./product-day-service-form.js";
+import { type ProductItineraryDayRowRenderContext } from "./product-itinerary-day-row.js";
+export interface ProductItinerarySectionProps {
+    productId: string;
+    title?: string;
+    description?: string;
+    renderDayDetails?: (context: ProductItineraryDayRowRenderContext) => React.ReactNode;
+    renderServiceActions?: (service: ProductDayServiceRecord) => React.ReactNode;
+    renderSupplierServiceField?: ProductDayServiceFormProps["renderSupplierServiceField"];
+    onSupplierServiceSelected?: ProductDayServiceFormProps["onSupplierServiceSelected"];
+    className?: string;
+}
+export declare function ProductItinerarySection({ productId, title, description, renderDayDetails, renderServiceActions, renderSupplierServiceField, onSupplierServiceSelected, className, }: ProductItinerarySectionProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=product-itinerary-section.d.ts.map

package/dist/components/product-itinerary-section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"product-itinerary-section.d.ts","sourceRoot":"","sources":["../../src/components/product-itinerary-section.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,uBAAuB,EAO7B,MAAM,0BAA0B,CAAA;AAiBjC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,+BAA+B,CAAA;AAC/E,OAAO,EAEL,KAAK,mCAAmC,EACzC,MAAM,gCAAgC,CAAA;AAGvC,MAAM,WAAW,4BAA4B;IAC3C,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,gBAAgB,CAAC,EAAE,CAAC,OAAO,EAAE,mCAAmC,KAAK,KAAK,CAAC,SAAS,CAAA;IACpF,oBAAoB,CAAC,EAAE,CAAC,OAAO,EAAE,uBAAuB,KAAK,KAAK,CAAC,SAAS,CAAA;IAC5E,0BAA0B,CAAC,EAAE,0BAA0B,CAAC,4BAA4B,CAAC,CAAA;IACrF,yBAAyB,CAAC,EAAE,0BAA0B,CAAC,2BAA2B,CAAC,CAAA;IACnF,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,uBAAuB,CAAC,EACtC,SAAS,EACT,KAAK,EACL,WAAW,EACX,gBAAgB,EAChB,oBAAoB,EACpB,0BAA0B,EAC1B,yBAAyB,EACzB,SAAS,GACV,EAAE,4BAA4B,2CAuQ9B"}

package/dist/components/product-itinerary-section.js

@@ -0,0 +1,105 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useProductDayMutation, useProductDayServiceMutation, useProductItineraries, useProductItineraryDays, useProductItineraryMutation, } from "@voyantjs/products-react";
+import { Button } from "@voyantjs/ui/components/button";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle, } from "@voyantjs/ui/components/card";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@voyantjs/ui/components/select";
+import { Edit, Loader2, Plus, Trash2 } from "lucide-react";
+import * as React from "react";
+import { useProductsUiMessagesOrDefault } from "../i18n/provider.js";
+import { ProductDayDialog } from "./product-day-dialog.js";
+import { ProductDayServiceDialog } from "./product-day-service-dialog.js";
+import { ProductItineraryDayRow, } from "./product-itinerary-day-row.js";
+import { ProductItineraryDialog } from "./product-itinerary-dialog.js";
+export function ProductItinerarySection({ productId, title, description, renderDayDetails, renderServiceActions, renderSupplierServiceField, onSupplierServiceSelected, className, }) {
+    const messages = useProductsUiMessagesOrDefault();
+    const pageMessages = messages.productDetailPage;
+    const itinerariesQuery = useProductItineraries(productId);
+    const itineraries = React.useMemo(() => (itinerariesQuery.data?.data ?? []).slice().sort((a, b) => a.sortOrder - b.sortOrder), [itinerariesQuery.data?.data]);
+    const [selectedItineraryId, setSelectedItineraryId] = React.useState(null);
+    const selectedItinerary = itineraries.find((itinerary) => itinerary.id === selectedItineraryId) ?? null;
+    const daysQuery = useProductItineraryDays(productId, selectedItineraryId, {
+        enabled: Boolean(selectedItineraryId),
+    });
+    const days = React.useMemo(() => (daysQuery.data?.data ?? []).slice().sort((a, b) => a.dayNumber - b.dayNumber), [daysQuery.data?.data]);
+    const itineraryMutation = useProductItineraryMutation();
+    const dayMutation = useProductDayMutation();
+    const serviceMutation = useProductDayServiceMutation();
+    const [itineraryDialogOpen, setItineraryDialogOpen] = React.useState(false);
+    const [editingItinerary, setEditingItinerary] = React.useState(null);
+    const [dayDialogOpen, setDayDialogOpen] = React.useState(false);
+    const [editingDay, setEditingDay] = React.useState(null);
+    const [serviceDialogOpen, setServiceDialogOpen] = React.useState(false);
+    const [serviceDayId, setServiceDayId] = React.useState(null);
+    const [editingService, setEditingService] = React.useState(null);
+    const [expandedDayId, setExpandedDayId] = React.useState(null);
+    React.useEffect(() => {
+        if (itineraries.length === 0) {
+            setSelectedItineraryId(null);
+            return;
+        }
+        setSelectedItineraryId((current) => {
+            if (current && itineraries.some((itinerary) => itinerary.id === current))
+                return current;
+            return itineraries.find((itinerary) => itinerary.isDefault)?.id ?? itineraries[0]?.id ?? null;
+        });
+    }, [itineraries]);
+    const nextDayNumber = days.length > 0 ? Math.max(...days.map((day) => day.dayNumber)) + 1 : 1;
+    return (_jsxs(Card, { "data-slot": "product-itinerary-section", className: className, children: [_jsxs(CardHeader, { className: "flex flex-col gap-3 lg:flex-row lg:items-center lg:justify-between", children: [_jsxs("div", { className: "space-y-1", children: [_jsx(CardTitle, { children: title ?? pageMessages.sections.itinerary.title }), _jsx(CardDescription, { children: description ?? pageMessages.sections.itinerary.description })] }), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [itineraries.length > 0 ? (_jsxs(Select, { value: selectedItineraryId ?? undefined, onValueChange: (value) => setSelectedItineraryId(value), children: [_jsx(SelectTrigger, { className: "w-[220px]", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: itineraries.map((itinerary) => (_jsx(SelectItem, { value: itinerary.id, children: itinerary.name }, itinerary.id))) })] })) : null, _jsxs(Button, { type: "button", variant: "outline", onClick: () => {
+                                    setEditingItinerary(null);
+                                    setItineraryDialogOpen(true);
+                                }, children: [_jsx(Plus, { className: "mr-2 size-4", "aria-hidden": "true" }), pageMessages.actions.addItinerary] }), selectedItinerary ? (_jsxs(_Fragment, { children: [_jsxs(Button, { type: "button", variant: "outline", onClick: () => {
+                                            setEditingItinerary(selectedItinerary);
+                                            setItineraryDialogOpen(true);
+                                        }, children: [_jsx(Edit, { className: "mr-2 size-4", "aria-hidden": "true" }), pageMessages.actions.editItinerary] }), _jsxs(Button, { type: "button", variant: "outline", onClick: () => {
+                                            if (!confirm(pageMessages.states.deleteItineraryConfirm.replace("{name}", selectedItinerary.name))) {
+                                                return;
+                                            }
+                                            void itineraryMutation.remove.mutateAsync({
+                                                productId,
+                                                itineraryId: selectedItinerary.id,
+                                            });
+                                        }, children: [_jsx(Trash2, { className: "mr-2 size-4", "aria-hidden": "true" }), pageMessages.actions.deleteItinerary] })] })) : null] })] }), _jsx(CardContent, { className: "flex flex-col gap-3", children: itinerariesQuery.isPending ? (_jsx("div", { className: "flex min-h-24 items-center justify-center", children: _jsx(Loader2, { className: "size-4 animate-spin text-muted-foreground", "aria-hidden": "true" }) })) : itinerariesQuery.isError ? (_jsx("p", { className: "text-sm text-destructive", children: pageMessages.states.loadFailed })) : itineraries.length === 0 ? (_jsx("p", { className: "text-sm text-muted-foreground", children: pageMessages.states.noItineraries })) : (_jsxs(_Fragment, { children: [_jsx("div", { className: "flex justify-end", children: _jsxs(Button, { type: "button", onClick: () => {
+                                    setEditingDay(null);
+                                    setDayDialogOpen(true);
+                                }, disabled: !selectedItineraryId, children: [_jsx(Plus, { className: "mr-2 size-4", "aria-hidden": "true" }), pageMessages.actions.addDay] }) }), daysQuery.isPending ? (_jsx("div", { className: "flex min-h-24 items-center justify-center", children: _jsx(Loader2, { className: "size-4 animate-spin text-muted-foreground", "aria-hidden": "true" }) })) : daysQuery.isError ? (_jsx("p", { className: "text-sm text-destructive", children: pageMessages.states.loadFailed })) : days.length === 0 ? (_jsx("p", { className: "text-sm text-muted-foreground", children: pageMessages.states.noDays })) : (days.map((day) => (_jsx(ProductItineraryDayRow, { productId: productId, day: day, expanded: expandedDayId === day.id, onToggle: () => setExpandedDayId((current) => (current === day.id ? null : day.id)), onEdit: () => {
+                                setEditingDay(day);
+                                setDayDialogOpen(true);
+                            }, onDelete: () => {
+                                if (!confirm(pageMessages.states.deleteDayConfirm.replace("{dayNumber}", String(day.dayNumber)))) {
+                                    return;
+                                }
+                                void dayMutation.remove.mutateAsync({
+                                    productId,
+                                    dayId: day.id,
+                                    itineraryId: day.itineraryId,
+                                });
+                            }, onAddService: () => {
+                                setServiceDayId(day.id);
+                                setEditingService(null);
+                                setExpandedDayId(day.id);
+                                setServiceDialogOpen(true);
+                            }, onEditService: (service) => {
+                                setServiceDayId(day.id);
+                                setEditingService(service);
+                                setExpandedDayId(day.id);
+                                setServiceDialogOpen(true);
+                            }, onDeleteService: (service) => {
+                                if (!confirm(pageMessages.states.deleteServiceConfirm.replace("{name}", service.name))) {
+                                    return;
+                                }
+                                void serviceMutation.remove.mutateAsync({
+                                    productId,
+                                    dayId: day.id,
+                                    serviceId: service.id,
+                                });
+                            }, renderDayDetails: renderDayDetails, renderServiceActions: renderServiceActions }, day.id))))] })) }), _jsx(ProductItineraryDialog, { open: itineraryDialogOpen, onOpenChange: setItineraryDialogOpen, productId: productId, itinerary: editingItinerary ?? undefined, itineraryCount: itineraries.length, onSuccess: (itineraryId) => setSelectedItineraryId(itineraryId) }), selectedItineraryId ? (_jsx(ProductDayDialog, { open: dayDialogOpen, onOpenChange: setDayDialogOpen, productId: productId, itineraryId: selectedItineraryId, day: editingDay ?? undefined, nextDayNumber: nextDayNumber, onSuccess: (day) => {
+                    setExpandedDayId(day.id);
+                    setEditingDay(null);
+                } })) : null, serviceDayId ? (_jsx(ProductDayServiceDialog, { open: serviceDialogOpen, onOpenChange: (open) => {
+                    setServiceDialogOpen(open);
+                    if (!open) {
+                        setEditingService(null);
+                    }
+                }, productId: productId, dayId: serviceDayId, service: editingService ?? undefined, renderSupplierServiceField: renderSupplierServiceField, onSupplierServiceSelected: onSupplierServiceSelected, onSuccess: () => setEditingService(null) })) : null] }));
+}

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 export { OptionUnitDialog, type OptionUnitDialogProps } from "./components/option-unit-dialog.js";
 export { OptionUnitForm, type OptionUnitFormProps } from "./components/option-unit-form.js";
+export { ProductActionLedgerCard, type ProductActionLedgerCardMessages, type ProductActionLedgerCardProps, } from "./components/product-action-ledger-card.js";
 export { ProductCategoriesPage, type ProductCategoriesPageProps, } from "./components/product-categories-page.js";
 export { ProductCategoryCombobox } from "./components/product-category-combobox.js";
 export { ProductCategoryDialog, type ProductCategoryDialogProps, } from "./components/product-category-dialog.js";
@@ -11,12 +12,13 @@ export { ProductDayForm, type ProductDayFormProps } from "./components/product-d
 export { ProductDayMediaTray, type ProductDayMediaTrayProps, } from "./components/product-day-media-tray.js";
 export { ProductDayServiceDialog, type ProductDayServiceDialogProps, } from "./components/product-day-service-dialog.js";
 export { ProductDayServiceForm, type ProductDayServiceFormHelpers, type ProductDayServiceFormProps, type ProductDayServiceSupplierServiceFieldProps, type ProductDayServiceSupplierServiceOption, } from "./components/product-day-service-form.js";
-export { ProductCommercialCard, ProductDetailHeader, type ProductDetailHeaderProps, ProductDetailPage, type ProductDetailPageProps, type ProductDetailPageSlots, ProductDetailSidebar, type ProductDetailSidebarProps, ProductItinerarySection, type ProductItinerarySectionProps, ProductOverviewCard, type ProductOverviewCardProps, } from "./components/product-detail-page.js";
+export { ProductCommercialCard, ProductDetailHeader, type ProductDetailHeaderProps, ProductDetailPage, type ProductDetailPageProps, type ProductDetailPageSlots, ProductDetailSidebar, type ProductDetailSidebarProps, ProductOverviewCard, type ProductOverviewCardProps, } from "./components/product-detail-page.js";
 export { ProductDialog, type ProductDialogProps } from "./components/product-dialog.js";
 export { ProductFacilityCombobox } from "./components/product-facility-combobox.js";
 export { ProductForm, type ProductFormMode, type ProductFormProps, } from "./components/product-form.js";
 export { ProductItineraryDayRow, type ProductItineraryDayRowProps, type ProductItineraryDayRowRenderContext, } from "./components/product-itinerary-day-row.js";
 export { ProductItineraryDialog, type ProductItineraryDialogProps, } from "./components/product-itinerary-dialog.js";
+export { ProductItinerarySection, type ProductItinerarySectionProps, } from "./components/product-itinerary-section.js";
 export { ProductList, type ProductListProps } from "./components/product-list.js";
 export { ProductMediaDialog, type ProductMediaDialogProps, } from "./components/product-media-dialog.js";
 export { ProductMediaForm, type ProductMediaFormProps } from "./components/product-media-form.js";

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -1,5 +1,6 @@
 export { OptionUnitDialog } from "./components/option-unit-dialog.js";
 export { OptionUnitForm } from "./components/option-unit-form.js";
+export { ProductActionLedgerCard, } from "./components/product-action-ledger-card.js";
 export { ProductCategoriesPage, } from "./components/product-categories-page.js";
 export { ProductCategoryCombobox } from "./components/product-category-combobox.js";
 export { ProductCategoryDialog, } from "./components/product-category-dialog.js";
@@ -11,12 +12,13 @@ export { ProductDayForm } from "./components/product-day-form.js";
 export { ProductDayMediaTray, } from "./components/product-day-media-tray.js";
 export { ProductDayServiceDialog, } from "./components/product-day-service-dialog.js";
 export { ProductDayServiceForm, } from "./components/product-day-service-form.js";
-export { ProductCommercialCard, ProductDetailHeader, ProductDetailPage, ProductDetailSidebar, ProductItinerarySection, ProductOverviewCard, } from "./components/product-detail-page.js";
+export { ProductCommercialCard, ProductDetailHeader, ProductDetailPage, ProductDetailSidebar, ProductOverviewCard, } from "./components/product-detail-page.js";
 export { ProductDialog } from "./components/product-dialog.js";
 export { ProductFacilityCombobox } from "./components/product-facility-combobox.js";
 export { ProductForm, } from "./components/product-form.js";
 export { ProductItineraryDayRow, } from "./components/product-itinerary-day-row.js";
 export { ProductItineraryDialog, } from "./components/product-itinerary-dialog.js";
+export { ProductItinerarySection, } from "./components/product-itinerary-section.js";
 export { ProductList } from "./components/product-list.js";
 export { ProductMediaDialog, } from "./components/product-media-dialog.js";
 export { ProductMediaForm } from "./components/product-media-form.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@voyantjs/products-ui",
-  "version": "0.52.2",
+  "version": "0.52.4",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -45,17 +45,17 @@
     "react-dom": "^19.0.0",
     "react-hook-form": "^7.60.0",
     "zod": "^4.3.6",
-    "@voyantjs/availability-react": "0.52.2",
-    "@voyantjs/catalog-react": "0.52.2",
-    "@voyantjs/finance": "0.52.2",
-    "@voyantjs/finance-ui": "0.52.2",
-    "@voyantjs/pricing-react": "0.52.2",
-    "@voyantjs/products-react": "0.52.2",
-    "@voyantjs/suppliers-react": "0.52.2",
-    "@voyantjs/ui": "0.52.2"
+    "@voyantjs/availability-react": "0.52.4",
+    "@voyantjs/catalog-react": "0.52.4",
+    "@voyantjs/finance": "0.52.4",
+    "@voyantjs/finance-ui": "0.52.4",
+    "@voyantjs/pricing-react": "0.52.4",
+    "@voyantjs/products-react": "0.52.4",
+    "@voyantjs/suppliers-react": "0.52.4",
+    "@voyantjs/ui": "0.52.4"
   },
   "dependencies": {
-    "@voyantjs/i18n": "0.52.2"
+    "@voyantjs/i18n": "0.52.4"
   },
   "devDependencies": {
     "@tanstack/react-query": "^5.96.2",
@@ -68,16 +68,16 @@
     "typescript": "^6.0.2",
     "vitest": "^4.1.2",
     "zod": "^4.3.6",
-    "@voyantjs/availability-react": "0.52.2",
-    "@voyantjs/catalog-react": "0.52.2",
-    "@voyantjs/finance": "0.52.2",
-    "@voyantjs/finance-ui": "0.52.2",
-    "@voyantjs/i18n": "0.52.2",
-    "@voyantjs/pricing-react": "0.52.2",
-    "@voyantjs/products-react": "0.52.2",
-    "@voyantjs/suppliers-react": "0.52.2",
+    "@voyantjs/availability-react": "0.52.4",
+    "@voyantjs/catalog-react": "0.52.4",
+    "@voyantjs/finance": "0.52.4",
+    "@voyantjs/finance-ui": "0.52.4",
+    "@voyantjs/i18n": "0.52.4",
+    "@voyantjs/pricing-react": "0.52.4",
+    "@voyantjs/products-react": "0.52.4",
+    "@voyantjs/suppliers-react": "0.52.4",
     "@voyantjs/voyant-typescript-config": "0.1.0",
-    "@voyantjs/ui": "0.52.2"
+    "@voyantjs/ui": "0.52.4"
   },
   "files": [
     "dist",