@voyantjs/bookings-ui 0.13.0

package/dist/components/booking-dialog.js

@@ -0,0 +1,108 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useBookingMutation } from "@voyantjs/bookings-react";
+import { Button, Dialog, DialogBody, DialogContent, DialogFooter, DialogHeader, DialogTitle, Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Textarea, } from "@voyantjs/voyant-ui/components";
+import { CurrencyCombobox } from "@voyantjs/voyant-ui/components/currency-combobox";
+import { DateRangePicker } from "@voyantjs/voyant-ui/components/date-picker";
+import { zodResolver } from "@voyantjs/voyant-ui/lib/zod-resolver";
+import { Loader2 } from "lucide-react";
+import { useEffect } from "react";
+import { useForm } from "react-hook-form";
+import { z } from "zod/v4";
+import { BookingCreateDialog } from "./booking-create-dialog";
+const bookingFormSchema = z.object({
+    bookingNumber: z.string().min(1, "Booking number is required"),
+    status: z.enum(["draft", "confirmed", "in_progress", "completed", "cancelled"]),
+    sellCurrency: z.string().min(3).max(3, "Use 3-letter ISO code"),
+    sellAmountCents: z.coerce.number().int().min(0).optional().or(z.literal("")).nullable(),
+    costAmountCents: z.coerce.number().int().min(0).optional().or(z.literal("")).nullable(),
+    startDate: z.string().optional().nullable(),
+    endDate: z.string().optional().nullable(),
+    pax: z.coerce.number().int().positive().optional().or(z.literal("")).nullable(),
+    internalNotes: z.string().optional().nullable(),
+});
+const BOOKING_STATUSES = [
+    { value: "draft", label: "Draft" },
+    { value: "confirmed", label: "Confirmed" },
+    { value: "in_progress", label: "In Progress" },
+    { value: "completed", label: "Completed" },
+    { value: "cancelled", label: "Cancelled" },
+];
+/**
+ * Single booking dialog that handles both create and edit:
+ * - Create (no `booking` prop): renders the rich product → option → person
+ *   picker flow via `BookingCreateDialog`, so the draft booking inherits
+ *   pricing, dates, and currency from the catalogue instead of being
+ *   hand-entered.
+ * - Edit (with `booking` prop): renders the flat form below that patches
+ *   the existing row's metadata (status, amounts, dates, notes).
+ */
+export function BookingDialog({ open, onOpenChange, booking, onSuccess, defaultProductId, }) {
+    if (!booking) {
+        return (_jsx(BookingCreateDialog, { open: open, onOpenChange: onOpenChange, defaultProductId: defaultProductId, onCreated: onSuccess }));
+    }
+    return (_jsx(BookingEditDialog, { open: open, onOpenChange: onOpenChange, booking: booking, onSuccess: onSuccess }));
+}
+function BookingEditDialog({ open, onOpenChange, booking, onSuccess }) {
+    const { update } = useBookingMutation();
+    const form = useForm({
+        resolver: zodResolver(bookingFormSchema),
+        defaultValues: {
+            bookingNumber: "",
+            status: "draft",
+            sellCurrency: "EUR",
+            sellAmountCents: "",
+            costAmountCents: "",
+            startDate: "",
+            endDate: "",
+            pax: "",
+            internalNotes: "",
+        },
+    });
+    useEffect(() => {
+        if (!open)
+            return;
+        form.reset({
+            bookingNumber: booking.bookingNumber,
+            status: booking.status === "on_hold" || booking.status === "expired" ? "draft" : booking.status,
+            sellCurrency: booking.sellCurrency,
+            sellAmountCents: booking.sellAmountCents ?? "",
+            costAmountCents: booking.costAmountCents ?? "",
+            startDate: booking.startDate ?? "",
+            endDate: booking.endDate ?? "",
+            pax: booking.pax ?? "",
+            internalNotes: booking.internalNotes ?? "",
+        });
+    }, [booking, form, open]);
+    const onSubmit = async (values) => {
+        const payload = {
+            bookingNumber: values.bookingNumber,
+            status: values.status,
+            sellCurrency: values.sellCurrency,
+            sellAmountCents: values.sellAmountCents && typeof values.sellAmountCents === "number"
+                ? values.sellAmountCents
+                : null,
+            costAmountCents: values.costAmountCents && typeof values.costAmountCents === "number"
+                ? values.costAmountCents
+                : null,
+            startDate: values.startDate || null,
+            endDate: values.endDate || null,
+            pax: values.pax && typeof values.pax === "number" ? values.pax : null,
+            internalNotes: values.internalNotes || null,
+        };
+        const saved = await update.mutateAsync({ id: booking.id, input: payload });
+        onOpenChange(false);
+        onSuccess?.(saved);
+    };
+    const isSubmitting = update.isPending;
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { size: "lg", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: "Edit Booking" }) }), _jsxs("form", { onSubmit: form.handleSubmit(onSubmit), className: "flex flex-1 flex-col overflow-hidden", children: [_jsxs(DialogBody, { className: "grid gap-4", children: [_jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Booking Number" }), _jsx(Input, { ...form.register("bookingNumber"), placeholder: "BK-2501-1234" }), form.formState.errors.bookingNumber && (_jsx("p", { className: "text-xs text-destructive", children: form.formState.errors.bookingNumber.message }))] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Status" }), _jsxs(Select, { value: form.watch("status"), onValueChange: (value) => form.setValue("status", value), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: BOOKING_STATUSES.map((status) => (_jsx(SelectItem, { value: status.value, children: status.label }, status.value))) })] })] })] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Sell Currency" }), _jsx(CurrencyCombobox, { value: form.watch("sellCurrency") || null, onChange: (next) => form.setValue("sellCurrency", next ?? "EUR", {
+                                                        shouldValidate: true,
+                                                        shouldDirty: true,
+                                                    }) })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Travel Dates" }), _jsx(DateRangePicker, { value: {
+                                                        from: form.watch("startDate") || null,
+                                                        to: form.watch("endDate") || null,
+                                                    }, onChange: (nextValue) => {
+                                                        form.setValue("startDate", nextValue?.from ?? "", { shouldDirty: true });
+                                                        form.setValue("endDate", nextValue?.to ?? "", { shouldDirty: true });
+                                                    }, placeholder: "Pick travel dates", className: "w-full" })] })] }), _jsxs("div", { className: "grid grid-cols-3 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Sell Amount (cents)" }), _jsx(Input, { ...form.register("sellAmountCents"), type: "number", min: "0" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Cost Amount (cents)" }), _jsx(Input, { ...form.register("costAmountCents"), type: "number", min: "0" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Travelers (Pax)" }), _jsx(Input, { ...form.register("pax"), type: "number", min: "1", placeholder: "2" })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Internal Notes" }), _jsx(Textarea, { ...form.register("internalNotes"), placeholder: "Private operations notes..." })] })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => onOpenChange(false), children: "Cancel" }), _jsxs(Button, { type: "submit", size: "sm", disabled: isSubmitting, children: [isSubmitting && _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), "Save Changes"] })] })] })] }) }));
+}

