@voyantjs/bookings-ui 0.50.5 → 0.50.6

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

@@ -1 +1 @@
-{"version":3,"file":"product-picker-section.d.ts","sourceRoot":"","sources":["../../src/components/product-picker-section.tsx"],"names":[],"mappings":"AA8BA,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;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,KAAK,EACL,QAAQ,EACR,OAAc,EACd,WAAmB,EACnB,MAAM,GACP,EAAE,yBAAyB,2CAgI3B"}
+{"version":3,"file":"product-picker-section.d.ts","sourceRoot":"","sources":["../../src/components/product-picker-section.tsx"],"names":[],"mappings":"AA+BA,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;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,KAAK,EACL,QAAQ,EACR,OAAc,EACd,WAAmB,EACnB,MAAM,GACP,EAAE,yBAAyB,2CAmI3B"}

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

@@ -5,6 +5,7 @@ import { Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, }
 import { Combobox, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxInput, ComboboxItem, ComboboxList, } from "@voyantjs/ui/components/combobox";
 import * as React from "react";
 import { useBookingsUiMessagesOrDefault } from "../i18n/provider.js";
+import { productMatchesPickerSearch } from "./booking-create-utils.js";
 const OPTION_NONE = "__none__";
 /**
  * Controlled product + option picker. Splits `value` + `onChange` so apps can
@@ -13,6 +14,7 @@ const OPTION_NONE = "__none__";
  */
 export function ProductPickerSection({ value, onChange, enabled = true, lockProduct = false, labels, }) {
     const [productSearch, setProductSearch] = React.useState("");
+    const cachedProductsRef = React.useRef(new Map());
     const messages = useBookingsUiMessagesOrDefault();
     const merged = { ...messages.productPickerSection.labels, ...labels };
     const { data: productsData } = useProducts({
@@ -24,11 +26,12 @@ export function ProductPickerSection({ value, onChange, enabled = true, lockProd
         enabled: enabled && Boolean(value.productId),
     });
     const products = React.useMemo(() => {
-        const map = new Map();
+        const map = new Map(cachedProductsRef.current);
         for (const product of productsData?.data ?? [])
             map.set(product.id, product);
         if (selectedProductQuery.data)
             map.set(selectedProductQuery.data.id, selectedProductQuery.data);
+        cachedProductsRef.current = map;
         return Array.from(map.values());
     }, [productsData?.data, selectedProductQuery.data]);
     const productMap = React.useMemo(() => new Map(products.map((product) => [product.id, product])), [products]);
@@ -44,7 +47,7 @@ export function ProductPickerSection({ value, onChange, enabled = true, lockProd
         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: "*" })] }), _jsxs(Combobox, { items: products.map((product) => product.id), value: value.productId || null, inputValue: productInputValue, autoHighlight: true, disabled: !enabled, itemToStringValue: (id) => productMap.get(id)?.name ?? "", onInputValueChange: (next) => {
+    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: "*" })] }), _jsxs(Combobox, { items: products.map((product) => product.id), value: value.productId || null, inputValue: productInputValue, autoHighlight: true, disabled: !enabled, filter: (id, query) => productMatchesPickerSearch(productMap.get(id), query), itemToStringValue: (id) => productMap.get(id)?.name ?? "", onInputValueChange: (next) => {
                             setProductInputValue(next);
                             setProductSearch(next);
                             if (!next)

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

@@ -8,6 +8,7 @@ export interface SharedRoomValue {
     groupLabel?: string;
 }
 export declare const emptySharedRoomValue: SharedRoomValue;
+export declare function clearSharedRoomValue(): SharedRoomValue;
 export interface SharedRoomSectionProps {
     value: SharedRoomValue;
     onChange: (value: SharedRoomValue) => void;
@@ -28,6 +29,7 @@ export interface SharedRoomSectionProps {
         groupLabel?: string;
         groupLabelPlaceholder?: string;
         createAction?: string;
+        remove?: string;
     };
 }
 /**

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

@@ -1 +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,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;KACtB,CAAA;CACF;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,QAAQ,EACR,SAAS,EACT,OAAc,EACd,MAAM,GACP,EAAE,sBAAsB,2CAyJxB"}
+{"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

@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useBookingGroups } from "@voyantjs/bookings-react";
 import { Button, Input, Label, Sheet, SheetBody, SheetContent, SheetFooter, SheetHeader, SheetTitle, } from "@voyantjs/ui/components";
 import { Combobox, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxInput, ComboboxItem, ComboboxList, } from "@voyantjs/ui/components/combobox";
-import { Link2, Plus } from "lucide-react";
+import { Link2, Plus, X } from "lucide-react";
 import * as React from "react";
 import { useBookingsUiMessagesOrDefault } from "../i18n/provider.js";
 export const emptySharedRoomValue = {
@@ -12,6 +12,9 @@ export const emptySharedRoomValue = {
     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.
@@ -47,6 +50,15 @@ export function SharedRoomSection({ value, onChange, productId, enabled = true,
             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;
@@ -66,7 +78,7 @@ export function SharedRoomSection({ value, onChange, productId, enabled = true,
         });
         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-col gap-1", children: [_jsx(Label, { children: merged.toggle }), value.enabled && value.mode === "create" && value.groupLabel ? (_jsx("p", { className: "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] }), _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) => {
+    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)

package/dist/components/travelers-section.d.ts

@@ -1,5 +1,6 @@
 export type TravelerRole = "lead" | "adult" | "child" | "infant";
 export interface TravelerEntry {
+    personId: string | null;
     firstName: string;
     lastName: string;
     email: string;
@@ -31,6 +32,7 @@ export interface TravelersSectionProps {
      * When provided, each traveler gets a room-assignment dropdown.
      */
     roomUnits?: RoomUnitOption[];
+    billingPersonId?: string | null;
     labels?: {
         heading?: string;
         addTraveler?: string;
@@ -46,27 +48,30 @@ export interface TravelersSectionProps {
         noRoom?: string;
         remove?: string;
         empty?: string;
+        person?: string;
+        personSearchPlaceholder?: string;
+        personEmpty?: string;
+        createNewPerson?: string;
+        createPersonSheetTitle?: string;
+        addBillingPerson?: string;
     };
 }
 /**
- * Traveler list for booking-create flows. Each row carries name + optional
- * email + role + optional room assignment. Inline-create only for now —
- * operators who want to pick an existing CRM person can do so from the
- * booking detail page afterwards, consistent with the lead-person picker's
- * edit-after-create story.
+ * Traveler list for booking-create flows. Each row can point at an existing
+ * CRM person, create a new CRM person, or carry manual name/email details,
+ * plus role and optional room assignment.
  *
  * ### Parent contract
  *
  * At submit time, the parent:
- * 1. Creates a CRM person for each row that doesn't match an existing one
- *    (email match + name, or skip when the operator intentionally left
- *    email blank).
- * 2. Inserts a `booking_travelers` row per traveler with `participantType`
+ * 1. Inserts a `booking_travelers` row per traveler with `participantType`
  *    derived from the role (`lead` / `adult` → traveler; `child` / `infant`
  *    → traveler with travelerCategory set).
+ * 2. Carries `personId` through when the traveler is tied to CRM, including
+ *    when the payer is also traveling.
  * 3. Exactly one row should have `role: "lead"` — enforced at submit, not
  *    here. The UI lets the operator pick whichever layout they want, then
  *    the submit handler errors if the invariant isn't met.
  */
-export declare function TravelersSection({ value, onChange, roomUnits, labels }: TravelersSectionProps): import("react/jsx-runtime").JSX.Element;
+export declare function TravelersSection({ value, onChange, roomUnits, billingPersonId, labels, }: TravelersSectionProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=travelers-section.d.ts.map

package/dist/components/travelers-section.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"travelers-section.d.ts","sourceRoot":"","sources":["../../src/components/travelers-section.tsx"],"names":[],"mappings":"AAeA,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAA;AAIhE,MAAM,WAAW,aAAa;IAC5B,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,YAAY,CAAA;IAClB,+EAA+E;IAC/E,UAAU,EAAE,MAAM,GAAG,IAAI,CAAA;CAC1B;AAED,MAAM,WAAW,iBAAiB;IAChC,SAAS,EAAE,aAAa,EAAE,CAAA;CAC3B;AAED,eAAO,MAAM,sBAAsB,EAAE,iBAAqC,CAAA;AAE1E,qFAAqF;AACrF,wBAAgB,mBAAmB,CAAC,IAAI,GAAE,YAAsB,GAAG,aAAa,CAE/E;AAED,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,MAAM,CAAA;IAChB;;;;OAIG;IACH,iBAAiB,EAAE,MAAM,CAAA;CAC1B;AAED,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,iBAAiB,CAAA;IACxB,QAAQ,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAA;IAC5C;;;OAGG;IACH,SAAS,CAAC,EAAE,cAAc,EAAE,CAAA;IAC5B,MAAM,CAAC,EAAE;QACP,OAAO,CAAC,EAAE,MAAM,CAAA;QAChB,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;QACjB,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,IAAI,CAAC,EAAE,MAAM,CAAA;QACb,QAAQ,CAAC,EAAE,MAAM,CAAA;QACjB,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB,UAAU,CAAC,EAAE,MAAM,CAAA;QACnB,IAAI,CAAC,EAAE,MAAM,CAAA;QACb,MAAM,CAAC,EAAE,MAAM,CAAA;QACf,MAAM,CAAC,EAAE,MAAM,CAAA;QACf,KAAK,CAAC,EAAE,MAAM,CAAA;KACf,CAAA;CACF;AAID;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,qBAAqB,2CA4I7F"}
+{"version":3,"file":"travelers-section.d.ts","sourceRoot":"","sources":["../../src/components/travelers-section.tsx"],"names":[],"mappings":"AAgCA,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAA;AAIhE,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,YAAY,CAAA;IAClB,+EAA+E;IAC/E,UAAU,EAAE,MAAM,GAAG,IAAI,CAAA;CAC1B;AAED,MAAM,WAAW,iBAAiB;IAChC,SAAS,EAAE,aAAa,EAAE,CAAA;CAC3B;AAED,eAAO,MAAM,sBAAsB,EAAE,iBAAqC,CAAA;AAE1E,qFAAqF;AACrF,wBAAgB,mBAAmB,CAAC,IAAI,GAAE,YAAsB,GAAG,aAAa,CAE/E;AAED,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,MAAM,CAAA;IAChB;;;;OAIG;IACH,iBAAiB,EAAE,MAAM,CAAA;CAC1B;AAED,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,iBAAiB,CAAA;IACxB,QAAQ,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAA;IAC5C;;;OAGG;IACH,SAAS,CAAC,EAAE,cAAc,EAAE,CAAA;IAC5B,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC/B,MAAM,CAAC,EAAE;QACP,OAAO,CAAC,EAAE,MAAM,CAAA;QAChB,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;QACjB,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,IAAI,CAAC,EAAE,MAAM,CAAA;QACb,QAAQ,CAAC,EAAE,MAAM,CAAA;QACjB,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB,UAAU,CAAC,EAAE,MAAM,CAAA;QACnB,IAAI,CAAC,EAAE,MAAM,CAAA;QACb,MAAM,CAAC,EAAE,MAAM,CAAA;QACf,MAAM,CAAC,EAAE,MAAM,CAAA;QACf,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,MAAM,CAAC,EAAE,MAAM,CAAA;QACf,uBAAuB,CAAC,EAAE,MAAM,CAAA;QAChC,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,eAAe,CAAC,EAAE,MAAM,CAAA;QACxB,sBAAsB,CAAC,EAAE,MAAM,CAAA;QAC/B,gBAAgB,CAAC,EAAE,MAAM,CAAA;KAC1B,CAAA;CACF;AAID;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,QAAQ,EACR,SAAS,EACT,eAAe,EACf,MAAM,GACP,EAAE,qBAAqB,2CAuLvB"}

package/dist/components/travelers-section.js

@@ -1,38 +1,42 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@voyantjs/ui/components";
-import { Trash2 } from "lucide-react";
+import { usePeople, usePerson } from "@voyantjs/crm-react";
+import { PersonForm } from "@voyantjs/crm-ui";
+import { Button, Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Sheet, SheetBody, SheetContent, SheetHeader, SheetTitle, } from "@voyantjs/ui/components";
+import { Combobox, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxInput, ComboboxItem, ComboboxList, } from "@voyantjs/ui/components/combobox";
+import { Trash2, UserPlus } from "lucide-react";
+import * as React from "react";
 import { useBookingsUiMessagesOrDefault } from "../i18n/provider.js";
 const ALL_ROLES = ["lead", "adult", "child", "infant"];
 export const emptyTravelerListValue = { travelers: [] };
 /** Factory for a blank row — `role` defaults to `adult` unless the list is empty. */
 export function createBlankTraveler(role = "adult") {
-    return { firstName: "", lastName: "", email: "", role, roomUnitId: null };
+    return { personId: null, firstName: "", lastName: "", email: "", role, roomUnitId: null };
 }
 const NO_ROOM = "__unassigned__";
 /**
- * Traveler list for booking-create flows. Each row carries name + optional
- * email + role + optional room assignment. Inline-create only for now —
- * operators who want to pick an existing CRM person can do so from the
- * booking detail page afterwards, consistent with the lead-person picker's
- * edit-after-create story.
+ * Traveler list for booking-create flows. Each row can point at an existing
+ * CRM person, create a new CRM person, or carry manual name/email details,
+ * plus role and optional room assignment.
  *
  * ### Parent contract
  *
  * At submit time, the parent:
- * 1. Creates a CRM person for each row that doesn't match an existing one
- *    (email match + name, or skip when the operator intentionally left
- *    email blank).
- * 2. Inserts a `booking_travelers` row per traveler with `participantType`
+ * 1. Inserts a `booking_travelers` row per traveler with `participantType`
  *    derived from the role (`lead` / `adult` → traveler; `child` / `infant`
  *    → traveler with travelerCategory set).
+ * 2. Carries `personId` through when the traveler is tied to CRM, including
+ *    when the payer is also traveling.
  * 3. Exactly one row should have `role: "lead"` — enforced at submit, not
  *    here. The UI lets the operator pick whichever layout they want, then
  *    the submit handler errors if the invariant isn't met.
  */
-export function TravelersSection({ value, onChange, roomUnits, labels }) {
+export function TravelersSection({ value, onChange, roomUnits, billingPersonId, labels, }) {
     const messages = useBookingsUiMessagesOrDefault();
     const merged = { ...messages.travelersSection.labels, ...labels };
+    const billingPerson = usePerson(billingPersonId ?? undefined, {
+        enabled: Boolean(billingPersonId),
+    });
     const roleLabels = {
         lead: merged.roleLead,
         adult: merged.roleAdult,
@@ -52,9 +56,87 @@ export function TravelersSection({ value, onChange, roomUnits, labels }) {
         const role = value.travelers.length === 0 ? "lead" : "adult";
         onChange({ travelers: [...value.travelers, createBlankTraveler(role)] });
     };
-    return (_jsxs("div", { className: "flex flex-col gap-2 rounded-md border p-3", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx(Label, { children: merged.heading }), _jsx(Button, { type: "button", size: "sm", variant: "ghost", onClick: addRow, children: merged.addTraveler })] }), value.travelers.length === 0 ? (_jsx("p", { className: "text-xs text-muted-foreground", children: merged.empty })) : (_jsx("div", { className: "flex flex-col gap-2", children: value.travelers.map((traveler, index) => (_jsxs("div", { className: "flex flex-col gap-2 rounded-md border p-2", children: [_jsxs("div", { className: "grid grid-cols-2 gap-2", children: [_jsx(Input, { placeholder: merged.firstName, value: traveler.firstName, onChange: (e) => updateAt(index, { firstName: e.target.value }) }), _jsx(Input, { placeholder: merged.lastName, value: traveler.lastName, onChange: (e) => updateAt(index, { lastName: e.target.value }) })] }), _jsx(Input, { type: "email", placeholder: merged.email, value: traveler.email, onChange: (e) => updateAt(index, { email: e.target.value }) }), _jsxs("div", { className: "grid grid-cols-2 gap-2", children: [_jsxs("div", { className: "flex flex-col gap-1", children: [_jsx(Label, { className: "text-xs", children: merged.role }), _jsxs(Select, { value: traveler.role, onValueChange: (v) => updateAt(index, { role: (v ?? "adult") }), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: ALL_ROLES.map((role) => (_jsx(SelectItem, { value: role, children: roleLabels[role] }, role))) })] })] }), roomUnits && roomUnits.length > 0 ? (_jsxs("div", { className: "flex flex-col gap-1", children: [_jsx(Label, { className: "text-xs", children: merged.room }), _jsxs(Select, { value: traveler.roomUnitId ?? NO_ROOM, onValueChange: (v) => updateAt(index, { roomUnitId: v === NO_ROOM ? null : (v ?? null) }), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: NO_ROOM, children: merged.noRoom }), roomUnits.map((unit) => (_jsx(SelectItem, { value: unit.unitId, 
+    const addBillingPerson = () => {
+        if (!billingPerson.data)
+            return;
+        const role = value.travelers.length === 0 ? "lead" : "adult";
+        onChange({
+            travelers: [...value.travelers, createTravelerFromPerson(billingPerson.data, role)],
+        });
+    };
+    const hasBillingPersonTraveler = Boolean(billingPersonId && value.travelers.some((traveler) => traveler.personId === billingPersonId));
+    return (_jsxs("div", { className: "flex flex-col gap-2 rounded-md border p-3", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx(Label, { children: merged.heading }), _jsx(Button, { type: "button", size: "sm", variant: "ghost", onClick: addRow, children: merged.addTraveler })] }), billingPersonId && !hasBillingPersonTraveler ? (_jsx("div", { children: _jsxs(Button, { type: "button", size: "sm", variant: "outline", onClick: addBillingPerson, disabled: !billingPerson.data, children: [_jsx(UserPlus, { className: "mr-1 h-3.5 w-3.5" }), merged.addBillingPerson] }) })) : null, value.travelers.length === 0 ? (_jsx("p", { className: "text-xs text-muted-foreground", children: merged.empty })) : (_jsx("div", { className: "flex flex-col gap-2", children: value.travelers.map((traveler, index) => (_jsxs("div", { className: "flex flex-col gap-2 rounded-md border p-2", children: [_jsx(TravelerPersonPicker, { personId: traveler.personId, labels: merged, pinnedPeople: billingPerson.data ? [billingPerson.data] : [], onSelect: (person) => updateAt(index, {
+                                personId: person.id,
+                                firstName: person.firstName,
+                                lastName: person.lastName,
+                                email: person.email ?? "",
+                            }), onClear: () => updateAt(index, { personId: null }) }), _jsxs("div", { className: "grid grid-cols-2 gap-2", children: [_jsx(Input, { placeholder: merged.firstName, value: traveler.firstName, onChange: (e) => updateAt(index, { firstName: e.target.value }) }), _jsx(Input, { placeholder: merged.lastName, value: traveler.lastName, onChange: (e) => updateAt(index, { lastName: e.target.value }) })] }), _jsx(Input, { type: "email", placeholder: merged.email, value: traveler.email, onChange: (e) => updateAt(index, { email: e.target.value }) }), _jsxs("div", { className: "grid grid-cols-2 gap-2", children: [_jsxs("div", { className: "flex flex-col gap-1", children: [_jsx(Label, { className: "text-xs", children: merged.role }), _jsxs(Select, { value: traveler.role, onValueChange: (v) => updateAt(index, { role: (v ?? "adult") }), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: ALL_ROLES.map((role) => (_jsx(SelectItem, { value: role, children: roleLabels[role] }, role))) })] })] }), roomUnits && roomUnits.length > 0 ? (_jsxs("div", { className: "flex flex-col gap-1", children: [_jsx(Label, { className: "text-xs", children: merged.room }), _jsxs(Select, { value: traveler.roomUnitId ?? NO_ROOM, onValueChange: (v) => updateAt(index, { roomUnitId: v === NO_ROOM ? null : (v ?? null) }), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: NO_ROOM, children: merged.noRoom }), roomUnits.map((unit) => (_jsx(SelectItem, { value: unit.unitId, 
                                                             // Only disable other rooms at-capacity — the room the
                                                             // traveler is *already* in should stay selectable so
                                                             // re-renders don't strip the selection.
                                                             disabled: unit.remainingCapacity <= 0 && traveler.roomUnitId !== unit.unitId, children: unit.unitName }, unit.unitId)))] })] })] })) : null] }), _jsx("div", { className: "flex justify-end", children: _jsxs(Button, { type: "button", variant: "ghost", size: "sm", className: "h-7 text-destructive", onClick: () => removeAt(index), "aria-label": merged.remove, children: [_jsx(Trash2, { className: "mr-1 h-3.5 w-3.5" }), merged.remove] }) })] }, index))) }))] }));
 }
+function TravelerPersonPicker({ personId, labels, pinnedPeople = [], onSelect, onClear, }) {
+    const [search, setSearch] = React.useState("");
+    const [inputValue, setInputValue] = React.useState("");
+    const [sheetOpen, setSheetOpen] = React.useState(false);
+    const peopleQuery = usePeople({ search: search || undefined, limit: 20 });
+    const selectedPersonQuery = usePerson(personId ?? undefined, { enabled: Boolean(personId) });
+    const people = React.useMemo(() => {
+        const map = new Map();
+        for (const person of peopleQuery.data?.data ?? [])
+            map.set(person.id, person);
+        for (const person of pinnedPeople)
+            map.set(person.id, person);
+        if (selectedPersonQuery.data)
+            map.set(selectedPersonQuery.data.id, selectedPersonQuery.data);
+        return Array.from(map.values());
+    }, [peopleQuery.data?.data, pinnedPeople, selectedPersonQuery.data]);
+    const peopleMap = React.useMemo(() => new Map(people.map((person) => [person.id, person])), [people]);
+    const selectedLabel = personId ? formatPerson(peopleMap.get(personId)) : "";
+    React.useEffect(() => {
+        if (selectedLabel)
+            setInputValue(selectedLabel);
+    }, [selectedLabel]);
+    return (_jsxs("div", { className: "flex flex-col gap-1", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx(Label, { className: "text-xs", children: labels.person }), _jsxs(Button, { type: "button", variant: "ghost", size: "sm", className: "h-7", onClick: () => setSheetOpen(true), children: [_jsx(UserPlus, { className: "mr-1 h-3.5 w-3.5" }), labels.createNewPerson] })] }), _jsxs(Combobox, { items: people.map((person) => person.id), value: personId, inputValue: inputValue, autoHighlight: true, itemToStringValue: (id) => formatPerson(peopleMap.get(id)), onInputValueChange: (next) => {
+                    setInputValue(next);
+                    setSearch(next);
+                    if (!next)
+                        onClear();
+                }, onValueChange: (next) => {
+                    const nextPerson = peopleMap.get(next ?? "");
+                    if (nextPerson)
+                        onSelect(nextPerson);
+                    setInputValue(nextPerson ? formatPerson(nextPerson) : "");
+                }, children: [_jsx(ComboboxInput, { placeholder: labels.personSearchPlaceholder, showClear: !!personId }), _jsxs(ComboboxContent, { children: [_jsx(ComboboxEmpty, { children: labels.personEmpty }), _jsx(ComboboxList, { children: _jsx(ComboboxCollection, { children: (id) => {
+                                        const person = peopleMap.get(id);
+                                        if (!person)
+                                            return null;
+                                        return (_jsx(ComboboxItem, { value: person.id, children: _jsxs("div", { className: "flex min-w-0 flex-col", children: [_jsx("span", { className: "truncate font-medium", children: formatPersonName(person) }), person.email ? (_jsx("span", { className: "truncate text-xs text-muted-foreground", children: person.email })) : null] }) }, person.id));
+                                    } }) })] })] }), _jsx(Sheet, { open: sheetOpen, onOpenChange: setSheetOpen, children: _jsxs(SheetContent, { side: "right", size: "lg", children: [_jsx(SheetHeader, { children: _jsx(SheetTitle, { children: labels.createPersonSheetTitle }) }), _jsx(SheetBody, { children: _jsx(PersonForm, { mode: { kind: "create" }, onCancel: () => setSheetOpen(false), onSuccess: (saved) => {
+                                    onSelect(saved);
+                                    setInputValue(formatPerson(saved));
+                                    setSheetOpen(false);
+                                } }) })] }) })] }));
+}
+function createTravelerFromPerson(person, role) {
+    return {
+        personId: person.id,
+        firstName: person.firstName,
+        lastName: person.lastName,
+        email: person.email ?? "",
+        role,
+        roomUnitId: null,
+    };
+}
+function formatPersonName(person) {
+    if (!person)
+        return "";
+    return [person.firstName, person.lastName].filter(Boolean).join(" ").trim();
+}
+function formatPerson(person) {
+    if (!person)
+        return "";
+    const name = formatPersonName(person);
+    return person.email ? `${name} · ${person.email}` : name;
+}

package/dist/i18n/en.d.ts

@@ -391,6 +391,12 @@ export declare const bookingsUiEn: {
             noRoom: string;
             remove: string;
             empty: string;
+            person: string;
+            personSearchPlaceholder: string;
+            personEmpty: string;
+            createNewPerson: string;
+            createPersonSheetTitle: string;
+            addBillingPerson: string;
         };
     };
     paymentScheduleSection: {
@@ -406,6 +412,10 @@ export declare const bookingsUiEn: {
             secondInstallment: string;
             preset5050: string;
             unpaidHint: string;
+            alreadyPaid: string;
+            paymentDate: string;
+            paymentMethod: string;
+            paymentReference: string;
         };
     };
     roomsStepperSection: {
@@ -431,6 +441,7 @@ export declare const bookingsUiEn: {
             groupLabel: string;
             groupLabelPlaceholder: string;
             createAction: string;
+            remove: string;
         };
     };
     priceBreakdownSection: {
@@ -1021,6 +1032,11 @@ export declare const bookingsUiEn: {
             travelerNoRoom: string;
             travelerRemove: string;
             travelerEmpty: string;
+            travelerPerson: string;
+            travelerPersonSearchPlaceholder: string;
+            travelerPersonEmpty: string;
+            createPersonSheetTitle: string;
+            addBillingPersonAsTraveler: string;
             roomsHeading: string;
             roomsNoSlot: string;
             roomsNoUnits: string;
@@ -1032,6 +1048,7 @@ export declare const bookingsUiEn: {
             sharedRoomSelectPlaceholder: string;
             sharedRoomNoGroups: string;
             sharedRoomCreateHint: string;
+            sharedRoomRemove: string;
             sharedRoomGeneratedLabelPrefix: string;
             voucherHeading: string;
             voucherCodePlaceholder: string;
@@ -1050,6 +1067,13 @@ export declare const bookingsUiEn: {
             paymentSecondInstallment: string;
             paymentPreset5050: string;
             paymentUnpaidHint: string;
+            paymentAlreadyPaid: string;
+            paymentDate: string;
+            paymentMethod: string;
+            paymentReference: string;
+            documentGenerationHeading: string;
+            generateContractDocument: string;
+            generateInvoiceDocument: string;
             breakdownHeading: string;
             breakdownTotal: string;
             breakdownOnRequest: string;

package/dist/i18n/en.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../src/i18n/en.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8qCK,CAAA"}
+{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../src/i18n/en.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAssCK,CAAA"}

package/dist/i18n/en.js

@@ -391,6 +391,12 @@ export const bookingsUiEn = {
             noRoom: "Unassigned",
             remove: "Remove traveler",
             empty: "No travelers yet. Add at least one.",
+            person: "Existing person",
+            personSearchPlaceholder: "Search people...",
+            personEmpty: "No people found.",
+            createNewPerson: "Create new",
+            createPersonSheetTitle: "Create traveler",
+            addBillingPerson: "Add billing person as traveler",
         },
     },
     paymentScheduleSection: {
@@ -406,6 +412,10 @@ export const bookingsUiEn = {
             secondInstallment: "Second installment",
             preset5050: "50 / 50",
             unpaidHint: "No payment schedule will be created. Operator will invoice manually.",
+            alreadyPaid: "Already paid",
+            paymentDate: "Payment date",
+            paymentMethod: "Method",
+            paymentReference: "Reference",
         },
     },
     roomsStepperSection: {
@@ -431,6 +441,7 @@ export const bookingsUiEn = {
             groupLabel: "Shared room label",
             groupLabelPlaceholder: "e.g. Smith + Jones, Room 204",
             createAction: "Use shared room",
+            remove: "Remove shared room",
         },
     },
     priceBreakdownSection: {
@@ -1021,6 +1032,11 @@ export const bookingsUiEn = {
             travelerNoRoom: "Unassigned",
             travelerRemove: "Remove traveler",
             travelerEmpty: "No travelers yet. Add at least one.",
+            travelerPerson: "Existing person",
+            travelerPersonSearchPlaceholder: "Search people...",
+            travelerPersonEmpty: "No people found.",
+            createPersonSheetTitle: "Create traveler",
+            addBillingPersonAsTraveler: "Add billing person as traveler",
             roomsHeading: "Rooms",
             roomsNoSlot: "Pick a departure first to see available rooms.",
             roomsNoUnits: "This departure has no per-unit availability configured.",
@@ -1032,6 +1048,7 @@ export const bookingsUiEn = {
             sharedRoomSelectPlaceholder: "Search shared rooms...",
             sharedRoomNoGroups: "No shared rooms found for this product.",
             sharedRoomCreateHint: "A new shared room will be created with this booking as the primary member.",
+            sharedRoomRemove: "Remove shared room",
             sharedRoomGeneratedLabelPrefix: "Shared room",
             voucherHeading: "Voucher (optional)",
             voucherCodePlaceholder: "Enter voucher code...",
@@ -1050,6 +1067,13 @@ export const bookingsUiEn = {
             paymentSecondInstallment: "Second installment",
             paymentPreset5050: "50 / 50",
             paymentUnpaidHint: "No payment schedule will be created. Operator will invoice manually.",
+            paymentAlreadyPaid: "Already paid",
+            paymentDate: "Payment date",
+            paymentMethod: "Method",
+            paymentReference: "Reference",
+            documentGenerationHeading: "Document generation",
+            generateContractDocument: "Generate contract document",
+            generateInvoiceDocument: "Generate invoice document",
             breakdownHeading: "Price breakdown",
             breakdownTotal: "Total",
             breakdownOnRequest: "On request",

package/dist/i18n/messages.d.ts

@@ -320,6 +320,12 @@ export type BookingsUiMessages = {
             noRoom: string;
             remove: string;
             empty: string;
+            person: string;
+            personSearchPlaceholder: string;
+            personEmpty: string;
+            createNewPerson: string;
+            createPersonSheetTitle: string;
+            addBillingPerson: string;
         };
     };
     paymentScheduleSection: {
@@ -335,6 +341,10 @@ export type BookingsUiMessages = {
             secondInstallment: string;
             preset5050: string;
             unpaidHint: string;
+            alreadyPaid: string;
+            paymentDate: string;
+            paymentMethod: string;
+            paymentReference: string;
         };
     };
     roomsStepperSection: {
@@ -360,6 +370,7 @@ export type BookingsUiMessages = {
             groupLabel: string;
             groupLabelPlaceholder: string;
             createAction: string;
+            remove: string;
         };
     };
     priceBreakdownSection: {
@@ -895,6 +906,11 @@ export type BookingsUiMessages = {
             travelerNoRoom: string;
             travelerRemove: string;
             travelerEmpty: string;
+            travelerPerson: string;
+            travelerPersonSearchPlaceholder: string;
+            travelerPersonEmpty: string;
+            createPersonSheetTitle: string;
+            addBillingPersonAsTraveler: string;
             roomsHeading: string;
             roomsNoSlot: string;
             roomsNoUnits: string;
@@ -906,6 +922,7 @@ export type BookingsUiMessages = {
             sharedRoomSelectPlaceholder: string;
             sharedRoomNoGroups: string;
             sharedRoomCreateHint: string;
+            sharedRoomRemove: string;
             sharedRoomGeneratedLabelPrefix: string;
             voucherHeading: string;
             voucherCodePlaceholder: string;
@@ -924,6 +941,13 @@ export type BookingsUiMessages = {
             paymentSecondInstallment: string;
             paymentPreset5050: string;
             paymentUnpaidHint: string;
+            paymentAlreadyPaid: string;
+            paymentDate: string;
+            paymentMethod: string;
+            paymentReference: string;
+            documentGenerationHeading: string;
+            generateContractDocument: string;
+            generateInvoiceDocument: string;
             breakdownHeading: string;
             breakdownTotal: string;
             breakdownOnRequest: string;