@voyant-travel/bookings-react 0.119.3

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

@@ -0,0 +1,40 @@
+export type SharedRoomMode = "create" | "join";
+export interface SharedRoomValue {
+    enabled: boolean;
+    mode: SharedRoomMode;
+    /** Only meaningful in "join" mode. */
+    groupId: string;
+    /** Optional label used when creating a new shared-room group. */
+    groupLabel?: string;
+}
+export declare const emptySharedRoomValue: SharedRoomValue;
+export declare function clearSharedRoomValue(): SharedRoomValue;
+export interface SharedRoomSectionProps {
+    value: SharedRoomValue;
+    onChange: (value: SharedRoomValue) => void;
+    /**
+     * The product context for fetching joinable groups. When unset, the join
+     * combobox 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;
+        createSheetTitle?: string;
+        groupLabel?: string;
+        groupLabelPlaceholder?: string;
+        createAction?: string;
+        remove?: string;
+    };
+}
+/**
+ * Shared-room (partaj) attachment section. Operators can create a new group in
+ * a sheet or join an existing product-scoped group with an async combobox.
+ */
+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":"AA2BA,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;IACf,iEAAiE;IACjE,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,eAAO,MAAM,oBAAoB,EAAE,eAKlC,CAAA;AAED,wBAAgB,oBAAoB,IAAI,eAAe,CAEtD;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;QACnB,gBAAgB,CAAC,EAAE,MAAM,CAAA;QACzB,UAAU,CAAC,EAAE,MAAM,CAAA;QACnB,qBAAqB,CAAC,EAAE,MAAM,CAAA;QAC9B,YAAY,CAAC,EAAE,MAAM,CAAA;QACrB,MAAM,CAAC,EAAE,MAAM,CAAA;KAChB,CAAA;CACF;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,QAAQ,EACR,SAAS,EACT,OAAc,EACd,MAAM,GACP,EAAE,sBAAsB,2CAyKxB"}

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

@@ -0,0 +1,99 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button, Input, Label, Sheet, SheetBody, SheetContent, SheetFooter, SheetHeader, SheetTitle, } from "@voyant-travel/ui/components";
+import { Combobox, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxInput, ComboboxItem, ComboboxList, } from "@voyant-travel/ui/components/combobox";
+import { Link2, Plus, X } from "lucide-react";
+import * as React from "react";
+import { useBookingsUiMessagesOrDefault } from "../i18n/provider.js";
+import { useBookingGroups } from "../index.js";
+export const emptySharedRoomValue = {
+    enabled: false,
+    mode: "create",
+    groupId: "",
+    groupLabel: "",
+};
+export function clearSharedRoomValue() {
+    return { ...emptySharedRoomValue };
+}
+/**
+ * Shared-room (partaj) attachment section. Operators can create a new group in
+ * a sheet or join an existing product-scoped group with an async combobox.
+ */
+export function SharedRoomSection({ value, onChange, productId, enabled = true, labels, }) {
+    const [groupSearch, setGroupSearch] = React.useState("");
+    const [groupInputValue, setGroupInputValue] = React.useState("");
+    const [createSheetOpen, setCreateSheetOpen] = React.useState(false);
+    const [draftGroupLabel, setDraftGroupLabel] = React.useState(value.groupLabel ?? "");
+    const messages = useBookingsUiMessagesOrDefault();
+    const merged = { ...messages.sharedRoomSection.labels, ...labels };
+    const { data: groupsData } = useBookingGroups({
+        kind: "shared_room",
+        productId: productId || undefined,
+        limit: 50,
+        enabled: enabled && value.enabled && value.mode === "join" && Boolean(productId),
+    });
+    const existingGroups = React.useMemo(() => {
+        const normalizedSearch = groupSearch.trim().toLowerCase();
+        const groups = groupsData?.data ?? [];
+        if (!normalizedSearch)
+            return groups;
+        return groups.filter((group) => group.label.toLowerCase().includes(normalizedSearch));
+    }, [groupsData?.data, groupSearch]);
+    const groupsMap = React.useMemo(() => new Map((groupsData?.data ?? []).map((group) => [group.id, group])), [groupsData?.data]);
+    const selectedGroupLabel = value.groupId ? (groupsMap.get(value.groupId)?.label ?? "") : "";
+    React.useEffect(() => {
+        if (selectedGroupLabel)
+            setGroupInputValue(selectedGroupLabel);
+    }, [selectedGroupLabel]);
+    React.useEffect(() => {
+        if (createSheetOpen)
+            setDraftGroupLabel(value.groupLabel ?? "");
+    }, [createSheetOpen, value.groupLabel]);
+    const set = (patch) => onChange({ ...value, ...patch });
+    const clear = () => {
+        if (!enabled)
+            return;
+        setCreateSheetOpen(false);
+        setDraftGroupLabel("");
+        setGroupInputValue("");
+        setGroupSearch("");
+        onChange(clearSharedRoomValue());
+    };
+    const selectCreateMode = () => {
+        if (!enabled)
+            return;
+        setCreateSheetOpen(true);
+    };
+    const selectJoinMode = () => {
+        if (!enabled)
+            return;
+        set({ enabled: true, mode: "join", groupLabel: "" });
+    };
+    const saveCreateLabel = () => {
+        set({
+            enabled: true,
+            mode: "create",
+            groupId: "",
+            groupLabel: draftGroupLabel.trim(),
+        });
+        setCreateSheetOpen(false);
+    };
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex flex-col gap-3 rounded-md border p-3", children: [_jsxs("div", { className: "flex flex-wrap items-start justify-between gap-2", children: [_jsxs("div", { className: "flex min-w-0 flex-col gap-1", children: [_jsx(Label, { children: merged.toggle }), value.enabled && value.mode === "create" && value.groupLabel ? (_jsx("p", { className: "truncate text-xs text-muted-foreground", children: value.groupLabel })) : value.enabled && value.mode === "create" ? (_jsx("p", { className: "text-xs text-muted-foreground", children: merged.createHint })) : null] }), value.enabled ? (_jsxs(Button, { type: "button", size: "sm", variant: "ghost", onClick: clear, disabled: !enabled, children: [_jsx(X, { className: "mr-2 h-4 w-4" }), merged.remove] })) : null] }), _jsxs("div", { className: "grid gap-2 sm:grid-cols-2", children: [_jsxs(Button, { type: "button", size: "sm", variant: value.enabled && value.mode === "create" ? "default" : "outline", onClick: selectCreateMode, disabled: !enabled, children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), merged.createMode] }), _jsxs(Button, { type: "button", size: "sm", variant: value.enabled && value.mode === "join" ? "default" : "outline", onClick: selectJoinMode, disabled: !enabled || !productId, children: [_jsx(Link2, { className: "mr-2 h-4 w-4" }), merged.joinMode] })] }), value.enabled && value.mode === "join" ? (_jsxs(Combobox, { items: existingGroups.map((group) => group.id), value: value.groupId || null, inputValue: groupInputValue, autoHighlight: true, disabled: !enabled || !productId, itemToStringValue: (id) => groupsMap.get(id)?.label ?? "", onInputValueChange: (next) => {
+                            setGroupInputValue(next);
+                            setGroupSearch(next);
+                            if (!next)
+                                set({ groupId: "" });
+                        }, onValueChange: (next) => {
+                            const groupId = next ?? "";
+                            set({ groupId });
+                            setGroupInputValue(groupId ? (groupsMap.get(groupId)?.label ?? "") : "");
+                        }, children: [_jsx(ComboboxInput, { placeholder: merged.selectPlaceholder, showClear: !!value.groupId }), _jsxs(ComboboxContent, { children: [_jsx(ComboboxEmpty, { children: merged.noGroups }), _jsx(ComboboxList, { children: _jsx(ComboboxCollection, { children: (id) => {
+                                                const group = groupsMap.get(id);
+                                                if (!group)
+                                                    return null;
+                                                return _jsx(SharedRoomGroupItem, { group: group }, group.id);
+                                            } }) })] })] })) : null] }), _jsx(Sheet, { open: createSheetOpen, onOpenChange: setCreateSheetOpen, children: _jsxs(SheetContent, { side: "right", size: "default", children: [_jsx(SheetHeader, { children: _jsx(SheetTitle, { children: merged.createSheetTitle }) }), _jsx(SheetBody, { children: _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { htmlFor: "shared-room-group-label", children: merged.groupLabel }), _jsx(Input, { id: "shared-room-group-label", value: draftGroupLabel, onChange: (event) => setDraftGroupLabel(event.target.value), placeholder: merged.groupLabelPlaceholder }), _jsx("p", { className: "text-xs text-muted-foreground", children: merged.createHint })] }) }), _jsxs(SheetFooter, { children: [_jsx(Button, { type: "button", variant: "ghost", onClick: () => setCreateSheetOpen(false), children: messages.common.cancel }), _jsx(Button, { type: "button", onClick: saveCreateLabel, children: merged.createAction })] })] }) })] }));
+}
+function SharedRoomGroupItem({ group }) {
+    return (_jsx(ComboboxItem, { value: group.id, children: _jsx("span", { className: "truncate font-medium", children: group.label }) }));
+}