package/dist/components/booking-document-dialog.d.ts

@@ -0,0 +1,8 @@
+export interface BookingDocumentDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    bookingId: string;
+    onSuccess?: () => void;
+}
+export declare function BookingDocumentDialog({ open, onOpenChange, bookingId, onSuccess, }: BookingDocumentDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=booking-document-dialog.d.ts.map

package/dist/components/booking-document-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"booking-document-dialog.d.ts","sourceRoot":"","sources":["../../src/components/booking-document-dialog.tsx"],"names":[],"mappings":"AA4CA,MAAM,WAAW,0BAA0B;IACzC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;CACvB;AAED,wBAAgB,qBAAqB,CAAC,EACpC,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,SAAS,GACV,EAAE,0BAA0B,2CAmJ5B"}

package/dist/components/booking-document-dialog.js

@@ -0,0 +1,67 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useBookingTravelerDocumentMutation, useTravelers } from "@voyantjs/bookings-react";
+import { Button, Dialog, DialogBody, DialogContent, DialogFooter, DialogHeader, DialogTitle, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Textarea, } from "@voyantjs/voyant-ui/components";
+import { DatePicker } from "@voyantjs/voyant-ui/components/date-picker";
+import { zodResolver } from "@voyantjs/voyant-ui/lib/zod-resolver";
+import { Loader2 } from "lucide-react";
+import { useEffect } from "react";
+import { useForm } from "react-hook-form";
+import { z } from "zod/v4";
+import { FileDropzone } from "./file-dropzone";
+const documentTypes = ["visa", "insurance", "health", "passport_copy", "other"];
+const UNASSIGNED = "__unassigned__";
+const documentFormSchema = z.object({
+    type: z.enum(documentTypes).default("other"),
+    fileName: z.string().min(1, "File name is required").max(500),
+    fileUrl: z.string().url("Must be a valid URL"),
+    travelerId: z.string().optional().nullable(),
+    expiresAt: z.string().optional().nullable(),
+    notes: z.string().optional().nullable(),
+});
+export function BookingDocumentDialog({ open, onOpenChange, bookingId, onSuccess, }) {
+    const { create } = useBookingTravelerDocumentMutation(bookingId);
+    const { data: travelersData } = useTravelers(bookingId);
+    const travelers = travelersData?.data ?? [];
+    const form = useForm({
+        resolver: zodResolver(documentFormSchema),
+        defaultValues: {
+            type: "other",
+            fileName: "",
+            fileUrl: "",
+            travelerId: UNASSIGNED,
+            expiresAt: "",
+            notes: "",
+        },
+    });
+    useEffect(() => {
+        if (open) {
+            form.reset();
+        }
+    }, [form, open]);
+    const onSubmit = async (values) => {
+        await create.mutateAsync({
+            type: values.type,
+            fileName: values.fileName,
+            fileUrl: values.fileUrl,
+            travelerId: values.travelerId && values.travelerId !== UNASSIGNED ? values.travelerId : null,
+            expiresAt: values.expiresAt || null,
+            notes: values.notes || null,
+        });
+        onOpenChange(false);
+        onSuccess?.();
+    };
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { size: "lg", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: "Add Document" }) }), _jsxs("form", { onSubmit: form.handleSubmit(onSubmit), className: "flex flex-1 flex-col overflow-hidden", children: [_jsxs(DialogBody, { className: "grid gap-4", children: [_jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Type" }), _jsxs(Select, { items: documentTypes.map((t) => ({ label: t.replace(/_/g, " "), value: t })), value: form.watch("type"), onValueChange: (v) => form.setValue("type", (v ?? "other")), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: documentTypes.map((t) => (_jsx(SelectItem, { value: t, children: t.replace(/_/g, " ") }, t))) })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Traveler (optional)" }), _jsxs(Select, { items: [
+                                                        { label: "Booking-wide", value: UNASSIGNED },
+                                                        ...travelers.map((traveler) => ({
+                                                            label: `${traveler.firstName} ${traveler.lastName}`,
+                                                            value: traveler.id,
+                                                        })),
+                                                    ], value: form.watch("travelerId") ?? UNASSIGNED, onValueChange: (v) => form.setValue("travelerId", v ?? UNASSIGNED), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: UNASSIGNED, children: "Booking-wide" }), travelers.map((traveler) => (_jsxs(SelectItem, { value: traveler.id, children: [traveler.firstName, " ", traveler.lastName] }, traveler.id)))] })] })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "File" }), _jsx(FileDropzone, { accept: "application/pdf,image/*", maxSize: 10 * 1024 * 1024, onUploaded: (upload) => {
+                                                form.setValue("fileUrl", upload.url, { shouldValidate: true });
+                                                form.setValue("fileName", upload.name, { shouldValidate: true });
+                                            }, helperText: "Drop passport, visa, or insurance document (PDF or image)" }), form.formState.errors.fileUrl && (_jsx("p", { className: "text-xs text-destructive", children: form.formState.errors.fileUrl.message }))] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Expires At (optional)" }), _jsx(DatePicker, { value: form.watch("expiresAt") || null, onChange: (next) => form.setValue("expiresAt", next ?? "", {
+                                                shouldValidate: true,
+                                                shouldDirty: true,
+                                            }), placeholder: "Select expiry date", className: "w-full" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Notes" }), _jsx(Textarea, { ...form.register("notes"), placeholder: "Additional notes..." })] })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => onOpenChange(false), children: "Cancel" }), _jsxs(Button, { type: "submit", size: "sm", disabled: create.isPending, children: [create.isPending && _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), "Add Document"] })] })] })] }) }));
+}

