@voyantjs/availability-react 0.106.0 → 0.108.0

package/dist/components/availability-dialogs.js

@@ -0,0 +1,369 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Dialog, DialogBody, DialogContent, DialogFooter, DialogHeader, DialogTitle, Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Switch, Textarea, } from "@voyantjs/ui/components";
+import { DatePicker } from "@voyantjs/ui/components/date-picker";
+import { DateTimePicker } from "@voyantjs/ui/components/date-time-picker";
+import { Loader2 } from "lucide-react";
+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 { booleanOptions, instantToSlotLocal, localToInstant, NONE_VALUE, nullableNumber, nullableString, slotLocalStart, slotStatusOptions, } from "../index.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) })] })] }) }));
+}
+function getStartTimeFormSchema(messages) {
+    return z.object({
+        productId: z.string().min(1, messages.dialogs.startTime.validationProductRequired),
+        label: z.string().optional(),
+        startTimeLocal: z.string().min(1, messages.dialogs.startTime.validationStartTimeRequired),
+        durationMinutes: z.string().optional(),
+        sortOrder: z.coerce.number().int(),
+        active: z.boolean(),
+    });
+}
+export function AvailabilityStartTimeDialog(props) {
+    const startTimeMessages = props.messages.dialogs.startTime;
+    const startTimeFormSchema = getStartTimeFormSchema(props.messages);
+    const form = useForm({
+        resolver: zodResolver(startTimeFormSchema),
+        defaultValues: {
+            productId: "",
+            label: "",
+            startTimeLocal: "09:00",
+            durationMinutes: "",
+            sortOrder: 0,
+            active: true,
+        },
+    });
+    useEffect(() => {
+        if (props.open && props.startTime) {
+            form.reset({
+                productId: props.startTime.productId,
+                label: props.startTime.label ?? "",
+                startTimeLocal: props.startTime.startTimeLocal,
+                durationMinutes: props.startTime.durationMinutes?.toString() ?? "",
+                sortOrder: props.startTime.sortOrder,
+                active: props.startTime.active,
+            });
+        }
+        else if (props.open) {
+            form.reset();
+        }
+    }, [form, props.open, props.startTime]);
+    const isEditing = Boolean(props.startTime);
+    const onSubmit = async (values) => {
+        await props.onSubmit({
+            productId: values.productId,
+            label: nullableString(values.label),
+            startTimeLocal: values.startTimeLocal,
+            durationMinutes: nullableNumber(values.durationMinutes),
+            sortOrder: values.sortOrder,
+            active: values.active,
+        }, { isEditing, id: props.startTime?.id });
+        props.onSuccess();
+    };
+    return (_jsx(Dialog, { open: props.open, onOpenChange: props.onOpenChange, children: _jsxs(DialogContent, { children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: isEditing ? startTimeMessages.editTitle : startTimeMessages.newTitle }) }), _jsxs("form", { onSubmit: form.handleSubmit(onSubmit), children: [_jsxs(DialogBody, { className: "grid gap-4", children: [_jsx(ProductSelect, { label: startTimeMessages.productLabel, placeholder: startTimeMessages.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: startTimeMessages.labelLabel }), _jsx(Input, { ...form.register("label"), placeholder: startTimeMessages.labelPlaceholder })] }), _jsxs("div", { className: "grid gap-2", children: [_jsx(Label, { children: startTimeMessages.startTimeLabel }), _jsx(Input, { ...form.register("startTimeLocal"), type: "time" })] }), _jsxs("div", { className: "grid gap-2", children: [_jsx(Label, { children: startTimeMessages.durationMinutesLabel }), _jsx(Input, { ...form.register("durationMinutes"), type: "number", min: 0 })] }), _jsxs("div", { className: "grid gap-2", children: [_jsx(Label, { children: startTimeMessages.sortOrderLabel }), _jsx(Input, { ...form.register("sortOrder"), type: "number" })] })] }), _jsx(SwitchField, { title: startTimeMessages.activeTitle, description: startTimeMessages.activeDescription, checked: form.watch("active"), onCheckedChange: (checked) => form.setValue("active", checked) })] }), _jsx(DialogActions, { cancel: startTimeMessages.cancel, save: startTimeMessages.save, create: startTimeMessages.create, isEditing: isEditing, isSubmitting: form.formState.isSubmitting, onCancel: () => props.onOpenChange(false) })] })] }) }));
+}
+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 });
+}
+function formatSlotLocalDateTime(value) {
+    return `${value.date} ${value.time}`;
+}
+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) })] })] }) }));
+}
+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) })] })] }) }));
+}
+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) })] })] }) }));
+}
+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))) })] })] }));
+}
+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 })] }));
+}
+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/components/availability-overview.d.ts