package/dist/components/status-badge.d.ts

@@ -0,0 +1,24 @@
+import type * as React from "react";
+/**
+ * Domain-agnostic semantic tier used to colour-code workflow statuses
+ * across the booking detail tables. Map your status string to one of
+ * these tones via `getStatusTone()` (or pass a tone explicitly).
+ */
+export type StatusTone = "success" | "warning" | "danger" | "neutral";
+/**
+ * Best-effort mapping of a status string to a colour tier. Unknown
+ * values fall back to `neutral` so the badge renders with the default
+ * outline treatment — no accidental green-on-unknown surprises.
+ */
+export declare function getStatusTone(status: string): StatusTone;
+/**
+ * Colour-coded status badge. Pass either a raw `status` string (mapped
+ * via `getStatusTone()`) or an explicit `tone`.
+ */
+export declare function StatusBadge({ status, tone, className, children, }: {
+    status?: string;
+    tone?: StatusTone;
+    className?: string;
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=status-badge.d.ts.map

package/dist/components/status-badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"status-badge.d.ts","sourceRoot":"","sources":["../../src/components/status-badge.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAEnC;;;;GAIG;AACH,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAA;AAsCrE;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,MAAM,EAAE,MAAM,GAAG,UAAU,CAMxD;AASD;;;GAGG;AACH,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,IAAI,EACJ,SAAS,EACT,QAAQ,GACT,EAAE;IACD,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,2CAOA"}

package/dist/components/status-badge.js

@@ -0,0 +1,65 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Badge } from "@voyant-travel/ui/components/badge";
+import { cn } from "@voyant-travel/ui/lib/utils";
+const SUCCESS_STATUSES = new Set([
+    "paid",
+    "completed",
+    "confirmed",
+    "fulfilled",
+    "active",
+    "succeeded",
+    "captured",
+    "approved",
+    "settled",
+    "issued",
+]);
+const WARNING_STATUSES = new Set([
+    "pending",
+    "due",
+    "on_hold",
+    "in_progress",
+    "awaiting_payment",
+    "draft",
+    "partially_paid",
+    "authorized",
+    "pending_external_allocation",
+]);
+const DANGER_STATUSES = new Set([
+    "cancelled",
+    "failed",
+    "refunded",
+    "expired",
+    "void",
+    "overdue",
+    "rejected",
+    "declined",
+]);
+/**
+ * Best-effort mapping of a status string to a colour tier. Unknown
+ * values fall back to `neutral` so the badge renders with the default
+ * outline treatment — no accidental green-on-unknown surprises.
+ */
+export function getStatusTone(status) {
+    const key = status.toLowerCase();
+    if (SUCCESS_STATUSES.has(key))
+        return "success";
+    if (WARNING_STATUSES.has(key))
+        return "warning";
+    if (DANGER_STATUSES.has(key))
+        return "danger";
+    return "neutral";
+}
+const TONE_CLASS = {
+    success: "border-transparent bg-green-500/10 text-green-600 dark:text-green-400",
+    warning: "border-transparent bg-yellow-500/10 text-yellow-700 dark:text-yellow-400",
+    danger: "border-transparent bg-red-500/10 text-red-600 dark:text-red-400",
+    neutral: "",
+};
+/**
+ * Colour-coded status badge. Pass either a raw `status` string (mapped
+ * via `getStatusTone()`) or an explicit `tone`.
+ */
+export function StatusBadge({ status, tone, className, children, }) {
+    const resolved = tone ?? (status ? getStatusTone(status) : "neutral");
+    return (_jsx(Badge, { variant: "outline", className: cn(TONE_CLASS[resolved], className), children: children }));
+}

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

@@ -0,0 +1,10 @@
+import { type BookingRecord } from "../index.js";
+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":"AAyBA,OAAO,EACL,KAAK,aAAa,EAInB,MAAM,aAAa,CAAA;AAWpB,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,2CAkIzB"}

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

@@ -0,0 +1,57 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Dialog, DialogBody, DialogContent, DialogFooter, DialogHeader, DialogTitle, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Switch, Textarea, } from "@voyant-travel/ui/components";
+import { zodResolver } from "@voyant-travel/ui/lib/zod-resolver";
+import { Loader2 } from "lucide-react";
+import { useEffect, useMemo } from "react";
+import { useForm } from "react-hook-form";
+import { z } from "zod/v4";
+import { useBookingsUiMessagesOrDefault } from "../i18n/provider.js";
+import { bookingStatusOptions, bookingStatusSchema, useBookingStatusMutation, } from "../index.js";
+const statusChangeFormSchema = z.object({
+    status: bookingStatusSchema,
+    note: z.string().optional().nullable(),
+    suppressNotifications: z.boolean(),
+});
+export function StatusChangeDialog({ open, onOpenChange, bookingId, currentStatus, onSuccess, }) {
+    const mutation = useBookingStatusMutation(bookingId);
+    const messages = useBookingsUiMessagesOrDefault();
+    const statusItems = useMemo(() => bookingStatusOptions.map((s) => ({
+        value: s.value,
+        label: messages.common.bookingStatusLabels[s.value] ?? s.value,
+    })), [messages.common.bookingStatusLabels]);
+    const form = useForm({
+        resolver: zodResolver(statusChangeFormSchema),
+        defaultValues: {
+            status: "draft",
+            note: "",
+            suppressNotifications: false,
+        },
+    });
+    useEffect(() => {
+        if (open) {
+            form.reset({
+                status: currentStatus,
+                note: "",
+                suppressNotifications: false,
+            });
+        }
+    }, [currentStatus, form, open]);
+    // Suppression only takes effect on the `confirm` verb today (see
+    // status-dispatch.ts), so only show the toggle when the target is
+    // `confirmed`. Hide it otherwise to keep the dialog focused.
+    const targetStatus = form.watch("status");
+    const suppressNotifications = form.watch("suppressNotifications");
+    const showSuppressToggle = targetStatus === "confirmed";
+    const onSubmit = async (values) => {
+        await mutation.mutateAsync({
+            currentStatus,
+            status: values.status,
+            note: values.note || null,
+            suppressNotifications: values.suppressNotifications || undefined,
+        });
+        onOpenChange(false);
+        onSuccess?.();
+    };
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: messages.statusChangeDialog.title }) }), _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: messages.statusChangeDialog.fields.status }), _jsxs(Select, { items: statusItems, value: form.watch("status"), onValueChange: (value) => form.setValue("status", value), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: bookingStatusOptions.map((status) => (_jsx(SelectItem, { value: status.value, children: messages.common.bookingStatusLabels[status.value] }, status.value))) })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.statusChangeDialog.fields.note }), _jsx(Textarea, { ...form.register("note"), placeholder: messages.statusChangeDialog.placeholders.note })] }), showSuppressToggle ? (_jsxs("div", { className: "flex flex-col gap-2 rounded-md border bg-muted/30 p-3", children: [_jsxs("div", { className: "flex items-center justify-between gap-3", children: [_jsx(Label, { htmlFor: "suppress-notifications", children: messages.statusChangeDialog.fields.suppressNotifications }), _jsx(Switch, { id: "suppress-notifications", checked: suppressNotifications, onCheckedChange: (checked) => form.setValue("suppressNotifications", checked === true) })] }), _jsx("p", { className: "text-muted-foreground text-xs", children: messages.statusChangeDialog.helpers.suppressNotifications })] })) : null] }), _jsxs(DialogFooter, { children: [_jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => onOpenChange(false), children: messages.common.cancel }), _jsxs(Button, { type: "submit", size: "sm", disabled: mutation.isPending, children: [mutation.isPending && _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), messages.statusChangeDialog.actions.updateStatus] })] })] })] }) }));
+}

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

