@voyant-travel/inventory-react 0.1.0

package/dist/components/product-form.js

@@ -0,0 +1,191 @@
+// 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, Fragment as _Fragment } from "react/jsx-runtime";
+import { Badge } from "@voyant-travel/ui/components/badge";
+import { Button } from "@voyant-travel/ui/components/button";
+import { CurrencyCombobox } from "@voyant-travel/ui/components/currency-combobox";
+import { Input } from "@voyant-travel/ui/components/input";
+import { Label } from "@voyant-travel/ui/components/label";
+import { RichTextEditor } from "@voyant-travel/ui/components/rich-text-editor";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@voyant-travel/ui/components/select";
+import { Textarea } from "@voyant-travel/ui/components/textarea";
+import { Loader2, X } from "lucide-react";
+import * as React from "react";
+import { useProductsUiMessagesOrDefault } from "../i18n/index.js";
+import { useProductMutation } from "../index.js";
+import { ProductContractTemplateCombobox } from "./product-contract-template-combobox.js";
+import { ProductFacilityCombobox } from "./product-facility-combobox.js";
+import { ProductTaxClassCombobox } from "./product-tax-class-combobox.js";
+import { ProductTypeCombobox } from "./product-type-combobox.js";
+function initialState(mode) {
+    if (mode.kind === "edit") {
+        const product = mode.product;
+        return {
+            name: product.name,
+            description: product.description ?? "",
+            inclusionsHtml: product.inclusionsHtml ?? "",
+            exclusionsHtml: product.exclusionsHtml ?? "",
+            termsHtml: product.termsHtml ?? "",
+            status: product.status,
+            bookingMode: product.bookingMode,
+            capacityMode: product.capacityMode,
+            visibility: product.visibility,
+            timezone: product.timezone ?? "",
+            facilityId: product.facilityId ?? "__none__",
+            productTypeId: product.productTypeId ?? "__none__",
+            contractTemplateId: product.contractTemplateId ?? "__none__",
+            taxClassId: product.taxClassId ?? "__none__",
+            sellCurrency: product.sellCurrency,
+            sellAmount: product.sellAmountCents != null ? String(product.sellAmountCents / 100) : "",
+            costAmount: product.costAmountCents != null ? String(product.costAmountCents / 100) : "",
+            pax: product.pax != null ? String(product.pax) : "",
+            reservationTimeoutMinutes: product.reservationTimeoutMinutes != null ? String(product.reservationTimeoutMinutes) : "",
+            tags: product.tags ?? [],
+        };
+    }
+    return {
+        name: "",
+        description: "",
+        inclusionsHtml: "",
+        exclusionsHtml: "",
+        termsHtml: "",
+        status: "draft",
+        bookingMode: "itinerary",
+        capacityMode: "limited",
+        visibility: "private",
+        timezone: "",
+        facilityId: "__none__",
+        productTypeId: "__none__",
+        contractTemplateId: "__none__",
+        taxClassId: "__none__",
+        sellCurrency: "EUR", // i18n-literal-ok ISO default currency
+        sellAmount: "",
+        costAmount: "",
+        pax: "",
+        reservationTimeoutMinutes: "",
+        tags: [],
+    };
+}
+function toAmountCents(value) {
+    const trimmed = value.trim();
+    if (!trimmed)
+        return null;
+    const parsed = Number(trimmed);
+    if (!Number.isFinite(parsed) || parsed < 0)
+        return null;
+    return Math.round(parsed * 100);
+}
+function toIntegerOrNull(value) {
+    const trimmed = value.trim();
+    if (!trimmed)
+        return null;
+    const parsed = Number(trimmed);
+    if (!Number.isInteger(parsed) || parsed < 0)
+        return null;
+    return parsed;
+}
+function toPositiveIntegerOrNull(value) {
+    const parsed = toIntegerOrNull(value);
+    return parsed == null || parsed < 1 ? null : parsed;
+}
+function toPayload(state) {
+    return {
+        name: state.name.trim(),
+        description: state.description.trim() || null,
+        inclusionsHtml: state.inclusionsHtml.trim() || null,
+        exclusionsHtml: state.exclusionsHtml.trim() || null,
+        termsHtml: state.termsHtml.trim() || null,
+        status: state.status,
+        bookingMode: state.bookingMode,
+        capacityMode: state.capacityMode,
+        visibility: state.visibility,
+        timezone: state.timezone.trim() || null,
+        facilityId: state.facilityId === "__none__" ? null : state.facilityId,
+        productTypeId: state.productTypeId === "__none__" ? null : state.productTypeId,
+        contractTemplateId: state.contractTemplateId === "__none__" ? null : state.contractTemplateId,
+        taxClassId: state.taxClassId === "__none__" ? null : state.taxClassId,
+        sellCurrency: state.sellCurrency.trim().toUpperCase(),
+        sellAmountCents: toAmountCents(state.sellAmount),
+        costAmountCents: toAmountCents(state.costAmount),
+        pax: toPositiveIntegerOrNull(state.pax),
+        reservationTimeoutMinutes: toIntegerOrNull(state.reservationTimeoutMinutes),
+        tags: state.tags,
+    };
+}
+export function ProductForm({ mode, onSuccess, onCancel }) {
+    const messages = useProductsUiMessagesOrDefault();
+    const productMessages = messages.productForm;
+    const [state, setState] = React.useState(() => initialState(mode));
+    const [tagInput, setTagInput] = React.useState("");
+    const [error, setError] = React.useState(null);
+    const { create, update } = useProductMutation();
+    const isSubmitting = create.isPending || update.isPending;
+    const productStatuses = React.useMemo(() => [
+        { value: "draft", label: messages.common.productStatusLabels.draft },
+        { value: "active", label: messages.common.productStatusLabels.active },
+        { value: "archived", label: messages.common.productStatusLabels.archived },
+    ], [messages]);
+    const bookingModes = React.useMemo(() => [
+        { value: "date", label: messages.common.productBookingModeLabels.date },
+        { value: "date_time", label: messages.common.productBookingModeLabels.date_time },
+        { value: "open", label: messages.common.productBookingModeLabels.open },
+        { value: "stay", label: messages.common.productBookingModeLabels.stay },
+        { value: "transfer", label: messages.common.productBookingModeLabels.transfer },
+        { value: "itinerary", label: messages.common.productBookingModeLabels.itinerary },
+        { value: "other", label: messages.common.productBookingModeLabels.other },
+    ], [messages]);
+    const capacityModes = React.useMemo(() => [
+        { value: "free_sale", label: messages.common.productCapacityModeLabels.free_sale },
+        { value: "limited", label: messages.common.productCapacityModeLabels.limited },
+        { value: "on_request", label: messages.common.productCapacityModeLabels.on_request },
+    ], [messages]);
+    const visibilityOptions = React.useMemo(() => [
+        { value: "public", label: messages.common.productVisibilityLabels.public },
+        { value: "private", label: messages.common.productVisibilityLabels.private },
+        { value: "hidden", label: messages.common.productVisibilityLabels.hidden },
+    ], [messages]);
+    const field = (key) => (value) => {
+        setState((prev) => ({ ...prev, [key]: value }));
+    };
+    const handleSubmit = async (event) => {
+        event.preventDefault();
+        setError(null);
+        if (!state.name.trim()) {
+            setError(productMessages.validation.nameRequired);
+            return;
+        }
+        if (state.sellCurrency.trim().length !== 3) {
+            setError(productMessages.validation.sellCurrencyInvalid);
+            return;
+        }
+        if (state.pax.trim() && toPositiveIntegerOrNull(state.pax) == null) {
+            setError(productMessages.validation.paxInvalid);
+            return;
+        }
+        if (state.reservationTimeoutMinutes.trim() &&
+            toIntegerOrNull(state.reservationTimeoutMinutes) == null) {
+            setError(productMessages.validation.reservationTimeoutInvalid);
+            return;
+        }
+        const payload = toPayload(state);
+        try {
+            const product = mode.kind === "create"
+                ? await create.mutateAsync(payload)
+                : await update.mutateAsync({ id: mode.product.id, input: payload });
+            onSuccess?.(product);
+        }
+        catch (err) {
+            setError(err instanceof Error ? err.message : productMessages.validation.saveFailed);
+        }
+    };
+    return (_jsxs("form", { "data-slot": "product-form", onSubmit: handleSubmit, className: "flex min-h-0 flex-col gap-4 overflow-y-auto pr-1", children: [_jsxs("div", { className: "grid grid-cols-1 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "product-name", children: productMessages.fields.name }), _jsx(Input, { id: "product-name", required: true, autoFocus: true, value: state.name, onChange: (event) => field("name")(event.target.value), placeholder: productMessages.placeholders.name })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "product-description", children: productMessages.fields.description }), _jsx(Textarea, { id: "product-description", value: state.description, onChange: (event) => field("description")(event.target.value), placeholder: productMessages.placeholders.description })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "product-inclusions", children: productMessages.fields.inclusions }), _jsx(RichTextEditor, { value: state.inclusionsHtml, onChange: field("inclusionsHtml"), placeholder: productMessages.placeholders.inclusions, editorClassName: "max-h-[320px] overflow-y-auto" })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "product-exclusions", children: productMessages.fields.exclusions }), _jsx(RichTextEditor, { value: state.exclusionsHtml, onChange: field("exclusionsHtml"), placeholder: productMessages.placeholders.exclusions, editorClassName: "max-h-[320px] overflow-y-auto" })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "product-terms", children: productMessages.fields.terms }), _jsx(RichTextEditor, { value: state.termsHtml, onChange: field("termsHtml"), placeholder: productMessages.placeholders.terms, editorClassName: "max-h-[320px] overflow-y-auto" })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { children: productMessages.fields.tags }), _jsx("div", { className: "flex flex-wrap gap-1.5", children: state.tags.map((tag) => (_jsxs(Badge, { variant: "secondary", className: "gap-1 text-xs", children: [tag, _jsx("button", { type: "button", className: "ml-0.5 rounded-full hover:text-destructive", onClick: () => field("tags")(state.tags.filter((value) => value !== tag)), children: _jsx(X, { className: "size-3", "aria-hidden": "true" }) })] }, tag))) }), _jsx(Input, { value: tagInput, onChange: (event) => setTagInput(event.target.value), onKeyDown: (event) => {
+                                    if (event.key === "Enter" || event.key === ",") {
+                                        event.preventDefault();
+                                        const value = tagInput.trim().replace(/,+$/, "");
+                                        if (value && !state.tags.includes(value)) {
+                                            field("tags")([...state.tags, value]);
+                                        }
+                                        setTagInput("");
+                                    }
+                                }, placeholder: productMessages.placeholders.tagInput })] }), _jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { children: productMessages.fields.status }), _jsxs(Select, { value: state.status, onValueChange: (value) => value && field("status")(value), items: productStatuses, children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: productStatuses.map((status) => (_jsx(SelectItem, { value: status.value, children: status.label }, status.value))) })] })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { children: productMessages.fields.bookingMode }), _jsxs(Select, { items: bookingModes, value: state.bookingMode, onValueChange: (value) => value && field("bookingMode")(value), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: bookingModes.map((modeOption) => (_jsx(SelectItem, { value: modeOption.value, children: modeOption.label }, modeOption.value))) })] })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { children: productMessages.fields.productType }), _jsx(ProductTypeCombobox, { value: state.productTypeId === "__none__" ? null : state.productTypeId, onChange: (value) => field("productTypeId")(value ?? "__none__"), placeholder: productMessages.placeholders.productTypeSearch })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { children: productMessages.fields.facility }), _jsx(ProductFacilityCombobox, { value: state.facilityId === "__none__" ? null : state.facilityId, onChange: (value) => field("facilityId")(value ?? "__none__"), placeholder: productMessages.placeholders.facilitySearch })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { children: productMessages.fields.taxClass }), _jsx(ProductTaxClassCombobox, { value: state.taxClassId === "__none__" ? null : state.taxClassId, onChange: (value) => field("taxClassId")(value ?? "__none__"), placeholder: productMessages.placeholders.taxClassSearch })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { children: productMessages.fields.contractTemplate }), _jsx(ProductContractTemplateCombobox, { value: state.contractTemplateId === "__none__" ? null : state.contractTemplateId, onChange: (value) => field("contractTemplateId")(value ?? "__none__"), placeholder: productMessages.placeholders.contractTemplateSearch })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { children: productMessages.fields.visibility }), _jsxs(Select, { items: visibilityOptions, value: state.visibility, onValueChange: (value) => value && field("visibility")(value), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: visibilityOptions.map((option) => (_jsx(SelectItem, { value: option.value, children: option.label }, option.value))) })] })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { children: productMessages.fields.capacityMode }), _jsxs(Select, { items: capacityModes, value: state.capacityMode, onValueChange: (value) => value && field("capacityMode")(value), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: capacityModes.map((option) => (_jsx(SelectItem, { value: option.value, children: option.label }, option.value))) })] })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "product-timezone", children: productMessages.fields.timezone }), _jsx(Input, { id: "product-timezone", value: state.timezone, onChange: (event) => field("timezone")(event.target.value), placeholder: productMessages.placeholders.timezone })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "product-pax", children: productMessages.fields.pax }), _jsx(Input, { id: "product-pax", type: "number", min: "1", step: "1", value: state.pax, onChange: (event) => field("pax")(event.target.value), placeholder: productMessages.placeholders.pax })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "product-reservation-timeout", children: productMessages.fields.reservationTimeout }), _jsx(Input, { id: "product-reservation-timeout", type: "number", min: "0", step: "1", value: state.reservationTimeoutMinutes, onChange: (event) => field("reservationTimeoutMinutes")(event.target.value), placeholder: productMessages.placeholders.reservationTimeout })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { children: productMessages.fields.sellCurrency }), _jsx(CurrencyCombobox, { value: state.sellCurrency, onChange: (value) => field("sellCurrency")(value ?? ""), placeholder: productMessages.placeholders.currencySearch })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "product-sell-amount", children: productMessages.fields.sellAmount }), _jsx(Input, { id: "product-sell-amount", type: "number", min: "0", step: "0.01", value: state.sellAmount, onChange: (event) => field("sellAmount")(event.target.value), placeholder: productMessages.placeholders.amount })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "product-cost-amount", children: productMessages.fields.costAmount }), _jsx(Input, { id: "product-cost-amount", type: "number", min: "0", step: "0.01", value: state.costAmount, onChange: (event) => field("costAmount")(event.target.value), placeholder: productMessages.placeholders.amount })] })] })] }), error ? (_jsx("p", { "data-slot": "product-form-error", className: "text-sm text-destructive", children: error })) : null, _jsxs("div", { className: "flex items-center justify-end gap-2", children: [onCancel ? (_jsx(Button, { type: "button", variant: "ghost", onClick: onCancel, disabled: isSubmitting, children: productMessages.actions.cancel })) : null, _jsx(Button, { type: "submit", disabled: isSubmitting, children: isSubmitting ? (_jsxs(_Fragment, { children: [_jsx(Loader2, { className: "mr-2 size-4 animate-spin", "aria-hidden": "true" }), productMessages.actions.saving] })) : mode.kind === "create" ? (productMessages.actions.create) : (productMessages.actions.saveChanges) })] })] }));
+}

