@voyantjs/products-ui 0.101.1 → 0.101.2

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

@@ -0,0 +1,25 @@
+export type DepartureSlot = {
+    id: string;
+    productId: string;
+    optionId: string | null;
+    itineraryId: string | null;
+    dateLocal: string;
+    startsAt: string;
+    endsAt: string | null;
+    timezone: string;
+    status: "open" | "closed" | "sold_out" | "cancelled";
+    unlimited: boolean;
+    initialPax: number | null;
+    remainingPax: number | null;
+    nights: number | null;
+    days: number | null;
+    notes: string | null;
+};
+export interface DepartureFormProps {
+    productId: string;
+    slot?: DepartureSlot;
+    onSuccess: () => void;
+    onCancel?: () => void;
+}
+export declare function DepartureForm({ productId, slot, onSuccess, onCancel }: DepartureFormProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=product-departure-form.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"product-departure-form.d.ts","sourceRoot":"","sources":["../../../src/components/product-detail/product-departure-form.tsx"],"names":[],"mappings":"AA8EA,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,EAAE,MAAM,CAAA;IACV,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,MAAM,GAAG,QAAQ,GAAG,UAAU,GAAG,WAAW,CAAA;IACpD,SAAS,EAAE,OAAO,CAAA;IAClB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,IAAI,EAAE,MAAM,GAAG,IAAI,CAAA;IACnB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;CACrB,CAAA;AAED,MAAM,WAAW,kBAAkB;IACjC,SAAS,EAAE,MAAM,CAAA;IACjB,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACtB;AAuDD,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,kBAAkB,2CAwWzF"}

package/dist/components/product-detail/product-departure-form.js