@@ -0,0 +1,10 @@
+import { type BookingSupplierStatusRecord } from "../index.js";
+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":"AA2BA,OAAO,EAAE,KAAK,2BAA2B,EAA6B,MAAM,aAAa,CAAA;AAqBzF,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;AAUD,wBAAgB,oBAAoB,CAAC,EACnC,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,cAAc,EACd,SAAS,GACV,EAAE,yBAAyB,2CA8K3B"}

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

@@ -0,0 +1,98 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Dialog, DialogBody, DialogContent, DialogFooter, DialogHeader, DialogTitle, Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Textarea, } from "@voyant-travel/ui/components";
+import { CurrencyCombobox } from "@voyant-travel/ui/components/currency-combobox";
+import { CurrencyInput } from "@voyant-travel/ui/components/currency-input";
+import { zodResolver } from "@voyant-travel/ui/lib/zod-resolver";
+import { Loader2 } from "lucide-react";
+import { useEffect, useMemo } from "react";
+import { useForm } from "react-hook-form";
+import { z } from "zod/v4";
+import { useBookingsUiMessagesOrDefault } from "../i18n/provider.js";
+import { useSupplierStatusMutation } from "../index.js";
+function createSupplierStatusFormSchema(messages) {
+    return z.object({
+        serviceName: z.string().min(1, messages.supplierStatusDialog.validation.serviceNameRequired),
+        status: z.enum(["pending", "confirmed", "rejected", "cancelled"]),
+        supplierReference: z.string().optional().nullable(),
+        costCurrency: z
+            .string()
+            .min(3)
+            .max(3, messages.supplierStatusDialog.validation.costCurrencyInvalid),
+        costAmountCents: z.coerce.number().int().min(0),
+        notes: z.string().optional().nullable(),
+    });
+}
+const CONFIRMATION_STATUSES = [
+    { value: "pending" },
+    { value: "confirmed" },
+    { value: "rejected" },
+    { value: "cancelled" },
+];
+const DEFAULT_CURRENCY = "EUR"; // i18n-literal-ok ISO default currency
+export function SupplierStatusDialog({ open, onOpenChange, bookingId, supplierStatus, onSuccess, }) {
+    const isEditing = Boolean(supplierStatus);
+    const { create, update } = useSupplierStatusMutation(bookingId);
+    const messages = useBookingsUiMessagesOrDefault();
+    const supplierStatusFormSchema = createSupplierStatusFormSchema(messages);
+    const statusItems = useMemo(() => CONFIRMATION_STATUSES.map((s) => ({
+        value: s.value,
+        label: messages.common.supplierStatusLabels[s.value],
+    })), [messages.common.supplierStatusLabels]);
+    const form = useForm({
+        resolver: zodResolver(supplierStatusFormSchema),
+        defaultValues: {
+            serviceName: "",
+            status: "pending",
+            supplierReference: "",
+            costCurrency: DEFAULT_CURRENCY,
+            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
+                            ? messages.supplierStatusDialog.titles.edit
+                            : messages.supplierStatusDialog.titles.create }) }), _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: messages.supplierStatusDialog.fields.serviceName }), _jsx(Input, { ...form.register("serviceName"), placeholder: messages.supplierStatusDialog.placeholders.serviceName, 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: messages.supplierStatusDialog.fields.status }), _jsxs(Select, { items: statusItems, value: form.watch("status"), onValueChange: (value) => form.setValue("status", value), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: CONFIRMATION_STATUSES.map((status) => (_jsx(SelectItem, { value: status.value, children: messages.common.supplierStatusLabels[status.value] }, status.value))) })] })] })] }), _jsxs("div", { className: "grid grid-cols-3 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.supplierStatusDialog.fields.costCurrency }), _jsx(CurrencyCombobox, { value: form.watch("costCurrency") || null, onChange: (next) => form.setValue("costCurrency", next ?? DEFAULT_CURRENCY, {
+                                                        shouldValidate: true,
+                                                        shouldDirty: true,
+                                                    }) })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.supplierStatusDialog.fields.costAmountCents }), _jsx(CurrencyInput, { value: form.watch("costAmountCents"), onChange: (next) => form.setValue("costAmountCents", next ?? 0, {
+                                                        shouldDirty: true,
+                                                        shouldValidate: true,
+                                                    }), currency: form.watch("costCurrency") })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.supplierStatusDialog.fields.supplierReference }), _jsx(Input, { ...form.register("supplierReference"), placeholder: messages.supplierStatusDialog.placeholders.supplierReference })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.supplierStatusDialog.fields.notes }), _jsx(Textarea, { ...form.register("notes"), placeholder: messages.supplierStatusDialog.placeholders.notes })] })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => onOpenChange(false), children: messages.common.cancel }), _jsxs(Button, { type: "submit", size: "sm", disabled: isSubmitting, children: [isSubmitting && _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), isEditing
+                                            ? messages.common.saveChanges
+                                            : messages.supplierStatusDialog.actions.addSupplierStatus] })] })] })] }) }));
+}

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":"AAaA,MAAM,WAAW,uBAAuB;IACtC,SAAS,EAAE,MAAM,CAAA;CAClB;AAYD,wBAAgB,kBAAkB,CAAC,EAAE,SAAS,EAAE,EAAE,uBAAuB,2CAqJxE"}

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

