@voyant-travel/operations-react 0.0.0

package/dist/availability/components/availability-dialogs/closeout-dialog.js

@@ -0,0 +1,60 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Dialog, DialogBody, DialogContent, DialogHeader, DialogTitle, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Textarea, } from "@voyant-travel/ui/components";
+import { DatePicker } from "@voyant-travel/ui/components/date-picker";
+import { useEffect } from "react";
+import { useForm } from "react-hook-form";
+import { z } from "zod/v4";
+import { zodResolver } from "../../form-resolver.js";
+import { NONE_VALUE, nullableString, slotLocalStart } from "../../index.js";
+import { DialogActions, formatSlotLocalDateTime, ProductSelect, } from "./shared.js";
+function getCloseoutFormSchema(messages) {
+    return z.object({
+        productId: z.string().min(1, messages.dialogs.closeout.validationProductRequired),
+        slotId: z.string().optional(),
+        dateLocal: z.string().min(1, messages.dialogs.closeout.validationDateRequired),
+        reason: z.string().optional(),
+    });
+}
+export function AvailabilityCloseoutDialog(props) {
+    const closeoutMessages = props.messages.dialogs.closeout;
+    const closeoutFormSchema = getCloseoutFormSchema(props.messages);
+    const form = useForm({
+        resolver: zodResolver(closeoutFormSchema),
+        defaultValues: {
+            productId: "",
+            slotId: NONE_VALUE,
+            dateLocal: "",
+            reason: "",
+        },
+    });
+    useEffect(() => {
+        if (props.open && props.closeout) {
+            form.reset({
+                productId: props.closeout.productId,
+                slotId: props.closeout.slotId ?? NONE_VALUE,
+                dateLocal: props.closeout.dateLocal,
+                reason: props.closeout.reason ?? "",
+            });
+        }
+        else if (props.open) {
+            form.reset();
+        }
+    }, [form, props.closeout, props.open]);
+    const selectedProductId = form.watch("productId");
+    const filteredSlots = props.slots.filter((slot) => slot.productId === selectedProductId);
+    const isEditing = Boolean(props.closeout);
+    const onSubmit = async (values) => {
+        await props.onSubmit({
+            productId: values.productId,
+            slotId: values.slotId === NONE_VALUE ? null : (values.slotId ?? null),
+            dateLocal: values.dateLocal,
+            reason: nullableString(values.reason),
+        }, { isEditing, id: props.closeout?.id });
+        props.onSuccess();
+    };
+    return (_jsx(Dialog, { open: props.open, onOpenChange: props.onOpenChange, children: _jsxs(DialogContent, { children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: isEditing ? closeoutMessages.editTitle : closeoutMessages.newTitle }) }), _jsxs("form", { onSubmit: form.handleSubmit(onSubmit), children: [_jsxs(DialogBody, { className: "grid gap-4", children: [_jsx(ProductSelect, { label: closeoutMessages.productLabel, placeholder: closeoutMessages.selectProductPlaceholder, products: props.products, value: form.watch("productId"), onValueChange: (value) => form.setValue("productId", value ?? "") }), _jsxs("div", { className: "grid gap-2", children: [_jsx(Label, { children: closeoutMessages.slotLabel }), _jsxs(Select, { value: form.watch("slotId") ?? NONE_VALUE, onValueChange: (value) => form.setValue("slotId", value ?? NONE_VALUE), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, { placeholder: closeoutMessages.optionalSlotPlaceholder }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: NONE_VALUE, children: closeoutMessages.productLevelOption }), filteredSlots.map((slot) => (_jsx(SelectItem, { value: slot.id, children: formatSlotLocalDateTime(slotLocalStart(slot)) }, slot.id)))] })] })] }), _jsxs("div", { className: "grid gap-2", children: [_jsx(Label, { children: closeoutMessages.dateLabel }), _jsx(DatePicker, { value: form.watch("dateLocal") || null, onChange: (nextValue) => form.setValue("dateLocal", nextValue ?? "", {
+                                                shouldDirty: true,
+                                                shouldValidate: true,
+                                            }), placeholder: closeoutMessages.datePlaceholder, className: "w-full" })] }), _jsxs("div", { className: "grid gap-2", children: [_jsx(Label, { children: closeoutMessages.reasonLabel }), _jsx(Textarea, { ...form.register("reason"), placeholder: closeoutMessages.reasonPlaceholder })] })] }), _jsx(DialogActions, { cancel: closeoutMessages.cancel, save: closeoutMessages.save, create: closeoutMessages.create, isEditing: isEditing, isSubmitting: form.formState.isSubmitting, onCancel: () => props.onOpenChange(false) })] })] }) }));
+}

package/dist/availability/components/availability-dialogs/pickup-point-dialog.d.ts

