@voyant-travel/inventory-react 0.1.0

package/dist/components/product-detail/use-product-detail-data.js

@@ -0,0 +1,143 @@
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import { useMemo } from "react";
+import { productsQueryKeys, useProduct, useProductItineraries } from "../../index.js";
+import { useProductDetailHost, useProductDetailMessages } from "./host.js";
+import { getChannelsQueryOptions, getProductChannelMappingsQueryOptions, getProductMediaQueryOptions, getProductRulesQueryOptions, getProductSlotsQueryOptions, } from "./product-detail-shared.js";
+export function useProductDetailData(productId) {
+    const queryClient = useQueryClient();
+    const host = useProductDetailHost();
+    const api = host.api;
+    const messages = useProductDetailMessages();
+    const productMessages = messages.products.core;
+    const productQuery = useProduct(productId);
+    const itinerariesQuery = useProductItineraries(productId);
+    const productActionLedgerQueryKey = [...productsQueryKeys.product(productId), "action-ledger"];
+    const slotsQuery = useQuery(getProductSlotsQueryOptions(api, productId));
+    const rulesQuery = useQuery(getProductRulesQueryOptions(api, productId));
+    const channelsQuery = useQuery(getChannelsQueryOptions(api));
+    const mappingsQuery = useQuery(getProductChannelMappingsQueryOptions(api, productId));
+    const mediaQuery = useQuery(getProductMediaQueryOptions(api, productId));
+    const addChannelMapping = useMutation({
+        mutationFn: (channelId) => api.post("/v1/distribution/product-mappings", {
+            channelId,
+            productId,
+            active: true,
+        }),
+        onSuccess: () => {
+            void mappingsQuery.refetch();
+            void queryClient.invalidateQueries({ queryKey: productActionLedgerQueryKey });
+        },
+    });
+    const removeChannelMapping = useMutation({
+        mutationFn: (mappingId) => api.delete(`/v1/distribution/product-mappings/${mappingId}`),
+        onSuccess: () => {
+            void mappingsQuery.refetch();
+            void queryClient.invalidateQueries({ queryKey: productActionLedgerQueryKey });
+        },
+    });
+    const deleteProduct = useMutation({
+        mutationFn: () => api.delete(`/v1/products/${productId}`),
+        onSuccess: () => {
+            void queryClient.invalidateQueries({ queryKey: ["products"] });
+            void queryClient.invalidateQueries({ queryKey: productActionLedgerQueryKey });
+        },
+    });
+    const duplicateProduct = useMutation({
+        mutationFn: () => api.post(`/v1/admin/products/${productId}/duplicate`),
+        onSuccess: () => {
+            void queryClient.invalidateQueries({ queryKey: productsQueryKeys.products() });
+        },
+    });
+    const deleteSlot = useMutation({
+        mutationFn: (slotId) => api.delete(`/v1/operations/availability/slots/${slotId}`),
+        onSuccess: () => {
+            void slotsQuery.refetch();
+            void queryClient.invalidateQueries({ queryKey: productActionLedgerQueryKey });
+        },
+    });
+    const deleteRule = useMutation({
+        mutationFn: (ruleId) => api.delete(`/v1/operations/availability/rules/${ruleId}`),
+        onSuccess: () => {
+            void rulesQuery.refetch();
+            void queryClient.invalidateQueries({ queryKey: productActionLedgerQueryKey });
+        },
+    });
+    const uploadMedia = useMutation({
+        mutationFn: async ({ file, dayId }) => {
+            if (!host.uploadMedia)
+                throw new Error(productMessages.uploadFailed);
+            const result = await host.uploadMedia(file, { productId, dayId });
+            const endpoint = dayId
+                ? `/v1/products/${productId}/days/${dayId}/media`
+                : `/v1/products/${productId}/media`;
+            return api.post(endpoint, {
+                mediaType: result.mediaType,
+                name: result.name,
+                url: result.url,
+                storageKey: result.storageKey,
+                mimeType: result.mimeType,
+                fileSize: result.fileSize,
+            });
+        },
+        onSuccess: () => {
+            void mediaQuery.refetch();
+            void queryClient.invalidateQueries({ queryKey: productActionLedgerQueryKey });
+        },
+    });
+    const deleteMedia = useMutation({
+        mutationFn: (mediaId) => api.delete(`/v1/products/media/${mediaId}`),
+        onSuccess: () => {
+            void mediaQuery.refetch();
+            void queryClient.invalidateQueries({ queryKey: productActionLedgerQueryKey });
+        },
+    });
+    const setCover = useMutation({
+        mutationFn: (mediaId) => api.patch(`/v1/products/media/${mediaId}/set-cover`, {}),
+        onSuccess: () => {
+            void mediaQuery.refetch();
+            void queryClient.invalidateQueries({ queryKey: productActionLedgerQueryKey });
+        },
+    });
+    const generateBrochure = useMutation({
+        mutationFn: () => api.post(`/v1/admin/products/${productId}/brochure/generate`, {}),
+        onSuccess: () => {
+            void mediaQuery.refetch();
+            void queryClient.invalidateQueries({ queryKey: productActionLedgerQueryKey });
+        },
+    });
+    const itineraryNameById = useMemo(() => new Map((itinerariesQuery.data?.data ?? []).map((itinerary) => [itinerary.id, itinerary.name])), [itinerariesQuery.data]);
+    const invalidateProduct = () => {
+        void queryClient.invalidateQueries({ queryKey: productsQueryKeys.product(productId) });
+        void queryClient.invalidateQueries({ queryKey: productsQueryKeys.products() });
+        void queryClient.invalidateQueries({ queryKey: productActionLedgerQueryKey });
+    };
+    return {
+        product: productQuery.data,
+        isPending: productQuery.isPending,
+        slots: slotsQuery.data?.data ?? [],
+        rules: rulesQuery.data?.data ?? [],
+        channels: channelsQuery.data?.data ?? [],
+        mappings: mappingsQuery.data?.data ?? [],
+        media: mediaQuery.data?.data ?? [],
+        itineraryNameById,
+        refetch: {
+            slots: () => void slotsQuery.refetch(),
+            rules: () => void rulesQuery.refetch(),
+            mappings: () => void mappingsQuery.refetch(),
+            media: () => void mediaQuery.refetch(),
+        },
+        mutations: {
+            addChannelMapping,
+            removeChannelMapping,
+            duplicateProduct,
+            deleteProduct,
+            deleteSlot,
+            deleteRule,
+            uploadMedia,
+            deleteMedia,
+            setCover,
+            generateBrochure,
+        },
+        invalidateProduct,
+    };
+}