@@ -0,0 +1,115 @@
+"use client";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { Button } from "@voyant-travel/ui/components";
+import { DataTable } from "@voyant-travel/ui/components/data-table";
+import { Package, Pencil, Plus } from "lucide-react";
+import * as React from "react";
+import { useBookingsUiI18nOrDefault, useBookingsUiMessagesOrDefault } from "../i18n/provider.js";
+import { useSupplierStatuses } from "../index.js";
+import { IconActionButton } from "./icon-action-button.js";
+import { StatusBadge } from "./status-badge.js";
+import { SupplierStatusDialog } from "./supplier-status-dialog.js";
+export function SupplierStatusList({ bookingId }) {
+    const [dialogOpen, setDialogOpen] = React.useState(false);
+    const [editing, setEditing] = React.useState(undefined);
+    const { data } = useSupplierStatuses(bookingId);
+    const { formatCurrency, formatDate } = useBookingsUiI18nOrDefault();
+    const messages = useBookingsUiMessagesOrDefault();
+    const card = messages.supplierStatusList;
+    const statuses = data?.data ?? [];
+    // `bookingSupplierStatuses` gets one row per `product_day_services`
+    // entry — so a 2-day itinerary that includes the same service on
+    // both days lands two visually-identical rows. The operator only
+    // cares about the per-service total, so collapse identical rows
+    // (same service id, name, status, cost) into one with a `× N`
+    // badge. The edit pencil opens the first row of the group.
+    const rows = React.useMemo(() => groupSupplierStatuses(statuses).map((group) => {
+        const head = group.statuses[0];
+        return {
+            head,
+            count: group.statuses.length,
+            totalCostCents: group.statuses.reduce((sum, s) => sum + (s.costAmountCents ?? 0), 0),
+            reference: group.statuses.find((s) => s.supplierReference)?.supplierReference ?? null,
+            confirmedAt: group.statuses.find((s) => s.confirmedAt)?.confirmedAt ?? null,
+        };
+    }), [statuses]);
+    const columns = React.useMemo(() => [
+        {
+            accessorKey: "serviceName",
+            header: card.columns.service,
+            cell: ({ row }) => (_jsxs("span", { className: "inline-flex items-center gap-1.5", children: [row.original.head.serviceName, row.original.count > 1 ? (_jsxs("span", { className: "rounded bg-muted px-1.5 py-0.5 text-[10px] text-muted-foreground", children: ["\u00D7 ", row.original.count] })) : null] })),
+        },
+        {
+            accessorKey: "status",
+            header: card.columns.status,
+            cell: ({ row }) => (_jsx(StatusBadge, { status: row.original.head.status, children: messages.common.supplierStatusLabels[row.original.head.status] })),
+        },
+        {
+            accessorKey: "totalCostCents",
+            header: card.columns.cost,
+            cell: ({ row }) => {
+                const { totalCostCents, head } = row.original;
+                if (totalCostCents === 0 || !head.costCurrency) {
+                    return _jsx("span", { className: "text-muted-foreground", children: card.values.costUnavailable });
+                }
+                return (_jsx("span", { className: "font-mono", children: formatCurrency(totalCostCents / 100, head.costCurrency) }));
+            },
+        },
+        {
+            accessorKey: "reference",
+            header: card.columns.reference,
+            cell: ({ row }) => (_jsx("span", { title: row.original.reference ?? undefined, className: "inline-block max-w-[180px] truncate font-mono text-muted-foreground text-xs", children: row.original.reference ?? card.values.referenceUnavailable })),
+        },
+        {
+            accessorKey: "confirmedAt",
+            header: card.columns.confirmed,
+            cell: ({ row }) => row.original.confirmedAt
+                ? formatDate(row.original.confirmedAt)
+                : card.values.confirmedUnavailable,
+        },
+        {
+            id: "actions",
+            header: () => _jsx("span", { className: "sr-only", children: card.columns.actions }),
+            cell: ({ row }) => (_jsx("div", { className: "flex items-center justify-end gap-1", children: _jsx(IconActionButton, { label: card.actions.edit, icon: _jsx(Pencil, { className: "h-3.5 w-3.5" }), onClick: (e) => {
+                        e.stopPropagation();
+                        setEditing(row.original.head);
+                        setDialogOpen(true);
+                    } }) })),
+        },
+    ], [card, formatCurrency, formatDate, messages.common.supplierStatusLabels]);
+    return (_jsxs("div", { "data-slot": "supplier-status-list", className: "flex flex-col gap-3", children: [_jsxs("div", { className: "flex items-center justify-between gap-3", children: [_jsxs("h2", { className: "flex items-center gap-2 text-base font-semibold", children: [_jsx(Package, { className: "h-4 w-4 text-muted-foreground" }), card.title] }), _jsxs(Button, { variant: "outline", size: "sm", onClick: () => {
+                            setEditing(undefined);
+                            setDialogOpen(true);
+                        }, children: [_jsx(Plus, { className: "mr-1 h-3.5 w-3.5" }), card.addSupplier] })] }), _jsx(DataTable, { columns: columns, data: rows, emptyMessage: card.empty, showPagination: false }), _jsx(SupplierStatusDialog, { open: dialogOpen, onOpenChange: (nextOpen) => {
+                    setDialogOpen(nextOpen);
+                    if (!nextOpen) {
+                        setEditing(undefined);
+                    }
+                }, bookingId: bookingId, supplierStatus: editing, onSuccess: () => {
+                    setEditing(undefined);
+                } })] }));
+}
+function groupSupplierStatuses(statuses) {
+    const groups = new Map();
+    for (const status of statuses) {
+        // Visually-identical rows collapse together. Reference/confirmed
+        // timestamps and `id` are intentionally excluded — those differ
+        // between sibling rows that the operator nonetheless sees as one
+        // line of business.
+        const key = [
+            status.supplierServiceId ?? "",
+            status.serviceName,
+            status.status,
+            status.costCurrency ?? "",
+            status.costAmountCents ?? "",
+        ].join("|");
+        const existing = groups.get(key);
+        if (existing) {
+            existing.statuses.push(status);
+        }
+        else {
+            groups.set(key, { key, statuses: [status] });
+        }
+    }
+    return Array.from(groups.values());
+}