@@ -0,0 +1,217 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { formatMessage } from "@voyantjs/i18n";
+import { useProductItineraries } from "@voyantjs/products-react";
+import { Button, Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Switch, Textarea, } from "@voyantjs/ui/components";
+import { Combobox, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxInput, ComboboxItem, ComboboxList, } from "@voyantjs/ui/components/combobox";
+import { Loader2 } from "lucide-react";
+import { useEffect } from "react";
+import { useForm } from "react-hook-form";
+import { z } from "zod/v4";
+import { DatePicker } from "./date-picker.js";
+import { useProductDetailApi, useProductDetailMessages } from "./host.js";
+import { getTimezoneLabel, TIMEZONE_IDS, TIMEZONE_OPTIONS } from "./timezone-options.js";
+import { zodResolver } from "./zod-resolver.js";
+const buildDepartureFormSchema = (messages) => z
+    .object({
+    startDate: z.string().min(1, messages.validationStartDateRequired),
+    startTime: z.string().min(1, messages.validationStartTimeRequired),
+    endDate: z.string().optional().nullable(),
+    endTime: z.string().optional().nullable(),
+    itineraryId: z.string().optional().nullable(),
+    timezone: z.string().min(1, messages.validationTimezoneRequired),
+    status: z.enum(["open", "closed", "sold_out", "cancelled"]),
+    unlimited: z.boolean(),
+    initialPax: z.coerce.number().int().min(0).optional().or(z.literal("")).nullable(),
+    nights: z.coerce.number().int().min(0).optional().or(z.literal("")).nullable(),
+    days: z.coerce.number().int().min(0).optional().or(z.literal("")).nullable(),
+    notes: z.string().optional().nullable(),
+})
+    .refine((v) => {
+    if (!v.endDate || typeof v.endDate !== "string" || v.endDate.length === 0)
+        return true;
+    return v.endDate >= v.startDate;
+}, { message: messages.validationEndDateOrder, path: ["endDate"] })
+    .refine((v) => {
+    const endDate = v.endDate && typeof v.endDate === "string" && v.endDate.length > 0
+        ? v.endDate
+        : v.startDate;
+    const endTime = v.endTime && typeof v.endTime === "string" && v.endTime.length > 0 ? v.endTime : null;
+    if (!endTime)
+        return true;
+    if (endDate > v.startDate)
+        return true;
+    return endTime >= v.startTime;
+}, { message: messages.validationEndTimeOrder, path: ["endTime"] });
+function combineLocalToIso(date, time) {
+    const iso = new Date(`${date}T${time}:00Z`).toISOString();
+    return iso;
+}
+function isoToLocalDate(iso) {
+    const d = new Date(iso);
+    const y = d.getUTCFullYear();
+    const m = String(d.getUTCMonth() + 1).padStart(2, "0");
+    const day = String(d.getUTCDate()).padStart(2, "0");
+    return `${y}-${m}-${day}`;
+}
+function isoToLocalTime(iso) {
+    const d = new Date(iso);
+    const hh = String(d.getUTCHours()).padStart(2, "0");
+    const mm = String(d.getUTCMinutes()).padStart(2, "0");
+    return `${hh}:${mm}`;
+}
+function initialValues(slot, defaultTz) {
+    if (slot) {
+        return {
+            startDate: slot.dateLocal,
+            startTime: isoToLocalTime(slot.startsAt),
+            endDate: slot.endsAt ? isoToLocalDate(slot.endsAt) : "",
+            endTime: slot.endsAt ? isoToLocalTime(slot.endsAt) : "",
+            itineraryId: slot.itineraryId ?? "",
+            timezone: slot.timezone,
+            status: slot.status,
+            unlimited: slot.unlimited,
+            initialPax: slot.initialPax != null ? slot.initialPax : "",
+            nights: slot.nights != null ? slot.nights : "",
+            days: slot.days != null ? slot.days : "",
+            notes: slot.notes ?? "",
+        };
+    }
+    return {
+        startDate: "",
+        startTime: "09:00",
+        endDate: "",
+        endTime: "",
+        itineraryId: "",
+        timezone: defaultTz,
+        status: "open",
+        unlimited: false,
+        initialPax: "",
+        nights: "",
+        days: "",
+        notes: "",
+    };
+}
+export function DepartureForm({ productId, slot, onSuccess, onCancel }) {
+    const messages = useProductDetailMessages();
+    const api = useProductDetailApi();
+    const productMessages = messages.products.core;
+    const departureMessages = messages.products.operations.departures;
+    const itineraryMessages = messages.products.operations.itineraries;
+    const isEditing = !!slot;
+    const departureFormSchema = buildDepartureFormSchema(departureMessages);
+    const slotStatuses = [
+        { value: "open", label: productMessages.departureStatusOpen },
+        { value: "closed", label: productMessages.departureStatusClosed },
+        { value: "sold_out", label: productMessages.departureStatusSoldOut },
+        { value: "cancelled", label: productMessages.departureStatusCancelled },
+    ];
+    const defaultTz = typeof Intl !== "undefined"
+        ? (Intl.DateTimeFormat().resolvedOptions().timeZone ?? "UTC")
+        : "UTC";
+    const form = useForm({
+        resolver: zodResolver(departureFormSchema),
+        defaultValues: initialValues(slot, defaultTz),
+    });
+    const unlimited = form.watch("unlimited");
+    const startDate = form.watch("startDate");
+    const endDate = form.watch("endDate");
+    const timezone = form.watch("timezone");
+    const { data: itineraryData } = useProductItineraries(productId);
+    const itineraries = itineraryData?.data ?? [];
+    const defaultItinerary = itineraries.find((itinerary) => itinerary.isDefault) ?? itineraries[0];
+    const nights = (() => {
+        if (!startDate || !endDate || typeof endDate !== "string" || endDate.length === 0)
+            return 0;
+        const start = new Date(`${startDate}T00:00:00Z`).getTime();
+        const end = new Date(`${endDate}T00:00:00Z`).getTime();
+        const diffDays = Math.round((end - start) / 86_400_000);
+        return diffDays > 0 ? diffDays : 0;
+    })();
+    useEffect(() => {
+        form.reset(initialValues(slot, defaultTz));
+    }, [slot, form, defaultTz]);
+    const onSubmit = async (values) => {
+        const startsAt = combineLocalToIso(values.startDate, values.startTime);
+        const effectiveEndDate = values.endDate && typeof values.endDate === "string" && values.endDate.length > 0
+            ? values.endDate
+            : values.startDate;
+        const hasEndTime = values.endTime && typeof values.endTime === "string" && values.endTime.length > 0;
+        const hasExplicitEndDate = values.endDate && typeof values.endDate === "string" && values.endDate.length > 0;
+        const endsAt = hasEndTime || hasExplicitEndDate
+            ? combineLocalToIso(effectiveEndDate, hasEndTime ? values.endTime : "18:00")
+            : null;
+        const initialPax = !values.unlimited && typeof values.initialPax === "number" ? values.initialPax : null;
+        // Treat blank / zero overrides as `null` so the slot card doesn't show
+        // "0 nights / 0 days" after the operator clears the override (#1087 side
+        // bug). The schema accepts `null` for both; sending `0` was the bug.
+        const nightsOverride = typeof values.nights === "number" && values.nights > 0 ? values.nights : null;
+        const daysOverride = typeof values.days === "number" && values.days > 0 ? values.days : null;
+        // `remainingPax` is intentionally omitted on edit — the slot service is
+        // the source of truth for that field. Concurrent flows (holds, bookings,
+        // refunds) mutate it atomically while a form is open, so any snapshot
+        // we computed in JS would be stale by save time (#1087, Codex review on
+        // #1088). The backend's `updateSlot` recomputes remaining_pax in the
+        // same UPDATE statement when initialPax / unlimited change.
+        const baseFields = {
+            productId,
+            itineraryId: values.itineraryId ? values.itineraryId : null,
+            dateLocal: values.startDate,
+            startsAt,
+            endsAt,
+            timezone: values.timezone,
+            status: values.status,
+            unlimited: values.unlimited,
+            initialPax,
+            nights: nightsOverride,
+            days: daysOverride,
+            notes: values.notes || null,
+        };
+        if (isEditing) {
+            await api.patch(`/v1/availability/slots/${slot.id}`, baseFields);
+        }
+        else {
+            // New slots haven't been booked against yet, so seeding remainingPax
+            // from initialPax is correct on create.
+            await api.post("/v1/availability/slots", { ...baseFields, remainingPax: initialPax });
+        }
+        onSuccess();
+    };
+    return (_jsxs("form", { onSubmit: form.handleSubmit(onSubmit), className: "flex flex-1 flex-col gap-6 overflow-hidden", children: [_jsxs("fieldset", { className: "grid gap-3", children: [_jsx("legend", { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: departureMessages.scheduleLegend }), _jsxs("div", { className: "grid grid-cols-2 gap-3", children: [_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { children: departureMessages.startDateLabel }), _jsx(DatePicker, { value: startDate || null, onChange: (v) => form.setValue("startDate", v ?? "", {
+                                            shouldValidate: true,
+                                            shouldDirty: true,
+                                        }), placeholder: departureMessages.datePlaceholder }), form.formState.errors.startDate && (_jsx("p", { className: "text-xs text-destructive", children: form.formState.errors.startDate.message }))] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { children: departureMessages.startTimeLabel }), _jsx(Input, { ...form.register("startTime"), type: "time" }), form.formState.errors.startTime && (_jsx("p", { className: "text-xs text-destructive", children: form.formState.errors.startTime.message }))] })] }), _jsxs("div", { className: "grid grid-cols-2 gap-3", children: [_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsxs(Label, { children: [departureMessages.endDateLabel, " ", _jsx("span", { className: "text-muted-foreground font-normal", children: departureMessages.endDateOptional })] }), _jsx(DatePicker, { value: typeof endDate === "string" && endDate.length > 0 ? endDate : null, onChange: (v) => form.setValue("endDate", v ?? "", {
+                                            shouldValidate: true,
+                                            shouldDirty: true,
+                                        }), placeholder: departureMessages.datePlaceholder, clearable: true, dateDisabled: startDate ? { before: new Date(`${startDate}T00:00:00`) } : undefined }), form.formState.errors.endDate && (_jsx("p", { className: "text-xs text-destructive", children: form.formState.errors.endDate.message }))] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsxs(Label, { children: [departureMessages.endTimeLabel, " ", _jsx("span", { className: "text-muted-foreground font-normal", children: departureMessages.endTimeOptional })] }), _jsx(Input, { ...form.register("endTime"), type: "time" }), form.formState.errors.endTime && (_jsx("p", { className: "text-xs text-destructive", children: form.formState.errors.endTime.message }))] })] }), nights > 0 && (_jsxs(_Fragment, { children: [_jsx("p", { className: "text-xs text-muted-foreground", children: formatMessage(departureMessages.multiDayHint, {
+                                    nights,
+                                    nightSuffix: nights === 1 ? "" : "s",
+                                    days: nights + 1,
+                                }) }), _jsxs("div", { className: "grid grid-cols-2 gap-3", children: [_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { children: departureMessages.nightsOverrideLabel }), _jsx(Input, { ...form.register("nights"), type: "number", min: "0", step: "1", placeholder: String(nights) })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { children: departureMessages.daysOverrideLabel }), _jsx(Input, { ...form.register("days"), type: "number", min: "0", step: "1", placeholder: String(nights + 1) })] })] })] })), itineraries.length > 1 ? (_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { children: itineraryMessages.formLabel }), _jsxs(Select, { items: [
+                                    {
+                                        label: defaultItinerary
+                                            ? formatMessage(itineraryMessages.defaultWithName, {
+                                                name: defaultItinerary.name,
+                                            })
+                                            : itineraryMessages.defaultBadge,
+                                        value: "",
+                                    },
+                                    ...itineraries.map((itinerary) => ({
+                                        label: itinerary.name,
+                                        value: itinerary.id,
+                                    })),
+                                ], value: form.watch("itineraryId") ?? "", onValueChange: (value) => form.setValue("itineraryId", value), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "", children: defaultItinerary
+                                                    ? formatMessage(itineraryMessages.defaultWithName, {
+                                                        name: defaultItinerary.name,
+                                                    })
+                                                    : itineraryMessages.defaultBadge }), itineraries.map((itinerary) => (_jsx(SelectItem, { value: itinerary.id, children: itinerary.name }, itinerary.id)))] })] }), _jsx("p", { className: "text-xs text-muted-foreground", children: itineraryMessages.overrideHint })] })) : null, _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { children: departureMessages.timezoneLabel }), _jsxs(Combobox, { items: TIMEZONE_IDS, value: timezone || null, autoHighlight: true, itemToStringValue: (id) => getTimezoneLabel(id), onValueChange: (next) => {
+                                    if (typeof next === "string") {
+                                        form.setValue("timezone", next, {
+                                            shouldValidate: true,
+                                            shouldDirty: true,
+                                        });
+                                    }
+                                }, children: [_jsx(ComboboxInput, { placeholder: departureMessages.timezoneSearchPlaceholder, className: "w-full" }), _jsxs(ComboboxContent, { children: [_jsx(ComboboxEmpty, { children: departureMessages.timezoneEmpty }), _jsx(ComboboxList, { children: _jsx(ComboboxCollection, { children: (id) => {
+                                                        const tz = TIMEZONE_OPTIONS.find((t) => t.id === id);
+                                                        return (_jsxs(ComboboxItem, { value: id, children: [_jsx("span", { className: "font-mono text-xs", children: id }), tz ? (_jsx("span", { className: "ml-2 text-xs text-muted-foreground", children: tz.label })) : null] }, id));
+                                                    } }) })] })] }), form.formState.errors.timezone && (_jsx("p", { className: "text-xs text-destructive", children: form.formState.errors.timezone.message }))] })] }), _jsxs("fieldset", { className: "grid gap-3", children: [_jsx("legend", { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: departureMessages.availabilityLegend }), _jsxs("div", { className: "grid grid-cols-2 gap-3", children: [_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { children: departureMessages.statusLabel }), _jsxs(Select, { value: form.watch("status"), onValueChange: (v) => form.setValue("status", v), items: slotStatuses, children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: slotStatuses.map((s) => (_jsx(SelectItem, { value: s.value, children: s.label }, s.value))) })] })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { children: departureMessages.capacityLabel }), _jsx(Input, { ...form.register("initialPax"), type: "number", min: "0", step: "1", placeholder: "0", disabled: unlimited })] })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Switch, { id: "unlimited", checked: unlimited, onCheckedChange: (c) => form.setValue("unlimited", c) }), _jsx(Label, { htmlFor: "unlimited", className: "font-normal cursor-pointer", children: departureMessages.unlimitedLabel })] })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { children: departureMessages.notesLabel }), _jsx(Textarea, { ...form.register("notes"), placeholder: departureMessages.notesPlaceholder })] }), _jsxs("div", { className: "flex items-center justify-end gap-2", children: [onCancel ? (_jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: onCancel, children: productMessages.cancel })) : null, _jsxs(Button, { type: "submit", size: "sm", disabled: form.formState.isSubmitting, children: [form.formState.isSubmitting && _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), isEditing ? productMessages.saveChanges : departureMessages.create] })] })] }));
+}

