@voyant-travel/inventory-react 0.1.0

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

@@ -0,0 +1,111 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Input, Label } from "@voyant-travel/ui/components";
+import { RichTextEditor } from "@voyant-travel/ui/components/rich-text-editor";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { useProductDayTranslationMutation, useProductDayTranslations, } from "../../index.js";
+import { richTextHasContent, TranslationIndicator } from "./product-translation-popover.js";
+function recordToDraft(record) {
+    return {
+        id: record.id,
+        languageTag: record.languageTag,
+        title: record.title ?? "",
+        description: record.description ?? "",
+        location: record.location ?? "",
+    };
+}
+function emptyDraft(languageTag) {
+    return { id: null, languageTag, title: "", description: "", location: "" };
+}
+function fieldHasContent(draft, field) {
+    if (field === "description")
+        return richTextHasContent(draft.description);
+    return draft[field].trim().length > 0;
+}
+/**
+ * In-memory drafts for a day's translations. The default language's content
+ * lives in the base day columns (title/description/location all have base
+ * columns), so this only manages non-default-language translation rows.
+ */
+export function useProductDayTranslationDrafts(productId, dayId) {
+    const query = useProductDayTranslations(productId ?? undefined, dayId ?? undefined, {
+        enabled: !!productId && !!dayId,
+    });
+    const mutations = useProductDayTranslationMutation();
+    const [drafts, setDrafts] = useState([]);
+    const seededKey = useRef(null);
+    const existingRef = useRef([]);
+    useEffect(() => {
+        const key = `${productId ?? ""}:${dayId ?? "__new__"}`;
+        if (productId && dayId && query.isPending)
+            return;
+        if (seededKey.current === key)
+            return;
+        const records = query.data?.data ?? [];
+        existingRef.current = records;
+        setDrafts(records.map(recordToDraft));
+        seededKey.current = key;
+    }, [productId, dayId, query.isPending, query.data]);
+    const setFieldValue = useCallback((languageTag, field, value) => {
+        setDrafts((prev) => {
+            if (prev.some((draft) => draft.languageTag === languageTag)) {
+                return prev.map((draft) => draft.languageTag === languageTag ? { ...draft, [field]: value } : draft);
+            }
+            return [...prev, { ...emptyDraft(languageTag), [field]: value }];
+        });
+    }, []);
+    const addLanguage = useCallback((languageTag) => {
+        setDrafts((prev) => prev.some((draft) => draft.languageTag === languageTag)
+            ? prev
+            : [...prev, emptyDraft(languageTag)]);
+    }, []);
+    const removeLanguage = useCallback((languageTag) => {
+        setDrafts((prev) => prev.filter((draft) => draft.languageTag !== languageTag));
+    }, []);
+    const persist = useCallback(async (resolvedProductId, resolvedDayId, defaultLanguageTag) => {
+        const original = existingRef.current;
+        const nonDefault = drafts.filter((draft) => draft.languageTag !== defaultLanguageTag);
+        const currentLanguages = new Set(nonDefault.map((draft) => draft.languageTag));
+        const deletes = original
+            .filter((record) => !currentLanguages.has(record.languageTag))
+            .map((record) => mutations.remove.mutateAsync({
+            productId: resolvedProductId,
+            dayId: resolvedDayId,
+            translationId: record.id,
+        }));
+        const upserts = nonDefault.map((draft) => {
+            const title = draft.title.trim() ? draft.title.trim() : null;
+            const description = richTextHasContent(draft.description) ? draft.description : null;
+            const location = draft.location.trim() ? draft.location.trim() : null;
+            if (draft.id) {
+                return mutations.update.mutateAsync({
+                    productId: resolvedProductId,
+                    dayId: resolvedDayId,
+                    translationId: draft.id,
+                    input: { title, description, location },
+                });
+            }
+            if (!title && !description && !location)
+                return Promise.resolve(null);
+            return mutations.create.mutateAsync({
+                productId: resolvedProductId,
+                dayId: resolvedDayId,
+                input: { languageTag: draft.languageTag, title, description, location },
+            });
+        });
+        await Promise.all([...deletes, ...upserts]);
+        seededKey.current = null;
+    }, [drafts, mutations]);
+    return { drafts, setFieldValue, addLanguage, removeLanguage, persist };
+}
+export function DayTranslatableField({ label, type, field, activeLanguage, defaultLanguageTag, base, drafts, messages, placeholder, autoFocus, }) {
+    const usesBase = activeLanguage === defaultLanguageTag;
+    const activeDraft = drafts.drafts.find((draft) => draft.languageTag === activeLanguage);
+    const value = usesBase ? base.value : (activeDraft?.[field] ?? "");
+    const handleChange = usesBase
+        ? base.onChange
+        : (next) => drafts.setFieldValue(activeLanguage, field, next);
+    const translatedLanguages = drafts.drafts
+        .filter((draft) => draft.languageTag !== defaultLanguageTag && fieldHasContent(draft, field))
+        .map((draft) => draft.languageTag);
+    return (_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx(Label, { children: label }), _jsx(TranslationIndicator, { languages: translatedLanguages, messages: messages })] }), type === "richtext" ? (_jsx(RichTextEditor, { value: value, onChange: handleChange, placeholder: placeholder, editorClassName: "max-h-[320px] overflow-y-auto" })) : (_jsx(Input, { value: value, onChange: (event) => handleChange(event.target.value), placeholder: placeholder, autoFocus: autoFocus }))] }));
+}

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