package/dist/components/product-itinerary-day-row.d.ts

@@ -0,0 +1,22 @@
+import type * as React from "react";
+import { type ProductDayRecord, type ProductDayServiceRecord } from "../index.js";
+export interface ProductItineraryDayRowRenderContext {
+    productId: string;
+    day: ProductDayRecord;
+    expanded: boolean;
+}
+export interface ProductItineraryDayRowProps {
+    productId: string;
+    day: ProductDayRecord;
+    expanded: boolean;
+    onToggle: () => void;
+    onEdit?: () => void;
+    onDelete?: () => void;
+    onAddService?: () => void;
+    onEditService?: (service: ProductDayServiceRecord) => void;
+    onDeleteService?: (service: ProductDayServiceRecord) => void;
+    renderDayDetails?: (context: ProductItineraryDayRowRenderContext) => React.ReactNode;
+    renderServiceActions?: (service: ProductDayServiceRecord) => React.ReactNode;
+}
+export declare function ProductItineraryDayRow({ productId, day, expanded, onToggle, onEdit, onDelete, onAddService, onEditService, onDeleteService, renderDayDetails, renderServiceActions, }: ProductItineraryDayRowProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=product-itinerary-day-row.d.ts.map

package/dist/components/product-itinerary-day-row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"product-itinerary-day-row.d.ts","sourceRoot":"","sources":["../../src/components/product-itinerary-day-row.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAEnC,OAAO,EACL,KAAK,gBAAgB,EACrB,KAAK,uBAAuB,EAE7B,MAAM,aAAa,CAAA;AAEpB,MAAM,WAAW,mCAAmC;IAClD,SAAS,EAAE,MAAM,CAAA;IACjB,GAAG,EAAE,gBAAgB,CAAA;IACrB,QAAQ,EAAE,OAAO,CAAA;CAClB;AAED,MAAM,WAAW,2BAA2B;IAC1C,SAAS,EAAE,MAAM,CAAA;IACjB,GAAG,EAAE,gBAAgB,CAAA;IACrB,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IACzB,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,uBAAuB,KAAK,IAAI,CAAA;IAC1D,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,uBAAuB,KAAK,IAAI,CAAA;IAC5D,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;CAC7E;AASD,wBAAgB,sBAAsB,CAAC,EACrC,SAAS,EACT,GAAG,EACH,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,YAAY,EACZ,aAAa,EACb,eAAe,EACf,gBAAgB,EAChB,oBAAoB,GACrB,EAAE,2BAA2B,2CA+H7B"}

package/dist/components/product-itinerary-day-row.js

@@ -0,0 +1,17 @@
+"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 { ChevronDown, ChevronRight, Pencil, Plus, Trash2 } from "lucide-react";
+import { useProductsUiMessagesOrDefault } from "../i18n/provider.js";
+import { useProductDayServices, } from "../index.js";
+function formatServiceType(serviceType, messages) {
+    return messages.serviceTypes[serviceType];
+}
+export function ProductItineraryDayRow({ productId, day, expanded, onToggle, onEdit, onDelete, onAddService, onEditService, onDeleteService, renderDayDetails, renderServiceActions, }) {
+    const messages = useProductsUiMessagesOrDefault();
+    const rowMessages = messages.productItineraryDayRow;
+    const servicesQuery = useProductDayServices(productId, day.id, { enabled: expanded });
+    const services = servicesQuery.data?.data ?? [];
+    return (_jsxs("div", { "data-slot": "product-itinerary-day-row", className: "rounded-md border bg-background", children: [_jsxs("div", { className: "flex items-center gap-3 px-4 py-3", children: [_jsx(Button, { type: "button", variant: "ghost", size: "icon-sm", onClick: onToggle, children: expanded ? (_jsx(ChevronDown, { className: "size-4", "aria-hidden": "true" })) : (_jsx(ChevronRight, { className: "size-4", "aria-hidden": "true" })) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "truncate text-sm font-medium", children: [rowMessages.dayLabel.replace("{dayNumber}", String(day.dayNumber)), day.title ? `: ${day.title}` : ""] }), day.location ? (_jsx("div", { className: "truncate text-xs text-muted-foreground", children: day.location })) : null] }), _jsxs("div", { className: "flex items-center gap-1", children: [onAddService ? (_jsx(Button, { type: "button", variant: "ghost", size: "icon-sm", onClick: onAddService, children: _jsx(Plus, { className: "size-4", "aria-hidden": "true" }) })) : null, onEdit ? (_jsx(Button, { type: "button", variant: "ghost", size: "icon-sm", onClick: onEdit, children: _jsx(Pencil, { className: "size-4", "aria-hidden": "true" }) })) : null, onDelete ? (_jsx(Button, { type: "button", variant: "ghost", size: "icon-sm", onClick: onDelete, children: _jsx(Trash2, { className: "size-4", "aria-hidden": "true" }) })) : null] })] }), expanded ? (_jsxs("div", { className: "border-t", children: [renderDayDetails ? (_jsx("div", { className: "border-b p-4", children: renderDayDetails({ productId, day, expanded }) })) : null, servicesQuery.isPending ? (_jsx("p", { className: "p-4 text-center text-sm text-muted-foreground", children: messages.common.loading })) : servicesQuery.isError ? (_jsx("p", { className: "p-4 text-center text-sm text-destructive", children: rowMessages.servicesLoadingError })) : services.length === 0 ? (_jsx("p", { className: "p-4 text-center text-sm text-muted-foreground", children: rowMessages.emptyServices })) : (_jsx("div", { className: "overflow-x-auto", children: _jsxs("table", { className: "w-full text-sm", children: [_jsx("thead", { children: _jsxs("tr", { className: "border-b bg-muted/30 text-muted-foreground", children: [_jsx("th", { className: "px-4 py-2 text-left font-medium", children: rowMessages.columns.name }), _jsx("th", { className: "px-3 py-2 text-left font-medium", children: rowMessages.columns.type }), _jsx("th", { className: "px-3 py-2 text-left font-medium", children: rowMessages.columns.cost }), _jsx("th", { className: "px-3 py-2 text-left font-medium", children: rowMessages.columns.quantity }), _jsx("th", { className: "w-24 px-3 py-2" })] }) }), _jsx("tbody", { children: services.map((service) => (_jsxs("tr", { className: "border-b last:border-b-0", children: [_jsx("td", { className: "px-4 py-2", children: service.name }), _jsx("td", { className: "px-3 py-2", children: _jsx(Badge, { variant: "outline", children: formatServiceType(service.serviceType, messages.productDayServiceForm) }) }), _jsxs("td", { className: "px-3 py-2 font-mono text-xs", children: [(service.costAmountCents / 100).toFixed(2), " ", service.costCurrency] }), _jsx("td", { className: "px-3 py-2", children: service.quantity }), _jsx("td", { className: "px-3 py-2", children: renderServiceActions ? (renderServiceActions(service)) : (_jsxs("div", { className: "flex items-center justify-end gap-1", children: [onEditService ? (_jsx(Button, { type: "button", variant: "ghost", size: "icon-sm", onClick: () => onEditService(service), children: _jsx(Pencil, { className: "size-4", "aria-hidden": "true" }) })) : null, onDeleteService ? (_jsx(Button, { type: "button", variant: "ghost", size: "icon-sm", onClick: () => onDeleteService(service), children: _jsx(Trash2, { className: "size-4", "aria-hidden": "true" }) })) : null] })) })] }, service.id))) })] }) }))] })) : null] }));
+}

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