package/dist/components/product-detail/product-departure-pricing-override-dialog.d.ts

@@ -0,0 +1,8 @@
+export declare function DeparturePricingOverrideDialog({ open, onOpenChange, departureId, optionId, onSuccess, }: {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    departureId: string | null;
+    optionId: string | null;
+    onSuccess: () => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=product-departure-pricing-override-dialog.d.ts.map

package/dist/components/product-detail/product-departure-pricing-override-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"product-departure-pricing-override-dialog.d.ts","sourceRoot":"","sources":["../../../src/components/product-detail/product-departure-pricing-override-dialog.tsx"],"names":[],"mappings":"AAmDA,wBAAgB,8BAA8B,CAAC,EAC7C,IAAI,EACJ,YAAY,EACZ,WAAW,EACX,QAAQ,EACR,SAAS,GACV,EAAE;IACD,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,WAAW,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,SAAS,EAAE,MAAM,IAAI,CAAA;CACtB,2CAwNA"}

package/dist/components/product-detail/product-departure-pricing-override-dialog.js

@@ -0,0 +1,125 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useQuery } from "@tanstack/react-query";
+import { useDeparturePriceOverrideMutation } from "@voyantjs/pricing-react";
+import { useVoyantProductsContext } from "@voyantjs/products-react";
+import { Button, Input, Sheet, SheetBody, SheetContent, SheetHeader, SheetTitle, Switch, } from "@voyantjs/ui/components";
+import { Trash2 } from "lucide-react";
+import { useEffect, useState } from "react";
+import { useProductDetailMessages } from "./host.js";
+import { getDeparturePriceOverridesQueryOptions, getOptionUnitsQueryOptions, getPriceCatalogsQueryOptions, } from "./product-options-shared.js";
+function centsToInput(value) {
+    if (value === null || value === undefined)
+        return "";
+    return (value / 100).toFixed(2);
+}
+function inputToCents(value) {
+    const trimmed = value.trim();
+    if (trimmed === "")
+        return null;
+    const parsed = Number.parseFloat(trimmed);
+    if (!Number.isFinite(parsed) || parsed < 0)
+        return null;
+    return Math.round(parsed * 100);
+}
+export function DeparturePricingOverrideDialog({ open, onOpenChange, departureId, optionId, onSuccess, }) {
+    const messages = useProductDetailMessages();
+    const productMessages = messages.products.core;
+    const client = useVoyantProductsContext();
+    const enabled = open && !!departureId && !!optionId;
+    const { data: unitsData } = useQuery({
+        ...getOptionUnitsQueryOptions(client, optionId ?? ""),
+        enabled: enabled && !!optionId,
+    });
+    const { data: overridesData, refetch: refetchOverrides } = useQuery({
+        ...getDeparturePriceOverridesQueryOptions(client, departureId ?? ""),
+        enabled: enabled && !!departureId,
+    });
+    const { data: catalogsData } = useQuery({
+        ...getPriceCatalogsQueryOptions(client),
+        enabled,
+    });
+    const { create, update, remove } = useDeparturePriceOverrideMutation();
+    const catalog = catalogsData?.data.find((c) => c.catalogType === "public" && c.isDefault) ??
+        catalogsData?.data.find((c) => c.catalogType === "public") ??
+        null;
+    const [rows, setRows] = useState([]);
+    const [saving, setSaving] = useState(false);
+    useEffect(() => {
+        if (!open)
+            return;
+        const units = (unitsData?.data ?? []).slice().sort((a, b) => a.sortOrder - b.sortOrder);
+        const overrides = overridesData?.data ?? [];
+        const next = units.map((unit) => {
+            const existing = overrides.find((o) => o.optionUnitId === unit.id) ?? null;
+            return {
+                unitId: unit.id,
+                unitName: unit.name,
+                sortOrder: unit.sortOrder,
+                overrideId: existing?.id ?? null,
+                sellInput: existing ? centsToInput(existing.sellAmountCents) : "",
+                costInput: existing ? centsToInput(existing.costAmountCents) : "",
+                active: existing ? existing.active : true,
+                dirty: false,
+            };
+        });
+        setRows(next);
+    }, [open, unitsData, overridesData]);
+    if (!enabled) {
+        return (_jsx(Sheet, { open: open, onOpenChange: onOpenChange, children: _jsx(SheetContent, { side: "right", children: _jsx(SheetHeader, { children: _jsx(SheetTitle, { children: productMessages.departureOverrideTitle }) }) }) }));
+    }
+    const updateRow = (unitId, patch) => {
+        setRows((prev) => prev.map((r) => (r.unitId === unitId ? { ...r, ...patch, dirty: true } : r)));
+    };
+    const handleSave = async () => {
+        if (!catalog || !departureId || !optionId)
+            return;
+        setSaving(true);
+        try {
+            for (const row of rows) {
+                const sellCents = inputToCents(row.sellInput);
+                const costCents = inputToCents(row.costInput);
+                if (row.overrideId && sellCents === null) {
+                    await remove.mutateAsync(row.overrideId);
+                    continue;
+                }
+                if (sellCents === null)
+                    continue;
+                if (row.overrideId) {
+                    if (!row.dirty)
+                        continue;
+                    await update.mutateAsync({
+                        id: row.overrideId,
+                        input: {
+                            sellAmountCents: sellCents,
+                            costAmountCents: costCents,
+                            active: row.active,
+                        },
+                    });
+                }
+                else {
+                    await create.mutateAsync({
+                        departureId,
+                        optionId,
+                        optionUnitId: row.unitId,
+                        priceCatalogId: catalog.id,
+                        sellAmountCents: sellCents,
+                        costAmountCents: costCents,
+                        active: row.active,
+                    });
+                }
+            }
+            await refetchOverrides();
+            onSuccess();
+        }
+        finally {
+            setSaving(false);
+        }
+    };
+    const handleClearRow = (unitId) => {
+        updateRow(unitId, { sellInput: "", costInput: "" });
+    };
+    const noUnits = rows.length === 0;
+    const noCatalog = !catalog;
+    return (_jsx(Sheet, { open: open, onOpenChange: onOpenChange, children: _jsxs(SheetContent, { side: "right", size: "lg", children: [_jsx(SheetHeader, { children: _jsx(SheetTitle, { children: productMessages.departureOverrideTitle }) }), _jsxs(SheetBody, { className: "space-y-4", children: [_jsx("p", { className: "text-sm text-muted-foreground", children: productMessages.departureOverrideDescription }), noCatalog ? (_jsx("p", { className: "rounded border border-destructive/40 bg-destructive/10 p-3 text-xs text-destructive", children: productMessages.departureOverrideNoCatalog })) : null, noUnits ? (_jsx("p", { className: "rounded border bg-muted/30 p-3 text-xs text-muted-foreground", children: productMessages.departureOverrideNoUnits })) : (_jsx("div", { className: "overflow-x-auto rounded border", children: _jsxs("table", { className: "w-full text-sm", children: [_jsx("thead", { className: "bg-muted/50 text-xs text-muted-foreground", children: _jsxs("tr", { children: [_jsx("th", { className: "p-2 text-left font-medium", children: productMessages.departureOverrideUnitColumn }), _jsx("th", { className: "p-2 text-left font-medium", children: productMessages.departureOverrideSellColumn }), _jsx("th", { className: "p-2 text-left font-medium", children: productMessages.departureOverrideCostColumn }), _jsx("th", { className: "p-2 text-left font-medium", children: productMessages.departureOverrideActiveColumn }), _jsx("th", { className: "w-10 p-2" })] }) }), _jsx("tbody", { children: rows.map((row) => (_jsxs("tr", { className: "border-b last:border-b-0", children: [_jsx("td", { className: "p-2 font-medium", children: row.unitName }), _jsx("td", { className: "p-2", children: _jsx(Input, { type: "number", step: "0.01", min: "0", inputMode: "decimal", value: row.sellInput, onChange: (e) => updateRow(row.unitId, { sellInput: e.target.value }), className: "h-8 w-28", disabled: noCatalog }) }), _jsx("td", { className: "p-2", children: _jsx(Input, { type: "number", step: "0.01", min: "0", inputMode: "decimal", value: row.costInput, onChange: (e) => updateRow(row.unitId, { costInput: e.target.value }), className: "h-8 w-28", disabled: noCatalog }) }), _jsx("td", { className: "p-2", children: _jsx(Switch, { checked: row.active, onCheckedChange: (active) => updateRow(row.unitId, { active }), disabled: noCatalog }) }), _jsx("td", { className: "p-2", children: row.sellInput ? (_jsx(Button, { variant: "ghost", size: "icon", onClick: () => handleClearRow(row.unitId), "aria-label": productMessages.departureOverrideClear, children: _jsx(Trash2, { className: "h-4 w-4" }) })) : null })] }, row.unitId))) })] }) })), _jsx("div", { className: "flex justify-end", children: _jsx(Button, { onClick: handleSave, disabled: noUnits || noCatalog || saving, children: productMessages.departureOverrideSave }) })] })] }) }));
+}

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