@@ -0,0 +1,11 @@
+import { type DepartureSlot } from "./product-departure-form.js";
+export type { DepartureSlot };
+type DepartureDialogProps = {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    productId: string;
+    slot?: DepartureSlot;
+    onSuccess: () => void;
+};
+export declare function DepartureDialog({ open, onOpenChange, productId, slot, onSuccess, }: DepartureDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=product-departure-dialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"product-departure-dialog.d.ts","sourceRoot":"","sources":["../../../src/components/product-detail/product-departure-dialog.tsx"],"names":[],"mappings":"AASA,OAAO,EAAiB,KAAK,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAE/E,YAAY,EAAE,aAAa,EAAE,CAAA;AAE7B,KAAK,oBAAoB,GAAG;IAC1B,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,SAAS,EAAE,MAAM,CAAA;IACjB,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,SAAS,EAAE,MAAM,IAAI,CAAA;CACtB,CAAA;AAED,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,IAAI,EACJ,SAAS,GACV,EAAE,oBAAoB,2CAwBtB"}

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

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Sheet, SheetBody, SheetContent, SheetHeader, SheetTitle, } from "@voyant-travel/ui/components";
+import { useProductDetailMessages } from "./host.js";
+import { DepartureForm } from "./product-departure-form.js";
+export function DepartureDialog({ open, onOpenChange, productId, slot, onSuccess, }) {
+    const messages = useProductDetailMessages();
+    const departureMessages = messages.products.operations.departures;
+    const isEditing = !!slot;
+    return (_jsx(Sheet, { open: open, onOpenChange: onOpenChange, children: _jsxs(SheetContent, { side: "right", size: "lg", children: [_jsx(SheetHeader, { children: _jsx(SheetTitle, { children: isEditing ? departureMessages.editTitle : departureMessages.newTitle }) }), _jsx(SheetBody, { children: _jsx(DepartureForm, { productId: productId, slot: slot, onSuccess: onSuccess, onCancel: () => onOpenChange(false) }) })] }) }));
+}

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":"AAiFA,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,2CAmZzF"}

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