@@ -0,0 +1,12 @@
+import type { AvailabilityPickupPointRow, ProductOption } from "../../index.js";
+import { type AvailabilityDialogMessages, type AvailabilityPickupPointSubmitPayload, type SubmitContext } from "./shared.js";
+export declare function AvailabilityPickupPointDialog(props: {
+    messages: AvailabilityDialogMessages;
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    pickupPoint?: AvailabilityPickupPointRow;
+    products: ProductOption[];
+    onSubmit: (payload: AvailabilityPickupPointSubmitPayload, context: SubmitContext) => Promise<void>;
+    onSuccess: () => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=pickup-point-dialog.d.ts.map

package/dist/availability/components/availability-dialogs/pickup-point-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pickup-point-dialog.d.ts","sourceRoot":"","sources":["../../../../src/availability/components/availability-dialogs/pickup-point-dialog.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,0BAA0B,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAE/E,OAAO,EACL,KAAK,0BAA0B,EAC/B,KAAK,oCAAoC,EAGzC,KAAK,aAAa,EAEnB,MAAM,aAAa,CAAA;AAgBpB,wBAAgB,6BAA6B,CAAC,KAAK,EAAE;IACnD,QAAQ,EAAE,0BAA0B,CAAA;IACpC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,WAAW,CAAC,EAAE,0BAA0B,CAAA;IACxC,QAAQ,EAAE,aAAa,EAAE,CAAA;IACzB,QAAQ,EAAE,CAAC,OAAO,EAAE,oCAAoC,EAAE,OAAO,EAAE,aAAa,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAClG,SAAS,EAAE,MAAM,IAAI,CAAA;CACtB,2CAkGA"}

package/dist/availability/components/availability-dialogs/pickup-point-dialog.js

@@ -0,0 +1,58 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Dialog, DialogBody, DialogContent, DialogHeader, DialogTitle, Input, Label, Textarea, } from "@voyant-travel/ui/components";
+import { useEffect } from "react";
+import { useForm } from "react-hook-form";
+import { z } from "zod/v4";
+import { zodResolver } from "../../form-resolver.js";
+import { nullableString } from "../../index.js";
+import { DialogActions, ProductSelect, SwitchField, } from "./shared.js";
+function getPickupPointFormSchema(messages) {
+    return z.object({
+        productId: z.string().min(1, messages.dialogs.pickupPoint.validationProductRequired),
+        name: z.string().min(1, messages.dialogs.pickupPoint.validationNameRequired),
+        description: z.string().optional(),
+        locationText: z.string().optional(),
+        active: z.boolean(),
+    });
+}
+export function AvailabilityPickupPointDialog(props) {
+    const pickupPointMessages = props.messages.dialogs.pickupPoint;
+    const pickupPointFormSchema = getPickupPointFormSchema(props.messages);
+    const form = useForm({
+        resolver: zodResolver(pickupPointFormSchema),
+        defaultValues: {
+            productId: "",
+            name: "",
+            description: "",
+            locationText: "",
+            active: true,
+        },
+    });
+    useEffect(() => {
+        if (props.open && props.pickupPoint) {
+            form.reset({
+                productId: props.pickupPoint.productId,
+                name: props.pickupPoint.name,
+                description: props.pickupPoint.description ?? "",
+                locationText: props.pickupPoint.locationText ?? "",
+                active: props.pickupPoint.active,
+            });
+        }
+        else if (props.open) {
+            form.reset();
+        }
+    }, [form, props.open, props.pickupPoint]);
+    const isEditing = Boolean(props.pickupPoint);
+    const onSubmit = async (values) => {
+        await props.onSubmit({
+            productId: values.productId,
+            name: values.name,
+            description: nullableString(values.description),
+            locationText: nullableString(values.locationText),
+            active: values.active,
+        }, { isEditing, id: props.pickupPoint?.id });
+        props.onSuccess();
+    };
+    return (_jsx(Dialog, { open: props.open, onOpenChange: props.onOpenChange, children: _jsxs(DialogContent, { children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: isEditing ? pickupPointMessages.editTitle : pickupPointMessages.newTitle }) }), _jsxs("form", { onSubmit: form.handleSubmit(onSubmit), children: [_jsxs(DialogBody, { className: "grid gap-4", children: [_jsx(ProductSelect, { label: pickupPointMessages.productLabel, placeholder: pickupPointMessages.selectProductPlaceholder, products: props.products, value: form.watch("productId"), onValueChange: (value) => form.setValue("productId", value ?? "") }), _jsxs("div", { className: "grid gap-2", children: [_jsx(Label, { children: pickupPointMessages.nameLabel }), _jsx(Input, { ...form.register("name"), placeholder: pickupPointMessages.namePlaceholder })] }), _jsxs("div", { className: "grid gap-2", children: [_jsx(Label, { children: pickupPointMessages.locationTextLabel }), _jsx(Input, { ...form.register("locationText"), placeholder: pickupPointMessages.locationTextPlaceholder })] }), _jsxs("div", { className: "grid gap-2", children: [_jsx(Label, { children: pickupPointMessages.descriptionLabel }), _jsx(Textarea, { ...form.register("description"), placeholder: pickupPointMessages.descriptionPlaceholder })] }), _jsx(SwitchField, { title: pickupPointMessages.activeTitle, description: pickupPointMessages.activeDescription, checked: form.watch("active"), onCheckedChange: (checked) => form.setValue("active", checked) })] }), _jsx(DialogActions, { cancel: pickupPointMessages.cancel, save: pickupPointMessages.save, create: pickupPointMessages.create, isEditing: isEditing, isSubmitting: form.formState.isSubmitting, onCancel: () => props.onOpenChange(false) })] })] }) }));
+}