package/dist/components/traveler-category-buttons.d.ts

@@ -0,0 +1,26 @@
+export type TravelerCategoryRole = "lead" | "adult" | "child" | "infant";
+export interface TravelerCategoryState {
+    role: TravelerCategoryRole;
+    pricingUnitId: string | null;
+}
+export interface TravelerCategoryUnitState {
+    unitId: string;
+    unitCode: string | null;
+}
+export interface TravelerCategorySelectableUnitState {
+    unitType?: string | null;
+}
+export declare function getSelectableTravelerCategoryUnits<TUnit extends TravelerCategorySelectableUnitState>(units: readonly TUnit[]): TUnit[];
+export declare function shouldUseStaticTravelerCategoryFallback(hasGroup: boolean, selectableUnitCount: number): boolean;
+export declare function inferTravelerRoleFromUnit(unit: TravelerCategoryUnitState): Exclude<TravelerCategoryRole, "lead">;
+export declare function getStaticTravelerCategoryButtonState(traveler: TravelerCategoryState, category: Exclude<TravelerCategoryRole, "lead">): {
+    active: boolean;
+    nextRole: TravelerCategoryRole;
+    shouldUpdate: boolean;
+};
+export declare function getDynamicTravelerCategoryButtonState(traveler: TravelerCategoryState, unit: TravelerCategoryUnitState): {
+    active: boolean;
+    nextRole: TravelerCategoryRole;
+    shouldUpdate: boolean;
+};
+//# sourceMappingURL=traveler-category-buttons.d.ts.map

