@voyantjs/bookings-ui 0.13.0

package/dist/components/price-breakdown-section.js

@@ -0,0 +1,165 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { usePricingPreview } from "@voyantjs/bookings-react";
+import { Label } from "@voyantjs/voyant-ui/components";
+import * as React from "react";
+const DEFAULT_LABELS = {
+    heading: "Price breakdown",
+    total: "Total",
+    onRequest: "On request",
+    groupRate: "group rate",
+    empty: "Pick units above to see the breakdown.",
+    noPricing: "No pricing catalog available for this product.",
+};
+function formatCents(cents, currency) {
+    if (cents === null)
+        return "";
+    const major = (cents / 100).toFixed(2);
+    return currency ? `${major} ${currency}` : major;
+}
+/**
+ * Picks the tier whose quantity range contains `qty`. Tiers are expected
+ * oldest-to-newest, `minQuantity`-ascending. Ties are broken by first-match —
+ * the server sorts by sort_order and then min_quantity, so the selection here
+ * mirrors the storefront engine.
+ */
+function matchTier(tiers, qty) {
+    for (const tier of tiers) {
+        if (qty >= tier.minQuantity && (tier.maxQuantity === null || qty <= tier.maxQuantity)) {
+            return tier;
+        }
+    }
+    return null;
+}
+/**
+ * Live price-breakdown preview for booking-create flows. Read-only — uses
+ * `usePricingPreview` (#237) to fetch the catalog-resolved snapshot the
+ * storefront also uses, then computes lines against the operator's current
+ * unit quantities so the operator sees the same numbers the customer would.
+ *
+ * ### Pricing mode handling
+ *
+ * - `per_unit` — multiply the matched tier's `sellAmountCents` by quantity.
+ * - `free` / `included` — render 0.00 without an on-request badge.
+ * - `on_request` / anything else — render "On request"; total excludes it.
+ */
+export function PriceBreakdownSection({ productId, optionId, unitQuantities, catalogId, labels, }) {
+    const merged = { ...DEFAULT_LABELS, ...labels };
+    const preview = usePricingPreview({
+        productId: productId ?? "",
+        optionId: optionId ?? null,
+        catalogId: catalogId ?? null,
+        enabled: Boolean(productId),
+    });
+    const snapshot = preview.data?.data;
+    const currency = snapshot?.catalog.currencyCode ?? null;
+    const { lines, total } = React.useMemo(() => {
+        const out = [];
+        let runningTotal = 0;
+        let anyOnRequest = false;
+        if (!snapshot)
+            return { lines: out, total: null };
+        // Pick the default price rule for the resolved option (snapshot already
+        // filters options by the caller's optionId; rules keep isDefault-first
+        // ordering from the server).
+        const rulesByOption = new Map();
+        for (const rule of snapshot.rules) {
+            const existing = rulesByOption.get(rule.optionId) ?? [];
+            existing.push(rule);
+            rulesByOption.set(rule.optionId, existing);
+        }
+        const unitPricesByUnit = new Map();
+        for (const up of snapshot.unitPrices) {
+            if (!unitPricesByUnit.has(up.unitId)) {
+                unitPricesByUnit.set(up.unitId, up);
+            }
+        }
+        for (const [unitId, quantity] of Object.entries(unitQuantities)) {
+            if (quantity <= 0)
+                continue;
+            const up = unitPricesByUnit.get(unitId);
+            if (!up) {
+                // The unit isn't priced in this catalog — show it on-request so the
+                // operator knows they need to quote manually.
+                out.push({
+                    unitId,
+                    label: unitId,
+                    quantity,
+                    unitAmountCents: null,
+                    totalAmountCents: null,
+                    tierLabel: null,
+                    isGroupRate: false,
+                });
+                anyOnRequest = true;
+                continue;
+            }
+            const label = up.unitName || unitId;
+            if (up.pricingMode === "on_request") {
+                out.push({
+                    unitId,
+                    label,
+                    quantity,
+                    unitAmountCents: null,
+                    totalAmountCents: null,
+                    tierLabel: merged.onRequest,
+                    isGroupRate: false,
+                });
+                anyOnRequest = true;
+                continue;
+            }
+            if (up.pricingMode === "free" || up.pricingMode === "included") {
+                out.push({
+                    unitId,
+                    label,
+                    quantity,
+                    unitAmountCents: 0,
+                    totalAmountCents: 0,
+                    tierLabel: null,
+                    isGroupRate: false,
+                });
+                continue;
+            }
+            // per_unit (and anything else that falls through to explicit amounts).
+            const matchedTier = matchTier(up.tiers, quantity);
+            const unitAmount = matchedTier?.sellAmountCents ?? up.sellAmountCents;
+            if (unitAmount === null) {
+                out.push({
+                    unitId,
+                    label,
+                    quantity,
+                    unitAmountCents: null,
+                    totalAmountCents: null,
+                    tierLabel: merged.onRequest,
+                    isGroupRate: false,
+                });
+                anyOnRequest = true;
+                continue;
+            }
+            const lineTotal = unitAmount * quantity;
+            const isGroupRate = matchedTier !== null && matchedTier.minQuantity > 1;
+            out.push({
+                unitId,
+                label,
+                quantity,
+                unitAmountCents: unitAmount,
+                totalAmountCents: lineTotal,
+                tierLabel: isGroupRate ? merged.groupRate : null,
+                isGroupRate,
+            });
+            runningTotal += lineTotal;
+        }
+        return { lines: out, total: anyOnRequest ? null : runningTotal };
+    }, [snapshot, unitQuantities, merged.onRequest, merged.groupRate]);
+    // Empty states
+    if (!productId)
+        return null;
+    if (preview.isError || (preview.isSuccess && !snapshot)) {
+        return (_jsxs("div", { className: "flex flex-col gap-2 rounded-md border p-3", children: [_jsx(Label, { children: merged.heading }), _jsx("p", { className: "text-xs text-muted-foreground", children: merged.noPricing })] }));
+    }
+    if (lines.length === 0) {
+        return (_jsxs("div", { className: "flex flex-col gap-2 rounded-md border p-3", children: [_jsx(Label, { children: merged.heading }), _jsx("p", { className: "text-xs text-muted-foreground", children: merged.empty })] }));
+    }
+    return (_jsxs("div", { className: "flex flex-col gap-2 rounded-md border p-3", children: [_jsx(Label, { children: merged.heading }), _jsx("div", { className: "flex flex-col gap-1.5", children: lines.map((line) => (_jsxs("div", { className: "flex items-baseline justify-between text-sm", children: [_jsxs("div", { className: "flex items-baseline gap-2", children: [_jsxs("span", { className: "tabular-nums", children: [line.quantity, "\u00D7"] }), _jsx("span", { children: line.label }), line.tierLabel ? (_jsxs("span", { className: "text-xs text-muted-foreground", children: ["\u00B7 ", line.tierLabel] })) : null] }), _jsx("div", { className: "tabular-nums", children: line.totalAmountCents === null
+                                ? merged.onRequest
+                                : formatCents(line.totalAmountCents, currency) })] }, line.unitId))) }), _jsxs("div", { className: "mt-1 flex items-baseline justify-between border-t pt-2 text-sm font-medium", children: [_jsx("span", { children: merged.total }), _jsx("span", { className: "tabular-nums", children: total === null ? merged.onRequest : formatCents(total, currency) })] })] }));
+}