@@ -0,0 +1,241 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+// agent-quality: file-size exception -- owner: inventory-react; existing UI surface stays co-located until a dedicated split preserves behavior and tests.
+import { formatMessage } from "@voyant-travel/i18n";
+import { Button, Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Switch, Textarea, } from "@voyant-travel/ui/components";
+import { Combobox, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxInput, ComboboxItem, ComboboxList, } from "@voyant-travel/ui/components/combobox";
+import { DatePicker } from "@voyant-travel/ui/components/date-picker";
+import { Loader2 } from "lucide-react";
+import { useEffect, useMemo, useRef } from "react";
+import { useForm } from "react-hook-form";
+import { z } from "zod/v4";
+import { useProductItineraries } from "../../index.js";
+import { useProductResourceTemplates } from "./commerce-client.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];
+    // Suggested pax = total physical capacity of the configured departure
+    // inventory (each room/seat type's count × its capacity, e.g. 20 doubles
+    // sleeping 2 = 40). Lets a new departure inherit capacity from the rooms the
+    // operator already set up, while staying editable for an override.
+    const { data: resourceTemplateData } = useProductResourceTemplates(productId);
+    const suggestedPax = useMemo(() => (resourceTemplateData?.data ?? []).reduce((optionTotal, option) => optionTotal +
+        option.templates.reduce((sum, template) => sum + (template.defaultCount ?? 0) * template.capacity, 0), 0), [resourceTemplateData?.data]);
+    // Pre-fill capacity once for a brand-new departure, only while the field is
+    // still untouched — never clobber an edit or an existing slot's value.
+    const prefilledPaxRef = useRef(false);
+    useEffect(() => {
+        if (isEditing || prefilledPaxRef.current || suggestedPax <= 0)
+            return;
+        const current = form.getValues("initialPax");
+        if (current === "" || current == null) {
+            form.setValue("initialPax", suggestedPax);
+            prefilledPaxRef.current = true;
+        }
+    }, [isEditing, suggestedPax, form]);
+    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/operations/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/operations/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 }), !unlimited && suggestedPax > 0 ? (_jsx("button", { type: "button", onClick: () => form.setValue("initialPax", suggestedPax), className: "text-left text-xs text-muted-foreground hover:text-foreground", children: formatMessage(departureMessages.capacityAutoHint, { count: suggestedPax }) })) : null] })] }), _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,2CAyNA"}

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