package/dist/availability/components/availability-dialogs/rule-dialog.d.ts

@@ -0,0 +1,12 @@
+import type { AvailabilityRuleRow, ProductOption } from "../../index.js";
+import { type AvailabilityDialogMessages, type AvailabilityRuleSubmitPayload, type SubmitContext } from "./shared.js";
+export declare function AvailabilityRuleDialog(props: {
+    messages: AvailabilityDialogMessages;
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    rule?: AvailabilityRuleRow;
+    products: ProductOption[];
+    onSubmit: (payload: AvailabilityRuleSubmitPayload, context: SubmitContext) => Promise<void>;
+    onSuccess: () => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=rule-dialog.d.ts.map

package/dist/availability/components/availability-dialogs/rule-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rule-dialog.d.ts","sourceRoot":"","sources":["../../../../src/availability/components/availability-dialogs/rule-dialog.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAExE,OAAO,EACL,KAAK,0BAA0B,EAC/B,KAAK,6BAA6B,EAGlC,KAAK,aAAa,EAEnB,MAAM,aAAa,CAAA;AAoBpB,wBAAgB,sBAAsB,CAAC,KAAK,EAAE;IAC5C,QAAQ,EAAE,0BAA0B,CAAA;IACpC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,IAAI,CAAC,EAAE,mBAAmB,CAAA;IAC1B,QAAQ,EAAE,aAAa,EAAE,CAAA;IACzB,QAAQ,EAAE,CAAC,OAAO,EAAE,6BAA6B,EAAE,OAAO,EAAE,aAAa,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAC3F,SAAS,EAAE,MAAM,IAAI,CAAA;CACtB,2CAyIA"}

package/dist/availability/components/availability-dialogs/rule-dialog.js

@@ -0,0 +1,76 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Dialog, DialogBody, DialogContent, DialogHeader, DialogTitle, Input, Label, Textarea, } from "@voyant-travel/ui/components";
+import { useEffect } from "react";
+import { useForm } from "react-hook-form";
+import { z } from "zod/v4";
+import { zodResolver } from "../../form-resolver.js";
+import { useAvailabilityUiMessagesOrDefault } from "../../i18n/index.js";
+import { nullableNumber } from "../../index.js";
+import { DialogActions, ProductSelect, SwitchField, } from "./shared.js";
+function getRuleFormSchema(messages) {
+    return z.object({
+        productId: z.string().min(1, messages.dialogs.rule.validationProductRequired),
+        timezone: z.string().min(1, messages.dialogs.rule.validationTimezoneRequired),
+        recurrenceRule: z.string().min(1, messages.dialogs.rule.validationRecurrenceRequired),
+        maxCapacity: z.coerce.number().int().min(0),
+        maxPickupCapacity: z.string().optional(),
+        minTotalPax: z.string().optional(),
+        cutoffMinutes: z.string().optional(),
+        earlyBookingLimitMinutes: z.string().optional(),
+        active: z.boolean(),
+    });
+}
+export function AvailabilityRuleDialog(props) {
+    useAvailabilityUiMessagesOrDefault();
+    const ruleMessages = props.messages.dialogs.rule;
+    const ruleFormSchema = getRuleFormSchema(props.messages);
+    const form = useForm({
+        resolver: zodResolver(ruleFormSchema),
+        defaultValues: {
+            productId: "",
+            timezone: "Europe/Bucharest", // i18n-literal-ok IANA timezone default
+            recurrenceRule: "FREQ=DAILY;INTERVAL=1", // i18n-literal-ok RRULE default
+            maxCapacity: 0,
+            maxPickupCapacity: "",
+            minTotalPax: "",
+            cutoffMinutes: "",
+            earlyBookingLimitMinutes: "",
+            active: true,
+        },
+    });
+    useEffect(() => {
+        if (props.open && props.rule) {
+            form.reset({
+                productId: props.rule.productId,
+                timezone: props.rule.timezone,
+                recurrenceRule: props.rule.recurrenceRule,
+                maxCapacity: props.rule.maxCapacity,
+                maxPickupCapacity: props.rule.maxPickupCapacity?.toString() ?? "",
+                minTotalPax: "",
+                cutoffMinutes: props.rule.cutoffMinutes?.toString() ?? "",
+                earlyBookingLimitMinutes: "",
+                active: props.rule.active,
+            });
+        }
+        else if (props.open) {
+            form.reset();
+        }
+    }, [form, props.open, props.rule]);
+    const isEditing = Boolean(props.rule);
+    const onSubmit = async (values) => {
+        await props.onSubmit({
+            productId: values.productId,
+            timezone: values.timezone,
+            recurrenceRule: values.recurrenceRule,
+            maxCapacity: values.maxCapacity,
+            maxPickupCapacity: nullableNumber(values.maxPickupCapacity),
+            minTotalPax: nullableNumber(values.minTotalPax),
+            cutoffMinutes: nullableNumber(values.cutoffMinutes),
+            earlyBookingLimitMinutes: nullableNumber(values.earlyBookingLimitMinutes),
+            active: values.active,
+        }, { isEditing, id: props.rule?.id });
+        props.onSuccess();
+    };
+    return (_jsx(Dialog, { open: props.open, onOpenChange: props.onOpenChange, children: _jsxs(DialogContent, { size: "lg", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: isEditing ? ruleMessages.editTitle : ruleMessages.newTitle }) }), _jsxs("form", { onSubmit: form.handleSubmit(onSubmit), children: [_jsxs(DialogBody, { className: "grid gap-4", children: [_jsx(ProductSelect, { label: ruleMessages.productLabel, placeholder: ruleMessages.selectProductPlaceholder, products: props.products, value: form.watch("productId"), onValueChange: (value) => form.setValue("productId", value ?? "") }), form.formState.errors.productId ? (_jsx("p", { className: "text-xs text-destructive", children: form.formState.errors.productId.message })) : null, _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "grid gap-2", children: [_jsx(Label, { children: ruleMessages.timezoneLabel }), _jsx(Input, { ...form.register("timezone"), placeholder: ruleMessages.timezonePlaceholder })] }), _jsxs("div", { className: "grid gap-2", children: [_jsx(Label, { children: ruleMessages.maxCapacityLabel }), _jsx(Input, { ...form.register("maxCapacity"), type: "number", min: 0 })] })] }), _jsxs("div", { className: "grid gap-2", children: [_jsx(Label, { children: ruleMessages.recurrenceRuleLabel }), _jsx(Textarea, { ...form.register("recurrenceRule"), placeholder: ruleMessages.recurrenceRulePlaceholder, className: "font-mono text-xs" })] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "grid gap-2", children: [_jsx(Label, { children: ruleMessages.maxPickupCapacityLabel }), _jsx(Input, { ...form.register("maxPickupCapacity"), type: "number", min: 0 })] }), _jsxs("div", { className: "grid gap-2", children: [_jsx(Label, { children: ruleMessages.minimumTotalPaxLabel }), _jsx(Input, { ...form.register("minTotalPax"), type: "number", min: 0 })] }), _jsxs("div", { className: "grid gap-2", children: [_jsx(Label, { children: ruleMessages.cutoffMinutesLabel }), _jsx(Input, { ...form.register("cutoffMinutes"), type: "number", min: 0 })] }), _jsxs("div", { className: "grid gap-2", children: [_jsx(Label, { children: ruleMessages.earlyBookingLimitMinutesLabel }), _jsx(Input, { ...form.register("earlyBookingLimitMinutes"), type: "number", min: 0 })] })] }), _jsx(SwitchField, { title: ruleMessages.activeTitle, description: ruleMessages.activeDescription, checked: form.watch("active"), onCheckedChange: (checked) => form.setValue("active", checked) })] }), _jsx(DialogActions, { cancel: ruleMessages.cancel, save: ruleMessages.save, create: ruleMessages.create, isEditing: isEditing, isSubmitting: form.formState.isSubmitting, onCancel: () => props.onOpenChange(false) })] })] }) }));
+}