package/dist/components/booking-document-list.d.ts

@@ -0,0 +1,5 @@
+export interface BookingDocumentListProps {
+    bookingId: string;
+}
+export declare function BookingDocumentList({ bookingId }: BookingDocumentListProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=booking-document-list.d.ts.map

package/dist/components/booking-document-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"booking-document-list.d.ts","sourceRoot":"","sources":["../../src/components/booking-document-list.tsx"],"names":[],"mappings":"AA6BA,MAAM,WAAW,wBAAwB;IACvC,SAAS,EAAE,MAAM,CAAA;CAClB;AAED,wBAAgB,mBAAmB,CAAC,EAAE,SAAS,EAAE,EAAE,wBAAwB,2CAqG1E"}

package/dist/components/booking-document-list.js

@@ -0,0 +1,38 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useBookingTravelerDocumentMutation, useBookingTravelerDocuments, useTravelers, } from "@voyantjs/bookings-react";
+import { Badge, Button, Card, CardContent, CardHeader, CardTitle, } from "@voyantjs/voyant-ui/components";
+import { ExternalLink, FileText, Plus, Trash2 } from "lucide-react";
+import * as React from "react";
+import { BookingDocumentDialog } from "./booking-document-dialog";
+const typeVariant = {
+    visa: "default",
+    insurance: "secondary",
+    health: "secondary",
+    passport_copy: "outline",
+    other: "outline",
+};
+export function BookingDocumentList({ bookingId }) {
+    const [dialogOpen, setDialogOpen] = React.useState(false);
+    const { data } = useBookingTravelerDocuments(bookingId);
+    const { data: travelersData } = useTravelers(bookingId);
+    const { remove } = useBookingTravelerDocumentMutation(bookingId);
+    const documents = data?.data ?? [];
+    const travelers = travelersData?.data ?? [];
+    const travelerMap = new Map();
+    for (const traveler of travelers) {
+        travelerMap.set(traveler.id, traveler);
+    }
+    return (_jsxs(Card, { "data-slot": "booking-document-list", children: [_jsxs(CardHeader, { className: "flex flex-row items-center justify-between", children: [_jsxs(CardTitle, { className: "flex items-center gap-2", children: [_jsx(FileText, { className: "h-4 w-4" }), "Documents"] }), _jsxs(Button, { size: "sm", onClick: () => setDialogOpen(true), children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), "Add Document"] })] }), _jsx(CardContent, { children: documents.length === 0 ? (_jsx("p", { className: "py-4 text-center text-sm text-muted-foreground", children: "No documents yet." })) : (_jsx("div", { className: "rounded border bg-background", children: _jsxs("table", { className: "w-full text-sm", children: [_jsx("thead", { children: _jsxs("tr", { className: "border-b text-muted-foreground", children: [_jsx("th", { className: "p-2 text-left font-medium", children: "Type" }), _jsx("th", { className: "p-2 text-left font-medium", children: "File" }), _jsx("th", { className: "p-2 text-left font-medium", children: "Traveler" }), _jsx("th", { className: "p-2 text-left font-medium", children: "Expires" }), _jsx("th", { className: "p-2 text-left font-medium", children: "Notes" }), _jsx("th", { className: "w-20 p-2" })] }) }), _jsx("tbody", { children: documents.map((doc) => {
+                                    const traveler = doc.travelerId ? travelerMap.get(doc.travelerId) : undefined;
+                                    return (_jsxs("tr", { className: "border-b last:border-b-0", children: [_jsx("td", { className: "p-2", children: _jsx(Badge, { variant: typeVariant[doc.type] ?? "outline", className: "capitalize", children: doc.type.replace(/_/g, " ") }) }), _jsx("td", { className: "p-2", children: _jsxs("a", { href: doc.fileUrl, target: "_blank", rel: "noopener noreferrer", className: "inline-flex items-center gap-1 hover:underline", children: [doc.fileName, _jsx(ExternalLink, { className: "h-3 w-3 text-muted-foreground" })] }) }), _jsx("td", { className: "p-2", children: traveler
+                                                    ? `${traveler.firstName} ${traveler.lastName}`
+                                                    : doc.travelerId
+                                                        ? doc.travelerId
+                                                        : "—" }), _jsx("td", { className: "p-2", children: doc.expiresAt ? new Date(doc.expiresAt).toLocaleDateString() : "-" }), _jsx("td", { className: "max-w-[200px] truncate p-2 text-muted-foreground", children: doc.notes ?? "-" }), _jsx("td", { className: "p-2", children: _jsx("button", { type: "button", onClick: () => {
+                                                        if (confirm("Delete this document?")) {
+                                                            remove.mutate(doc.id);
+                                                        }
+                                                    }, className: "text-muted-foreground hover:text-destructive", children: _jsx(Trash2, { className: "h-3.5 w-3.5" }) }) })] }, doc.id));
+                                }) })] }) })) }), _jsx(BookingDocumentDialog, { open: dialogOpen, onOpenChange: setDialogOpen, bookingId: bookingId })] }));
+}

