@voyantjs/hospitality-ui 0.13.0

package/dist/components/room-inventory-tab.js

@@ -0,0 +1,61 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useQueries } from "@tanstack/react-query";
+import { getRoomTypeQueryOptions, useRoomInventory, useRoomInventoryMutation, useVoyantHospitalityContext, } from "@voyantjs/hospitality-react";
+import { Badge } from "@voyantjs/voyant-ui/components/badge";
+import { Button } from "@voyantjs/voyant-ui/components/button";
+import { Input } from "@voyantjs/voyant-ui/components/input";
+import { Label } from "@voyantjs/voyant-ui/components/label";
+import { Loader2, Pencil, Plus, Trash2 } from "lucide-react";
+import * as React from "react";
+import { PaginationFooter } from "./pagination-footer";
+import { RoomInventoryDialog } from "./room-inventory-dialog";
+import { RoomTypeCombobox } from "./room-type-combobox";
+const PAGE_SIZE = 25;
+export function RoomInventoryTab({ propertyId }) {
+    const [dialogOpen, setDialogOpen] = React.useState(false);
+    const [editing, setEditing] = React.useState(undefined);
+    const [dateFrom, setDateFrom] = React.useState("");
+    const [dateTo, setDateTo] = React.useState("");
+    const [roomTypeId, setRoomTypeId] = React.useState("");
+    const [pageIndex, setPageIndex] = React.useState(0);
+    const { data, isPending } = useRoomInventory({
+        propertyId,
+        roomTypeId: roomTypeId || undefined,
+        dateFrom: dateFrom || undefined,
+        dateTo: dateTo || undefined,
+        limit: PAGE_SIZE,
+        offset: pageIndex * PAGE_SIZE,
+    });
+    const { remove } = useRoomInventoryMutation();
+    const rows = data?.data ?? [];
+    const { baseUrl, fetcher } = useVoyantHospitalityContext();
+    const roomTypeIds = Array.from(new Set(rows.map((row) => row.roomTypeId)));
+    if (roomTypeId)
+        roomTypeIds.push(roomTypeId);
+    const uniqueRoomTypeIds = Array.from(new Set(roomTypeIds));
+    const roomTypeQueries = useQueries({
+        queries: uniqueRoomTypeIds.map((id) => getRoomTypeQueryOptions({ baseUrl, fetcher }, id)),
+    });
+    const roomTypeById = new Map(roomTypeQueries.flatMap((query) => (query.data ? [[query.data.id, query.data]] : [])));
+    return (_jsxs("div", { className: "flex flex-col gap-4", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("p", { className: "text-sm text-muted-foreground", children: "Daily unit availability per room type." }), _jsxs(Button, { size: "sm", onClick: () => {
+                            setEditing(undefined);
+                            setDialogOpen(true);
+                        }, children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), "Add Inventory"] })] }), _jsxs("div", { className: "grid max-w-3xl grid-cols-3 gap-3", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Room type" }), _jsx(RoomTypeCombobox, { propertyId: propertyId, value: roomTypeId, onChange: (value) => {
+                                    setRoomTypeId(value ?? "");
+                                    setPageIndex(0);
+                                }, placeholder: "All" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "From" }), _jsx(Input, { value: dateFrom, onChange: (event) => {
+                                    setDateFrom(event.target.value);
+                                    setPageIndex(0);
+                                }, type: "date" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "To" }), _jsx(Input, { value: dateTo, onChange: (event) => {
+                                    setDateTo(event.target.value);
+                                    setPageIndex(0);
+                                }, type: "date" })] })] }), isPending ? (_jsx("div", { className: "flex items-center justify-center py-12", children: _jsx(Loader2, { className: "h-6 w-6 animate-spin text-muted-foreground" }) })) : rows.length === 0 ? (_jsx("div", { className: "rounded-md border border-dashed p-8 text-center", children: _jsx("p", { className: "text-sm text-muted-foreground", children: "No inventory rows yet." }) })) : (_jsx("div", { className: "rounded-md 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-3 text-left font-medium", children: "Date" }), _jsx("th", { className: "p-3 text-left font-medium", children: "Room type" }), _jsx("th", { className: "p-3 text-right font-medium", children: "Total" }), _jsx("th", { className: "p-3 text-right font-medium", children: "Avail" }), _jsx("th", { className: "p-3 text-right font-medium", children: "Held" }), _jsx("th", { className: "p-3 text-right font-medium", children: "Sold" }), _jsx("th", { className: "p-3 text-right font-medium", children: "OOO" }), _jsx("th", { className: "p-3 text-left font-medium", children: "Stop" }), _jsx("th", { className: "w-20 p-3" })] }) }), _jsx("tbody", { children: rows.map((row) => (_jsxs("tr", { className: "border-b last:border-b-0", children: [_jsx("td", { className: "p-3 font-mono text-xs", children: row.date }), _jsx("td", { className: "p-3 text-muted-foreground", children: roomTypeById.get(row.roomTypeId)?.name ?? row.roomTypeId }), _jsx("td", { className: "p-3 text-right font-mono", children: row.totalUnits }), _jsx("td", { className: "p-3 text-right font-mono", children: row.availableUnits }), _jsx("td", { className: "p-3 text-right font-mono", children: row.heldUnits }), _jsx("td", { className: "p-3 text-right font-mono", children: row.soldUnits }), _jsx("td", { className: "p-3 text-right font-mono", children: row.outOfOrderUnits }), _jsx("td", { className: "p-3", children: row.stopSell ? _jsx(Badge, { variant: "destructive", children: "Stop" }) : null }), _jsx("td", { className: "p-3", children: _jsxs("div", { className: "flex items-center gap-1", children: [_jsx("button", { type: "button", onClick: () => {
+                                                        setEditing(row);
+                                                        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 inventory row?")) {
+                                                            remove.mutate(row.id);
+                                                        }
+                                                    }, className: "text-muted-foreground hover:text-destructive", children: _jsx(Trash2, { className: "h-3.5 w-3.5" }) })] }) })] }, row.id))) })] }) })), _jsx(PaginationFooter, { pageIndex: pageIndex, pageSize: PAGE_SIZE, total: data?.total ?? 0, onPageIndexChange: setPageIndex }), _jsx(RoomInventoryDialog, { open: dialogOpen, onOpenChange: setDialogOpen, propertyId: propertyId, inventory: editing })] }));
+}