@@ -0,0 +1,54 @@
+import type { AvailabilityPickupPointRow, AvailabilityRuleRow, AvailabilitySlotRow, ProductOption } from "../index.js";
+import { type AvailabilityColumnsMessages } from "./availability-columns.js";
+export interface AvailabilityOverviewMessages extends AvailabilityColumnsMessages {
+    allProducts: string;
+    clearFilters: string;
+    searchPlaceholder: string;
+    overview: {
+        openSlotsTitle: string;
+        openSlotsDescription: string;
+        constrainedSlotsTitle: string;
+        constrainedSlotsDescription: string;
+        activeRulesTitle: string;
+        activeRulesDescription: string;
+        pickupPointsTitle: string;
+        pickupPointsDescription: string;
+        capacityWatchlistTitle: string;
+        capacityWatchlistEmpty: string;
+        coverageGapsTitle: string;
+        coverageGapsEmpty: string;
+        coverageGapDescription: string;
+        actionRequiredTitle: string;
+        actionRequiredBody: string;
+        actionRequiredCta: string;
+        attentionTitle: string;
+        attentionEmpty: string;
+        severityCoverageGap: string;
+        severityClosed: string;
+        severitySoldOut: string;
+    };
+}
+export declare function AvailabilityOverview({ messages, products, constrainedSlots, constrainedSlotsCount: providedConstrainedSlotsCount, openSlotsCount: providedOpenSlotsCount, activeRulesCount: providedActiveRulesCount, activePickupPointsCount: providedActivePickupPointsCount, filteredRules, filteredPickupPoints, productsWithoutUpcomingDepartures, productsWithoutUpcomingDeparturesCount: providedProductsWithoutUpcomingDeparturesCount, search, setSearch, productFilter, setProductFilter, hasFilters, onClearFilters, onOpenSlot, onOpenProduct, onJumpToSlots, showFilters, }: {
+    messages: AvailabilityOverviewMessages;
+    products: ProductOption[];
+    constrainedSlots: AvailabilitySlotRow[];
+    constrainedSlotsCount?: number;
+    openSlotsCount?: number;
+    activeRulesCount?: number;
+    activePickupPointsCount?: number;
+    filteredRules: AvailabilityRuleRow[];
+    filteredPickupPoints: AvailabilityPickupPointRow[];
+    productsWithoutUpcomingDepartures: ProductOption[];
+    productsWithoutUpcomingDeparturesCount?: number;
+    search: string;
+    setSearch: (value: string) => void;
+    productFilter: string;
+    setProductFilter: (value: string) => void;
+    hasFilters: boolean;
+    onClearFilters: () => void;
+    onOpenSlot: (slotId: string) => void;
+    onOpenProduct: (productId: string) => void;
+    onJumpToSlots?: () => void;
+    showFilters?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=availability-overview.d.ts.map

package/dist/components/availability-overview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"availability-overview.d.ts","sourceRoot":"","sources":["../../src/components/availability-overview.tsx"],"names":[],"mappings":"AA6BA,OAAO,KAAK,EACV,0BAA0B,EAC1B,mBAAmB,EACnB,mBAAmB,EACnB,aAAa,EACd,MAAM,aAAa,CAAA;AAEpB,OAAO,EAAE,KAAK,2BAA2B,EAAsB,MAAM,2BAA2B,CAAA;AAShG,MAAM,WAAW,4BAA6B,SAAQ,2BAA2B;IAC/E,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,MAAM,CAAA;IACpB,iBAAiB,EAAE,MAAM,CAAA;IACzB,QAAQ,EAAE;QACR,cAAc,EAAE,MAAM,CAAA;QACtB,oBAAoB,EAAE,MAAM,CAAA;QAC5B,qBAAqB,EAAE,MAAM,CAAA;QAC7B,2BAA2B,EAAE,MAAM,CAAA;QACnC,gBAAgB,EAAE,MAAM,CAAA;QACxB,sBAAsB,EAAE,MAAM,CAAA;QAC9B,iBAAiB,EAAE,MAAM,CAAA;QACzB,uBAAuB,EAAE,MAAM,CAAA;QAC/B,sBAAsB,EAAE,MAAM,CAAA;QAC9B,sBAAsB,EAAE,MAAM,CAAA;QAC9B,iBAAiB,EAAE,MAAM,CAAA;QACzB,iBAAiB,EAAE,MAAM,CAAA;QACzB,sBAAsB,EAAE,MAAM,CAAA;QAC9B,mBAAmB,EAAE,MAAM,CAAA;QAC3B,kBAAkB,EAAE,MAAM,CAAA;QAC1B,iBAAiB,EAAE,MAAM,CAAA;QACzB,cAAc,EAAE,MAAM,CAAA;QACtB,cAAc,EAAE,MAAM,CAAA;QACtB,mBAAmB,EAAE,MAAM,CAAA;QAC3B,cAAc,EAAE,MAAM,CAAA;QACtB,eAAe,EAAE,MAAM,CAAA;KACxB,CAAA;CACF;AAED,wBAAgB,oBAAoB,CAAC,EACnC,QAAQ,EACR,QAAQ,EACR,gBAAgB,EAChB,qBAAqB,EAAE,6BAA6B,EACpD,cAAc,EAAE,sBAAsB,EACtC,gBAAgB,EAAE,wBAAwB,EAC1C,uBAAuB,EAAE,+BAA+B,EACxD,aAAa,EACb,oBAAoB,EACpB,iCAAiC,EACjC,sCAAsC,EAAE,8CAA8C,EACtF,MAAM,EACN,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,UAAU,EACV,cAAc,EACd,UAAU,EACV,aAAa,EACb,aAAa,EACb,WAAkB,GACnB,EAAE;IACD,QAAQ,EAAE,4BAA4B,CAAA;IACtC,QAAQ,EAAE,aAAa,EAAE,CAAA;IACzB,gBAAgB,EAAE,mBAAmB,EAAE,CAAA;IACvC,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,uBAAuB,CAAC,EAAE,MAAM,CAAA;IAChC,aAAa,EAAE,mBAAmB,EAAE,CAAA;IACpC,oBAAoB,EAAE,0BAA0B,EAAE,CAAA;IAClD,iCAAiC,EAAE,aAAa,EAAE,CAAA;IAClD,sCAAsC,CAAC,EAAE,MAAM,CAAA;IAC/C,MAAM,EAAE,MAAM,CAAA;IACd,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,aAAa,EAAE,MAAM,CAAA;IACrB,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACzC,UAAU,EAAE,OAAO,CAAA;IACnB,cAAc,EAAE,MAAM,IAAI,CAAA;IAC1B,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,aAAa,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;IAC1C,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,2CA0KA"}

package/dist/components/availability-overview.js

@@ -0,0 +1,50 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Badge, Button, Card, CardContent, CardHeader, CardTitle, cn, Input, OverviewMetric, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@voyantjs/ui/components";
+import { AlertTriangle, ArrowRight, CalendarDays, CheckCircle2, Clock3, Package, Search, Truck, } from "lucide-react";
+import { useAvailabilityUiMessagesOrDefault } from "../i18n/index.js";
+import { productNameById, slotLocalStart } from "../index.js";
+import { getSlotStatusLabel } from "./availability-columns.js";
+function interpolate(template, values) {
+    return template.replace(/\{(\w+)\}/g, (_, key) => {
+        const value = values[key];
+        return value === undefined ? "" : String(value);
+    });
+}
+export function AvailabilityOverview({ messages, products, constrainedSlots, constrainedSlotsCount: providedConstrainedSlotsCount, openSlotsCount: providedOpenSlotsCount, activeRulesCount: providedActiveRulesCount, activePickupPointsCount: providedActivePickupPointsCount, filteredRules, filteredPickupPoints, productsWithoutUpcomingDepartures, productsWithoutUpcomingDeparturesCount: providedProductsWithoutUpcomingDeparturesCount, search, setSearch, productFilter, setProductFilter, hasFilters, onClearFilters, onOpenSlot, onOpenProduct, onJumpToSlots, showFilters = true, }) {
+    useAvailabilityUiMessagesOrDefault();
+    const openSlotsCount = providedOpenSlotsCount ?? constrainedSlots.filter((slot) => slot.status === "open").length;
+    const constrainedSlotsCount = providedConstrainedSlotsCount ?? constrainedSlots.length;
+    const activeRulesCount = providedActiveRulesCount ?? filteredRules.filter((rule) => rule.active).length;
+    const activePickupPointsCount = providedActivePickupPointsCount ??
+        filteredPickupPoints.filter((pickupPoint) => pickupPoint.active).length;
+    const noDeparturesCount = providedProductsWithoutUpcomingDeparturesCount ?? productsWithoutUpcomingDepartures.length;
+    const hasNoDeparturesProducts = noDeparturesCount > 0;
+    const hasConstrainedSlots = constrainedSlotsCount > 0;
+    const hasAttention = hasNoDeparturesProducts || hasConstrainedSlots;
+    return (_jsxs(_Fragment, { children: [hasNoDeparturesProducts ? (_jsxs("div", { className: "flex flex-col gap-3 rounded-lg border border-amber-300 bg-amber-50 p-4 text-amber-900 sm:flex-row sm:items-center sm:justify-between dark:border-amber-700 dark:bg-amber-950/40 dark:text-amber-100", children: [_jsxs("div", { className: "flex items-start gap-3", children: [_jsx(AlertTriangle, { className: "mt-0.5 h-5 w-5 shrink-0" }), _jsxs("div", { className: "space-y-1", children: [_jsx("div", { className: "font-medium", children: messages.overview.actionRequiredTitle }), _jsx("p", { className: "text-sm text-amber-900/80 dark:text-amber-100/80", children: interpolate(messages.overview.actionRequiredBody, { count: noDeparturesCount }) })] })] }), onJumpToSlots ? (_jsx(Button, { size: "sm", className: "self-start sm:self-auto", onClick: onJumpToSlots, children: messages.overview.actionRequiredCta })) : null] })) : null, _jsxs("div", { className: "grid gap-3 grid-cols-2 xl:grid-cols-4", children: [_jsx(OverviewMetric, { title: messages.overview.openSlotsTitle, value: openSlotsCount, description: messages.overview.openSlotsDescription, icon: CalendarDays }), _jsx(OverviewMetric, { title: messages.overview.constrainedSlotsTitle, value: constrainedSlotsCount, description: messages.overview.constrainedSlotsDescription, icon: Clock3 }), _jsx(OverviewMetric, { title: messages.overview.activeRulesTitle, value: activeRulesCount, description: messages.overview.activeRulesDescription, icon: Package }), _jsx(OverviewMetric, { title: messages.overview.pickupPointsTitle, value: activePickupPointsCount, description: messages.overview.pickupPointsDescription, icon: Truck })] }), _jsxs(Card, { size: "sm", children: [_jsxs(CardHeader, { className: "flex flex-row items-center justify-between gap-3", children: [_jsxs(CardTitle, { className: "flex items-center gap-2 text-sm", children: [messages.overview.attentionTitle, hasAttention ? (_jsx(Badge, { variant: "secondary", className: "tabular-nums", children: noDeparturesCount + constrainedSlotsCount })) : null] }), !hasAttention ? (_jsxs("span", { className: "flex items-center gap-1.5 text-xs text-emerald-600 dark:text-emerald-400", children: [_jsx(CheckCircle2, { className: "h-4 w-4" }), messages.overview.attentionEmpty.split(".")[0]] })) : null] }), _jsx(CardContent, { className: "grid gap-3 lg:grid-cols-2", children: hasAttention ? (_jsxs(_Fragment, { children: [_jsx(AttentionColumn, { title: messages.overview.coverageGapsTitle, count: noDeparturesCount, items: productsWithoutUpcomingDepartures.slice(0, 4).map((product) => ({
+                                        id: product.id,
+                                        primary: product.name,
+                                        secondary: messages.overview.coverageGapDescription,
+                                        severityLabel: messages.overview.severityCoverageGap,
+                                        severityTone: "destructive",
+                                        onClick: () => onOpenProduct(product.id),
+                                    })), emptyMessage: messages.overview.coverageGapsEmpty }), _jsx(AttentionColumn, { title: messages.overview.capacityWatchlistTitle, count: constrainedSlotsCount, items: constrainedSlots.slice(0, 4).map((slot) => ({
+                                        id: slot.id,
+                                        primary: `${productNameById(products, slot.productId, slot.productName)} · ${slot.dateLocal}`,
+                                        secondary: `${formatSlotLocalDateTime(slotLocalStart(slot))} · ${messages.remainingPaxLabel}: ${slot.remainingPax ?? messages.details.noValue}`,
+                                        severityLabel: slot.status === "sold_out"
+                                            ? messages.overview.severitySoldOut
+                                            : slot.status === "closed"
+                                                ? messages.overview.severityClosed
+                                                : getSlotStatusLabel(slot.status, messages),
+                                        severityTone: slot.status === "sold_out" ? "default" : "outline",
+                                        onClick: () => onOpenSlot(slot.id),
+                                    })), emptyMessage: messages.overview.capacityWatchlistEmpty })] })) : (_jsx("p", { className: "col-span-full py-6 text-center text-sm text-muted-foreground", children: messages.overview.attentionEmpty })) })] }), showFilters ? (_jsxs("div", { className: "flex flex-col gap-3 md:flex-row md:items-center md:justify-between", children: [_jsxs("div", { className: "flex flex-1 flex-col gap-3 md:flex-row md:items-center", children: [_jsxs("div", { className: "relative w-full max-w-sm", children: [_jsx(Search, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }), _jsx(Input, { placeholder: messages.searchPlaceholder, value: search, onChange: (event) => setSearch(event.target.value), className: "pl-9" })] }), _jsxs(Select, { value: productFilter, onValueChange: (value) => setProductFilter(value ?? "all"), children: [_jsx(SelectTrigger, { className: "w-full md:w-56", children: _jsx(SelectValue, { placeholder: messages.allProducts }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "all", children: messages.allProducts }), products.map((product) => (_jsx(SelectItem, { value: product.id, children: product.name }, product.id)))] })] })] }), hasFilters ? (_jsx(Button, { variant: "outline", onClick: onClearFilters, children: messages.clearFilters })) : null] })) : null] }));
+}
+function formatSlotLocalDateTime(value) {
+    return `${value.date} ${value.time}`;
+}
+function AttentionColumn({ title, count, items, emptyMessage, }) {
+    return (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsxs("div", { className: "flex items-center gap-2 px-1", children: [_jsx("span", { className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: title }), count > 0 ? (_jsx(Badge, { variant: "outline", className: "tabular-nums", children: count })) : null] }), items.length === 0 ? (_jsx("p", { className: "rounded-md border border-dashed px-3 py-4 text-center text-xs text-muted-foreground", children: emptyMessage })) : (_jsx("ul", { className: "flex flex-col gap-1.5", children: items.map((item) => (_jsx("li", { children: _jsxs("button", { type: "button", onClick: item.onClick, className: cn("group flex w-full items-start justify-between gap-3 rounded-md border bg-card px-3 py-2 text-left transition-colors", "hover:border-foreground/30 hover:bg-muted/40", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"), children: [_jsxs("div", { className: "min-w-0 flex-1 space-y-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Badge, { variant: item.severityTone, className: "text-[10px] uppercase", children: item.severityLabel }), _jsx("span", { className: "truncate text-sm font-medium", children: item.primary })] }), _jsx("p", { className: "truncate text-xs text-muted-foreground", children: item.secondary })] }), _jsx(ArrowRight, { className: "mt-1 h-4 w-4 shrink-0 text-muted-foreground transition-transform group-hover:translate-x-0.5" })] }) }, item.id))) }))] }));
+}