package/dist/components/booking-group-link-dialog.d.ts

@@ -0,0 +1,10 @@
+export interface BookingGroupLinkDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    bookingId: string;
+    productId?: string | null;
+    optionUnitId?: string | null;
+    onLinked?: (groupId: string) => void;
+}
+export declare function BookingGroupLinkDialog({ open, onOpenChange, bookingId, productId, optionUnitId, onLinked, }: BookingGroupLinkDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=booking-group-link-dialog.d.ts.map

package/dist/components/booking-group-link-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"booking-group-link-dialog.d.ts","sourceRoot":"","sources":["../../src/components/booking-group-link-dialog.tsx"],"names":[],"mappings":"AA0BA,MAAM,WAAW,2BAA2B;IAC1C,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC5B,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;CACrC;AAMD,wBAAgB,sBAAsB,CAAC,EACrC,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,SAAS,EACT,YAAY,EACZ,QAAQ,GACT,EAAE,2BAA2B,2CAuK7B"}

package/dist/components/booking-group-link-dialog.js

@@ -0,0 +1,68 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useBookingGroupMemberMutation, useBookingGroupMutation, useBookingGroups, } from "@voyantjs/bookings-react";
+import { Button, Dialog, DialogBody, DialogContent, DialogFooter, DialogHeader, DialogTitle, Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@voyantjs/voyant-ui/components";
+import { Loader2 } from "lucide-react";
+import * as React from "react";
+const JOIN_PLACEHOLDER = "__none__";
+export function BookingGroupLinkDialog({ open, onOpenChange, bookingId, productId, optionUnitId, onLinked, }) {
+    const [mode, setMode] = React.useState("join");
+    const [selectedGroupId, setSelectedGroupId] = React.useState("");
+    const [newGroupLabel, setNewGroupLabel] = React.useState("");
+    const [error, setError] = React.useState(null);
+    React.useEffect(() => {
+        if (!open) {
+            setMode("join");
+            setSelectedGroupId("");
+            setNewGroupLabel("");
+            setError(null);
+        }
+    }, [open]);
+    const { data } = useBookingGroups({
+        productId: productId ?? undefined,
+        optionUnitId: optionUnitId ?? undefined,
+        limit: 50,
+        enabled: open,
+    });
+    const groups = data?.data ?? [];
+    const { create: createGroup } = useBookingGroupMutation();
+    const { add: addMember } = useBookingGroupMemberMutation();
+    const handleSubmit = async () => {
+        setError(null);
+        try {
+            let targetGroupId = selectedGroupId;
+            let role = "shared";
+            if (mode === "create") {
+                const label = newGroupLabel.trim() || `Shared room — ${new Date().toLocaleDateString()}`;
+                const group = await createGroup.mutateAsync({
+                    kind: "shared_room",
+                    label,
+                    productId: productId ?? null,
+                    optionUnitId: optionUnitId ?? null,
+                    primaryBookingId: bookingId,
+                });
+                targetGroupId = group.id;
+                role = "primary";
+            }
+            if (!targetGroupId || targetGroupId === JOIN_PLACEHOLDER) {
+                setError("Select a group to join");
+                return;
+            }
+            await addMember.mutateAsync({
+                groupId: targetGroupId,
+                bookingId,
+                role,
+            });
+            onOpenChange(false);
+            onLinked?.(targetGroupId);
+        }
+        catch (err) {
+            const message = err instanceof Error ? err.message : "Failed to link booking";
+            setError(message);
+        }
+    };
+    const isSubmitting = createGroup.isPending || addMember.isPending;
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: "Link Booking to Shared Room" }) }), _jsxs(DialogBody, { className: "grid gap-4", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Button, { type: "button", size: "sm", variant: mode === "join" ? "default" : "ghost", onClick: () => setMode("join"), children: "Join existing" }), _jsx(Button, { type: "button", size: "sm", variant: mode === "create" ? "default" : "ghost", onClick: () => setMode("create"), children: "Create new" })] }), mode === "join" ? (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Existing groups" }), _jsxs(Select, { items: groups.length === 0
+                                        ? [{ label: "No existing groups", value: JOIN_PLACEHOLDER }]
+                                        : groups.map((g) => ({ label: g.label, value: g.id })), value: selectedGroupId || JOIN_PLACEHOLDER, onValueChange: (v) => setSelectedGroupId(v === JOIN_PLACEHOLDER ? "" : (v ?? "")), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, { placeholder: "Select a group..." }) }), _jsx(SelectContent, { children: groups.length === 0 ? (_jsx(SelectItem, { value: JOIN_PLACEHOLDER, disabled: true, children: "No existing groups" })) : (groups.map((g) => (_jsx(SelectItem, { value: g.id, children: g.label }, g.id)))) })] }), productId && (_jsx("p", { className: "text-xs text-muted-foreground", children: "Filtered to groups for the booking's product." }))] })) : (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Group label" }), _jsx(Input, { value: newGroupLabel, onChange: (e) => setNewGroupLabel(e.target.value), placeholder: "e.g. Smith + Jones, Room 204" }), _jsx("p", { className: "text-xs text-muted-foreground", children: "This booking will be marked as the primary member." })] })), error && _jsx("p", { className: "text-xs text-destructive", children: error })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => onOpenChange(false), disabled: isSubmitting, children: "Cancel" }), _jsxs(Button, { type: "button", size: "sm", onClick: handleSubmit, disabled: isSubmitting || (mode === "join" && !selectedGroupId), children: [isSubmitting && _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), mode === "create" ? "Create & Link" : "Link to Group"] })] })] }) }));
+}