package/dist/availability/components/availability-dialogs/shared.d.ts

@@ -0,0 +1,213 @@
+import type { AvailabilitySlotRow, ProductOption } from "../../index.js";
+interface RuleDialogMessages {
+    validationProductRequired: string;
+    validationTimezoneRequired: string;
+    validationRecurrenceRequired: string;
+    editTitle: string;
+    newTitle: string;
+    productLabel: string;
+    selectProductPlaceholder: string;
+    timezoneLabel: string;
+    timezonePlaceholder: string;
+    maxCapacityLabel: string;
+    recurrenceRuleLabel: string;
+    recurrenceRulePlaceholder: string;
+    maxPickupCapacityLabel: string;
+    minimumTotalPaxLabel: string;
+    cutoffMinutesLabel: string;
+    earlyBookingLimitMinutesLabel: string;
+    activeTitle: string;
+    activeDescription: string;
+    cancel: string;
+    save: string;
+    create: string;
+}
+interface StartTimeDialogMessages {
+    validationProductRequired: string;
+    validationStartTimeRequired: string;
+    editTitle: string;
+    newTitle: string;
+    productLabel: string;
+    selectProductPlaceholder: string;
+    labelLabel: string;
+    labelPlaceholder: string;
+    startTimeLabel: string;
+    durationMinutesLabel: string;
+    sortOrderLabel: string;
+    activeTitle: string;
+    activeDescription: string;
+    cancel: string;
+    save: string;
+    create: string;
+}
+interface SlotDialogMessages {
+    validationProductRequired: string;
+    validationDateRequired: string;
+    validationStartsAtRequired: string;
+    validationTimezoneRequired: string;
+    editTitle: string;
+    newTitle: string;
+    productLabel: string;
+    selectProductPlaceholder: string;
+    ruleLabel: string;
+    optionalRulePlaceholder: string;
+    noRule: string;
+    startTimeLabel: string;
+    optionalStartTimePlaceholder: string;
+    noStartTime: string;
+    dateLabel: string;
+    timezoneLabel: string;
+    timezonePlaceholder: string;
+    startsAtLabel: string;
+    endsAtLabel: string;
+    statusLabel: string;
+    unlimitedLabel: string;
+    yes: string;
+    no: string;
+    initialPaxLabel: string;
+    remainingPaxLabel: string;
+    remainingResourcesLabel: string;
+    initialPickupsLabel: string;
+    remainingPickupsLabel: string;
+    pastCutoffTitle: string;
+    pastCutoffDescription: string;
+    tooEarlyTitle: string;
+    tooEarlyDescription: string;
+    notesLabel: string;
+    notesPlaceholder: string;
+    cancel: string;
+    save: string;
+    create: string;
+}
+interface CloseoutDialogMessages {
+    validationProductRequired: string;
+    validationDateRequired: string;
+    editTitle: string;
+    newTitle: string;
+    productLabel: string;
+    selectProductPlaceholder: string;
+    slotLabel: string;
+    optionalSlotPlaceholder: string;
+    productLevelOption: string;
+    dateLabel: string;
+    datePlaceholder: string;
+    reasonLabel: string;
+    reasonPlaceholder: string;
+    cancel: string;
+    save: string;
+    create: string;
+}
+interface PickupPointDialogMessages {
+    validationProductRequired: string;
+    validationNameRequired: string;
+    editTitle: string;
+    newTitle: string;
+    productLabel: string;
+    selectProductPlaceholder: string;
+    nameLabel: string;
+    namePlaceholder: string;
+    locationTextLabel: string;
+    locationTextPlaceholder: string;
+    descriptionLabel: string;
+    descriptionPlaceholder: string;
+    activeTitle: string;
+    activeDescription: string;
+    cancel: string;
+    save: string;
+    create: string;
+}
+export interface AvailabilityDialogMessages {
+    dialogs: {
+        rule: RuleDialogMessages;
+        startTime: StartTimeDialogMessages;
+        slot: SlotDialogMessages;
+        closeout: CloseoutDialogMessages;
+        pickupPoint: PickupPointDialogMessages;
+    };
+    statusOpen: string;
+    statusClosed: string;
+    statusSoldOut: string;
+    statusCancelled: string;
+}
+export type SubmitContext = {
+    isEditing: boolean;
+    id?: string;
+};
+export type AvailabilityRuleSubmitPayload = {
+    productId: string;
+    timezone: string;
+    recurrenceRule: string;
+    maxCapacity: number;
+    maxPickupCapacity: number | null;
+    minTotalPax: number | null;
+    cutoffMinutes: number | null;
+    earlyBookingLimitMinutes: number | null;
+    active: boolean;
+};
+export type AvailabilityStartTimeSubmitPayload = {
+    productId: string;
+    label: string | null;
+    startTimeLocal: string;
+    durationMinutes: number | null;
+    sortOrder: number;
+    active: boolean;
+};
+export type AvailabilitySlotSubmitPayload = {
+    productId: string;
+    availabilityRuleId: string | null;
+    startTimeId: string | null;
+    dateLocal: string;
+    startsAt: string;
+    endsAt: string | null;
+    timezone: string;
+    status: AvailabilitySlotRow["status"];
+    unlimited: boolean;
+    initialPax: number | null;
+    remainingPax: number | null;
+    initialPickups: number | null;
+    remainingPickups: number | null;
+    remainingResources: number | null;
+    pastCutoff: boolean;
+    tooEarly: boolean;
+    notes: string | null;
+};
+export type AvailabilityCloseoutSubmitPayload = {
+    productId: string;
+    slotId: string | null;
+    dateLocal: string;
+    reason: string | null;
+};
+export type AvailabilityPickupPointSubmitPayload = {
+    productId: string;
+    name: string;
+    description: string | null;
+    locationText: string | null;
+    active: boolean;
+};
+export declare function formatSlotLocalDateTime(value: {
+    date: string;
+    time: string;
+}): string;
+export declare function ProductSelect({ label, placeholder, products, value, onValueChange, }: {
+    label: string;
+    placeholder: string;
+    products: ProductOption[];
+    value: string;
+    onValueChange: (value: string | null) => void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function SwitchField({ title, description, checked, onCheckedChange, }: {
+    title: string;
+    description: string;
+    checked: boolean;
+    onCheckedChange: (checked: boolean) => void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function DialogActions({ cancel, save, create, isEditing, isSubmitting, onCancel, }: {
+    cancel: string;
+    save: string;
+    create: string;
+    isEditing: boolean;
+    isSubmitting: boolean;
+    onCancel: () => void;
+}): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=shared.d.ts.map

package/dist/availability/components/availability-dialogs/shared.d.ts.map

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

package/dist/availability/components/availability-dialogs/shared.js

@@ -0,0 +1,16 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, DialogFooter, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Switch, } from "@voyant-travel/ui/components";
+import { Loader2 } from "lucide-react";
+export function formatSlotLocalDateTime(value) {
+    return `${value.date} ${value.time}`;
+}
+export function ProductSelect({ label, placeholder, products, value, onValueChange, }) {
+    return (_jsxs("div", { className: "grid gap-2", children: [_jsx(Label, { children: label }), _jsxs(Select, { items: products.map((product) => ({ label: product.name, value: product.id })), value: value, onValueChange: onValueChange, children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, { placeholder: placeholder }) }), _jsx(SelectContent, { children: products.map((product) => (_jsx(SelectItem, { value: product.id, children: product.name }, product.id))) })] })] }));
+}
+export function SwitchField({ title, description, checked, onCheckedChange, }) {
+    return (_jsxs("div", { className: "flex items-center justify-between rounded-md border px-3 py-2", children: [_jsxs("div", { children: [_jsx("p", { className: "text-sm font-medium", children: title }), _jsx("p", { className: "text-xs text-muted-foreground", children: description })] }), _jsx(Switch, { checked: checked, onCheckedChange: onCheckedChange })] }));
+}
+export function DialogActions({ cancel, save, create, isEditing, isSubmitting, onCancel, }) {
+    return (_jsxs(DialogFooter, { children: [_jsx(Button, { type: "button", variant: "ghost", onClick: onCancel, children: cancel }), _jsxs(Button, { type: "submit", disabled: isSubmitting, children: [isSubmitting && _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), isEditing ? save : create] })] }));
+}