package/dist/components/product-picker-section.d.ts

@@ -0,0 +1,27 @@
+export interface ProductPickerValue {
+    productId: string;
+    /** `null` means "no specific option" — the product has options but none was picked. */
+    optionId: string | null;
+}
+export interface ProductPickerSectionProps {
+    value: ProductPickerValue;
+    onChange: (value: ProductPickerValue) => void;
+    /** When true, skip data fetches (dialog closed / parent gated). */
+    enabled?: boolean;
+    /** When true, hide the product picker and fix the productId (e.g., launched from a product page). */
+    lockProduct?: boolean;
+    labels?: {
+        product?: string;
+        productSearchPlaceholder?: string;
+        productSelectPlaceholder?: string;
+        option?: string;
+        optionNone?: string;
+    };
+}
+/**
+ * Controlled product + option picker. Splits `value` + `onChange` so apps can
+ * replace the whole section (e.g., with a typeahead against a custom catalog)
+ * without reimplementing the cascade logic, or keep this one and swap labels.
+ */
+export declare function ProductPickerSection({ value, onChange, enabled, lockProduct, labels, }: ProductPickerSectionProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=product-picker-section.d.ts.map

package/dist/components/product-picker-section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"product-picker-section.d.ts","sourceRoot":"","sources":["../../src/components/product-picker-section.tsx"],"names":[],"mappings":"AAgBA,MAAM,WAAW,kBAAkB;IACjC,SAAS,EAAE,MAAM,CAAA;IACjB,uFAAuF;IACvF,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;CACxB;AAED,MAAM,WAAW,yBAAyB;IACxC,KAAK,EAAE,kBAAkB,CAAA;IACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAA;IAC7C,mEAAmE;IACnE,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,qGAAqG;IACrG,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,MAAM,CAAC,EAAE;QACP,OAAO,CAAC,EAAE,MAAM,CAAA;QAChB,wBAAwB,CAAC,EAAE,MAAM,CAAA;QACjC,wBAAwB,CAAC,EAAE,MAAM,CAAA;QACjC,MAAM,CAAC,EAAE,MAAM,CAAA;QACf,UAAU,CAAC,EAAE,MAAM,CAAA;KACpB,CAAA;CACF;AAUD;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,KAAK,EACL,QAAQ,EACR,OAAc,EACd,WAAmB,EACnB,MAAM,GACP,EAAE,yBAAyB,2CAiF3B"}