package/dist/components/product-detail/use-product-detail-dialogs.d.ts

@@ -0,0 +1,24 @@
+import type { AvailabilityRule, DepartureSlot } from "./product-detail-shared.js";
+export interface Toggle {
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    openNow: () => void;
+    close: () => void;
+}
+export interface EditingToggle<T> {
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    editing: T | undefined;
+    openNew: () => void;
+    openEdit: (item: T) => void;
+    close: () => void;
+}
+export interface UseProductDetailDialogsResult {
+    edit: Toggle;
+    bookingCreate: Toggle;
+    departure: EditingToggle<DepartureSlot>;
+    departureOverride: EditingToggle<DepartureSlot>;
+    schedule: EditingToggle<AvailabilityRule>;
+}
+export declare function useProductDetailDialogs(): UseProductDetailDialogsResult;
+//# sourceMappingURL=use-product-detail-dialogs.d.ts.map

package/dist/components/product-detail/use-product-detail-dialogs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-product-detail-dialogs.d.ts","sourceRoot":"","sources":["../../../src/components/product-detail/use-product-detail-dialogs.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAEjF,MAAM,WAAW,MAAM;IACrB,IAAI,EAAE,OAAO,CAAA;IACb,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IAChC,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,KAAK,EAAE,MAAM,IAAI,CAAA;CAClB;AAED,MAAM,WAAW,aAAa,CAAC,CAAC;IAC9B,IAAI,EAAE,OAAO,CAAA;IACb,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IAChC,OAAO,EAAE,CAAC,GAAG,SAAS,CAAA;IACtB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAA;IAC3B,KAAK,EAAE,MAAM,IAAI,CAAA;CAClB;AAED,MAAM,WAAW,6BAA6B;IAC5C,IAAI,EAAE,MAAM,CAAA;IACZ,aAAa,EAAE,MAAM,CAAA;IACrB,SAAS,EAAE,aAAa,CAAC,aAAa,CAAC,CAAA;IACvC,iBAAiB,EAAE,aAAa,CAAC,aAAa,CAAC,CAAA;IAC/C,QAAQ,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAA;CAC1C;AAkCD,wBAAgB,uBAAuB,IAAI,6BAA6B,CAQvE"}