package/dist/components/availability-page.d.ts

@@ -0,0 +1,32 @@
+import type { ReactNode } from "react";
+import { type AvailabilitySlotRow } from "../index.js";
+import { type AvailabilitySlotSubmitPayload } from "./availability-dialogs.js";
+import { type AvailabilityBulkDeleteFn, type AvailabilityBulkUpdateFn } from "./availability-tabs.js";
+export type AvailabilityPageView = "list" | "calendar";
+export type AvailabilityPageSlotStatusFilter = "all" | AvailabilitySlotRow["status"];
+export type AvailabilityPageBulkUpdateHandler = AvailabilityBulkUpdateFn;
+export type AvailabilityPageBulkDeleteHandler = AvailabilityBulkDeleteFn;
+type DialogSubmitContext = {
+    isEditing: boolean;
+    id?: string;
+};
+export type AvailabilityPageSlotSubmitHandler = (payload: AvailabilitySlotSubmitPayload, context: DialogSubmitContext) => Promise<void>;
+export interface AvailabilityPageSlots {
+    headerEnd?: ReactNode;
+    beforeFilters?: ReactNode;
+    afterFilters?: ReactNode;
+    dialogs?: ReactNode;
+}
+export interface AvailabilityPageProps {
+    className?: string;
+    defaultView?: AvailabilityPageView;
+    bulkActionTarget?: string | null;
+    onBulkUpdate: AvailabilityPageBulkUpdateHandler;
+    onBulkDelete: AvailabilityPageBulkDeleteHandler;
+    onSlotOpen?: (slotId: string) => void;
+    onSlotSubmit?: AvailabilityPageSlotSubmitHandler;
+    slots?: AvailabilityPageSlots;
+}
+export declare function AvailabilityPage({ className, defaultView, bulkActionTarget, onBulkUpdate, onBulkDelete, onSlotOpen, onSlotSubmit, slots: pageSlots, }: AvailabilityPageProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=availability-page.d.ts.map

package/dist/components/availability-page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"availability-page.d.ts","sourceRoot":"","sources":["../../src/components/availability-page.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,OAAO,EACL,KAAK,mBAAmB,EAUzB,MAAM,aAAa,CAAA;AACpB,OAAO,EAEL,KAAK,6BAA6B,EACnC,MAAM,2BAA2B,CAAA;AAElC,OAAO,EACL,KAAK,wBAAwB,EAC7B,KAAK,wBAAwB,EAE9B,MAAM,wBAAwB,CAAA;AAE/B,MAAM,MAAM,oBAAoB,GAAG,MAAM,GAAG,UAAU,CAAA;AACtD,MAAM,MAAM,gCAAgC,GAAG,KAAK,GAAG,mBAAmB,CAAC,QAAQ,CAAC,CAAA;AACpF,MAAM,MAAM,iCAAiC,GAAG,wBAAwB,CAAA;AACxE,MAAM,MAAM,iCAAiC,GAAG,wBAAwB,CAAA;AAExE,KAAK,mBAAmB,GAAG;IAAE,SAAS,EAAE,OAAO,CAAC;IAAC,EAAE,CAAC,EAAE,MAAM,CAAA;CAAE,CAAA;AAE9D,MAAM,MAAM,iCAAiC,GAAG,CAC9C,OAAO,EAAE,6BAA6B,EACtC,OAAO,EAAE,mBAAmB,KACzB,OAAO,CAAC,IAAI,CAAC,CAAA;AAElB,MAAM,WAAW,qBAAqB;IACpC,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,aAAa,CAAC,EAAE,SAAS,CAAA;IACzB,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB,OAAO,CAAC,EAAE,SAAS,CAAA;CACpB;AAED,MAAM,WAAW,qBAAqB;IACpC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,oBAAoB,CAAA;IAClC,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAChC,YAAY,EAAE,iCAAiC,CAAA;IAC/C,YAAY,EAAE,iCAAiC,CAAA;IAC/C,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,YAAY,CAAC,EAAE,iCAAiC,CAAA;IAChD,KAAK,CAAC,EAAE,qBAAqB,CAAA;CAC9B;AAID,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,WAAoB,EACpB,gBAAuB,EACvB,YAAY,EACZ,YAAY,EACZ,UAAmB,EACnB,YAAY,EACZ,KAAK,EAAE,SAAS,GACjB,EAAE,qBAAqB,2CAkRvB"}