package/dist/components/booking-group-section.d.ts

@@ -0,0 +1,17 @@
+export interface BookingGroupSectionProps {
+    bookingId: string;
+    /**
+     * Product ID used to scope shared-room group context. Leave unset to
+     * auto-resolve from the booking's items; pass an explicit string or `null`
+     * to override.
+     */
+    productId?: string | null;
+    /**
+     * Option unit ID used to scope shared-room group context. Leave unset to
+     * auto-resolve from the booking's items; pass an explicit string or `null`
+     * to override.
+     */
+    optionUnitId?: string | null;
+}
+export declare function BookingGroupSection({ bookingId, productId, optionUnitId, }: BookingGroupSectionProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=booking-group-section.d.ts.map

package/dist/components/booking-group-section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"booking-group-section.d.ts","sourceRoot":"","sources":["../../src/components/booking-group-section.tsx"],"names":[],"mappings":"AAqBA,MAAM,WAAW,wBAAwB;IACvC,SAAS,EAAE,MAAM,CAAA;IACjB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAC7B;AAED,wBAAgB,mBAAmB,CAAC,EAClC,SAAS,EACT,SAAS,EACT,YAAY,GACb,EAAE,wBAAwB,2CAsH1B"}

package/dist/components/booking-group-section.js

@@ -0,0 +1,31 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useBookingGroup, useBookingGroupForBooking, useBookingGroupMemberMutation, useBookingPrimaryProduct, } from "@voyantjs/bookings-react";
+import { Badge, Button, Card, CardContent, CardHeader, CardTitle, } from "@voyantjs/voyant-ui/components";
+import { Link2, Unlink, Users } from "lucide-react";
+import * as React from "react";
+import { BookingGroupLinkDialog } from "./booking-group-link-dialog";
+export function BookingGroupSection({ bookingId, productId, optionUnitId, }) {
+    const [linkDialogOpen, setLinkDialogOpen] = React.useState(false);
+    // Auto-resolve product/option-unit from items when the caller hasn't
+    // supplied them. Explicit `null` is respected as an override.
+    const shouldAutoResolve = productId === undefined || optionUnitId === undefined;
+    const autoResolved = useBookingPrimaryProduct(bookingId, { enabled: shouldAutoResolve });
+    const effectiveProductId = productId === undefined ? autoResolved.productId : productId;
+    const effectiveOptionUnitId = optionUnitId === undefined ? autoResolved.optionUnitId : optionUnitId;
+    const { data: groupForBookingData } = useBookingGroupForBooking(bookingId);
+    const group = groupForBookingData?.data ?? null;
+    const groupId = group?.id ?? null;
+    const { data: groupDetail } = useBookingGroup(groupId, { enabled: Boolean(groupId) });
+    const members = groupDetail?.data?.members ?? [];
+    const { remove: removeMember } = useBookingGroupMemberMutation();
+    const handleRemove = async () => {
+        if (!groupId)
+            return;
+        if (!confirm("Remove this booking from the shared-room group?"))
+            return;
+        await removeMember.mutateAsync({ groupId, bookingId });
+    };
+    const siblings = members.filter((m) => m.bookingId !== bookingId);
+    return (_jsxs(Card, { "data-slot": "booking-group-section", children: [_jsxs(CardHeader, { className: "flex flex-row items-center justify-between", children: [_jsxs(CardTitle, { className: "flex items-center gap-2", children: [_jsx(Users, { className: "h-4 w-4" }), "Shared Room"] }), group ? (_jsxs(Button, { size: "sm", variant: "outline", onClick: handleRemove, disabled: removeMember.isPending, children: [_jsx(Unlink, { className: "mr-2 h-4 w-4" }), "Remove from group"] })) : (_jsxs(Button, { size: "sm", onClick: () => setLinkDialogOpen(true), children: [_jsx(Link2, { className: "mr-2 h-4 w-4" }), "Link to shared room"] }))] }), _jsx(CardContent, { children: !group ? (_jsx("p", { className: "py-4 text-center text-sm text-muted-foreground", children: "This booking is not linked to a shared-room group." })) : (_jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "flex items-center justify-between rounded-md border bg-muted/30 p-3 text-sm", children: [_jsxs("div", { children: [_jsx("div", { className: "text-xs text-muted-foreground", children: "Group" }), _jsx("div", { className: "font-medium", children: group.label })] }), _jsx(Badge, { variant: "outline", className: "capitalize", children: group.kind.replace(/_/g, " ") })] }), _jsxs("div", { children: [_jsxs("div", { className: "mb-2 text-xs font-medium text-muted-foreground", children: ["Sibling bookings (", siblings.length, ")"] }), siblings.length === 0 ? (_jsx("p", { className: "text-xs text-muted-foreground", children: "No other bookings linked yet. Share the group id with another booking to link them." })) : (_jsx("ul", { className: "space-y-1", children: siblings.map((m) => (_jsxs("li", { className: "flex items-center justify-between rounded px-2 py-1 text-sm", children: [_jsx("span", { className: "font-mono text-xs", children: m.booking?.bookingNumber ?? m.bookingId }), _jsxs("div", { className: "flex items-center gap-2", children: [m.role === "primary" && (_jsx(Badge, { variant: "default", className: "text-xs", children: "Primary" })), m.booking?.status && (_jsx("span", { className: "text-xs text-muted-foreground capitalize", children: m.booking.status.replace(/_/g, " ") }))] })] }, m.id))) }))] })] })) }), _jsx(BookingGroupLinkDialog, { open: linkDialogOpen, onOpenChange: setLinkDialogOpen, bookingId: bookingId, productId: effectiveProductId, optionUnitId: effectiveOptionUnitId })] }));
+}