package/dist/components/room-type-combobox.d.ts

@@ -0,0 +1,10 @@
+type Props = {
+    propertyId: string;
+    value: string | null | undefined;
+    onChange: (value: string | null) => void;
+    placeholder?: string;
+    disabled?: boolean;
+};
+export declare function RoomTypeCombobox({ propertyId, value, onChange, placeholder, disabled, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=room-type-combobox.d.ts.map

package/dist/components/room-type-combobox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"room-type-combobox.d.ts","sourceRoot":"","sources":["../../src/components/room-type-combobox.tsx"],"names":[],"mappings":"AAYA,KAAK,KAAK,GAAG;IACX,UAAU,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAA;IAChC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IACxC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAID,wBAAgB,gBAAgB,CAAC,EAC/B,UAAU,EACV,KAAK,EACL,QAAQ,EACR,WAAkC,EAClC,QAAQ,GACT,EAAE,KAAK,2CAgEP"}

package/dist/components/room-type-combobox.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRoomType, useRoomTypes } from "@voyantjs/hospitality-react";
+import { Combobox, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxInput, ComboboxItem, ComboboxList, } from "@voyantjs/voyant-ui/components/combobox";
+import * as React from "react";
+const PAGE_SIZE = 25;
+export function RoomTypeCombobox({ propertyId, value, onChange, placeholder = "Search room types…", disabled, }) {
+    const [search, setSearch] = React.useState("");
+    const listQuery = useRoomTypes({
+        propertyId,
+        search: search || undefined,
+        limit: PAGE_SIZE,
+        enabled: !!propertyId,
+    });
+    const selectedQuery = useRoomType(value, { enabled: !!value });
+    const items = React.useMemo(() => {
+        const map = new Map();
+        for (const item of listQuery.data?.data ?? [])
+            map.set(item.id, item);
+        if (selectedQuery.data)
+            map.set(selectedQuery.data.id, selectedQuery.data);
+        return Array.from(map.values());
+    }, [listQuery.data?.data, selectedQuery.data]);
+    const itemMap = React.useMemo(() => new Map(items.map((item) => [item.id, item])), [items]);
+    const selected = value ? itemMap.get(value) : undefined;
+    const selectedLabel = selected ? selected.name : "";
+    const [inputValue, setInputValue] = React.useState(selectedLabel);
+    React.useEffect(() => {
+        if (selectedLabel)
+            setInputValue(selectedLabel);
+    }, [selectedLabel]);
+    return (_jsxs(Combobox, { items: items.map((item) => item.id), value: value ?? null, inputValue: inputValue, autoHighlight: true, disabled: disabled, itemToStringValue: (id) => itemMap.get(id)?.name ?? "", onInputValueChange: (next) => {
+            setInputValue(next);
+            setSearch(next);
+            if (!next)
+                onChange(null);
+        }, onValueChange: (next) => {
+            const id = next ?? null;
+            onChange(id);
+            setInputValue(id ? (itemMap.get(id)?.name ?? "") : "");
+        }, children: [_jsx(ComboboxInput, { placeholder: placeholder, showClear: !!value }), _jsxs(ComboboxContent, { children: [_jsx(ComboboxEmpty, { children: listQuery.isPending || selectedQuery.isPending ? "Loading…" : "No room types found." }), _jsx(ComboboxList, { children: _jsx(ComboboxCollection, { children: (id) => {
+                                const item = itemMap.get(id);
+                                if (!item)
+                                    return null;
+                                return (_jsx(ComboboxItem, { value: item.id, children: item.name }, item.id));
+                            } }) })] })] }));
+}