package/dist/components/product-picker-section.js

@@ -0,0 +1,41 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useProductOptions, useProducts } from "@voyantjs/products-react";
+import { Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@voyantjs/voyant-ui/components";
+import * as React from "react";
+const OPTION_NONE = "__none__";
+const DEFAULT_LABELS = {
+    product: "Product",
+    productSearchPlaceholder: "Search products...",
+    productSelectPlaceholder: "Select a product...",
+    option: "Option",
+    optionNone: "No specific option",
+};
+/**
+ * Controlled product + option picker. Splits `value` + `onChange` so apps can
+ * replace the whole section (e.g., with a typeahead against a custom catalog)
+ * without reimplementing the cascade logic, or keep this one and swap labels.
+ */
+export function ProductPickerSection({ value, onChange, enabled = true, lockProduct = false, labels, }) {
+    const [productSearch, setProductSearch] = React.useState("");
+    const merged = { ...DEFAULT_LABELS, ...labels };
+    const { data: productsData } = useProducts({
+        search: productSearch || undefined,
+        limit: 20,
+        enabled: enabled && !lockProduct,
+    });
+    const products = productsData?.data ?? [];
+    const { data: optionsData } = useProductOptions({
+        productId: value.productId || undefined,
+        limit: 50,
+        enabled: enabled && Boolean(value.productId),
+    });
+    const options = optionsData?.data ?? [];
+    return (_jsxs(_Fragment, { children: [!lockProduct && (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsxs(Label, { children: [merged.product, " ", _jsx("span", { className: "text-destructive", children: "*" })] }), _jsx(Input, { placeholder: merged.productSearchPlaceholder, value: productSearch, onChange: (e) => setProductSearch(e.target.value) }), _jsxs(Select, { items: products.map((p) => ({ label: p.name, value: p.id })), value: value.productId, onValueChange: (v) => onChange({ productId: v ?? "", optionId: null }), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, { placeholder: merged.productSelectPlaceholder }) }), _jsx(SelectContent, { children: products.map((p) => (_jsx(SelectItem, { value: p.id, children: p.name }, p.id))) })] })] })), value.productId && options.length > 0 && (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: merged.option }), _jsxs(Select, { items: [
+                            { label: merged.optionNone, value: OPTION_NONE },
+                            ...options.map((o) => ({ label: o.name, value: o.id })),
+                        ], value: value.optionId ?? OPTION_NONE, onValueChange: (v) => onChange({
+                            productId: value.productId,
+                            optionId: v === OPTION_NONE ? null : (v ?? null),
+                        }), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: OPTION_NONE, children: merged.optionNone }), options.map((o) => (_jsx(SelectItem, { value: o.id, children: o.name }, o.id)))] })] })] }))] }));
+}