@@ -0,0 +1,14 @@
+import { type DayService, type ProductDay } from "./product-detail-shared.js";
+export interface ProductDetailDayRowProps {
+    day: ProductDay;
+    productId: string;
+    expanded: boolean;
+    onToggle: () => void;
+    onEdit: () => void;
+    onDelete: () => void;
+    onAddService: () => void;
+    onEditService: (service: DayService) => void;
+    onDeleteService: (serviceId: string) => void;
+}
+export declare function ProductDetailDayRow({ day, productId, expanded, onToggle, onEdit, onDelete, onAddService, onEditService, onDeleteService, }: ProductDetailDayRowProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=product-detail-day-row.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"product-detail-day-row.d.ts","sourceRoot":"","sources":["../../../src/components/product-detail/product-detail-day-row.tsx"],"names":[],"mappings":"AAMA,OAAO,EACL,KAAK,UAAU,EAGf,KAAK,UAAU,EAChB,MAAM,4BAA4B,CAAA;AAEnC,MAAM,WAAW,wBAAwB;IACvC,GAAG,EAAE,UAAU,CAAA;IACf,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,aAAa,EAAE,CAAC,OAAO,EAAE,UAAU,KAAK,IAAI,CAAA;IAC5C,eAAe,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;CAC7C;AAwBD,wBAAgB,mBAAmB,CAAC,EAClC,GAAG,EACH,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,YAAY,EACZ,aAAa,EACb,eAAe,GAChB,EAAE,wBAAwB,2CAgI1B"}

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