package/dist/components/traveler-category-buttons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"traveler-category-buttons.d.ts","sourceRoot":"","sources":["../../src/components/traveler-category-buttons.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,oBAAoB,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAA;AAExE,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,oBAAoB,CAAA;IAC1B,aAAa,EAAE,MAAM,GAAG,IAAI,CAAA;CAC7B;AAED,MAAM,WAAW,yBAAyB;IACxC,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;CACxB;AAED,MAAM,WAAW,mCAAmC;IAClD,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CACzB;AAED,wBAAgB,kCAAkC,CAChD,KAAK,SAAS,mCAAmC,EACjD,KAAK,EAAE,SAAS,KAAK,EAAE,GAAG,KAAK,EAAE,CAOlC;AAED,wBAAgB,uCAAuC,CACrD,QAAQ,EAAE,OAAO,EACjB,mBAAmB,EAAE,MAAM,GAC1B,OAAO,CAET;AAED,wBAAgB,yBAAyB,CACvC,IAAI,EAAE,yBAAyB,GAC9B,OAAO,CAAC,oBAAoB,EAAE,MAAM,CAAC,CAKvC;AAED,wBAAgB,oCAAoC,CAClD,QAAQ,EAAE,qBAAqB,EAC/B,QAAQ,EAAE,OAAO,CAAC,oBAAoB,EAAE,MAAM,CAAC,GAC9C;IAAE,MAAM,EAAE,OAAO,CAAC;IAAC,QAAQ,EAAE,oBAAoB,CAAC;IAAC,YAAY,EAAE,OAAO,CAAA;CAAE,CAS5E;AAED,wBAAgB,qCAAqC,CACnD,QAAQ,EAAE,qBAAqB,EAC/B,IAAI,EAAE,yBAAyB,GAC9B;IAAE,MAAM,EAAE,OAAO,CAAC;IAAC,QAAQ,EAAE,oBAAoB,CAAC;IAAC,YAAY,EAAE,OAAO,CAAA;CAAE,CAY5E"}