package/dist/components/booking-guarantee-dialog.d.ts

@@ -0,0 +1,10 @@
+import { type BookingGuaranteeRecord } from "@voyantjs/finance-react";
+export interface BookingGuaranteeDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    bookingId: string;
+    guarantee?: BookingGuaranteeRecord;
+    onSuccess?: () => void;
+}
+export declare function BookingGuaranteeDialog({ open, onOpenChange, bookingId, guarantee, onSuccess, }: BookingGuaranteeDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=booking-guarantee-dialog.d.ts.map

package/dist/components/booking-guarantee-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"booking-guarantee-dialog.d.ts","sourceRoot":"","sources":["../../src/components/booking-guarantee-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,sBAAsB,EAA+B,MAAM,yBAAyB,CAAA;AA4DlG,MAAM,WAAW,2BAA2B;IAC1C,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,sBAAsB,CAAA;IAClC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;CACvB;AAED,wBAAgB,sBAAsB,CAAC,EACrC,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,SAAS,EACT,SAAS,GACV,EAAE,2BAA2B,2CAqL7B"}

package/dist/components/booking-guarantee-dialog.js

@@ -0,0 +1,101 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useBookingGuaranteeMutation } from "@voyantjs/finance-react";
+import { Button, Dialog, DialogBody, DialogContent, DialogFooter, DialogHeader, DialogTitle, Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Textarea, } from "@voyantjs/voyant-ui/components";
+import { CurrencyCombobox } from "@voyantjs/voyant-ui/components/currency-combobox";
+import { DateTimePicker } from "@voyantjs/voyant-ui/components/date-time-picker";
+import { zodResolver } from "@voyantjs/voyant-ui/lib/zod-resolver";
+import { Loader2 } from "lucide-react";
+import { useEffect } from "react";
+import { useForm } from "react-hook-form";
+import { z } from "zod/v4";
+const guaranteeTypes = [
+    "deposit",
+    "credit_card",
+    "preauth",
+    "card_on_file",
+    "bank_transfer",
+    "voucher",
+    "agency_letter",
+    "other",
+];
+const guaranteeStatuses = [
+    "pending",
+    "active",
+    "released",
+    "failed",
+    "cancelled",
+    "expired",
+];
+const guaranteeFormSchema = z.object({
+    guaranteeType: z.enum(guaranteeTypes),
+    status: z.enum(guaranteeStatuses).default("pending"),
+    currency: z.string().min(3).max(3).optional().nullable(),
+    amountCents: z.coerce.number().int().min(0).optional().nullable(),
+    provider: z.string().optional().nullable(),
+    referenceNumber: z.string().optional().nullable(),
+    expiresAt: z.string().optional().nullable(),
+    notes: z.string().optional().nullable(),
+});
+export function BookingGuaranteeDialog({ open, onOpenChange, bookingId, guarantee, onSuccess, }) {
+    const isEditing = Boolean(guarantee);
+    const { create, update } = useBookingGuaranteeMutation(bookingId);
+    const form = useForm({
+        resolver: zodResolver(guaranteeFormSchema),
+        defaultValues: {
+            guaranteeType: "deposit",
+            status: "pending",
+            currency: "EUR",
+            amountCents: null,
+            provider: "",
+            referenceNumber: "",
+            expiresAt: "",
+            notes: "",
+        },
+    });
+    useEffect(() => {
+        if (open && guarantee) {
+            form.reset({
+                guaranteeType: guarantee.guaranteeType,
+                status: guarantee.status,
+                currency: guarantee.currency,
+                amountCents: guarantee.amountCents,
+                provider: guarantee.provider ?? "",
+                referenceNumber: guarantee.referenceNumber ?? "",
+                expiresAt: guarantee.expiresAt ? guarantee.expiresAt.slice(0, 16) : "",
+                notes: guarantee.notes ?? "",
+            });
+        }
+        else if (open) {
+            form.reset();
+        }
+    }, [form, open, guarantee]);
+    const onSubmit = async (values) => {
+        const payload = {
+            guaranteeType: values.guaranteeType,
+            status: values.status,
+            currency: values.currency || null,
+            amountCents: values.amountCents ?? null,
+            provider: values.provider || null,
+            referenceNumber: values.referenceNumber || null,
+            expiresAt: values.expiresAt || null,
+            notes: values.notes || null,
+        };
+        if (isEditing) {
+            await update.mutateAsync({ id: guarantee.id, input: payload });
+        }
+        else {
+            await create.mutateAsync(payload);
+        }
+        onOpenChange(false);
+        onSuccess?.();
+    };
+    const isSubmitting = create.isPending || update.isPending;
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { size: "lg", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: isEditing ? "Edit Guarantee" : "Add Guarantee" }) }), _jsxs("form", { onSubmit: form.handleSubmit(onSubmit), className: "flex flex-1 flex-col overflow-hidden", children: [_jsxs(DialogBody, { className: "grid gap-4", children: [_jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Type" }), _jsxs(Select, { items: guaranteeTypes.map((t) => ({ label: t.replace(/_/g, " "), value: t })), value: form.watch("guaranteeType"), onValueChange: (v) => form.setValue("guaranteeType", (v ?? "deposit")), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: guaranteeTypes.map((t) => (_jsx(SelectItem, { value: t, children: t.replace(/_/g, " ") }, t))) })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Status" }), _jsxs(Select, { items: guaranteeStatuses.map((s) => ({ label: s.replace(/_/g, " "), value: s })), value: form.watch("status"), onValueChange: (v) => form.setValue("status", (v ?? "pending")), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: guaranteeStatuses.map((s) => (_jsx(SelectItem, { value: s, children: s.replace(/_/g, " ") }, s))) })] })] })] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Currency" }), _jsx(CurrencyCombobox, { value: form.watch("currency") || null, onChange: (next) => form.setValue("currency", next ?? "EUR", {
+                                                        shouldValidate: true,
+                                                        shouldDirty: true,
+                                                    }) })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Amount (cents)" }), _jsx(Input, { ...form.register("amountCents"), type: "number", min: 0 })] })] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Provider" }), _jsx(Input, { ...form.register("provider"), placeholder: "Stripe, bank name..." })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Reference Number" }), _jsx(Input, { ...form.register("referenceNumber"), placeholder: "External reference..." })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Expires At" }), _jsx(DateTimePicker, { value: form.watch("expiresAt") || null, onChange: (next) => form.setValue("expiresAt", next ?? "", {
+                                                shouldValidate: true,
+                                                shouldDirty: true,
+                                            }), placeholder: "Select expiry date & time", className: "w-full" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Notes" }), _jsx(Textarea, { ...form.register("notes"), placeholder: "Guarantee notes..." })] })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => onOpenChange(false), children: "Cancel" }), _jsxs(Button, { type: "submit", size: "sm", disabled: isSubmitting, children: [isSubmitting && _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), isEditing ? "Save Changes" : "Add Guarantee"] })] })] })] }) }));
+}

package/dist/components/booking-guarantee-list.d.ts

@@ -0,0 +1,5 @@
+export interface BookingGuaranteeListProps {
+    bookingId: string;
+}
+export declare function BookingGuaranteeList({ bookingId }: BookingGuaranteeListProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=booking-guarantee-list.d.ts.map

package/dist/components/booking-guarantee-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"booking-guarantee-list.d.ts","sourceRoot":"","sources":["../../src/components/booking-guarantee-list.tsx"],"names":[],"mappings":"AAkCA,MAAM,WAAW,yBAAyB;IACxC,SAAS,EAAE,MAAM,CAAA;CAClB;AAED,wBAAgB,oBAAoB,CAAC,EAAE,SAAS,EAAE,EAAE,yBAAyB,2CAkH5E"}

package/dist/components/booking-guarantee-list.js

@@ -0,0 +1,45 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useBookingGuaranteeMutation, useBookingGuarantees, } from "@voyantjs/finance-react";
+import { Badge, Button, Card, CardContent, CardHeader, CardTitle, } from "@voyantjs/voyant-ui/components";
+import { Pencil, Plus, ShieldCheck, Trash2 } from "lucide-react";
+import * as React from "react";
+import { BookingGuaranteeDialog } from "./booking-guarantee-dialog";
+const statusVariant = {
+    pending: "outline",
+    active: "default",
+    released: "secondary",
+    failed: "destructive",
+    cancelled: "destructive",
+    expired: "secondary",
+};
+function formatAmount(cents, currency) {
+    if (cents == null || !currency)
+        return "-";
+    return `${(cents / 100).toFixed(2)} ${currency}`;
+}
+export function BookingGuaranteeList({ bookingId }) {
+    const [dialogOpen, setDialogOpen] = React.useState(false);
+    const [editing, setEditing] = React.useState(undefined);
+    const { data } = useBookingGuarantees(bookingId);
+    const { remove } = useBookingGuaranteeMutation(bookingId);
+    const guarantees = data?.data ?? [];
+    return (_jsxs(Card, { "data-slot": "booking-guarantee-list", children: [_jsxs(CardHeader, { className: "flex flex-row items-center justify-between", children: [_jsxs(CardTitle, { className: "flex items-center gap-2", children: [_jsx(ShieldCheck, { className: "h-4 w-4" }), "Guarantees"] }), _jsxs(Button, { size: "sm", onClick: () => {
+                            setEditing(undefined);
+                            setDialogOpen(true);
+                        }, children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), "Add Guarantee"] })] }), _jsx(CardContent, { children: guarantees.length === 0 ? (_jsx("p", { className: "py-4 text-center text-sm text-muted-foreground", children: "No guarantees yet." })) : (_jsx("div", { className: "rounded border bg-background", children: _jsxs("table", { className: "w-full text-sm", children: [_jsx("thead", { children: _jsxs("tr", { className: "border-b text-muted-foreground", children: [_jsx("th", { className: "p-2 text-left font-medium", children: "Type" }), _jsx("th", { className: "p-2 text-left font-medium", children: "Status" }), _jsx("th", { className: "p-2 text-right font-medium", children: "Amount" }), _jsx("th", { className: "p-2 text-left font-medium", children: "Provider" }), _jsx("th", { className: "p-2 text-left font-medium", children: "Reference" }), _jsx("th", { className: "p-2 text-left font-medium", children: "Expires" }), _jsx("th", { className: "w-20 p-2" })] }) }), _jsx("tbody", { children: guarantees.map((g) => (_jsxs("tr", { className: "border-b last:border-b-0", children: [_jsx("td", { className: "p-2 capitalize", children: g.guaranteeType.replace(/_/g, " ") }), _jsx("td", { className: "p-2", children: _jsx(Badge, { variant: statusVariant[g.status] ?? "secondary", className: "capitalize", children: g.status.replace(/_/g, " ") }) }), _jsx("td", { className: "p-2 text-right font-mono", children: formatAmount(g.amountCents, g.currency) }), _jsx("td", { className: "p-2", children: g.provider ?? "-" }), _jsx("td", { className: "max-w-[150px] truncate p-2 font-mono text-xs", children: g.referenceNumber ?? "-" }), _jsx("td", { className: "p-2", children: g.expiresAt ? new Date(g.expiresAt).toLocaleDateString() : "-" }), _jsx("td", { className: "p-2", children: _jsxs("div", { className: "flex items-center gap-1", children: [_jsx("button", { type: "button", onClick: () => {
+                                                            setEditing(g);
+                                                            setDialogOpen(true);
+                                                        }, className: "text-muted-foreground hover:text-foreground", children: _jsx(Pencil, { className: "h-3.5 w-3.5" }) }), _jsx("button", { type: "button", onClick: () => {
+                                                            if (confirm("Delete this guarantee?")) {
+                                                                remove.mutate(g.id);
+                                                            }
+                                                        }, className: "text-muted-foreground hover:text-destructive", children: _jsx(Trash2, { className: "h-3.5 w-3.5" }) })] }) })] }, g.id))) })] }) })) }), _jsx(BookingGuaranteeDialog, { open: dialogOpen, onOpenChange: (nextOpen) => {
+                    setDialogOpen(nextOpen);
+                    if (!nextOpen) {
+                        setEditing(undefined);
+                    }
+                }, bookingId: bookingId, guarantee: editing, onSuccess: () => {
+                    setEditing(undefined);
+                } })] }));
+}

package/dist/components/booking-item-dialog.d.ts

@@ -0,0 +1,10 @@
+import { type BookingItemRecord } from "@voyantjs/bookings-react";
+export interface BookingItemDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    bookingId: string;
+    item?: BookingItemRecord;
+    onSuccess?: () => void;
+}
+export declare function BookingItemDialog({ open, onOpenChange, bookingId, item, onSuccess, }: BookingItemDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=booking-item-dialog.d.ts.map

package/dist/components/booking-item-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"booking-item-dialog.d.ts","sourceRoot":"","sources":["../../src/components/booking-item-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,iBAAiB,EAA0B,MAAM,0BAA0B,CAAA;AA4DzF,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,SAAS,EAAE,MAAM,CAAA;IACjB,IAAI,CAAC,EAAE,iBAAiB,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;CACvB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,IAAI,EACJ,SAAS,GACV,EAAE,sBAAsB,2CA8NxB"}