@@ -0,0 +1,43 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useQuery } from "@tanstack/react-query";
+import { formatMessage } from "@voyantjs/i18n";
+import { Badge, DropdownMenuItem, DropdownMenuSeparator } from "@voyantjs/ui/components";
+import { ChevronDown, ChevronRight, Image as ImageIcon, Pencil, Plus, Trash2 } from "lucide-react";
+import { useProductDetailApi, useProductDetailMessages } from "./host.js";
+import { ActionMenu } from "./product-detail-sections.js";
+import { getProductDayMediaQueryOptions, getProductDayServicesQueryOptions, } from "./product-detail-shared.js";
+function getServiceTypeLabel(serviceType, messages) {
+    switch (serviceType) {
+        case "accommodation":
+            return messages.serviceTypeAccommodation;
+        case "transfer":
+            return messages.serviceTypeTransfer;
+        case "experience":
+            return messages.serviceTypeExperience;
+        case "guide":
+            return messages.serviceTypeGuide;
+        case "meal":
+            return messages.serviceTypeMeal;
+        case "other":
+            return messages.serviceTypeOther;
+        default:
+            return serviceType;
+    }
+}
+export function ProductDetailDayRow({ day, productId, expanded, onToggle, onEdit, onDelete, onAddService, onEditService, onDeleteService, }) {
+    const api = useProductDetailApi();
+    const messages = useProductDetailMessages();
+    const dayRowMessages = messages.products.operations.dayRows;
+    const serviceMessages = messages.products.operations.services;
+    const { data: servicesData } = useQuery({
+        ...getProductDayServicesQueryOptions(api, productId, day.id),
+        enabled: expanded,
+    });
+    const { data: dayMediaData } = useQuery(getProductDayMediaQueryOptions(api, productId, day.id));
+    const mediaCount = dayMediaData?.data.length ?? 0;
+    const cover = dayMediaData?.data.find((m) => m.isCover) ?? dayMediaData?.data[0];
+    return (_jsxs("div", { className: "rounded-lg border", children: [_jsxs("div", { className: "flex items-center gap-3 px-4 py-3", children: [_jsx("button", { type: "button", onClick: onToggle, className: "text-muted-foreground transition-colors hover:text-foreground", children: expanded ? _jsx(ChevronDown, { className: "h-4 w-4" }) : _jsx(ChevronRight, { className: "h-4 w-4" }) }), cover?.mediaType === "image" ? (_jsx("img", { src: cover.url, alt: cover.altText ?? cover.name, className: "h-10 w-14 flex-shrink-0 rounded object-cover" })) : (_jsx("div", { className: "flex h-10 w-14 flex-shrink-0 items-center justify-center rounded border bg-muted/50 text-muted-foreground", children: _jsx(ImageIcon, { className: "h-4 w-4" }) })), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("span", { className: "text-sm font-medium", children: [formatMessage(dayRowMessages.title, { dayNumber: day.dayNumber }), day.title ? `: ${day.title}` : ""] }), day.location ? (_jsx("span", { className: "ml-2 text-xs text-muted-foreground", children: day.location })) : null] }), mediaCount > 0 ? (_jsx(Badge, { variant: "outline", className: "text-[10px]", children: formatMessage(dayRowMessages.photoCount, {
+                            count: mediaCount,
+                            suffix: mediaCount === 1 ? "" : "s",
+                        }) })) : null, _jsxs(ActionMenu, { children: [_jsxs(DropdownMenuItem, { onClick: onEdit, children: [_jsx(Pencil, { className: "h-4 w-4" }), dayRowMessages.editAction] }), _jsxs(DropdownMenuItem, { onClick: onAddService, children: [_jsx(Plus, { className: "h-4 w-4" }), dayRowMessages.addServiceAction] }), _jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuItem, { variant: "destructive", onClick: onDelete, children: [_jsx(Trash2, { className: "h-4 w-4" }), dayRowMessages.deleteAction] })] })] }), expanded ? (_jsx("div", { className: "border-t", children: !servicesData?.data || servicesData.data.length === 0 ? (_jsx("p", { className: "py-4 text-center text-xs text-muted-foreground", children: dayRowMessages.emptyServices })) : (_jsxs("table", { className: "w-full text-xs", children: [_jsx("thead", { children: _jsxs("tr", { className: "border-b bg-muted/30 text-muted-foreground", children: [_jsx("th", { className: "py-2 pl-4 pr-3 text-left font-medium", children: dayRowMessages.tableName }), _jsx("th", { className: "px-3 py-2 text-left font-medium", children: dayRowMessages.tableType }), _jsx("th", { className: "px-3 py-2 text-left font-medium", children: dayRowMessages.tableCost }), _jsx("th", { className: "px-3 py-2 text-left font-medium", children: dayRowMessages.tableQuantity }), _jsx("th", { className: "w-10 px-3 py-2" })] }) }), _jsx("tbody", { children: servicesData.data.map((service) => (_jsxs("tr", { className: "border-b last:border-b-0", children: [_jsx("td", { className: "py-2 pl-4 pr-3", children: service.name }), _jsx("td", { className: "px-3 py-2", children: _jsx(Badge, { variant: "outline", className: "text-xs capitalize", children: getServiceTypeLabel(service.serviceType, serviceMessages) }) }), _jsxs("td", { className: "px-3 py-2 font-mono", 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: _jsxs(ActionMenu, { children: [_jsxs(DropdownMenuItem, { onClick: () => onEditService(service), children: [_jsx(Pencil, { className: "h-4 w-4" }), dayRowMessages.editAction] }), _jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuItem, { variant: "destructive", onClick: () => onDeleteService(service.id), children: [_jsx(Trash2, { className: "h-4 w-4" }), dayRowMessages.deleteAction] })] }) })] }, service.id))) })] })) })) : null] }));
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"product-detail-dialog.d.ts","sourceRoot":"","sources":["../../../src/components/product-detail/product-detail-dialog.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,WAAW,EAAqB,MAAM,0BAA0B,CAAA;AAE9E,YAAY,EAAE,WAAW,EAAE,CAAA;AAE3B,KAAK,kBAAkB,GAAG;IACxB,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,SAAS,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;CACjC,CAAA;AAED,wBAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,kBAAkB,2CAuB3F"}

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

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Sheet, SheetBody, SheetContent, SheetHeader, SheetTitle } from "@voyantjs/ui/components";
+import { useProductDetailMessages } from "./host.js";
+import { ProductDetailForm } from "./product-detail-form.js";
+export function ProductDialog({ open, onOpenChange, product, onSuccess }) {
+    const messages = useProductDetailMessages();
+    const productMessages = messages.products.core;
+    const isEditing = !!product;
+    return (_jsx(Sheet, { open: open, onOpenChange: onOpenChange, children: _jsxs(SheetContent, { side: "right", size: "lg", children: [_jsx(SheetHeader, { children: _jsx(SheetTitle, { children: isEditing ? productMessages.detailSheetEditTitle : productMessages.detailSheetNewTitle }) }), _jsx(SheetBody, { children: _jsx(ProductDetailForm, { product: product, onSuccess: onSuccess, onCancel: () => onOpenChange(false) }) })] }) }));
+}

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