package/dist/components/rooms-stepper-section.d.ts

@@ -0,0 +1,45 @@
+/** Quantity per option_unit id; omitted ids are treated as 0. */
+export interface RoomsStepperValue {
+    quantities: Record<string, number>;
+}
+export declare const emptyRoomsStepperValue: RoomsStepperValue;
+export interface RoomsStepperSectionProps {
+    value: RoomsStepperValue;
+    onChange: (value: RoomsStepperValue) => void;
+    /**
+     * Departure the operator picked. Section renders nothing until a slot is
+     * chosen — per-unit availability is a property of the slot, not the
+     * product, so there's nothing to show before then.
+     */
+    slotId?: string;
+    enabled?: boolean;
+    labels?: {
+        heading?: string;
+        noSlot?: string;
+        noUnits?: string;
+        remaining?: string;
+        unlimited?: string;
+    };
+}
+/**
+ * Rooms / per-unit stepper for booking-create flows. Drives
+ * `GET /v1/availability/slots/:id/unit-availability` from #235 so the
+ * operator sees authoritative "3 doubles available" numbers instead of
+ * client-side math against a sampled booking list.
+ *
+ * The section only tracks **intent** (how many of each unit the operator
+ * wants to book). Actual hold/reservation happens when the parent submits
+ * the booking — capacity drops the moment the reservation transaction
+ * commits; the next refetch of `useSlotUnitAvailability` reflects it.
+ *
+ * ### Stepper bounds
+ *
+ * - Minimum is 0 (operator can deselect).
+ * - Maximum is the unit's `remaining` count from the server. Unlimited
+ *   pools (`remaining === null`) have no upper bound.
+ * - The server is the truth: entering `3 doubles` when only 2 remain just
+ *   disables the "+" button — we don't let the UI submit a request that
+ *   would 409 at insert time.
+ */
+export declare function RoomsStepperSection({ value, onChange, slotId, enabled, labels, }: RoomsStepperSectionProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=rooms-stepper-section.d.ts.map

package/dist/components/rooms-stepper-section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rooms-stepper-section.d.ts","sourceRoot":"","sources":["../../src/components/rooms-stepper-section.tsx"],"names":[],"mappings":"AAMA,iEAAiE;AACjE,MAAM,WAAW,iBAAiB;IAChC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CACnC;AAED,eAAO,MAAM,sBAAsB,EAAE,iBAAsC,CAAA;AAE3E,MAAM,WAAW,wBAAwB;IACvC,KAAK,EAAE,iBAAiB,CAAA;IACxB,QAAQ,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAA;IAC5C;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,MAAM,CAAC,EAAE;QACP,OAAO,CAAC,EAAE,MAAM,CAAA;QAChB,MAAM,CAAC,EAAE,MAAM,CAAA;QACf,OAAO,CAAC,EAAE,MAAM,CAAA;QAChB,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB,SAAS,CAAC,EAAE,MAAM,CAAA;KACnB,CAAA;CACF;AAUD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,QAAQ,EACR,MAAM,EACN,OAAc,EACd,MAAM,GACP,EAAE,wBAAwB,2CAmF1B"}

package/dist/components/rooms-stepper-section.js

@@ -0,0 +1,60 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useSlotUnitAvailability } from "@voyantjs/availability-react";
+import { Button, Label } from "@voyantjs/voyant-ui/components";
+import { Minus, Plus } from "lucide-react";
+export const emptyRoomsStepperValue = { quantities: {} };
+const DEFAULT_LABELS = {
+    heading: "Rooms",
+    noSlot: "Pick a departure first to see available rooms.",
+    noUnits: "This departure has no per-unit availability configured.",
+    remaining: "left",
+    unlimited: "unlimited",
+};
+/**
+ * Rooms / per-unit stepper for booking-create flows. Drives
+ * `GET /v1/availability/slots/:id/unit-availability` from #235 so the
+ * operator sees authoritative "3 doubles available" numbers instead of
+ * client-side math against a sampled booking list.
+ *
+ * The section only tracks **intent** (how many of each unit the operator
+ * wants to book). Actual hold/reservation happens when the parent submits
+ * the booking — capacity drops the moment the reservation transaction
+ * commits; the next refetch of `useSlotUnitAvailability` reflects it.
+ *
+ * ### Stepper bounds
+ *
+ * - Minimum is 0 (operator can deselect).
+ * - Maximum is the unit's `remaining` count from the server. Unlimited
+ *   pools (`remaining === null`) have no upper bound.
+ * - The server is the truth: entering `3 doubles` when only 2 remain just
+ *   disables the "+" button — we don't let the UI submit a request that
+ *   would 409 at insert time.
+ */
+export function RoomsStepperSection({ value, onChange, slotId, enabled = true, labels, }) {
+    const merged = { ...DEFAULT_LABELS, ...labels };
+    const availability = useSlotUnitAvailability({ slotId, enabled: enabled && Boolean(slotId) });
+    const units = availability.data?.data ?? [];
+    if (!slotId) {
+        return (_jsxs("div", { className: "flex flex-col gap-2 rounded-md border p-3", children: [_jsx(Label, { children: merged.heading }), _jsx("p", { className: "text-xs text-muted-foreground", children: merged.noSlot })] }));
+    }
+    if (availability.isSuccess && units.length === 0) {
+        return (_jsxs("div", { className: "flex flex-col gap-2 rounded-md border p-3", children: [_jsx(Label, { children: merged.heading }), _jsx("p", { className: "text-xs text-muted-foreground", children: merged.noUnits })] }));
+    }
+    const setQuantity = (unitId, qty) => {
+        const next = { ...value.quantities };
+        if (qty <= 0) {
+            delete next[unitId];
+        }
+        else {
+            next[unitId] = qty;
+        }
+        onChange({ quantities: next });
+    };
+    return (_jsxs("div", { className: "flex flex-col gap-2 rounded-md border p-3", children: [_jsx(Label, { children: merged.heading }), _jsx("div", { className: "flex flex-col gap-2", children: units.map((unit) => {
+                    const qty = value.quantities[unit.optionUnitId] ?? 0;
+                    const remainingLabel = unit.remaining === null ? merged.unlimited : `${unit.remaining} ${merged.remaining}`;
+                    const atMax = unit.remaining !== null && qty >= unit.remaining;
+                    return (_jsxs("div", { className: "flex items-center gap-3 rounded-md border px-3 py-2", children: [_jsxs("div", { className: "flex-1", children: [_jsx("div", { className: "text-sm font-medium", children: unit.unitName }), _jsx("div", { className: "text-xs text-muted-foreground", children: remainingLabel })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Button, { type: "button", variant: "ghost", size: "sm", className: "h-7 w-7 p-0", onClick: () => setQuantity(unit.optionUnitId, Math.max(0, qty - 1)), disabled: qty <= 0, "aria-label": `Decrease ${unit.unitName}`, children: _jsx(Minus, { className: "h-3.5 w-3.5" }) }), _jsx("span", { className: "min-w-[1.5rem] text-center text-sm tabular-nums", children: qty }), _jsx(Button, { type: "button", variant: "ghost", size: "sm", className: "h-7 w-7 p-0", onClick: () => setQuantity(unit.optionUnitId, qty + 1), disabled: atMax, "aria-label": `Increase ${unit.unitName}`, children: _jsx(Plus, { className: "h-3.5 w-3.5" }) })] })] }, unit.optionUnitId));
+                }) })] }));
+}

