@voyantjs/hospitality-ui 0.13.0

package/dist/components/rate-plan-combobox.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRatePlan, useRatePlans } 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 RatePlanCombobox({ propertyId, value, onChange, placeholder = "Search rate plans…", disabled, }) {
+    const [search, setSearch] = React.useState("");
+    const listQuery = useRatePlans({
+        propertyId,
+        search: search || undefined,
+        limit: PAGE_SIZE,
+        enabled: !!propertyId,
+    });
+    const selectedQuery = useRatePlan(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} · ${selected.code}` : "";
+    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.name} · ${item.code}` : "";
+        }, 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.name} · ${item.code}` : "");
+        }, children: [_jsx(ComboboxInput, { placeholder: placeholder, showClear: !!value }), _jsxs(ComboboxContent, { children: [_jsx(ComboboxEmpty, { children: listQuery.isPending || selectedQuery.isPending ? "Loading…" : "No rate plans found." }), _jsx(ComboboxList, { children: _jsx(ComboboxCollection, { children: (id) => {
+                                const item = itemMap.get(id);
+                                if (!item)
+                                    return null;
+                                return (_jsxs(ComboboxItem, { value: item.id, children: [item.name, " \u00B7 ", item.code] }, item.id));
+                            } }) })] })] }));
+}

package/dist/components/rate-plan-dialog.d.ts

@@ -0,0 +1,11 @@
+import { type RatePlanRecord } from "@voyantjs/hospitality-react";
+export type RatePlanData = RatePlanRecord;
+export interface RatePlanDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    propertyId: string;
+    ratePlan?: RatePlanRecord;
+    onSuccess?: (ratePlan: RatePlanRecord) => void;
+}
+export declare function RatePlanDialog({ open, onOpenChange, propertyId, ratePlan, onSuccess, }: RatePlanDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=rate-plan-dialog.d.ts.map

package/dist/components/rate-plan-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rate-plan-dialog.d.ts","sourceRoot":"","sources":["../../src/components/rate-plan-dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAuB,MAAM,6BAA6B,CAAA;AA6BtF,MAAM,MAAM,YAAY,GAAG,cAAc,CAAA;AAgCzC,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,2CA+OrB"}

package/dist/components/rate-plan-dialog.js

@@ -0,0 +1,120 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRatePlanMutation } 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 { CurrencyCombobox } from "@voyantjs/voyant-ui/components/currency-combobox";
+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 { CancellationPolicyCombobox } from "./cancellation-policy-combobox";
+import { MealPlanCombobox } from "./meal-plan-combobox";
+import { PriceCatalogCombobox } from "./price-catalog-combobox";
+const CHARGE_FREQUENCIES = [
+    "per_night",
+    "per_stay",
+    "per_person_per_night",
+    "per_person_per_stay",
+];
+const GUARANTEE_MODES = ["none", "deposit", "on_request", "card_hold", "full_prepay"];
+const formSchema = z.object({
+    code: z.string().min(1, "Code is required").max(50),
+    name: z.string().min(1, "Name is required").max(255),
+    description: z.string().optional().nullable(),
+    mealPlanId: z.string().optional().nullable(),
+    priceCatalogId: z.string().optional().nullable(),
+    cancellationPolicyId: z.string().optional().nullable(),
+    currencyCode: z.string().length(3, "Currency must be 3 chars"),
+    chargeFrequency: z.enum(CHARGE_FREQUENCIES),
+    guaranteeMode: z.enum(GUARANTEE_MODES),
+    commissionable: z.boolean(),
+    refundable: z.boolean(),
+    active: z.boolean(),
+    sortOrder: z.coerce.number().int(),
+});
+export function RatePlanDialog({ open, onOpenChange, propertyId, ratePlan, onSuccess, }) {
+    const isEditing = Boolean(ratePlan);
+    const { create, update } = useRatePlanMutation();
+    const form = useForm({
+        resolver: zodResolver(formSchema),
+        defaultValues: {
+            code: "",
+            name: "",
+            description: "",
+            mealPlanId: "",
+            priceCatalogId: "",
+            cancellationPolicyId: "",
+            currencyCode: "EUR",
+            chargeFrequency: "per_night",
+            guaranteeMode: "none",
+            commissionable: true,
+            refundable: true,
+            active: true,
+            sortOrder: 0,
+        },
+    });
+    useEffect(() => {
+        if (open && ratePlan) {
+            form.reset({
+                code: ratePlan.code,
+                name: ratePlan.name,
+                description: ratePlan.description ?? "",
+                mealPlanId: ratePlan.mealPlanId ?? "",
+                priceCatalogId: ratePlan.priceCatalogId ?? "",
+                cancellationPolicyId: ratePlan.cancellationPolicyId ?? "",
+                currencyCode: ratePlan.currencyCode,
+                chargeFrequency: ratePlan.chargeFrequency,
+                guaranteeMode: ratePlan.guaranteeMode,
+                commissionable: ratePlan.commissionable,
+                refundable: ratePlan.refundable,
+                active: ratePlan.active,
+                sortOrder: ratePlan.sortOrder,
+            });
+        }
+        else if (open) {
+            form.reset({
+                code: "",
+                name: "",
+                description: "",
+                mealPlanId: "",
+                priceCatalogId: "",
+                cancellationPolicyId: "",
+                currencyCode: "EUR",
+                chargeFrequency: "per_night",
+                guaranteeMode: "none",
+                commissionable: true,
+                refundable: true,
+                active: true,
+                sortOrder: 0,
+            });
+        }
+    }, [form, open, ratePlan]);
+    const onSubmit = async (values) => {
+        const payload = {
+            propertyId,
+            code: values.code,
+            name: values.name,
+            description: values.description || null,
+            mealPlanId: values.mealPlanId || null,
+            priceCatalogId: values.priceCatalogId || null,
+            cancellationPolicyId: values.cancellationPolicyId || null,
+            currencyCode: values.currencyCode.toUpperCase(),
+            chargeFrequency: values.chargeFrequency,
+            guaranteeMode: values.guaranteeMode,
+            commissionable: values.commissionable,
+            refundable: values.refundable,
+            active: values.active,
+            sortOrder: values.sortOrder,
+        };
+        const saved = isEditing
+            ? await update.mutateAsync({ id: ratePlan.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 Rate Plan" : "Add Rate Plan" }) }), _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: "Code" }), _jsx(Input, { ...form.register("code"), placeholder: "FLEX" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Name" }), _jsx(Input, { ...form.register("name"), placeholder: "Flexible Rate" })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Description" }), _jsx(Textarea, { ...form.register("description") })] }), _jsxs("div", { className: "grid grid-cols-3 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Currency" }), _jsx(CurrencyCombobox, { value: form.watch("currencyCode") || null, onChange: (next) => form.setValue("currencyCode", next ?? "EUR", {
+                                                        shouldValidate: true,
+                                                        shouldDirty: true,
+                                                    }) })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Charge frequency" }), _jsxs(Select, { items: CHARGE_FREQUENCIES.map((x) => ({ label: x.replace(/_/g, " "), value: x })), value: form.watch("chargeFrequency"), onValueChange: (value) => form.setValue("chargeFrequency", value), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: CHARGE_FREQUENCIES.map((frequency) => (_jsx(SelectItem, { value: frequency, className: "capitalize", children: frequency.replace(/_/g, " ") }, frequency))) })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Guarantee" }), _jsxs(Select, { items: GUARANTEE_MODES.map((x) => ({ label: x.replace(/_/g, " "), value: x })), value: form.watch("guaranteeMode"), onValueChange: (value) => form.setValue("guaranteeMode", value), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: GUARANTEE_MODES.map((mode) => (_jsx(SelectItem, { value: mode, className: "capitalize", children: mode.replace(/_/g, " ") }, mode))) })] })] })] }), _jsxs("div", { className: "grid grid-cols-3 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Meal plan" }), _jsx(MealPlanCombobox, { propertyId: propertyId, value: form.watch("mealPlanId"), onChange: (value) => form.setValue("mealPlanId", value ?? ""), placeholder: "None", disabled: !open })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Price catalog" }), _jsx(PriceCatalogCombobox, { value: form.watch("priceCatalogId"), onChange: (value) => form.setValue("priceCatalogId", value ?? ""), placeholder: "None", disabled: !open })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Cancellation policy" }), _jsx(CancellationPolicyCombobox, { value: form.watch("cancellationPolicyId"), onChange: (value) => form.setValue("cancellationPolicyId", value ?? ""), placeholder: "None", disabled: !open })] })] }), _jsxs("div", { className: "flex gap-6", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Switch, { checked: form.watch("commissionable"), onCheckedChange: (checked) => form.setValue("commissionable", checked) }), _jsx(Label, { children: "Commissionable" })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Switch, { checked: form.watch("refundable"), onCheckedChange: (checked) => form.setValue("refundable", checked) }), _jsx(Label, { children: "Refundable" })] }), _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("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Sort order" }), _jsx(Input, { ...form.register("sortOrder"), type: "number", className: "w-32" })] })] }), _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 Rate Plan"] })] })] })] }) }));
+}

package/dist/components/rate-plans-tab.d.ts

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

package/dist/components/rate-plans-tab.d.ts.map

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

package/dist/components/rate-plans-tab.js

@@ -0,0 +1,54 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useQueries } from "@tanstack/react-query";
+import { getMealPlanQueryOptions, useRatePlanMutation, useRatePlans, useVoyantHospitalityContext, } from "@voyantjs/hospitality-react";
+import { getCancellationPolicyQueryOptions, getPriceCatalogQueryOptions, useVoyantPricingContext, } from "@voyantjs/pricing-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 { RatePlanDialog } from "./rate-plan-dialog";
+const PAGE_SIZE = 25;
+export function RatePlansTab({ propertyId }) {
+    const [dialogOpen, setDialogOpen] = React.useState(false);
+    const [editing, setEditing] = React.useState(undefined);
+    const [pageIndex, setPageIndex] = React.useState(0);
+    const { data, isPending } = useRatePlans({
+        propertyId,
+        limit: PAGE_SIZE,
+        offset: pageIndex * PAGE_SIZE,
+    });
+    const { remove } = useRatePlanMutation();
+    const { baseUrl: hospitalityBaseUrl, fetcher: hospitalityFetcher } = useVoyantHospitalityContext();
+    const { baseUrl: pricingBaseUrl, fetcher: pricingFetcher } = useVoyantPricingContext();
+    const rows = (data?.data ?? []).slice().sort((a, b) => a.sortOrder - b.sortOrder);
+    const catalogIds = Array.from(new Set(rows.map((row) => row.priceCatalogId).filter(Boolean)));
+    const cancelIds = Array.from(new Set(rows.map((row) => row.cancellationPolicyId).filter(Boolean)));
+    const mealIds = Array.from(new Set(rows.map((row) => row.mealPlanId).filter(Boolean)));
+    const catalogQueries = useQueries({
+        queries: catalogIds.map((id) => getPriceCatalogQueryOptions({ baseUrl: pricingBaseUrl, fetcher: pricingFetcher }, id)),
+    });
+    const cancelQueries = useQueries({
+        queries: cancelIds.map((id) => getCancellationPolicyQueryOptions({ baseUrl: pricingBaseUrl, fetcher: pricingFetcher }, id)),
+    });
+    const mealQueries = useQueries({
+        queries: mealIds.map((id) => getMealPlanQueryOptions({ baseUrl: hospitalityBaseUrl, fetcher: hospitalityFetcher }, id)),
+    });
+    const catalogMap = new Map(catalogQueries.flatMap((query) => (query.data ? [[query.data.id, query.data.name]] : [])));
+    const cancelMap = new Map(cancelQueries.flatMap((query) => (query.data ? [[query.data.id, query.data.name]] : [])));
+    const mealMap = new Map(mealQueries.flatMap((query) => (query.data ? [[query.data.id, query.data.name]] : [])));
+    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: "Commercial rate plans with pricing, guarantee, and cancellation defaults." }), _jsxs(Button, { size: "sm", onClick: () => {
+                            setEditing(undefined);
+                            setDialogOpen(true);
+                        }, children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), "Add Rate Plan"] })] }), 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 rate plans 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: "Code" }), _jsx("th", { className: "p-3 text-left font-medium", children: "Name" }), _jsx("th", { className: "p-3 text-left font-medium", children: "Catalog" }), _jsx("th", { className: "p-3 text-left font-medium", children: "Cancellation" }), _jsx("th", { className: "p-3 text-left font-medium", children: "Meal Plan" }), _jsx("th", { className: "p-3 text-left font-medium", children: "Currency" }), _jsx("th", { className: "p-3 text-left font-medium", children: "Charge" }), _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-mono text-xs", children: row.code }), _jsx("td", { className: "p-3 font-medium", children: row.name }), _jsx("td", { className: "p-3 text-muted-foreground", children: row.priceCatalogId ? (catalogMap.get(row.priceCatalogId) ?? "—") : "—" }), _jsx("td", { className: "p-3 text-muted-foreground", children: row.cancellationPolicyId
+                                            ? (cancelMap.get(row.cancellationPolicyId) ?? "—")
+                                            : "—" }), _jsx("td", { className: "p-3 text-muted-foreground", children: row.mealPlanId ? (mealMap.get(row.mealPlanId) ?? "—") : "—" }), _jsx("td", { className: "p-3 font-mono text-xs", children: row.currencyCode }), _jsx("td", { className: "p-3", children: _jsx(Badge, { variant: "outline", className: "capitalize", children: row.chargeFrequency.replace(/_/g, " ") }) }), _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 rate plan "${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(RatePlanDialog, { open: dialogOpen, onOpenChange: setDialogOpen, propertyId: propertyId, ratePlan: editing })] }));
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"room-block-dialog.d.ts","sourceRoot":"","sources":["../../src/components/room-block-dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,eAAe,EAAwB,MAAM,6BAA6B,CAAA;AA2BxF,MAAM,MAAM,aAAa,GAAG,eAAe,CAAA;AAmB3C,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,UAAU,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,eAAe,CAAA;IACvB,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAA;CAC7C;AAED,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,KAAK,EACL,SAAS,GACV,EAAE,oBAAoB,2CAiLtB"}

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

@@ -0,0 +1,91 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRoomBlockMutation } 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 { 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 { RoomTypeCombobox } from "./room-type-combobox";
+import { RoomUnitCombobox } from "./room-unit-combobox";
+const STATUSES = ["draft", "held", "confirmed", "released", "cancelled"];
+const formSchema = z.object({
+    roomTypeId: z.string().optional().nullable(),
+    roomUnitId: z.string().optional().nullable(),
+    startsOn: z.string().min(1, "Start date is required"),
+    endsOn: z.string().min(1, "End date is required"),
+    status: z.enum(STATUSES),
+    blockReason: z.string().optional().nullable(),
+    quantity: z.coerce.number().int().min(1),
+    notes: z.string().optional().nullable(),
+});
+export function RoomBlockDialog({ open, onOpenChange, propertyId, block, onSuccess, }) {
+    const isEditing = Boolean(block);
+    const { create, update } = useRoomBlockMutation();
+    const form = useForm({
+        resolver: zodResolver(formSchema),
+        defaultValues: {
+            roomTypeId: "",
+            roomUnitId: "",
+            startsOn: "",
+            endsOn: "",
+            status: "draft",
+            blockReason: "",
+            quantity: 1,
+            notes: "",
+        },
+    });
+    useEffect(() => {
+        if (open && block) {
+            form.reset({
+                roomTypeId: block.roomTypeId ?? "",
+                roomUnitId: block.roomUnitId ?? "",
+                startsOn: block.startsOn,
+                endsOn: block.endsOn,
+                status: block.status,
+                blockReason: block.blockReason ?? "",
+                quantity: block.quantity,
+                notes: block.notes ?? "",
+            });
+        }
+        else if (open) {
+            form.reset({
+                roomTypeId: "",
+                roomUnitId: "",
+                startsOn: "",
+                endsOn: "",
+                status: "draft",
+                blockReason: "",
+                quantity: 1,
+                notes: "",
+            });
+        }
+    }, [open, block, form]);
+    const onSubmit = async (values) => {
+        const payload = {
+            propertyId,
+            roomTypeId: values.roomTypeId || null,
+            roomUnitId: values.roomUnitId || null,
+            startsOn: values.startsOn,
+            endsOn: values.endsOn,
+            status: values.status,
+            blockReason: values.blockReason || null,
+            quantity: values.quantity,
+            notes: values.notes || null,
+        };
+        const saved = isEditing
+            ? await update.mutateAsync({ id: block.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 Block" : "Add Room Block" }) }), _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: "Room type (optional)" }), _jsx(RoomTypeCombobox, { propertyId: propertyId, value: form.watch("roomTypeId"), onChange: (value) => form.setValue("roomTypeId", value ?? ""), placeholder: "None", disabled: !open })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Room unit (optional)" }), _jsx(RoomUnitCombobox, { propertyId: propertyId, value: form.watch("roomUnitId"), onChange: (value) => form.setValue("roomUnitId", value ?? ""), placeholder: "None", disabled: !open })] })] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Starts on" }), _jsx(DatePicker, { value: form.watch("startsOn") || null, onChange: (next) => form.setValue("startsOn", next ?? "", {
+                                                        shouldValidate: true,
+                                                        shouldDirty: true,
+                                                    }), placeholder: "Select start date", className: "w-full" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Ends on" }), _jsx(DatePicker, { value: form.watch("endsOn") || null, onChange: (next) => form.setValue("endsOn", next ?? "", {
+                                                        shouldValidate: true,
+                                                        shouldDirty: true,
+                                                    }), placeholder: "Select end date", className: "w-full" })] })] }), _jsxs("div", { className: "grid grid-cols-3 gap-3", 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 }, status))) })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Quantity" }), _jsx(Input, { ...form.register("quantity"), type: "number", min: "1" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Reason" }), _jsx(Input, { ...form.register("blockReason"), placeholder: "Group block" })] })] }), _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 Block"] })] })] })] }) }));
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"room-blocks-tab.d.ts","sourceRoot":"","sources":["../../src/components/room-blocks-tab.tsx"],"names":[],"mappings":"AAmBA,MAAM,WAAW,kBAAkB;IACjC,UAAU,EAAE,MAAM,CAAA;CACnB;AAGD,wBAAgB,aAAa,CAAC,EAAE,UAAU,EAAE,EAAE,kBAAkB,2CAyI/D"}

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

@@ -0,0 +1,51 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useQueries } from "@tanstack/react-query";
+import { getRoomTypeQueryOptions, getRoomUnitQueryOptions, useRoomBlockMutation, useRoomBlocks, 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 { RoomBlockDialog } from "./room-block-dialog";
+const PAGE_SIZE = 25;
+export function RoomBlocksTab({ propertyId }) {
+    const [dialogOpen, setDialogOpen] = React.useState(false);
+    const [editing, setEditing] = React.useState(undefined);
+    const [pageIndex, setPageIndex] = React.useState(0);
+    const { data, isPending } = useRoomBlocks({
+        propertyId,
+        limit: PAGE_SIZE,
+        offset: pageIndex * PAGE_SIZE,
+    });
+    const { remove } = useRoomBlockMutation();
+    const rows = data?.data ?? [];
+    const { baseUrl, fetcher } = useVoyantHospitalityContext();
+    const roomTypeIds = Array.from(new Set(rows.map((row) => row.roomTypeId).filter(Boolean)));
+    const roomUnitIds = Array.from(new Set(rows.map((row) => row.roomUnitId).filter(Boolean)));
+    const roomTypeQueries = useQueries({
+        queries: roomTypeIds.map((id) => getRoomTypeQueryOptions({ baseUrl, fetcher }, id)),
+    });
+    const roomUnitQueries = useQueries({
+        queries: roomUnitIds.map((id) => getRoomUnitQueryOptions({ baseUrl, fetcher }, id)),
+    });
+    const roomTypeById = new Map(roomTypeQueries.flatMap((query) => (query.data ? [[query.data.id, query.data]] : [])));
+    const roomUnitById = new Map(roomUnitQueries.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: "Hold rooms for group bookings, allotments, or other commitments." }), _jsxs(Button, { size: "sm", onClick: () => {
+                            setEditing(undefined);
+                            setDialogOpen(true);
+                        }, children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), "Add Block"] })] }), 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 blocks 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: "Dates" }), _jsx("th", { className: "p-3 text-left font-medium", children: "Room type / unit" }), _jsx("th", { className: "p-3 text-left font-medium", children: "Qty" }), _jsx("th", { className: "p-3 text-left font-medium", children: "Reason" }), _jsx("th", { className: "p-3 text-left font-medium", children: "Status" }), _jsx("th", { className: "w-20 p-3" })] }) }), _jsx("tbody", { children: rows.map((row) => {
+                                const roomType = row.roomTypeId ? roomTypeById.get(row.roomTypeId)?.name : null;
+                                const roomUnit = row.roomUnitId
+                                    ? roomUnitById.get(row.roomUnitId)?.roomNumber
+                                    : null;
+                                return (_jsxs("tr", { className: "border-b last:border-b-0", children: [_jsxs("td", { className: "p-3 font-mono text-xs", children: [row.startsOn, " \u2192 ", row.endsOn] }), _jsx("td", { className: "p-3 text-muted-foreground", children: roomType ?? roomUnit ?? row.roomTypeId ?? row.roomUnitId ?? "—" }), _jsx("td", { className: "p-3 font-mono", children: row.quantity }), _jsx("td", { className: "p-3 text-muted-foreground", children: row.blockReason ?? "—" }), _jsx("td", { className: "p-3", children: _jsx(Badge, { variant: "outline", className: "capitalize", children: row.status }) }), _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 block?")) {
+                                                                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(RoomBlockDialog, { open: dialogOpen, onOpenChange: setDialogOpen, propertyId: propertyId, block: editing })] }));
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"room-inventory-dialog.d.ts","sourceRoot":"","sources":["../../src/components/room-inventory-dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,mBAAmB,EAA4B,MAAM,6BAA6B,CAAA;AAsBhG,MAAM,MAAM,iBAAiB,GAAG,mBAAmB,CAAA;AAoBnD,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,mBAAmB,CAAA;IAC/B,SAAS,CAAC,EAAE,CAAC,SAAS,EAAE,mBAAmB,KAAK,IAAI,CAAA;CACrD;AAED,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,SAAS,EACT,SAAS,GACV,EAAE,wBAAwB,2CAuK1B"}

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

@@ -0,0 +1,98 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRoomInventoryMutation } from "@voyantjs/hospitality-react";
+import { Button, Dialog, DialogBody, DialogContent, DialogFooter, DialogHeader, DialogTitle, Input, Label, Switch, 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 { RoomTypeCombobox } from "./room-type-combobox";
+const intOrEmpty = z.coerce.number().int().optional().or(z.literal("")).nullable();
+const formSchema = z.object({
+    roomTypeId: z.string().min(1, "Room type is required"),
+    date: z.string().min(1, "Date is required"),
+    totalUnits: z.coerce.number().int().min(0),
+    availableUnits: z.coerce.number().int().min(0),
+    heldUnits: z.coerce.number().int().min(0),
+    soldUnits: z.coerce.number().int().min(0),
+    outOfOrderUnits: z.coerce.number().int().min(0),
+    overbookLimit: intOrEmpty,
+    stopSell: z.boolean(),
+    notes: z.string().optional().nullable(),
+});
+export function RoomInventoryDialog({ open, onOpenChange, propertyId, inventory, onSuccess, }) {
+    const isEditing = Boolean(inventory);
+    const { create, update } = useRoomInventoryMutation();
+    const form = useForm({
+        resolver: zodResolver(formSchema),
+        defaultValues: {
+            roomTypeId: "",
+            date: "",
+            totalUnits: 0,
+            availableUnits: 0,
+            heldUnits: 0,
+            soldUnits: 0,
+            outOfOrderUnits: 0,
+            overbookLimit: "",
+            stopSell: false,
+            notes: "",
+        },
+    });
+    useEffect(() => {
+        if (open && inventory) {
+            form.reset({
+                roomTypeId: inventory.roomTypeId,
+                date: inventory.date,
+                totalUnits: inventory.totalUnits,
+                availableUnits: inventory.availableUnits,
+                heldUnits: inventory.heldUnits,
+                soldUnits: inventory.soldUnits,
+                outOfOrderUnits: inventory.outOfOrderUnits,
+                overbookLimit: inventory.overbookLimit ?? "",
+                stopSell: inventory.stopSell,
+                notes: inventory.notes ?? "",
+            });
+        }
+        else if (open) {
+            form.reset({
+                roomTypeId: "",
+                date: "",
+                totalUnits: 0,
+                availableUnits: 0,
+                heldUnits: 0,
+                soldUnits: 0,
+                outOfOrderUnits: 0,
+                overbookLimit: "",
+                stopSell: false,
+                notes: "",
+            });
+        }
+    }, [open, inventory, form]);
+    const onSubmit = async (values) => {
+        const toInt = (value) => typeof value === "number" ? value : null;
+        const payload = {
+            propertyId,
+            roomTypeId: values.roomTypeId,
+            date: values.date,
+            totalUnits: values.totalUnits,
+            availableUnits: values.availableUnits,
+            heldUnits: values.heldUnits,
+            soldUnits: values.soldUnits,
+            outOfOrderUnits: values.outOfOrderUnits,
+            overbookLimit: toInt(values.overbookLimit),
+            stopSell: values.stopSell,
+            notes: values.notes || null,
+        };
+        const saved = isEditing
+            ? await update.mutateAsync({ id: inventory.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 Inventory" : "Add Room Inventory" }) }), _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: "Room type" }), _jsx(RoomTypeCombobox, { propertyId: propertyId, value: form.watch("roomTypeId"), onChange: (value) => form.setValue("roomTypeId", value ?? ""), placeholder: "Select a room type\u2026", disabled: isEditing })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Date" }), _jsx(DatePicker, { value: form.watch("date") || null, onChange: (next) => form.setValue("date", next ?? "", {
+                                                        shouldValidate: true,
+                                                        shouldDirty: true,
+                                                    }), placeholder: "Select date", className: "w-full", disabled: isEditing })] })] }), _jsxs("div", { className: "grid grid-cols-3 gap-3", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Total" }), _jsx(Input, { ...form.register("totalUnits"), type: "number", min: "0" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Available" }), _jsx(Input, { ...form.register("availableUnits"), type: "number", min: "0" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Held" }), _jsx(Input, { ...form.register("heldUnits"), type: "number", min: "0" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Sold" }), _jsx(Input, { ...form.register("soldUnits"), type: "number", min: "0" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Out of order" }), _jsx(Input, { ...form.register("outOfOrderUnits"), type: "number", min: "0" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Overbook limit" }), _jsx(Input, { ...form.register("overbookLimit"), type: "number", min: "0" })] })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Switch, { checked: form.watch("stopSell"), onCheckedChange: (checked) => form.setValue("stopSell", checked) }), _jsx(Label, { children: "Stop sell" })] }), _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 Inventory"] })] })] })] }) }));
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"room-inventory-tab.d.ts","sourceRoot":"","sources":["../../src/components/room-inventory-tab.tsx"],"names":[],"mappings":"AAqBA,MAAM,WAAW,qBAAqB;IACpC,UAAU,EAAE,MAAM,CAAA;CACnB;AAGD,wBAAgB,gBAAgB,CAAC,EAAE,UAAU,EAAE,EAAE,qBAAqB,2CAyKrE"}