@@ -0,0 +1,16 @@
+type ItineraryData = {
+    id: string;
+    name: string;
+    isDefault: boolean;
+};
+export interface ProductItineraryDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    productId: string;
+    itinerary?: ItineraryData;
+    itineraryCount: number;
+    onSuccess?: (itineraryId: string) => void;
+}
+export declare function ProductItineraryDialog({ open, onOpenChange, productId, itinerary, itineraryCount, onSuccess, }: ProductItineraryDialogProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=product-itinerary-dialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"product-itinerary-dialog.d.ts","sourceRoot":"","sources":["../../src/components/product-itinerary-dialog.tsx"],"names":[],"mappings":"AAkBA,KAAK,aAAa,GAAG;IACnB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,MAAM,WAAW,2BAA2B;IAC1C,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,aAAa,CAAA;IACzB,cAAc,EAAE,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAA;CAC1C;AAED,wBAAgB,sBAAsB,CAAC,EACrC,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,SAAS,EACT,cAAc,EACd,SAAS,GACV,EAAE,2BAA2B,2CAuI7B"}

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

@@ -0,0 +1,85 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "@voyant-travel/ui/components/button";
+import { Checkbox } from "@voyant-travel/ui/components/checkbox";
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, } from "@voyant-travel/ui/components/dialog";
+import { Input } from "@voyant-travel/ui/components/input";
+import { Label } from "@voyant-travel/ui/components/label";
+import { Loader2 } from "lucide-react";
+import * as React from "react";
+import { useProductsUiMessagesOrDefault } from "../i18n/provider.js";
+import { useProductItineraryMutation } from "../index.js";
+export function ProductItineraryDialog({ open, onOpenChange, productId, itinerary, itineraryCount, onSuccess, }) {
+    const isEditing = !!itinerary;
+    const isFirstItinerary = !isEditing && itineraryCount === 0;
+    const defaultLocked = isEditing && itinerary?.isDefault === true;
+    const [name, setName] = React.useState("");
+    const [isDefault, setIsDefault] = React.useState(false);
+    const [error, setError] = React.useState(null);
+    const messages = useProductsUiMessagesOrDefault();
+    const { create, update } = useProductItineraryMutation();
+    const pending = create.isPending || update.isPending;
+    React.useEffect(() => {
+        if (!open)
+            return;
+        setError(null);
+        if (itinerary) {
+            setName(itinerary.name);
+            setIsDefault(itinerary.isDefault);
+        }
+        else {
+            setName("");
+            setIsDefault(isFirstItinerary);
+        }
+    }, [open, itinerary, isFirstItinerary]);
+    const handleSubmit = async (event) => {
+        event.preventDefault();
+        setError(null);
+        const trimmed = name.trim();
+        if (!trimmed) {
+            setError(messages.productItineraryDialog.validation.nameRequired);
+            return;
+        }
+        try {
+            if (itinerary) {
+                const patch = {};
+                if (trimmed !== itinerary.name)
+                    patch.name = trimmed;
+                if (isDefault && !itinerary.isDefault)
+                    patch.isDefault = true;
+                if (Object.keys(patch).length > 0) {
+                    await update.mutateAsync({
+                        productId,
+                        itineraryId: itinerary.id,
+                        input: patch,
+                    });
+                }
+                onSuccess?.(itinerary.id);
+            }
+            else {
+                const created = await create.mutateAsync({
+                    productId,
+                    input: {
+                        name: trimmed,
+                        sortOrder: itineraryCount,
+                        isDefault: itineraryCount === 0 ? true : isDefault,
+                    },
+                });
+                onSuccess?.(created.id);
+            }
+            onOpenChange(false);
+        }
+        catch (submissionError) {
+            setError(submissionError instanceof Error
+                ? submissionError.message
+                : messages.productItineraryDialog.validation.saveFailed);
+        }
+    };
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { "data-slot": "product-itinerary-dialog", className: "sm:max-w-md", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: isEditing
+                                ? messages.productItineraryDialog.titles.edit
+                                : messages.productItineraryDialog.titles.create }), _jsx(DialogDescription, { children: isEditing
+                                ? messages.productItineraryDialog.descriptions.edit
+                                : messages.productItineraryDialog.descriptions.create })] }), _jsxs("form", { className: "flex flex-col gap-4", onSubmit: handleSubmit, children: [_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "product-itinerary-name", children: messages.productItineraryDialog.fields.name }), _jsx(Input, { id: "product-itinerary-name", autoFocus: true, value: name, onChange: (event) => setName(event.target.value), placeholder: messages.productItineraryDialog.placeholders.name })] }), _jsxs("div", { className: "flex items-start gap-2", children: [_jsx(Checkbox, { id: "product-itinerary-default", checked: isDefault, disabled: defaultLocked || isFirstItinerary, onCheckedChange: (checked) => setIsDefault(checked === true) }), _jsxs("div", { className: "flex flex-col gap-1", children: [_jsx(Label, { htmlFor: "product-itinerary-default", className: "text-sm font-normal", children: messages.productItineraryDialog.fields.defaultItinerary }), defaultLocked ? (_jsx("p", { className: "text-xs text-muted-foreground", children: messages.productItineraryDialog.fields.notesDefaultLocked })) : isFirstItinerary ? (_jsx("p", { className: "text-xs text-muted-foreground", children: messages.productItineraryDialog.fields.notesFirstDefault })) : null] })] }), error ? _jsx("p", { className: "text-sm text-destructive", children: error }) : null, _jsxs("div", { className: "flex items-center justify-end gap-2", children: [_jsx(Button, { type: "button", variant: "ghost", onClick: () => onOpenChange(false), children: messages.common.cancel }), _jsxs(Button, { type: "submit", disabled: pending, children: [pending ? _jsx(Loader2, { className: "mr-2 size-4 animate-spin", "aria-hidden": "true" }) : null, isEditing
+                                            ? messages.common.saveChanges
+                                            : messages.productItineraryDialog.actions.createItinerary] })] })] })] }) }));
+}

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