package/dist/availability/components/availability-dialogs/slot-dialog.d.ts

@@ -0,0 +1,14 @@
+import type { AvailabilityRuleRow, AvailabilitySlotRow, AvailabilityStartTimeRow, ProductOption } from "../../index.js";
+import { type AvailabilityDialogMessages, type AvailabilitySlotSubmitPayload, type SubmitContext } from "./shared.js";
+export declare function AvailabilitySlotDialog(props: {
+    messages: AvailabilityDialogMessages;
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    slot?: AvailabilitySlotRow;
+    products: ProductOption[];
+    rules: AvailabilityRuleRow[];
+    startTimes: AvailabilityStartTimeRow[];
+    onSubmit: (payload: AvailabilitySlotSubmitPayload, context: SubmitContext) => Promise<void>;
+    onSuccess: () => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=slot-dialog.d.ts.map

package/dist/availability/components/availability-dialogs/slot-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slot-dialog.d.ts","sourceRoot":"","sources":["../../../../src/availability/components/availability-dialogs/slot-dialog.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EACV,mBAAmB,EACnB,mBAAmB,EACnB,wBAAwB,EACxB,aAAa,EACd,MAAM,gBAAgB,CAAA;AAUvB,OAAO,EACL,KAAK,0BAA0B,EAC/B,KAAK,6BAA6B,EAGlC,KAAK,aAAa,EAEnB,MAAM,aAAa,CAAA;AAyCpB,wBAAgB,sBAAsB,CAAC,KAAK,EAAE;IAC5C,QAAQ,EAAE,0BAA0B,CAAA;IACpC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,IAAI,CAAC,EAAE,mBAAmB,CAAA;IAC1B,QAAQ,EAAE,aAAa,EAAE,CAAA;IACzB,KAAK,EAAE,mBAAmB,EAAE,CAAA;IAC5B,UAAU,EAAE,wBAAwB,EAAE,CAAA;IACtC,QAAQ,EAAE,CAAC,OAAO,EAAE,6BAA6B,EAAE,OAAO,EAAE,aAAa,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAC3F,SAAS,EAAE,MAAM,IAAI,CAAA;CACtB,2CA0SA"}

package/dist/availability/components/availability-dialogs/slot-dialog.js

@@ -0,0 +1,138 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Dialog, DialogBody, DialogContent, DialogHeader, DialogTitle, Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Textarea, } from "@voyant-travel/ui/components";
+import { DatePicker } from "@voyant-travel/ui/components/date-picker";
+import { DateTimePicker } from "@voyant-travel/ui/components/date-time-picker";
+import { useEffect } from "react";
+import { useForm } from "react-hook-form";
+import { z } from "zod/v4";
+import { zodResolver } from "../../form-resolver.js";
+import { booleanOptions, instantToSlotLocal, localToInstant, NONE_VALUE, nullableNumber, nullableString, slotStatusOptions, } from "../../index.js";
+import { DialogActions, ProductSelect, SwitchField, } from "./shared.js";
+function getSlotFormSchema(messages) {
+    return z.object({
+        productId: z.string().min(1, messages.dialogs.slot.validationProductRequired),
+        availabilityRuleId: z.string().optional(),
+        startTimeId: z.string().optional(),
+        dateLocal: z.string().min(1, messages.dialogs.slot.validationDateRequired),
+        startsAt: z.string().min(1, messages.dialogs.slot.validationStartsAtRequired),
+        endsAt: z.string().optional(),
+        timezone: z.string().min(1, messages.dialogs.slot.validationTimezoneRequired),
+        status: z.enum(["open", "closed", "sold_out", "cancelled"]),
+        unlimited: z.boolean(),
+        initialPax: z.string().optional(),
+        remainingPax: z.string().optional(),
+        initialPickups: z.string().optional(),
+        remainingPickups: z.string().optional(),
+        remainingResources: z.string().optional(),
+        pastCutoff: z.boolean(),
+        tooEarly: z.boolean(),
+        notes: z.string().optional(),
+    });
+}
+function toLocalDateTimeInput(instant, timezone) {
+    const local = instantToSlotLocal(instant, timezone);
+    return `${local.date}T${local.time}`;
+}
+function localDateTimeInputToInstant(value, timezone) {
+    const [date, time] = value.split("T");
+    if (!date || !time) {
+        throw new RangeError("Local date-time input must use YYYY-MM-DDTHH:mm");
+    }
+    return localToInstant({ date, time, timezone });
+}
+export function AvailabilitySlotDialog(props) {
+    const slotMessages = props.messages.dialogs.slot;
+    const slotFormSchema = getSlotFormSchema(props.messages);
+    const form = useForm({
+        resolver: zodResolver(slotFormSchema),
+        defaultValues: {
+            productId: "",
+            availabilityRuleId: NONE_VALUE,
+            startTimeId: NONE_VALUE,
+            dateLocal: "",
+            startsAt: "",
+            endsAt: "",
+            timezone: "Europe/Bucharest", // i18n-literal-ok IANA timezone default
+            status: "open",
+            unlimited: false,
+            initialPax: "",
+            remainingPax: "",
+            initialPickups: "",
+            remainingPickups: "",
+            remainingResources: "",
+            pastCutoff: false,
+            tooEarly: false,
+            notes: "",
+        },
+    });
+    useEffect(() => {
+        if (props.open && props.slot) {
+            form.reset({
+                productId: props.slot.productId,
+                availabilityRuleId: props.slot.availabilityRuleId ?? NONE_VALUE,
+                startTimeId: props.slot.startTimeId ?? NONE_VALUE,
+                dateLocal: props.slot.dateLocal,
+                startsAt: toLocalDateTimeInput(props.slot.startsAt, props.slot.timezone),
+                endsAt: props.slot.endsAt
+                    ? toLocalDateTimeInput(props.slot.endsAt, props.slot.timezone)
+                    : "",
+                timezone: props.slot.timezone,
+                status: props.slot.status,
+                unlimited: props.slot.unlimited,
+                initialPax: props.slot.initialPax?.toString() ?? "",
+                remainingPax: props.slot.remainingPax?.toString() ?? "",
+                initialPickups: "",
+                remainingPickups: "",
+                remainingResources: "",
+                pastCutoff: false,
+                tooEarly: false,
+                notes: props.slot.notes ?? "",
+            });
+        }
+        else if (props.open) {
+            form.reset();
+        }
+    }, [form, props.open, props.slot]);
+    const selectedProductId = form.watch("productId");
+    const filteredRules = props.rules.filter((rule) => rule.productId === selectedProductId);
+    const filteredStartTimes = props.startTimes.filter((startTime) => startTime.productId === selectedProductId);
+    const isEditing = Boolean(props.slot);
+    const onSubmit = async (values) => {
+        await props.onSubmit({
+            productId: values.productId,
+            availabilityRuleId: values.availabilityRuleId === NONE_VALUE ? null : (values.availabilityRuleId ?? null),
+            startTimeId: values.startTimeId === NONE_VALUE ? null : (values.startTimeId ?? null),
+            dateLocal: values.dateLocal,
+            startsAt: localDateTimeInputToInstant(values.startsAt, values.timezone),
+            endsAt: values.endsAt ? localDateTimeInputToInstant(values.endsAt, values.timezone) : null,
+            timezone: values.timezone,
+            status: values.status,
+            unlimited: values.unlimited,
+            initialPax: nullableNumber(values.initialPax),
+            remainingPax: nullableNumber(values.remainingPax),
+            initialPickups: nullableNumber(values.initialPickups),
+            remainingPickups: nullableNumber(values.remainingPickups),
+            remainingResources: nullableNumber(values.remainingResources),
+            pastCutoff: values.pastCutoff,
+            tooEarly: values.tooEarly,
+            notes: nullableString(values.notes),
+        }, { isEditing, id: props.slot?.id });
+        props.onSuccess();
+    };
+    return (_jsx(Dialog, { open: props.open, onOpenChange: props.onOpenChange, children: _jsxs(DialogContent, { size: "lg", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: isEditing ? slotMessages.editTitle : slotMessages.newTitle }) }), _jsxs("form", { onSubmit: form.handleSubmit(onSubmit), children: [_jsxs(DialogBody, { className: "grid gap-4", children: [_jsx(ProductSelect, { label: slotMessages.productLabel, placeholder: slotMessages.selectProductPlaceholder, products: props.products, value: form.watch("productId"), onValueChange: (value) => form.setValue("productId", value ?? "") }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "grid gap-2", children: [_jsx(Label, { children: slotMessages.ruleLabel }), _jsxs(Select, { value: form.watch("availabilityRuleId") ?? NONE_VALUE, onValueChange: (value) => form.setValue("availabilityRuleId", value ?? NONE_VALUE), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, { placeholder: slotMessages.optionalRulePlaceholder }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: NONE_VALUE, children: slotMessages.noRule }), filteredRules.map((rule) => (_jsxs(SelectItem, { value: rule.id, children: [rule.timezone, " \u00B7 ", rule.recurrenceRule] }, rule.id)))] })] })] }), _jsxs("div", { className: "grid gap-2", children: [_jsx(Label, { children: slotMessages.startTimeLabel }), _jsxs(Select, { value: form.watch("startTimeId") ?? NONE_VALUE, onValueChange: (value) => form.setValue("startTimeId", value ?? NONE_VALUE), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, { placeholder: slotMessages.optionalStartTimePlaceholder }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: NONE_VALUE, children: slotMessages.noStartTime }), filteredStartTimes.map((startTime) => (_jsx(SelectItem, { value: startTime.id, children: startTime.label ?? startTime.startTimeLocal }, startTime.id)))] })] })] })] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "grid gap-2", children: [_jsx(Label, { children: slotMessages.dateLabel }), _jsx(DatePicker, { value: form.watch("dateLocal") || null, onChange: (nextValue) => form.setValue("dateLocal", nextValue ?? "", {
+                                                        shouldDirty: true,
+                                                        shouldValidate: true,
+                                                    }) })] }), _jsxs("div", { className: "grid gap-2", children: [_jsx(Label, { children: slotMessages.timezoneLabel }), _jsx(Input, { ...form.register("timezone"), placeholder: slotMessages.timezonePlaceholder })] }), _jsxs("div", { className: "grid gap-2", children: [_jsx(Label, { children: slotMessages.startsAtLabel }), _jsx(DateTimePicker, { value: form.watch("startsAt") || null, onChange: (nextValue) => form.setValue("startsAt", nextValue ?? "", {
+                                                        shouldDirty: true,
+                                                        shouldValidate: true,
+                                                    }) })] }), _jsxs("div", { className: "grid gap-2", children: [_jsx(Label, { children: slotMessages.endsAtLabel }), _jsx(DateTimePicker, { value: form.watch("endsAt") || null, onChange: (nextValue) => form.setValue("endsAt", nextValue ?? "", {
+                                                        shouldDirty: true,
+                                                        shouldValidate: true,
+                                                    }) })] })] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "grid gap-2", children: [_jsx(Label, { children: slotMessages.statusLabel }), _jsxs(Select, { items: slotStatusOptions, value: form.watch("status"), onValueChange: (value) => form.setValue("status", value), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: slotStatusOptions.map((option) => (_jsx(SelectItem, { value: option.value, children: {
+                                                                    open: props.messages.statusOpen,
+                                                                    closed: props.messages.statusClosed,
+                                                                    sold_out: props.messages.statusSoldOut,
+                                                                    cancelled: props.messages.statusCancelled,
+                                                                }[option.value] }, option.value))) })] })] }), _jsxs("div", { className: "grid gap-2", children: [_jsx(Label, { children: slotMessages.unlimitedLabel }), _jsxs(Select, { items: booleanOptions, value: String(form.watch("unlimited")), onValueChange: (value) => form.setValue("unlimited", value === "true"), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: booleanOptions.map((option) => (_jsx(SelectItem, { value: option.value, children: option.value === "true" ? slotMessages.yes : slotMessages.no }, option.value))) })] })] })] }), _jsxs("div", { className: "grid grid-cols-3 gap-4", children: [_jsxs("div", { className: "grid gap-2", children: [_jsx(Label, { children: slotMessages.initialPaxLabel }), _jsx(Input, { ...form.register("initialPax"), type: "number", min: 0 })] }), _jsxs("div", { className: "grid gap-2", children: [_jsx(Label, { children: slotMessages.remainingPaxLabel }), _jsx(Input, { ...form.register("remainingPax"), type: "number", min: 0 })] }), _jsxs("div", { className: "grid gap-2", children: [_jsx(Label, { children: slotMessages.remainingResourcesLabel }), _jsx(Input, { ...form.register("remainingResources"), type: "number", min: 0 })] }), _jsxs("div", { className: "grid gap-2", children: [_jsx(Label, { children: slotMessages.initialPickupsLabel }), _jsx(Input, { ...form.register("initialPickups"), type: "number", min: 0 })] }), _jsxs("div", { className: "grid gap-2", children: [_jsx(Label, { children: slotMessages.remainingPickupsLabel }), _jsx(Input, { ...form.register("remainingPickups"), type: "number", min: 0 })] })] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsx(SwitchField, { title: slotMessages.pastCutoffTitle, description: slotMessages.pastCutoffDescription, checked: form.watch("pastCutoff"), onCheckedChange: (checked) => form.setValue("pastCutoff", checked) }), _jsx(SwitchField, { title: slotMessages.tooEarlyTitle, description: slotMessages.tooEarlyDescription, checked: form.watch("tooEarly"), onCheckedChange: (checked) => form.setValue("tooEarly", checked) })] }), _jsxs("div", { className: "grid gap-2", children: [_jsx(Label, { children: slotMessages.notesLabel }), _jsx(Textarea, { ...form.register("notes"), placeholder: slotMessages.notesPlaceholder })] })] }), _jsx(DialogActions, { cancel: slotMessages.cancel, save: slotMessages.save, create: slotMessages.create, isEditing: isEditing, isSubmitting: form.formState.isSubmitting, onCancel: () => props.onOpenChange(false) })] })] }) }));
+}