package/dist/components/product-detail/use-product-detail-dialogs.js

@@ -0,0 +1,40 @@
+import { useState } from "react";
+function useToggle() {
+    const [open, setOpen] = useState(false);
+    return {
+        open,
+        setOpen,
+        openNow: () => setOpen(true),
+        close: () => setOpen(false),
+    };
+}
+function useEditingToggle() {
+    const [open, setOpen] = useState(false);
+    const [editing, setEditing] = useState();
+    return {
+        open,
+        setOpen,
+        editing,
+        openNew: () => {
+            setEditing(undefined);
+            setOpen(true);
+        },
+        openEdit: (item) => {
+            setEditing(item);
+            setOpen(true);
+        },
+        close: () => {
+            setOpen(false);
+            setEditing(undefined);
+        },
+    };
+}
+export function useProductDetailDialogs() {
+    return {
+        edit: useToggle(),
+        bookingCreate: useToggle(),
+        departure: useEditingToggle(),
+        departureOverride: useEditingToggle(),
+        schedule: useEditingToggle(),
+    };
+}

package/dist/components/product-detail/zod-resolver.d.ts

@@ -0,0 +1,4 @@
+import type { FieldValues, Resolver } from "react-hook-form";
+import type { z } from "zod/v4";
+export declare function zodResolver<TSchema extends z.ZodType<FieldValues, FieldValues>>(schema: TSchema): Resolver<z.input<TSchema>, unknown, z.output<TSchema>>;
+//# sourceMappingURL=zod-resolver.d.ts.map

package/dist/components/product-detail/zod-resolver.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"zod-resolver.d.ts","sourceRoot":"","sources":["../../../src/components/product-detail/zod-resolver.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAe,WAAW,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AACzE,OAAO,KAAK,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAA;AA+B/B,wBAAgB,WAAW,CAAC,OAAO,SAAS,CAAC,CAAC,OAAO,CAAC,WAAW,EAAE,WAAW,CAAC,EAC7E,MAAM,EAAE,OAAO,GACd,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CA6BxD"}

package/dist/components/product-detail/zod-resolver.js

@@ -0,0 +1,39 @@
+function setFieldError(target, path, error) {
+    let current = target;
+    for (let index = 0; index < path.length; index += 1) {
+        const key = String(path[index] ?? "root");
+        if (index === path.length - 1) {
+            current[key] = error;
+            return;
+        }
+        const next = current[key];
+        if (typeof next !== "object" || next === null) {
+            current[key] = {};
+        }
+        current = current[key];
+    }
+}
+export function zodResolver(schema) {
+    return async (values) => {
+        const result = await schema.safeParseAsync(values);
+        if (result.success) {
+            return {
+                values: result.data,
+                errors: {},
+            };
+        }
+        const errors = {};
+        for (const issue of result.error.issues) {
+            const path = issue.path.filter((segment) => typeof segment !== "symbol");
+            const normalizedPath = path.length > 0 ? path : ["root"];
+            setFieldError(errors, normalizedPath, {
+                type: issue.code,
+                message: issue.message,
+            });
+        }
+        return {
+            values: {},
+            errors: errors,
+        };
+    };
+}

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