@@ -0,0 +1,19 @@
+export type ProductData = {
+    id: string;
+    name: string;
+    status: "draft" | "active" | "archived";
+    description: string | null;
+    bookingMode: "date" | "date_time" | "open" | "stay" | "transfer" | "itinerary" | "other";
+    productTypeId: string | null;
+    taxClassId: string | null;
+    sellCurrency: string;
+    tags: string[];
+    defaultLanguageTag?: string | null;
+};
+export interface ProductDetailFormProps {
+    product?: ProductData;
+    onSuccess: (id?: string) => void;
+    onCancel?: () => void;
+}
+export declare function ProductDetailForm({ product, onSuccess, onCancel }: ProductDetailFormProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=product-detail-form.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"product-detail-form.d.ts","sourceRoot":"","sources":["../../../src/components/product-detail/product-detail-form.tsx"],"names":[],"mappings":"AAuCA,MAAM,MAAM,WAAW,GAAG;IACxB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,OAAO,GAAG,QAAQ,GAAG,UAAU,CAAA;IACvC,WAAW,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,WAAW,EAAE,MAAM,GAAG,WAAW,GAAG,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,WAAW,GAAG,OAAO,CAAA;IACxF,aAAa,EAAE,MAAM,GAAG,IAAI,CAAA;IAC5B,UAAU,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,YAAY,EAAE,MAAM,CAAA;IACpB,IAAI,EAAE,MAAM,EAAE,CAAA;IACd,kBAAkB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CACnC,CAAA;AAgBD,MAAM,WAAW,sBAAsB;IACrC,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,SAAS,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAChC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACtB;AA6BD,wBAAgB,iBAAiB,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,sBAAsB,2CAqWzF"}