@@ -0,0 +1,126 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useQuery } from "@tanstack/react-query";
+import { Button, Input, Sheet, SheetBody, SheetContent, SheetHeader, SheetTitle, Switch, } from "@voyant-travel/ui/components";
+import { Trash2 } from "lucide-react";
+import { useEffect, useState } from "react";
+import { useVoyantProductsContext } from "../../index.js";
+import { useDeparturePriceOverrideMutation } from "./commerce-client.js";
+import { useProductDetailApi, 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 productsClient = useVoyantProductsContext();
+    const api = useProductDetailApi();
+    const enabled = open && !!departureId && !!optionId;
+    const { data: unitsData } = useQuery({
+        ...getOptionUnitsQueryOptions(productsClient, optionId ?? ""),
+        enabled: enabled && !!optionId,
+    });
+    const { data: overridesData, refetch: refetchOverrides } = useQuery({
+        ...getDeparturePriceOverridesQueryOptions(api, departureId ?? ""),
+        enabled: enabled && !!departureId,
+    });
+    const { data: catalogsData } = useQuery({
+        ...getPriceCatalogsQueryOptions(api),
+        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-availability-sections.d.ts

@@ -0,0 +1,19 @@
+import type { DepartureSlot } from "./product-departure-dialog.js";
+import { type AvailabilityRule } from "./product-detail-shared.js";
+export declare function ProductDeparturesSection({ slots, itineraryNameById, slotIdsWithOverrides, onCreate, onEdit, onOverridePrice, onManageAvailability, onDelete, }: {
+    slots: DepartureSlot[];
+    itineraryNameById: Map<string, string>;
+    slotIdsWithOverrides?: ReadonlySet<string>;
+    onCreate: () => void;
+    onEdit: (slot: DepartureSlot) => void;
+    onOverridePrice?: (slot: DepartureSlot) => void;
+    onManageAvailability?: (slot: DepartureSlot) => void;
+    onDelete: (slotId: string) => void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ProductSchedulesSection({ rules, onCreate, onEdit, onDelete, }: {
+    rules: AvailabilityRule[];
+    onCreate: () => void;
+    onEdit: (rule: AvailabilityRule) => void;
+    onDelete: (ruleId: string) => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=product-detail-availability-sections.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"product-detail-availability-sections.d.ts","sourceRoot":"","sources":["../../../src/components/product-detail/product-detail-availability-sections.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAA;AAElE,OAAO,EACL,KAAK,gBAAgB,EAOtB,MAAM,4BAA4B,CAAA;AAGnC,wBAAgB,wBAAwB,CAAC,EACvC,KAAK,EACL,iBAAiB,EACjB,oBAAoB,EACpB,QAAQ,EACR,MAAM,EACN,eAAe,EACf,oBAAoB,EACpB,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,aAAa,EAAE,CAAA;IACtB,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACtC,oBAAoB,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;IAC1C,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,MAAM,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAA;IACrC,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAA;IAC/C,oBAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAA;IACpD,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;CACnC,2CAoHA;AAED,wBAAgB,uBAAuB,CAAC,EACtC,KAAK,EACL,QAAQ,EACR,MAAM,EACN,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,gBAAgB,EAAE,CAAA;IACzB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,MAAM,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAA;IACxC,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;CACnC,2CA+DA"}

package/dist/components/product-detail/product-detail-availability-sections.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { formatMessage } from "@voyant-travel/i18n";
+import { Badge, DropdownMenuItem, DropdownMenuSeparator } from "@voyant-travel/ui/components";
+import { CalendarRange, DollarSign, Pencil, Plus, Trash2 } from "lucide-react";
+import { useProductDetailMessages } from "./host.js";
+import { ActionMenu, EmptyState, Section } from "./product-detail-section-shell.js";
+import { formatCapacityLabel, formatDuration, formatSlotDate, formatSlotTime, getDepartureStatusLabel, slotStatusVariant, } from "./product-detail-shared.js";
+import { describeRRule } from "./rrule-labels.js";
+export function ProductDeparturesSection({ slots, itineraryNameById, slotIdsWithOverrides, onCreate, onEdit, onOverridePrice, onManageAvailability, onDelete, }) {
+    const messages = useProductDetailMessages();
+    const productMessages = messages.products.core;
+    return (_jsx(Section, { title: productMessages.departuresTitle, actions: _jsx(ActionMenu, { children: _jsxs(DropdownMenuItem, { onClick: onCreate, children: [_jsx(Plus, { className: "h-4 w-4" }), productMessages.newDeparture] }) }), contentClassName: "", children: slots.length === 0 ? (_jsx(EmptyState, { message: productMessages.departuresEmpty })) : (_jsxs("table", { className: "w-full text-sm", children: [_jsx("thead", { children: _jsxs("tr", { className: "border-b text-muted-foreground", children: [_jsx("th", { className: "py-2.5 pl-6 pr-3 text-left font-medium", children: productMessages.departureStartColumn }), _jsx("th", { className: "px-3 py-2.5 text-left font-medium", children: productMessages.departureEndColumn }), _jsx("th", { className: "px-3 py-2.5 text-left font-medium", children: "Itinerary" }), _jsx("th", { className: "px-3 py-2.5 text-left font-medium", children: productMessages.departureDurationColumn }), _jsx("th", { className: "px-3 py-2.5 text-left font-medium", children: productMessages.departureStatusColumn }), _jsx("th", { className: "px-3 py-2.5 text-left font-medium", children: productMessages.departureCapacityColumn }), _jsx("th", { className: "w-10 px-3 py-2.5" })] }) }), _jsx("tbody", { children: slots.map((slot) => (_jsxs("tr", { className: "border-b last:border-b-0", children: [_jsxs("td", { className: "py-2.5 pl-6 pr-3", children: [_jsx("div", { className: "font-mono text-xs", children: slot.dateLocal }), _jsx("div", { className: "text-xs text-muted-foreground", children: formatSlotTime(slot.startsAt) })] }), _jsx("td", { className: "px-3 py-2.5", children: slot.endsAt ? (_jsxs(_Fragment, { children: [_jsx("div", { className: "font-mono text-xs", children: formatSlotDate(slot.endsAt) }), _jsx("div", { className: "text-xs text-muted-foreground", children: formatSlotTime(slot.endsAt) })] })) : (_jsx("span", { className: "text-muted-foreground", children: productMessages.noValue })) }), _jsx("td", { className: "px-3 py-2.5 text-xs", children: slot.itineraryId
+                                    ? (itineraryNameById.get(slot.itineraryId) ??
+                                        messages.products.operations.itineraries.customOverride)
+                                    : messages.products.operations.itineraries.defaultBadge }), _jsx("td", { className: "px-3 py-2.5 text-xs", children: formatDuration(slot) }), _jsx("td", { className: "px-3 py-2.5", children: _jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx(Badge, { variant: slotStatusVariant[slot.status], className: "text-xs", children: getDepartureStatusLabel(slot.status, messages) }), slotIdsWithOverrides?.has(slot.id) ? (_jsx(Badge, { variant: "outline", className: "text-xs", children: productMessages.departureOverrideBadge })) : null] }) }), _jsx("td", { className: "px-3 py-2.5 font-mono text-xs", children: formatCapacityLabel(slot, messages) }), _jsx("td", { className: "px-3 py-2.5", children: _jsxs(ActionMenu, { children: [_jsxs(DropdownMenuItem, { onClick: () => onEdit(slot), children: [_jsx(Pencil, { className: "h-4 w-4" }), productMessages.edit] }), onManageAvailability ? (_jsxs(DropdownMenuItem, { onClick: () => onManageAvailability(slot), children: [_jsx(CalendarRange, { className: "h-4 w-4" }), productMessages.departureManageAvailability] })) : null, onOverridePrice ? (_jsxs(DropdownMenuItem, { onClick: () => onOverridePrice(slot), children: [_jsx(DollarSign, { className: "h-4 w-4" }), productMessages.departureOverridePricing] })) : null, _jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuItem, { variant: "destructive", onClick: () => onDelete(slot.id), children: [_jsx(Trash2, { className: "h-4 w-4" }), productMessages.delete] })] }) })] }, slot.id))) })] })) }));
+}
+export function ProductSchedulesSection({ rules, onCreate, onEdit, onDelete, }) {
+    const messages = useProductDetailMessages();
+    const productMessages = messages.products.core;
+    return (_jsx(Section, { title: productMessages.schedulesTitle, actions: _jsx(ActionMenu, { children: _jsxs(DropdownMenuItem, { onClick: onCreate, children: [_jsx(Plus, { className: "h-4 w-4" }), productMessages.newSchedule] }) }), children: rules.length === 0 ? (_jsx(EmptyState, { message: productMessages.schedulesEmpty })) : (_jsx("div", { className: "flex flex-col divide-y", children: rules.map((rule) => (_jsxs("div", { className: "flex items-center justify-between py-3 first:pt-0 last:pb-0", children: [_jsxs("div", { children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-sm font-medium", children: describeRRule(rule.recurrenceRule) }), !rule.active ? (_jsx(Badge, { variant: "outline", className: "text-xs", children: productMessages.inactiveBadge })) : null] }), _jsx("p", { className: "mt-0.5 text-xs text-muted-foreground", children: formatMessage(productMessages.scheduleSummary, {
+                                    maxCapacity: rule.maxCapacity,
+                                    timezone: rule.timezone,
+                                    cutoff: rule.cutoffMinutes != null
+                                        ? formatMessage(productMessages.scheduleCutoffSuffix, {
+                                            minutes: rule.cutoffMinutes,
+                                        })
+                                        : "",
+                                }) })] }), _jsxs(ActionMenu, { children: [_jsxs(DropdownMenuItem, { onClick: () => onEdit(rule), children: [_jsx(Pencil, { className: "h-4 w-4" }), productMessages.edit] }), _jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuItem, { variant: "destructive", onClick: () => onDelete(rule.id), children: [_jsx(Trash2, { className: "h-4 w-4" }), productMessages.delete] })] })] }, rule.id))) })) }));
+}