@@ -0,0 +1,57 @@
+import * as React from "react";
+import { type ProductRecord } from "../index.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 {
+    header?: React.ReactNode;
+    afterHeader?: React.ReactNode;
+    overviewStart?: React.ReactNode;
+    overviewEnd?: React.ReactNode;
+    sidebar?: React.ReactNode;
+    mediaEnd?: React.ReactNode;
+    itineraryEnd?: React.ReactNode;
+    optionsEnd?: React.ReactNode;
+    versionsEnd?: React.ReactNode;
+}
+export interface ProductDetailPageProps {
+    id: string;
+    className?: string;
+    onBack?: () => void;
+    onBookingCreate?: (product: ProductRecord) => void;
+    onDeleted?: () => void;
+    uploadMedia?: ProductMediaSectionProps["uploadMedia"];
+    renderOptionDetails?: ProductOptionsSectionProps["renderOptionDetails"];
+    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;
+export interface ProductDetailHeaderProps {
+    product: ProductRecord;
+    onBack?: () => void;
+    onEdit?: () => void;
+    onDelete?: () => void;
+    onBookingCreate?: () => void;
+    deleting?: boolean;
+    actionsSlot?: React.ReactNode;
+    className?: string;
+}
+export declare function ProductDetailHeader({ product, onBack, onEdit, onDelete, onBookingCreate, deleting, actionsSlot, className, }: ProductDetailHeaderProps): import("react/jsx-runtime").JSX.Element;
+export interface ProductOverviewCardProps {
+    product: ProductRecord;
+    className?: string;
+}
+export declare function ProductOverviewCard({ product, className }: ProductOverviewCardProps): import("react/jsx-runtime").JSX.Element;
+export declare function ProductInclusionsCard({ product, className }: ProductOverviewCardProps): import("react/jsx-runtime").JSX.Element;
+export declare function ProductExclusionsCard({ product, className }: ProductOverviewCardProps): import("react/jsx-runtime").JSX.Element;
+export declare function ProductTermsCard({ product, className }: ProductOverviewCardProps): import("react/jsx-runtime").JSX.Element;
+export declare function ProductCommercialCard({ product, className }: ProductOverviewCardProps): import("react/jsx-runtime").JSX.Element;
+export interface ProductDetailSidebarProps {
+    product: ProductRecord;
+    className?: string;
+}
+export declare function ProductDetailSidebar({ product, className }: ProductDetailSidebarProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=product-detail-page.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,118 @@
+// agent-quality: file-size exception -- owner: inventory-react; existing UI surface stays co-located until a dedicated split preserves behavior and tests.
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Badge } from "@voyant-travel/ui/components/badge";
+import { Button } from "@voyant-travel/ui/components/button";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle, } from "@voyant-travel/ui/components/card";
+import { cn } from "@voyant-travel/ui/lib/utils";
+import { ArrowLeft, Edit, FileText, Loader2, ReceiptText, Trash2 } from "lucide-react";
+import * as React from "react";
+import { useProductsUiI18nOrDefault, useProductsUiMessagesOrDefault } from "../i18n/provider.js";
+import { useProduct, useProductMutation } from "../index.js";
+import { ProductActionLedgerCard } from "./product-action-ledger-card.js";
+import { ProductDialog } from "./product-dialog.js";
+import { ProductItinerarySection, } from "./product-itinerary-section.js";
+import { ProductMediaSection } from "./product-media-section.js";
+import { ProductOptionsSection, } from "./product-options-section.js";
+import { ProductTranslationsCard } from "./product-translations-card.js";
+import { ProductVersionsSection } from "./product-versions-section.js";
+export function ProductDetailPage({ id, className, onBack, onBookingCreate, onDeleted, uploadMedia, renderOptionDetails, renderItineraryDayDetails, renderItineraryServiceActions, renderSupplierServiceField, onSupplierServiceSelected, slots, }) {
+    const messages = useProductsUiMessagesOrDefault();
+    const pageMessages = messages.productDetailPage;
+    const productQuery = useProduct(id);
+    const { remove } = useProductMutation();
+    const [editOpen, setEditOpen] = React.useState(false);
+    const [deleteError, setDeleteError] = React.useState(null);
+    if (productQuery.isPending) {
+        return _jsx(ProductDetailPageLoading, { className: className });
+    }
+    if (productQuery.isError) {
+        return (_jsx(ProductDetailPageState, { className: className, title: pageMessages.states.loadFailed, description: productQuery.error instanceof Error ? productQuery.error.message : undefined, onBack: onBack }));
+    }
+    const product = productQuery.data;
+    if (!product) {
+        return (_jsx(ProductDetailPageState, { className: className, title: pageMessages.states.notFoundTitle, description: pageMessages.states.notFoundDescription, onBack: onBack }));
+    }
+    const handleDelete = async () => {
+        setDeleteError(null);
+        if (!confirm(pageMessages.states.deleteConfirm.replace("{name}", product.name)))
+            return;
+        try {
+            await remove.mutateAsync(product.id);
+            onDeleted?.();
+        }
+        catch (error) {
+            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(ProductInclusionsCard, { product: product }), _jsx(ProductExclusionsCard, { product: product }), _jsx(ProductTermsCard, { product: product }), _jsx(ProductTranslationsCard, { 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();
+    return (_jsxs("div", { "data-slot": "product-detail-header", className: cn("flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between", className), children: [_jsxs("div", { className: "min-w-0 space-y-2", children: [_jsxs("div", { className: "flex items-center gap-2", children: [onBack ? (_jsxs(Button, { type: "button", variant: "ghost", size: "icon-sm", onClick: onBack, children: [_jsx(ArrowLeft, { className: "size-4", "aria-hidden": "true" }), _jsx("span", { className: "sr-only", children: messages.productDetailPage.actions.back })] })) : null, _jsx(Badge, { variant: product.status === "active"
+                                    ? "default"
+                                    : product.status === "archived"
+                                        ? "secondary"
+                                        : "outline", children: messages.common.productStatusLabels[product.status] }), _jsx(Badge, { variant: "outline", children: messages.common.productBookingModeLabels[product.bookingMode] })] }), _jsxs("div", { children: [_jsx("h1", { className: "text-2xl font-semibold tracking-tight", children: product.name }), _jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: product.id })] })] }), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [actionsSlot, onBookingCreate ? (_jsxs(Button, { type: "button", variant: "outline", onClick: onBookingCreate, children: [_jsx(ReceiptText, { className: "mr-2 size-4", "aria-hidden": "true" }), messages.productDetailPage.actions.createBooking] })) : null, onEdit ? (_jsxs(Button, { type: "button", variant: "outline", onClick: onEdit, children: [_jsx(Edit, { className: "mr-2 size-4", "aria-hidden": "true" }), messages.productDetailPage.actions.edit] })) : null, onDelete ? (_jsxs(Button, { type: "button", variant: "destructive", disabled: deleting, onClick: onDelete, children: [deleting ? (_jsx(Loader2, { className: "mr-2 size-4 animate-spin", "aria-hidden": "true" })) : (_jsx(Trash2, { className: "mr-2 size-4", "aria-hidden": "true" })), messages.productDetailPage.actions.delete] })) : null] })] }));
+}
+export function ProductOverviewCard({ product, className }) {
+    const messages = useProductsUiMessagesOrDefault();
+    const pageMessages = messages.productDetailPage;
+    return (_jsxs(Card, { "data-slot": "product-overview-card", className: className, children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: pageMessages.sections.overview.title }), _jsx(CardDescription, { children: pageMessages.sections.overview.description })] }), _jsxs(CardContent, { className: "space-y-4", children: [_jsx("p", { className: "whitespace-pre-wrap text-sm leading-6 text-muted-foreground", children: product.description || pageMessages.states.noDescription }), _jsxs("div", { className: "grid gap-3 sm:grid-cols-2", children: [_jsx(ProductField, { label: pageMessages.fields.visibility, value: product.visibility }), _jsx(ProductField, { label: pageMessages.fields.capacityMode, value: product.capacityMode }), _jsx(ProductField, { label: pageMessages.fields.timezone, value: product.timezone }), _jsx(ProductField, { label: pageMessages.fields.productType, value: product.productTypeId }), _jsx(ProductField, { label: pageMessages.fields.facility, value: product.facilityId }), _jsx(ProductField, { label: pageMessages.fields.contractTemplate, value: product.contractTemplateId }), _jsx(ProductField, { label: pageMessages.fields.taxClass, value: product.taxClassId }), _jsx(ProductField, { label: pageMessages.fields.startDate, value: product.startDate }), _jsx(ProductField, { label: pageMessages.fields.endDate, value: product.endDate })] })] })] }));
+}
+export function ProductInclusionsCard({ product, className }) {
+    const messages = useProductsUiMessagesOrDefault();
+    const pageMessages = messages.productDetailPage;
+    const html = product.inclusionsHtml?.trim();
+    return (_jsxs(Card, { "data-slot": "product-inclusions-card", className: className, children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: pageMessages.sections.inclusions.title }), _jsx(CardDescription, { children: pageMessages.sections.inclusions.description })] }), _jsx(CardContent, { children: html ? (_jsx("div", { className: "prose prose-sm max-w-none dark:prose-invert", 
+                    // biome-ignore lint/security/noDangerouslySetInnerHtml: operator-authored rich text from the products module -- owner: inventory-react; existing suppression is intentional pending typed cleanup.
+                    dangerouslySetInnerHTML: { __html: html } })) : (_jsx("p", { className: "text-sm text-muted-foreground", children: pageMessages.states.noInclusions })) })] }));
+}
+export function ProductExclusionsCard({ product, className }) {
+    const messages = useProductsUiMessagesOrDefault();
+    const pageMessages = messages.productDetailPage;
+    const html = product.exclusionsHtml?.trim();
+    return (_jsxs(Card, { "data-slot": "product-exclusions-card", className: className, children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: pageMessages.sections.exclusions.title }), _jsx(CardDescription, { children: pageMessages.sections.exclusions.description })] }), _jsx(CardContent, { children: html ? (_jsx("div", { className: "prose prose-sm max-w-none dark:prose-invert", 
+                    // biome-ignore lint/security/noDangerouslySetInnerHtml: operator-authored rich text from the products module -- owner: inventory-react; existing suppression is intentional pending typed cleanup.
+                    dangerouslySetInnerHTML: { __html: html } })) : (_jsx("p", { className: "text-sm text-muted-foreground", children: pageMessages.states.noExclusions })) })] }));
+}
+export function ProductTermsCard({ product, className }) {
+    const messages = useProductsUiMessagesOrDefault();
+    const pageMessages = messages.productDetailPage;
+    const html = product.termsHtml?.trim();
+    return (_jsxs(Card, { "data-slot": "product-terms-card", className: className, children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: pageMessages.sections.terms.title }), _jsx(CardDescription, { children: pageMessages.sections.terms.description })] }), _jsx(CardContent, { children: html ? (_jsx("div", { className: "prose prose-sm max-w-none dark:prose-invert", 
+                    // biome-ignore lint/security/noDangerouslySetInnerHtml: operator-authored rich text from the products module -- owner: inventory-react; existing suppression is intentional pending typed cleanup.
+                    dangerouslySetInnerHTML: { __html: html } })) : (_jsx("p", { className: "text-sm text-muted-foreground", children: pageMessages.states.noTerms })) })] }));
+}
+export function ProductCommercialCard({ product, className }) {
+    const messages = useProductsUiMessagesOrDefault();
+    const pageMessages = messages.productDetailPage;
+    const { formatCurrency, formatNumber } = useProductsUiI18nOrDefault();
+    return (_jsxs(Card, { "data-slot": "product-commercial-card", className: className, children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: pageMessages.sections.commercial.title }), _jsx(CardDescription, { children: pageMessages.sections.commercial.description })] }), _jsxs(CardContent, { className: "grid gap-3 sm:grid-cols-2", children: [_jsx(ProductField, { label: pageMessages.fields.sellAmount, value: formatMoney(product.sellAmountCents, product.sellCurrency, formatCurrency) }), _jsx(ProductField, { label: pageMessages.fields.costAmount, value: formatMoney(product.costAmountCents, product.sellCurrency, formatCurrency) }), _jsx(ProductField, { label: pageMessages.fields.margin, value: product.marginPercent == null ? null : `${formatNumber(product.marginPercent)}%` }), _jsx(ProductField, { label: pageMessages.fields.pax, value: product.pax == null ? null : formatNumber(product.pax) }), _jsx(ProductField, { label: pageMessages.fields.reservationTimeout, value: product.reservationTimeoutMinutes == null
+                            ? null
+                            : pageMessages.states.minutes.replace("{count}", formatNumber(product.reservationTimeoutMinutes)) })] })] }));
+}
+export function ProductDetailSidebar({ product, className }) {
+    const messages = useProductsUiMessagesOrDefault();
+    const pageMessages = messages.productDetailPage;
+    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) })] })] }));
+}
+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] }) }));
+}
+function ProductDetailPageState({ className, title, description, onBack, }) {
+    const messages = useProductsUiMessagesOrDefault();
+    return (_jsxs("div", { "data-slot": "product-detail-page-state", className: cn("flex flex-col gap-4 p-6", className), children: [onBack ? (_jsxs(Button, { type: "button", variant: "ghost", className: "w-fit", onClick: onBack, children: [_jsx(ArrowLeft, { className: "mr-2 size-4", "aria-hidden": "true" }), messages.productDetailPage.actions.back] })) : null, _jsx(Card, { children: _jsxs(CardContent, { className: "flex min-h-40 flex-col items-center justify-center gap-2 text-center", children: [_jsx(FileText, { className: "size-5 text-muted-foreground", "aria-hidden": "true" }), _jsx("h2", { className: "text-lg font-semibold", children: title }), description ? _jsx("p", { className: "text-sm text-muted-foreground", children: description }) : null] }) })] }));
+}
+function ProductField({ label, value }) {
+    const messages = useProductsUiMessagesOrDefault();
+    const hasValue = value !== null &&
+        value !== undefined &&
+        !(typeof value === "string" && value.trim().length === 0);
+    return (_jsxs("div", { className: "space-y-1", children: [_jsx("div", { className: "text-xs font-medium uppercase text-muted-foreground", children: label }), _jsx("div", { className: "break-words text-sm", children: hasValue ? value : messages.common.none })] }));
+}
+function formatMoney(amountCents, currency, formatCurrency) {
+    return amountCents == null ? null : formatCurrency(amountCents / 100, currency);
+}

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