@@ -0,0 +1,16 @@
+import * as React from "react";
+import { type ProductDayServiceRecord } from "../index.js";
+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":"AAkBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAEL,KAAK,uBAAuB,EAO7B,MAAM,aAAa,CAAA;AAGpB,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 { Button } from "@voyant-travel/ui/components/button";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle, } from "@voyant-travel/ui/components/card";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@voyant-travel/ui/components/select";
+import { Edit, Loader2, Plus, Trash2 } from "lucide-react";
+import * as React from "react";
+import { useProductsUiMessagesOrDefault } from "../i18n/provider.js";
+import { useProductDayMutation, useProductDayServiceMutation, useProductItineraries, useProductItineraryDays, useProductItineraryMutation, } from "../index.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/components/product-list.d.ts

@@ -0,0 +1,7 @@
+import { type ProductRecord } from "../index.js";
+export interface ProductListProps {
+    pageSize?: number;
+    onSelectProduct?: (product: ProductRecord) => void;
+}
+export declare function ProductList({ pageSize, onSelectProduct }?: ProductListProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=product-list.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"product-list.d.ts","sourceRoot":"","sources":["../../src/components/product-list.tsx"],"names":[],"mappings":"AA6BA,OAAO,EACL,KAAK,aAAa,EAInB,MAAM,aAAa,CAAA;AAGpB,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,CAAA;CACnD;AA8BD,wBAAgB,WAAW,CAAC,EAAE,QAAa,EAAE,eAAe,EAAE,GAAE,gBAAqB,2CA2YpF"}