package/dist/components/shared-room-section.d.ts

@@ -0,0 +1,37 @@
+export type SharedRoomMode = "create" | "join";
+export interface SharedRoomValue {
+    enabled: boolean;
+    mode: SharedRoomMode;
+    /** Only meaningful in "join" mode. */
+    groupId: string;
+}
+export declare const emptySharedRoomValue: SharedRoomValue;
+export interface SharedRoomSectionProps {
+    value: SharedRoomValue;
+    onChange: (value: SharedRoomValue) => void;
+    /**
+     * The product context for fetching joinable groups. When unset, the join
+     * dropdown is disabled even if the user toggles into join mode.
+     */
+    productId?: string;
+    enabled?: boolean;
+    labels?: {
+        toggle?: string;
+        createMode?: string;
+        joinMode?: string;
+        selectPlaceholder?: string;
+        noGroups?: string;
+        createHint?: string;
+    };
+}
+/**
+ * Shared-room (partaj) attachment section. Operators use it to either create a
+ * new `booking_groups` row at booking-create time or join an existing group
+ * that already has a primary booking.
+ *
+ * The section only handles the *selection* — the parent dialog owns the
+ * create-group + add-member mutations because they fire *after* the booking
+ * insert (we need the new booking id to attach).
+ */
+export declare function SharedRoomSection({ value, onChange, productId, enabled, labels, }: SharedRoomSectionProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=shared-room-section.d.ts.map

package/dist/components/shared-room-section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared-room-section.d.ts","sourceRoot":"","sources":["../../src/components/shared-room-section.tsx"],"names":[],"mappings":"AAgBA,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,MAAM,CAAA;AAE9C,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,OAAO,CAAA;IAChB,IAAI,EAAE,cAAc,CAAA;IACpB,sCAAsC;IACtC,OAAO,EAAE,MAAM,CAAA;CAChB;AAED,eAAO,MAAM,oBAAoB,EAAE,eAIlC,CAAA;AAED,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,eAAe,CAAA;IACtB,QAAQ,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAA;IAC1C;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,MAAM,CAAC,EAAE;QACP,MAAM,CAAC,EAAE,MAAM,CAAA;QACf,UAAU,CAAC,EAAE,MAAM,CAAA;QACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;QACjB,iBAAiB,CAAC,EAAE,MAAM,CAAA;QAC1B,QAAQ,CAAC,EAAE,MAAM,CAAA;QACjB,UAAU,CAAC,EAAE,MAAM,CAAA;KACpB,CAAA;CACF;AAWD;;;;;;;;GAQG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,QAAQ,EACR,SAAS,EACT,OAAc,EACd,MAAM,GACP,EAAE,sBAAsB,2CAmFxB"}

package/dist/components/shared-room-section.js

@@ -0,0 +1,40 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useBookingGroups } from "@voyantjs/bookings-react";
+import { Button, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@voyantjs/voyant-ui/components";
+const GROUP_NONE = "__none__";
+export const emptySharedRoomValue = {
+    enabled: false,
+    mode: "create",
+    groupId: "",
+};
+const DEFAULT_LABELS = {
+    toggle: "Link to a shared-room group",
+    createMode: "Create new group",
+    joinMode: "Join existing",
+    selectPlaceholder: "Select a group...",
+    noGroups: "No existing groups for this product",
+    createHint: "A new group will be created with this booking as the primary member.",
+};
+/**
+ * Shared-room (partaj) attachment section. Operators use it to either create a
+ * new `booking_groups` row at booking-create time or join an existing group
+ * that already has a primary booking.
+ *
+ * The section only handles the *selection* — the parent dialog owns the
+ * create-group + add-member mutations because they fire *after* the booking
+ * insert (we need the new booking id to attach).
+ */
+export function SharedRoomSection({ value, onChange, productId, enabled = true, labels, }) {
+    const merged = { ...DEFAULT_LABELS, ...labels };
+    const { data: groupsData } = useBookingGroups({
+        productId: productId || undefined,
+        limit: 50,
+        enabled: enabled && value.enabled && value.mode === "join" && Boolean(productId),
+    });
+    const existingGroups = groupsData?.data ?? [];
+    const set = (patch) => onChange({ ...value, ...patch });
+    return (_jsxs("div", { className: "flex flex-col gap-2 rounded-md border p-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("input", { id: "shared-room-toggle", type: "checkbox", checked: value.enabled, onChange: (e) => set({ enabled: e.target.checked }) }), _jsx(Label, { htmlFor: "shared-room-toggle", className: "text-sm", children: merged.toggle })] }), value.enabled && (_jsxs("div", { className: "flex flex-col gap-2 pl-6", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Button, { type: "button", size: "sm", variant: value.mode === "create" ? "default" : "ghost", onClick: () => set({ mode: "create" }), children: merged.createMode }), _jsx(Button, { type: "button", size: "sm", variant: value.mode === "join" ? "default" : "ghost", onClick: () => set({ mode: "join" }), children: merged.joinMode })] }), value.mode === "join" && (_jsxs(Select, { items: existingGroups.length === 0
+                            ? [{ label: merged.noGroups, value: GROUP_NONE }]
+                            : existingGroups.map((g) => ({ label: g.label, value: g.id })), value: value.groupId || GROUP_NONE, onValueChange: (v) => set({ groupId: v === GROUP_NONE ? "" : (v ?? "") }), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, { placeholder: merged.selectPlaceholder }) }), _jsx(SelectContent, { children: existingGroups.length === 0 ? (_jsx(SelectItem, { value: GROUP_NONE, disabled: true, children: merged.noGroups })) : (existingGroups.map((g) => (_jsx(SelectItem, { value: g.id, children: g.label }, g.id)))) })] })), value.mode === "create" && (_jsx("p", { className: "text-xs text-muted-foreground", children: merged.createHint }))] }))] }));
+}