@@ -0,0 +1,2 @@
+export * from "./product-detail/index.js";
+//# sourceMappingURL=product-detail.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"product-detail.d.ts","sourceRoot":"","sources":["../../src/components/product-detail.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAA"}

package/dist/components/product-detail.js

@@ -0,0 +1 @@
+export * from "./product-detail/index.js";

package/dist/components/product-dialog.d.ts

@@ -0,0 +1,9 @@
+import type { ProductRecord } from "../index.js";
+export interface ProductDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    product?: ProductRecord;
+    onSuccess?: (product: ProductRecord) => void;
+}
+export declare function ProductDialog({ open, onOpenChange, product, onSuccess }: ProductDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=product-dialog.d.ts.map

package/dist/components/product-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"product-dialog.d.ts","sourceRoot":"","sources":["../../src/components/product-dialog.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAGhD,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,CAAA;CAC7C;AAED,wBAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,kBAAkB,2CA0B3F"}

package/dist/components/product-dialog.js

@@ -0,0 +1,13 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, } from "@voyant-travel/ui/components/dialog";
+import { useProductsUiMessagesOrDefault } from "../i18n/index.js";
+import { ProductForm } from "./product-form.js";
+export function ProductDialog({ open, onOpenChange, product, onSuccess }) {
+    const productMessages = useProductsUiMessagesOrDefault().productDialog;
+    const isEdit = Boolean(product);
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { "data-slot": "product-dialog", className: "sm:max-w-[720px]", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: isEdit ? productMessages.titles.edit : productMessages.titles.create }), _jsx(DialogDescription, { children: isEdit ? productMessages.descriptions.edit : productMessages.descriptions.create })] }), _jsx(ProductForm, { mode: product ? { kind: "edit", product } : { kind: "create" }, onSuccess: (saved) => {
+                        onSuccess?.(saved);
+                        onOpenChange(false);
+                    }, onCancel: () => onOpenChange(false) })] }) }));
+}