package/dist/components/traveler-category-buttons.js

@@ -0,0 +1,35 @@
+export function getSelectableTravelerCategoryUnits(units) {
+    const hasInventoryUnits = units.some((unit) => unit.unitType === "room" || unit.unitType === "vehicle");
+    return units.filter((unit) => unit.unitType === "person" || (!hasInventoryUnits && unit.unitType == null));
+}
+export function shouldUseStaticTravelerCategoryFallback(hasGroup, selectableUnitCount) {
+    return !hasGroup || selectableUnitCount === 0;
+}
+export function inferTravelerRoleFromUnit(unit) {
+    const codeLower = (unit.unitCode ?? "").toLowerCase();
+    if (codeLower === "child")
+        return "child";
+    if (codeLower === "infant")
+        return "infant";
+    return "adult";
+}
+export function getStaticTravelerCategoryButtonState(traveler, category) {
+    const active = traveler.role === category || (traveler.role === "lead" && category === "adult");
+    const nextRole = traveler.role === "lead" && category === "adult" ? "lead" : category;
+    return {
+        active,
+        nextRole,
+        shouldUpdate: traveler.role !== nextRole,
+    };
+}
+export function getDynamicTravelerCategoryButtonState(traveler, unit) {
+    const inferredRole = inferTravelerRoleFromUnit(unit);
+    const active = traveler.pricingUnitId === unit.unitId ||
+        (traveler.role === "lead" && inferredRole === "adult" && traveler.pricingUnitId == null);
+    const nextRole = traveler.role === "lead" && inferredRole === "adult" ? "lead" : inferredRole;
+    return {
+        active,
+        nextRole,
+        shouldUpdate: traveler.pricingUnitId !== unit.unitId || traveler.role !== nextRole,
+    };
+}

package/dist/components/traveler-dialog.d.ts

@@ -0,0 +1,10 @@
+import { type BookingTravelerRecord } from "../index.js";
+export interface TravelerDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    bookingId: string;
+    traveler?: BookingTravelerRecord;
+    onSuccess?: () => void;
+}
+export declare function TravelerDialog({ open, onOpenChange, bookingId, traveler, onSuccess, }: TravelerDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=traveler-dialog.d.ts.map