package/dist/components/status-change-dialog.d.ts

@@ -0,0 +1,10 @@
+import { type BookingRecord } from "@voyantjs/bookings-react";
+export interface StatusChangeDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    bookingId: string;
+    currentStatus: BookingRecord["status"];
+    onSuccess?: () => void;
+}
+export declare function StatusChangeDialog({ open, onOpenChange, bookingId, currentStatus, onSuccess, }: StatusChangeDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=status-change-dialog.d.ts.map

package/dist/components/status-change-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"status-change-dialog.d.ts","sourceRoot":"","sources":["../../src/components/status-change-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,aAAa,EAInB,MAAM,0BAA0B,CAAA;AA+BjC,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,SAAS,EAAE,MAAM,CAAA;IACjB,aAAa,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAA;IACtC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;CACvB;AAED,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,aAAa,EACb,SAAS,GACV,EAAE,uBAAuB,2CAiFzB"}

package/dist/components/status-change-dialog.js

@@ -0,0 +1,41 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { bookingStatusOptions, bookingStatusSchema, useBookingStatusMutation, } 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 { 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 statusChangeFormSchema = z.object({
+    status: bookingStatusSchema,
+    note: z.string().optional().nullable(),
+});
+export function StatusChangeDialog({ open, onOpenChange, bookingId, currentStatus, onSuccess, }) {
+    const mutation = useBookingStatusMutation(bookingId);
+    const form = useForm({
+        resolver: zodResolver(statusChangeFormSchema),
+        defaultValues: {
+            status: "draft",
+            note: "",
+        },
+    });
+    useEffect(() => {
+        if (open) {
+            form.reset({
+                status: currentStatus,
+                note: "",
+            });
+        }
+    }, [currentStatus, form, open]);
+    const onSubmit = async (values) => {
+        await mutation.mutateAsync({
+            currentStatus,
+            status: values.status,
+            note: values.note || null,
+        });
+        onOpenChange(false);
+        onSuccess?.();
+    };
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: "Change Booking Status" }) }), _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: "flex flex-col gap-2", children: [_jsx(Label, { children: "New Status" }), _jsxs(Select, { value: form.watch("status"), onValueChange: (value) => form.setValue("status", value), items: bookingStatusOptions, children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: bookingStatusOptions.map((status) => (_jsx(SelectItem, { value: status.value, children: status.label }, status.value))) })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Note (optional)" }), _jsx(Textarea, { ...form.register("note"), placeholder: "Reason for status change..." })] })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => onOpenChange(false), children: "Cancel" }), _jsxs(Button, { type: "submit", size: "sm", disabled: mutation.isPending, children: [mutation.isPending && _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), "Update Status"] })] })] })] }) }));
+}