package/dist/components/room-type-dialog.d.ts

@@ -0,0 +1,10 @@
+import { type RoomTypeRecord } from "@voyantjs/hospitality-react";
+export interface RoomTypeDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    propertyId: string;
+    roomType?: RoomTypeRecord;
+    onSuccess?: (roomType: RoomTypeRecord) => void;
+}
+export declare function RoomTypeDialog({ open, onOpenChange, propertyId, roomType, onSuccess, }: RoomTypeDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=room-type-dialog.d.ts.map

package/dist/components/room-type-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"room-type-dialog.d.ts","sourceRoot":"","sources":["../../src/components/room-type-dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAuB,MAAM,6BAA6B,CAAA;AAoDtF,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,cAAc,CAAA;IACzB,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,cAAc,KAAK,IAAI,CAAA;CAC/C;AAED,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,SAAS,GACV,EAAE,mBAAmB,2CA2NrB"}

package/dist/components/room-type-dialog.js

@@ -0,0 +1,119 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRoomTypeMutation } from "@voyantjs/hospitality-react";
+import { Button, Dialog, DialogBody, DialogContent, DialogFooter, DialogHeader, DialogTitle, Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Switch, Textarea, } from "@voyantjs/voyant-ui/components";
+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 INVENTORY_MODES = ["virtual", "pooled", "serialized"];
+const intOrEmpty = z.coerce.number().int().optional().or(z.literal("")).nullable();
+const formSchema = z.object({
+    name: z.string().min(1, "Name is required").max(255),
+    code: z.string().optional().nullable(),
+    description: z.string().optional().nullable(),
+    inventoryMode: z.enum(INVENTORY_MODES),
+    maxAdults: intOrEmpty,
+    maxChildren: intOrEmpty,
+    maxInfants: intOrEmpty,
+    standardOccupancy: intOrEmpty,
+    maxOccupancy: intOrEmpty,
+    minOccupancy: intOrEmpty,
+    bedroomCount: intOrEmpty,
+    bathroomCount: intOrEmpty,
+    smokingAllowed: z.boolean(),
+    active: z.boolean(),
+    sortOrder: z.coerce.number().int(),
+});
+export function RoomTypeDialog({ open, onOpenChange, propertyId, roomType, onSuccess, }) {
+    const isEditing = Boolean(roomType);
+    const { create, update } = useRoomTypeMutation();
+    const form = useForm({
+        resolver: zodResolver(formSchema),
+        defaultValues: {
+            name: "",
+            code: "",
+            description: "",
+            inventoryMode: "pooled",
+            maxAdults: "",
+            maxChildren: "",
+            maxInfants: "",
+            standardOccupancy: "",
+            maxOccupancy: "",
+            minOccupancy: "",
+            bedroomCount: "",
+            bathroomCount: "",
+            smokingAllowed: false,
+            active: true,
+            sortOrder: 0,
+        },
+    });
+    useEffect(() => {
+        if (open && roomType) {
+            form.reset({
+                name: roomType.name,
+                code: roomType.code ?? "",
+                description: roomType.description ?? "",
+                inventoryMode: roomType.inventoryMode,
+                maxAdults: roomType.maxAdults ?? "",
+                maxChildren: roomType.maxChildren ?? "",
+                maxInfants: roomType.maxInfants ?? "",
+                standardOccupancy: roomType.standardOccupancy ?? "",
+                maxOccupancy: roomType.maxOccupancy ?? "",
+                minOccupancy: roomType.minOccupancy ?? "",
+                bedroomCount: roomType.bedroomCount ?? "",
+                bathroomCount: roomType.bathroomCount ?? "",
+                smokingAllowed: roomType.smokingAllowed,
+                active: roomType.active,
+                sortOrder: roomType.sortOrder,
+            });
+        }
+        else if (open) {
+            form.reset({
+                name: "",
+                code: "",
+                description: "",
+                inventoryMode: "pooled",
+                maxAdults: "",
+                maxChildren: "",
+                maxInfants: "",
+                standardOccupancy: "",
+                maxOccupancy: "",
+                minOccupancy: "",
+                bedroomCount: "",
+                bathroomCount: "",
+                smokingAllowed: false,
+                active: true,
+                sortOrder: 0,
+            });
+        }
+    }, [form, open, roomType]);
+    const onSubmit = async (values) => {
+        const toInt = (value) => typeof value === "number" ? value : null;
+        const payload = {
+            propertyId,
+            name: values.name,
+            code: values.code || null,
+            description: values.description || null,
+            inventoryMode: values.inventoryMode,
+            maxAdults: toInt(values.maxAdults),
+            maxChildren: toInt(values.maxChildren),
+            maxInfants: toInt(values.maxInfants),
+            standardOccupancy: toInt(values.standardOccupancy),
+            maxOccupancy: toInt(values.maxOccupancy),
+            minOccupancy: toInt(values.minOccupancy),
+            bedroomCount: toInt(values.bedroomCount),
+            bathroomCount: toInt(values.bathroomCount),
+            smokingAllowed: values.smokingAllowed,
+            active: values.active,
+            sortOrder: values.sortOrder,
+        };
+        const saved = isEditing
+            ? await update.mutateAsync({ id: roomType.id, input: payload })
+            : await create.mutateAsync(payload);
+        onOpenChange(false);
+        onSuccess?.(saved);
+    };
+    const isSubmitting = form.formState.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 Room Type" : "Add Room Type" }) }), _jsxs("form", { onSubmit: form.handleSubmit(onSubmit), 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: "Name" }), _jsx(Input, { ...form.register("name"), placeholder: "Deluxe Double" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Code" }), _jsx(Input, { ...form.register("code"), placeholder: "DLX-DBL" })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Description" }), _jsx(Textarea, { ...form.register("description") })] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Inventory mode" }), _jsxs(Select, { items: INVENTORY_MODES.map((x) => ({ label: x.replace(/_/g, " "), value: x })), value: form.watch("inventoryMode"), onValueChange: (value) => form.setValue("inventoryMode", value), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: INVENTORY_MODES.map((mode) => (_jsx(SelectItem, { value: mode, className: "capitalize", children: mode }, mode))) })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Sort order" }), _jsx(Input, { ...form.register("sortOrder"), type: "number" })] })] }), _jsxs("div", { className: "grid grid-cols-3 gap-3", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Std. occupancy" }), _jsx(Input, { ...form.register("standardOccupancy"), type: "number", min: "0" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Min occupancy" }), _jsx(Input, { ...form.register("minOccupancy"), type: "number", min: "0" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Max occupancy" }), _jsx(Input, { ...form.register("maxOccupancy"), type: "number", min: "0" })] })] }), _jsxs("div", { className: "grid grid-cols-3 gap-3", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Max adults" }), _jsx(Input, { ...form.register("maxAdults"), type: "number", min: "0" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Max children" }), _jsx(Input, { ...form.register("maxChildren"), type: "number", min: "0" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Max infants" }), _jsx(Input, { ...form.register("maxInfants"), type: "number", min: "0" })] })] }), _jsxs("div", { className: "grid grid-cols-2 gap-3", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Bedrooms" }), _jsx(Input, { ...form.register("bedroomCount"), type: "number", min: "0" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Bathrooms" }), _jsx(Input, { ...form.register("bathroomCount"), type: "number", min: "0" })] })] }), _jsxs("div", { className: "flex gap-6", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Switch, { checked: form.watch("smokingAllowed"), onCheckedChange: (checked) => form.setValue("smokingAllowed", checked) }), _jsx(Label, { children: "Smoking allowed" })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Switch, { checked: form.watch("active"), onCheckedChange: (checked) => form.setValue("active", checked) }), _jsx(Label, { children: "Active" })] })] })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { type: "button", variant: "ghost", onClick: () => onOpenChange(false), children: "Cancel" }), _jsxs(Button, { type: "submit", disabled: isSubmitting, children: [isSubmitting ? _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }) : null, isEditing ? "Save Changes" : "Add Room Type"] })] })] })] }) }));
+}

package/dist/components/room-types-tab.d.ts

@@ -0,0 +1,5 @@
+export interface RoomTypesTabProps {
+    propertyId: string;
+}
+export declare function RoomTypesTab({ propertyId }: RoomTypesTabProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=room-types-tab.d.ts.map

package/dist/components/room-types-tab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"room-types-tab.d.ts","sourceRoot":"","sources":["../../src/components/room-types-tab.tsx"],"names":[],"mappings":"AAWA,MAAM,WAAW,iBAAiB;IAChC,UAAU,EAAE,MAAM,CAAA;CACnB;AAGD,wBAAgB,YAAY,CAAC,EAAE,UAAU,EAAE,EAAE,iBAAiB,2CAoH7D"}

package/dist/components/room-types-tab.js

@@ -0,0 +1,33 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRoomTypeMutation, useRoomTypes } from "@voyantjs/hospitality-react";
+import { Badge } from "@voyantjs/voyant-ui/components/badge";
+import { Button } from "@voyantjs/voyant-ui/components/button";
+import { Loader2, Pencil, Plus, Trash2 } from "lucide-react";
+import * as React from "react";
+import { PaginationFooter } from "./pagination-footer";
+import { RoomTypeDialog } from "./room-type-dialog";
+const PAGE_SIZE = 25;
+export function RoomTypesTab({ propertyId }) {
+    const [dialogOpen, setDialogOpen] = React.useState(false);
+    const [editing, setEditing] = React.useState(undefined);
+    const [pageIndex, setPageIndex] = React.useState(0);
+    const { data, isPending } = useRoomTypes({
+        propertyId,
+        limit: PAGE_SIZE,
+        offset: pageIndex * PAGE_SIZE,
+    });
+    const { remove } = useRoomTypeMutation();
+    const rows = (data?.data ?? []).slice().sort((a, b) => a.sortOrder - b.sortOrder);
+    return (_jsxs("div", { className: "flex flex-col gap-4", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("p", { className: "text-sm text-muted-foreground", children: "Room categories sold as inventory." }), _jsxs(Button, { size: "sm", onClick: () => {
+                            setEditing(undefined);
+                            setDialogOpen(true);
+                        }, children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), "Add Room Type"] })] }), isPending ? (_jsx("div", { className: "flex items-center justify-center py-12", children: _jsx(Loader2, { className: "h-6 w-6 animate-spin text-muted-foreground" }) })) : rows.length === 0 ? (_jsx("div", { className: "rounded-md border border-dashed p-8 text-center", children: _jsx("p", { className: "text-sm text-muted-foreground", children: "No room types yet." }) })) : (_jsx("div", { className: "rounded-md 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-3 text-left font-medium", children: "Name" }), _jsx("th", { className: "p-3 text-left font-medium", children: "Code" }), _jsx("th", { className: "p-3 text-left font-medium", children: "Mode" }), _jsx("th", { className: "p-3 text-left font-medium", children: "Occupancy" }), _jsx("th", { className: "p-3 text-left font-medium", children: "Status" }), _jsx("th", { className: "w-20 p-3" })] }) }), _jsx("tbody", { children: rows.map((row) => (_jsxs("tr", { className: "border-b last:border-b-0", children: [_jsx("td", { className: "p-3 font-medium", children: row.name }), _jsx("td", { className: "p-3 font-mono text-xs text-muted-foreground", children: row.code ?? "—" }), _jsx("td", { className: "p-3", children: _jsx(Badge, { variant: "outline", className: "capitalize", children: row.inventoryMode }) }), _jsxs("td", { className: "p-3 font-mono text-xs text-muted-foreground", children: [row.standardOccupancy ?? "—", " / ", row.maxOccupancy ?? "—"] }), _jsx("td", { className: "p-3", children: _jsx(Badge, { variant: row.active ? "default" : "outline", children: row.active ? "Active" : "Inactive" }) }), _jsx("td", { className: "p-3", children: _jsxs("div", { className: "flex items-center gap-1", children: [_jsx("button", { type: "button", onClick: () => {
+                                                        setEditing(row);
+                                                        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 room type "${row.name}"?`)) {
+                                                            remove.mutate(row.id);
+                                                        }
+                                                    }, className: "text-muted-foreground hover:text-destructive", children: _jsx(Trash2, { className: "h-3.5 w-3.5" }) })] }) })] }, row.id))) })] }) })), _jsx(PaginationFooter, { pageIndex: pageIndex, pageSize: PAGE_SIZE, total: data?.total ?? 0, onPageIndexChange: setPageIndex }), _jsx(RoomTypeDialog, { open: dialogOpen, onOpenChange: setDialogOpen, propertyId: propertyId, roomType: editing })] }));
+}

package/dist/components/room-unit-combobox.d.ts

@@ -0,0 +1,10 @@
+type Props = {
+    propertyId: string;
+    value: string | null | undefined;
+    onChange: (value: string | null) => void;
+    placeholder?: string;
+    disabled?: boolean;
+};
+export declare function RoomUnitCombobox({ propertyId, value, onChange, placeholder, disabled, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=room-unit-combobox.d.ts.map

package/dist/components/room-unit-combobox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"room-unit-combobox.d.ts","sourceRoot":"","sources":["../../src/components/room-unit-combobox.tsx"],"names":[],"mappings":"AAYA,KAAK,KAAK,GAAG;IACX,UAAU,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAA;IAChC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IACxC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAID,wBAAgB,gBAAgB,CAAC,EAC/B,UAAU,EACV,KAAK,EACL,QAAQ,EACR,WAAkC,EAClC,QAAQ,GACT,EAAE,KAAK,2CAoEP"}

package/dist/components/room-unit-combobox.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRoomUnit, useRoomUnits } from "@voyantjs/hospitality-react";
+import { Combobox, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxInput, ComboboxItem, ComboboxList, } from "@voyantjs/voyant-ui/components/combobox";
+import * as React from "react";
+const PAGE_SIZE = 25;
+export function RoomUnitCombobox({ propertyId, value, onChange, placeholder = "Search room units…", disabled, }) {
+    const [search, setSearch] = React.useState("");
+    const listQuery = useRoomUnits({
+        propertyId,
+        search: search || undefined,
+        limit: PAGE_SIZE,
+        enabled: !!propertyId,
+    });
+    const selectedQuery = useRoomUnit(value, { enabled: !!value });
+    const items = React.useMemo(() => {
+        const map = new Map();
+        for (const item of listQuery.data?.data ?? [])
+            map.set(item.id, item);
+        if (selectedQuery.data)
+            map.set(selectedQuery.data.id, selectedQuery.data);
+        return Array.from(map.values());
+    }, [listQuery.data?.data, selectedQuery.data]);
+    const itemMap = React.useMemo(() => new Map(items.map((item) => [item.id, item])), [items]);
+    const selected = value ? itemMap.get(value) : undefined;
+    const selectedLabel = selected ? (selected.roomNumber ?? selected.code ?? selected.id) : "";
+    const [inputValue, setInputValue] = React.useState(selectedLabel);
+    React.useEffect(() => {
+        if (selectedLabel)
+            setInputValue(selectedLabel);
+    }, [selectedLabel]);
+    return (_jsxs(Combobox, { items: items.map((item) => item.id), value: value ?? null, inputValue: inputValue, autoHighlight: true, disabled: disabled, itemToStringValue: (id) => {
+            const item = itemMap.get(id);
+            return item ? (item.roomNumber ?? item.code ?? item.id) : "";
+        }, onInputValueChange: (next) => {
+            setInputValue(next);
+            setSearch(next);
+            if (!next)
+                onChange(null);
+        }, onValueChange: (next) => {
+            const id = next ?? null;
+            onChange(id);
+            const item = id ? itemMap.get(id) : null;
+            setInputValue(item ? (item.roomNumber ?? item.code ?? item.id) : "");
+        }, children: [_jsx(ComboboxInput, { placeholder: placeholder, showClear: !!value }), _jsxs(ComboboxContent, { children: [_jsx(ComboboxEmpty, { children: listQuery.isPending || selectedQuery.isPending ? "Loading…" : "No room units found." }), _jsx(ComboboxList, { children: _jsx(ComboboxCollection, { children: (id) => {
+                                const item = itemMap.get(id);
+                                if (!item)
+                                    return null;
+                                return (_jsx(ComboboxItem, { value: item.id, children: item.roomNumber ?? item.code ?? item.id }, item.id));
+                            } }) })] })] }));
+}

package/dist/components/room-unit-dialog.d.ts

@@ -0,0 +1,10 @@
+import { type RoomUnitRecord } from "@voyantjs/hospitality-react";
+export interface RoomUnitDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    propertyId: string;
+    unit?: RoomUnitRecord;
+    onSuccess?: (unit: RoomUnitRecord) => void;
+}
+export declare function RoomUnitDialog({ open, onOpenChange, propertyId, unit, onSuccess, }: RoomUnitDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=room-unit-dialog.d.ts.map

package/dist/components/room-unit-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"room-unit-dialog.d.ts","sourceRoot":"","sources":["../../src/components/room-unit-dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAuB,MAAM,6BAA6B,CAAA;AA4CtF,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,UAAU,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,cAAc,CAAA;IACrB,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAA;CAC3C;AAED,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,IAAI,EACJ,SAAS,GACV,EAAE,mBAAmB,2CA2KrB"}

package/dist/components/room-unit-dialog.js

@@ -0,0 +1,93 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRoomUnitMutation } from "@voyantjs/hospitality-react";
+import { Button, Dialog, DialogBody, DialogContent, DialogFooter, DialogHeader, DialogTitle, Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Textarea, } from "@voyantjs/voyant-ui/components";
+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 { RoomTypeCombobox } from "./room-type-combobox";
+const STATUSES = ["active", "inactive", "out_of_order", "archived"];
+const formSchema = z.object({
+    roomTypeId: z.string().min(1, "Room type is required"),
+    code: z.string().optional().nullable(),
+    roomNumber: z.string().optional().nullable(),
+    floor: z.string().optional().nullable(),
+    wing: z.string().optional().nullable(),
+    status: z.enum(STATUSES),
+    viewCode: z.string().optional().nullable(),
+    accessibilityCode: z.string().optional().nullable(),
+    genderRestriction: z.string().optional().nullable(),
+    notes: z.string().optional().nullable(),
+});
+export function RoomUnitDialog({ open, onOpenChange, propertyId, unit, onSuccess, }) {
+    const isEditing = Boolean(unit);
+    const { create, update } = useRoomUnitMutation();
+    const form = useForm({
+        resolver: zodResolver(formSchema),
+        defaultValues: {
+            roomTypeId: "",
+            code: "",
+            roomNumber: "",
+            floor: "",
+            wing: "",
+            status: "active",
+            viewCode: "",
+            accessibilityCode: "",
+            genderRestriction: "",
+            notes: "",
+        },
+    });
+    useEffect(() => {
+        if (open && unit) {
+            form.reset({
+                roomTypeId: unit.roomTypeId,
+                code: unit.code ?? "",
+                roomNumber: unit.roomNumber ?? "",
+                floor: unit.floor ?? "",
+                wing: unit.wing ?? "",
+                status: unit.status,
+                viewCode: unit.viewCode ?? "",
+                accessibilityCode: unit.accessibilityCode ?? "",
+                genderRestriction: unit.genderRestriction ?? "",
+                notes: unit.notes ?? "",
+            });
+        }
+        else if (open) {
+            form.reset({
+                roomTypeId: "",
+                code: "",
+                roomNumber: "",
+                floor: "",
+                wing: "",
+                status: "active",
+                viewCode: "",
+                accessibilityCode: "",
+                genderRestriction: "",
+                notes: "",
+            });
+        }
+    }, [form, open, unit]);
+    const onSubmit = async (values) => {
+        const payload = {
+            propertyId,
+            roomTypeId: values.roomTypeId,
+            code: values.code || null,
+            roomNumber: values.roomNumber || null,
+            floor: values.floor || null,
+            wing: values.wing || null,
+            status: values.status,
+            viewCode: values.viewCode || null,
+            accessibilityCode: values.accessibilityCode || null,
+            genderRestriction: values.genderRestriction || null,
+            notes: values.notes || null,
+        };
+        const saved = isEditing
+            ? await update.mutateAsync({ id: unit.id, input: payload })
+            : await create.mutateAsync(payload);
+        onOpenChange(false);
+        onSuccess?.(saved);
+    };
+    const isSubmitting = form.formState.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 Room Unit" : "Add Room Unit" }) }), _jsxs("form", { onSubmit: form.handleSubmit(onSubmit), children: [_jsxs(DialogBody, { className: "grid gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Room type" }), _jsx(RoomTypeCombobox, { propertyId: propertyId, value: form.watch("roomTypeId"), onChange: (value) => form.setValue("roomTypeId", value ?? ""), placeholder: "Select a room type\u2026", disabled: !open })] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Room number" }), _jsx(Input, { ...form.register("roomNumber"), placeholder: "412" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Code" }), _jsx(Input, { ...form.register("code"), placeholder: "DLX-412" })] })] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Floor" }), _jsx(Input, { ...form.register("floor"), placeholder: "4" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Wing" }), _jsx(Input, { ...form.register("wing"), placeholder: "North" })] })] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Status" }), _jsxs(Select, { items: STATUSES.map((x) => ({ label: x.replace(/_/g, " "), value: x })), value: form.watch("status"), onValueChange: (value) => form.setValue("status", value), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: STATUSES.map((status) => (_jsx(SelectItem, { value: status, className: "capitalize", children: status.replace(/_/g, " ") }, status))) })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "View code" }), _jsx(Input, { ...form.register("viewCode"), placeholder: "sea" })] })] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Accessibility" }), _jsx(Input, { ...form.register("accessibilityCode"), placeholder: "wheelchair" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Gender restriction" }), _jsx(Input, { ...form.register("genderRestriction"), placeholder: "female_only" })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Notes" }), _jsx(Textarea, { ...form.register("notes") })] })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { type: "button", variant: "ghost", onClick: () => onOpenChange(false), children: "Cancel" }), _jsxs(Button, { type: "submit", disabled: isSubmitting, children: [isSubmitting ? _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }) : null, isEditing ? "Save Changes" : "Add Room Unit"] })] })] })] }) }));
+}

package/dist/components/room-units-tab.d.ts

@@ -0,0 +1,5 @@
+export interface RoomUnitsTabProps {
+    propertyId: string;
+}
+export declare function RoomUnitsTab({ propertyId }: RoomUnitsTabProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=room-units-tab.d.ts.map

package/dist/components/room-units-tab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"room-units-tab.d.ts","sourceRoot":"","sources":["../../src/components/room-units-tab.tsx"],"names":[],"mappings":"AAkBA,MAAM,WAAW,iBAAiB;IAChC,UAAU,EAAE,MAAM,CAAA;CACnB;AAGD,wBAAgB,YAAY,CAAC,EAAE,UAAU,EAAE,EAAE,iBAAiB,2CA0H7D"}

package/dist/components/room-units-tab.js

@@ -0,0 +1,40 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useQueries } from "@tanstack/react-query";
+import { getRoomTypeQueryOptions, useRoomUnitMutation, useRoomUnits, useVoyantHospitalityContext, } from "@voyantjs/hospitality-react";
+import { Badge } from "@voyantjs/voyant-ui/components/badge";
+import { Button } from "@voyantjs/voyant-ui/components/button";
+import { Loader2, Pencil, Plus, Trash2 } from "lucide-react";
+import * as React from "react";
+import { PaginationFooter } from "./pagination-footer";
+import { RoomUnitDialog } from "./room-unit-dialog";
+const PAGE_SIZE = 25;
+export function RoomUnitsTab({ propertyId }) {
+    const [dialogOpen, setDialogOpen] = React.useState(false);
+    const [editing, setEditing] = React.useState(undefined);
+    const [pageIndex, setPageIndex] = React.useState(0);
+    const { data, isPending } = useRoomUnits({
+        propertyId,
+        limit: PAGE_SIZE,
+        offset: pageIndex * PAGE_SIZE,
+    });
+    const { remove } = useRoomUnitMutation();
+    const rows = data?.data ?? [];
+    const { baseUrl, fetcher } = useVoyantHospitalityContext();
+    const roomTypeIds = Array.from(new Set(rows.map((row) => row.roomTypeId)));
+    const roomTypeQueries = useQueries({
+        queries: roomTypeIds.map((id) => getRoomTypeQueryOptions({ baseUrl, fetcher }, id)),
+    });
+    const roomTypeById = new Map(roomTypeQueries.flatMap((query) => (query.data ? [[query.data.id, query.data]] : [])));
+    return (_jsxs("div", { className: "flex flex-col gap-4", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("p", { className: "text-sm text-muted-foreground", children: "Physical rooms that belong to a room type." }), _jsxs(Button, { size: "sm", onClick: () => {
+                            setEditing(undefined);
+                            setDialogOpen(true);
+                        }, children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), "Add Room Unit"] })] }), isPending ? (_jsx("div", { className: "flex items-center justify-center py-12", children: _jsx(Loader2, { className: "h-6 w-6 animate-spin text-muted-foreground" }) })) : rows.length === 0 ? (_jsx("div", { className: "rounded-md border border-dashed p-8 text-center", children: _jsx("p", { className: "text-sm text-muted-foreground", children: "No room units yet." }) })) : (_jsx("div", { className: "rounded-md 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-3 text-left font-medium", children: "Room #" }), _jsx("th", { className: "p-3 text-left font-medium", children: "Room type" }), _jsx("th", { className: "p-3 text-left font-medium", children: "Floor" }), _jsx("th", { className: "p-3 text-left font-medium", children: "Wing" }), _jsx("th", { className: "p-3 text-left font-medium", children: "Status" }), _jsx("th", { className: "w-20 p-3" })] }) }), _jsx("tbody", { children: rows.map((row) => (_jsxs("tr", { className: "border-b last:border-b-0", children: [_jsx("td", { className: "p-3 font-medium", children: row.roomNumber ?? row.code ?? row.id }), _jsx("td", { className: "p-3 text-muted-foreground", children: roomTypeById.get(row.roomTypeId)?.name ?? row.roomTypeId }), _jsx("td", { className: "p-3 text-muted-foreground", children: row.floor ?? "—" }), _jsx("td", { className: "p-3 text-muted-foreground", children: row.wing ?? "—" }), _jsx("td", { className: "p-3", children: _jsx(Badge, { variant: row.status === "active" ? "default" : "outline", className: "capitalize", children: row.status.replace(/_/g, " ") }) }), _jsx("td", { className: "p-3", children: _jsxs("div", { className: "flex items-center gap-1", children: [_jsx("button", { type: "button", onClick: () => {
+                                                        setEditing(row);
+                                                        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 room unit "${row.roomNumber ?? row.id}"?`)) {
+                                                            remove.mutate(row.id);
+                                                        }
+                                                    }, className: "text-muted-foreground hover:text-destructive", children: _jsx(Trash2, { className: "h-3.5 w-3.5" }) })] }) })] }, row.id))) })] }) })), _jsx(PaginationFooter, { pageIndex: pageIndex, pageSize: PAGE_SIZE, total: data?.total ?? 0, onPageIndexChange: setPageIndex }), _jsx(RoomUnitDialog, { open: dialogOpen, onOpenChange: setDialogOpen, propertyId: propertyId, unit: editing })] }));
+}

package/dist/components/stay-rule-dialog.d.ts

@@ -0,0 +1,11 @@
+import { type StayRuleRecord } from "@voyantjs/hospitality-react";
+export type StayRuleData = StayRuleRecord;
+export interface StayRuleDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    propertyId: string;
+    rule?: StayRuleRecord;
+    onSuccess?: (rule: StayRuleRecord) => void;
+}
+export declare function StayRuleDialog({ open, onOpenChange, propertyId, rule, onSuccess, }: StayRuleDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=stay-rule-dialog.d.ts.map

package/dist/components/stay-rule-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stay-rule-dialog.d.ts","sourceRoot":"","sources":["../../src/components/stay-rule-dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAuB,MAAM,6BAA6B,CAAA;AAuBtF,MAAM,MAAM,YAAY,GAAG,cAAc,CAAA;AA6BzC,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,UAAU,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,cAAc,CAAA;IACrB,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAA;CAC3C;AAED,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,IAAI,EACJ,SAAS,GACV,EAAE,mBAAmB,2CA4RrB"}