package/dist/components/product-facility-combobox.d.ts

@@ -0,0 +1,9 @@
+type Props = {
+    value: string | null | undefined;
+    onChange: (value: string | null) => void;
+    placeholder?: string;
+    disabled?: boolean;
+};
+export declare function ProductFacilityCombobox({ value, onChange, placeholder, disabled }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=product-facility-combobox.d.ts.map

package/dist/components/product-facility-combobox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"product-facility-combobox.d.ts","sourceRoot":"","sources":["../../src/components/product-facility-combobox.tsx"],"names":[],"mappings":"AAiBA,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAA;IAChC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IACxC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AA6DD,wBAAgB,uBAAuB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE,KAAK,2CAyExF"}

package/dist/components/product-facility-combobox.js

@@ -0,0 +1,94 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useQuery } from "@tanstack/react-query";
+import { Combobox, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxInput, ComboboxItem, ComboboxList, } from "@voyant-travel/ui/components/combobox";
+import * as React from "react";
+import { z } from "zod";
+import { useProductsUiMessagesOrDefault } from "../i18n/provider.js";
+import { fetchWithValidation, useVoyantProductsContext } from "../index.js";
+const PAGE_SIZE = 25;
+const facilityRecordSchema = z
+    .object({
+    id: z.string(),
+    name: z.string(),
+    kind: z.string().nullable().optional(),
+    code: z.string().nullable().optional(),
+    country: z.string().nullable().optional(),
+})
+    .passthrough();
+const facilityListResponse = z.object({
+    data: z.array(facilityRecordSchema),
+    total: z.number().int(),
+    limit: z.number().int(),
+    offset: z.number().int(),
+});
+const facilitySingleResponse = z.object({ data: facilityRecordSchema });
+function useFacilityOptions(search) {
+    const { baseUrl, fetcher } = useVoyantProductsContext();
+    return useQuery({
+        queryKey: ["voyant", "products-ui", "facility-combobox", "list", { search }],
+        queryFn: () => {
+            const params = new URLSearchParams();
+            params.set("limit", String(PAGE_SIZE));
+            params.set("status", "active");
+            if (search)
+                params.set("search", search);
+            return fetchWithValidation(`/v1/operations/facilities?${params}`, facilityListResponse, {
+                baseUrl,
+                fetcher,
+            });
+        },
+    });
+}
+function useSelectedFacility(id) {
+    const { baseUrl, fetcher } = useVoyantProductsContext();
+    return useQuery({
+        queryKey: ["voyant", "products-ui", "facility-combobox", "detail", id],
+        queryFn: async () => {
+            if (!id)
+                throw new Error("useSelectedFacility requires an id");
+            const { data } = await fetchWithValidation(`/v1/operations/facilities/${id}`, facilitySingleResponse, { baseUrl, fetcher });
+            return data;
+        },
+        enabled: Boolean(id),
+    });
+}
+export function ProductFacilityCombobox({ value, onChange, placeholder, disabled }) {
+    const messages = useProductsUiMessagesOrDefault();
+    const [search, setSearch] = React.useState("");
+    const listQuery = useFacilityOptions(search);
+    const selectedQuery = useSelectedFacility(value);
+    const items = React.useMemo(() => {
+        const map = new Map();
+        for (const item of listQuery.data?.data ?? [])
+            map.set(item.id, item);
+        if (selectedQuery.data)
+            map.set(selectedQuery.data.id, selectedQuery.data);
+        return Array.from(map.values());
+    }, [listQuery.data?.data, selectedQuery.data]);
+    const itemMap = React.useMemo(() => new Map(items.map((item) => [item.id, item])), [items]);
+    const selected = value ? itemMap.get(value) : undefined;
+    const selectedLabel = selected ? selected.name : "";
+    const [inputValue, setInputValue] = React.useState(selectedLabel);
+    React.useEffect(() => {
+        setInputValue(selectedLabel);
+    }, [selectedLabel]);
+    return (_jsxs(Combobox, { items: items.map((item) => item.id), value: value ?? null, inputValue: inputValue, autoHighlight: true, disabled: disabled, itemToStringValue: (id) => itemMap.get(id)?.name ?? "", onInputValueChange: (next) => {
+            setInputValue(next);
+            setSearch(next);
+            if (!next)
+                onChange(null);
+        }, onValueChange: (next) => {
+            const id = next ?? null;
+            onChange(id);
+            setInputValue(id ? (itemMap.get(id)?.name ?? "") : "");
+        }, children: [_jsx(ComboboxInput, { placeholder: placeholder ?? messages.comboboxes.facility.placeholder, showClear: !!value }), _jsxs(ComboboxContent, { children: [_jsx(ComboboxEmpty, { children: listQuery.isPending || selectedQuery.isPending
+                            ? messages.common.loading
+                            : messages.comboboxes.facility.empty }), _jsx(ComboboxList, { children: _jsx(ComboboxCollection, { children: (id) => {
+                                const item = itemMap.get(id);
+                                if (!item)
+                                    return null;
+                                const subtitle = [item.kind, item.code, item.country].filter(Boolean).join(" · ");
+                                return (_jsx(ComboboxItem, { value: item.id, children: _jsxs("div", { className: "flex min-w-0 flex-col", children: [_jsx("span", { className: "truncate font-medium", children: item.name }), subtitle ? (_jsx("span", { className: "truncate text-xs text-muted-foreground", children: subtitle })) : null] }) }, item.id));
+                            } }) })] })] }));
+}

package/dist/components/product-form.d.ts

@@ -0,0 +1,14 @@
+import { type ProductRecord } from "../index.js";
+export type ProductFormMode = {
+    kind: "create";
+} | {
+    kind: "edit";
+    product: ProductRecord;
+};
+export interface ProductFormProps {
+    mode: ProductFormMode;
+    onSuccess?: (product: ProductRecord) => void;
+    onCancel?: () => void;
+}
+export declare function ProductForm({ mode, onSuccess, onCancel }: ProductFormProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=product-form.d.ts.map

package/dist/components/product-form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"product-form.d.ts","sourceRoot":"","sources":["../../src/components/product-form.tsx"],"names":[],"mappings":"AAoBA,OAAO,EAA2B,KAAK,aAAa,EAAsB,MAAM,aAAa,CAAA;AAM7F,MAAM,MAAM,eAAe,GAAG;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,aAAa,CAAA;CAAE,CAAA;AAE3F,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,eAAe,CAAA;IACrB,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,CAAA;IAC5C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACtB;AA2HD,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,gBAAgB,2CA6Z1E"}