package/dist/components/supplier-status-dialog.d.ts

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

package/dist/components/supplier-status-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"supplier-status-dialog.d.ts","sourceRoot":"","sources":["../../src/components/supplier-status-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,2BAA2B,EAEjC,MAAM,0BAA0B,CAAA;AAqCjC,MAAM,WAAW,yBAAyB;IACxC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,SAAS,EAAE,MAAM,CAAA;IACjB,cAAc,CAAC,EAAE,2BAA2B,CAAA;IAC5C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;CACvB;AASD,wBAAgB,oBAAoB,CAAC,EACnC,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,cAAc,EACd,SAAS,GACV,EAAE,yBAAyB,2CAmJ3B"}

package/dist/components/supplier-status-dialog.js

@@ -0,0 +1,77 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useSupplierStatusMutation, } 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 { 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 supplierStatusFormSchema = z.object({
+    serviceName: z.string().min(1, "Service name is required"),
+    status: z.enum(["pending", "confirmed", "rejected", "cancelled"]),
+    supplierReference: z.string().optional().nullable(),
+    costCurrency: z.string().min(3).max(3, "Use 3-letter ISO code"),
+    costAmountCents: z.coerce.number().int().min(0),
+    notes: z.string().optional().nullable(),
+});
+const CONFIRMATION_STATUSES = [
+    { value: "pending", label: "Pending" },
+    { value: "confirmed", label: "Confirmed" },
+    { value: "rejected", label: "Rejected" },
+    { value: "cancelled", label: "Cancelled" },
+];
+export function SupplierStatusDialog({ open, onOpenChange, bookingId, supplierStatus, onSuccess, }) {
+    const isEditing = Boolean(supplierStatus);
+    const { create, update } = useSupplierStatusMutation(bookingId);
+    const form = useForm({
+        resolver: zodResolver(supplierStatusFormSchema),
+        defaultValues: {
+            serviceName: "",
+            status: "pending",
+            supplierReference: "",
+            costCurrency: "EUR",
+            costAmountCents: 0,
+            notes: "",
+        },
+    });
+    useEffect(() => {
+        if (open && supplierStatus) {
+            form.reset({
+                serviceName: supplierStatus.serviceName,
+                status: supplierStatus.status,
+                supplierReference: supplierStatus.supplierReference ?? "",
+                costCurrency: supplierStatus.costCurrency,
+                costAmountCents: supplierStatus.costAmountCents,
+                notes: supplierStatus.notes ?? "",
+            });
+        }
+        else if (open) {
+            form.reset();
+        }
+    }, [form, open, supplierStatus]);
+    const onSubmit = async (values) => {
+        const payload = {
+            serviceName: values.serviceName,
+            status: values.status,
+            supplierReference: values.supplierReference || null,
+            costCurrency: values.costCurrency,
+            costAmountCents: values.costAmountCents,
+            notes: values.notes || null,
+        };
+        if (isEditing) {
+            await update.mutateAsync({ id: supplierStatus.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 ? "Update Supplier Status" : "Add Supplier Status" }) }), _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: "Service Name" }), _jsx(Input, { ...form.register("serviceName"), placeholder: "Hotel Dubrovnik Palace", disabled: isEditing }), form.formState.errors.serviceName && (_jsx("p", { className: "text-xs text-destructive", children: form.formState.errors.serviceName.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), items: CONFIRMATION_STATUSES, children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: CONFIRMATION_STATUSES.map((status) => (_jsx(SelectItem, { value: status.value, children: status.label }, status.value))) })] })] })] }), _jsxs("div", { className: "grid grid-cols-3 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Cost Currency" }), _jsx(CurrencyCombobox, { value: form.watch("costCurrency") || null, onChange: (next) => form.setValue("costCurrency", next ?? "EUR", {
+                                                        shouldValidate: true,
+                                                        shouldDirty: true,
+                                                    }) })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Cost Amount (cents)" }), _jsx(Input, { ...form.register("costAmountCents", { valueAsNumber: true }), type: "number", min: "0" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Supplier Reference" }), _jsx(Input, { ...form.register("supplierReference"), placeholder: "CONF-12345" })] })] }), _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: isSubmitting, children: [isSubmitting && _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), isEditing ? "Save Changes" : "Add"] })] })] })] }) }));
+}

package/dist/components/supplier-status-list.d.ts

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

package/dist/components/supplier-status-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"supplier-status-list.d.ts","sourceRoot":"","sources":["../../src/components/supplier-status-list.tsx"],"names":[],"mappings":"AAgBA,MAAM,WAAW,uBAAuB;IACtC,SAAS,EAAE,MAAM,CAAA;CAClB;AASD,wBAAgB,kBAAkB,CAAC,EAAE,SAAS,EAAE,EAAE,uBAAuB,2CA+FxE"}