@voyant-travel/inventory-react 0.1.0

package/dist/admin/products-host.js

@@ -0,0 +1,17 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useAdminNavigate } from "@voyant-travel/admin";
+import { ProductsPage } from "../components/products-page.js";
+/**
+ * Packaged admin host for `ProductsPage` (packaged-admin RFC Phase 3).
+ *
+ * No host route tree is imported — opening a product resolves the
+ * `"product.detail"` semantic destination (RFC §4.7) through the resolvers
+ * the workspace shell registered. The page keeps its search/paging state
+ * locally (no URL search contract), so the host takes no props and route
+ * contributions can mount it as a zero-prop page.
+ */
+export function ProductsHost() {
+    const navigateTo = useAdminNavigate();
+    return (_jsx(ProductsPage, { onProductOpen: (product) => navigateTo("product.detail", { productId: product.id }) }));
+}

package/dist/admin/products-list-skeleton.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Route-level placeholder for the products list page. Matches
+ * `ProductsPage`'s header row, the search input, and the 5-column product
+ * table exactly. Kept in its own lean module (ui skeleton + table + the
+ * operator admin messages hook only) so the extension factory can attach it
+ * as a `pendingComponent` without pinning the products data layer into the
+ * workspace-chrome chunk.
+ */
+export declare function ProductsListSkeleton(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=products-list-skeleton.d.ts.map

package/dist/admin/products-list-skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"products-list-skeleton.d.ts","sourceRoot":"","sources":["../../src/admin/products-list-skeleton.tsx"],"names":[],"mappings":"AAgBA;;;;;;;GAOG;AACH,wBAAgB,oBAAoB,4CA4DnC"}

package/dist/admin/products-list-skeleton.js

@@ -0,0 +1,23 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useOperatorAdminMessages } from "@voyant-travel/admin";
+import { Skeleton } from "@voyant-travel/ui/components/skeleton";
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "@voyant-travel/ui/components/table";
+const SKELETON_ROWS = 6;
+const COLUMN_WIDTHS = ["w-48", "w-16", "w-24", "w-8", "w-24"];
+/**
+ * Route-level placeholder for the products list page. Matches
+ * `ProductsPage`'s header row, the search input, and the 5-column product
+ * table exactly. Kept in its own lean module (ui skeleton + table + the
+ * operator admin messages hook only) so the extension factory can attach it
+ * as a `pendingComponent` without pinning the products data layer into the
+ * workspace-chrome chunk.
+ */
+export function ProductsListSkeleton() {
+    const productMessages = useOperatorAdminMessages().products.core;
+    return (_jsxs("div", { className: "flex flex-col gap-6 p-6", children: [_jsxs("div", { className: "flex items-start justify-between gap-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Skeleton, { className: "h-7 w-28" }), _jsx(Skeleton, { className: "h-4 w-64" })] }), _jsx(Skeleton, { className: "h-9 w-36" })] }), _jsx(Skeleton, { className: "h-9 w-full max-w-sm" }), _jsx("div", { className: "rounded-md border", children: _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: productMessages.tableName }), _jsx(TableHead, { children: productMessages.tableStatus }), _jsx(TableHead, { children: productMessages.tableSellAmount }), _jsx(TableHead, { children: productMessages.tablePax }), _jsx(TableHead, { children: productMessages.tableStartDate })] }) }), _jsx(TableBody, { children: Array.from({ length: SKELETON_ROWS }).map((_, row) => (_jsx(TableRow
+                            // biome-ignore lint/suspicious/noArrayIndexKey: stable placeholders -- owner: inventory-react; existing suppression is intentional pending typed cleanup.
+                            , { children: COLUMN_WIDTHS.map((width, column) => (_jsx(TableCell
+                                // biome-ignore lint/suspicious/noArrayIndexKey: stable placeholders -- owner: inventory-react; existing suppression is intentional pending typed cleanup.
+                                , { children: _jsx(Skeleton, { className: `h-4 ${width}` }) }, column))) }, row))) })] }) }), _jsxs("div", { className: "flex items-center justify-between", children: [_jsx(Skeleton, { className: "h-4 w-40" }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Skeleton, { className: "h-8 w-20" }), _jsx(Skeleton, { className: "h-4 w-20" }), _jsx(Skeleton, { className: "h-8 w-16" })] })] })] }));
+}

package/dist/client.d.ts

@@ -0,0 +1,16 @@
+import type { z } from "zod";
+export type VoyantFetcher = (url: string, init?: RequestInit) => Promise<Response>;
+export declare const defaultFetcher: VoyantFetcher;
+export declare class VoyantApiError extends Error {
+    readonly status: number;
+    readonly body: unknown;
+    constructor(message: string, status: number, body: unknown);
+}
+export interface FetchWithValidationOptions {
+    baseUrl: string;
+    fetcher: VoyantFetcher;
+}
+export type QueryParamValue = string | number | boolean | null | undefined | Array<string | number | boolean>;
+export declare function fetchWithValidation<TOut>(path: string, schema: z.ZodType<TOut>, options: FetchWithValidationOptions, init?: RequestInit): Promise<TOut>;
+export declare function withQueryParams(path: string, query?: object): string;
+//# sourceMappingURL=client.d.ts.map

package/dist/client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../src/client.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,CAAC,EAAE,MAAM,KAAK,CAAA;AAE5B,MAAM,MAAM,aAAa,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,WAAW,KAAK,OAAO,CAAC,QAAQ,CAAC,CAAA;AAElF,eAAO,MAAM,cAAc,EAAE,aACoB,CAAA;AAEjD,qBAAa,cAAe,SAAQ,KAAK;IACvC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAA;gBAEV,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO;CAM3D;AAaD,MAAM,WAAW,0BAA0B;IACzC,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,aAAa,CAAA;CACvB;AAED,MAAM,MAAM,eAAe,GACvB,MAAM,GACN,MAAM,GACN,OAAO,GACP,IAAI,GACJ,SAAS,GACT,KAAK,CAAC,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,CAAA;AAEpC,wBAAsB,mBAAmB,CAAC,IAAI,EAC5C,IAAI,EAAE,MAAM,EACZ,MAAM,EAAE,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,EACvB,OAAO,EAAE,0BAA0B,EACnC,IAAI,CAAC,EAAE,WAAW,GACjB,OAAO,CAAC,IAAI,CAAC,CAgCf;AAED,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAwBpE"}

package/dist/client.js

@@ -0,0 +1,79 @@
+export const defaultFetcher = (url, init) => fetch(url, { credentials: "include", ...init });
+export class VoyantApiError extends Error {
+    status;
+    body;
+    constructor(message, status, body) {
+        super(message);
+        this.name = "VoyantApiError";
+        this.status = status;
+        this.body = body;
+    }
+}
+function extractErrorMessage(status, statusText, body) {
+    if (typeof body === "object" && body !== null && "error" in body) {
+        const err = body.error;
+        if (typeof err === "string")
+            return err;
+        if (typeof err === "object" && err !== null && "message" in err) {
+            return String(err.message);
+        }
+    }
+    return `Voyant API error: ${status} ${statusText}`;
+}
+export async function fetchWithValidation(path, schema, options, init) {
+    const url = joinUrl(options.baseUrl, path);
+    const headers = new Headers(init?.headers);
+    if (init?.body !== undefined && !headers.has("Content-Type")) {
+        headers.set("Content-Type", "application/json");
+    }
+    const response = await options.fetcher(url, { ...init, headers });
+    if (!response.ok) {
+        const body = await safeJson(response);
+        throw new VoyantApiError(extractErrorMessage(response.status, response.statusText, body), response.status, body);
+    }
+    if (response.status === 204) {
+        return schema.parse(undefined);
+    }
+    const body = await safeJson(response);
+    const parsed = schema.safeParse(body);
+    if (!parsed.success) {
+        throw new VoyantApiError(`Voyant API response failed validation: ${parsed.error.message}`, response.status, body);
+    }
+    return parsed.data;
+}
+export function withQueryParams(path, query) {
+    if (!query) {
+        return path;
+    }
+    const params = new URLSearchParams();
+    for (const [key, value] of Object.entries(query)) {
+        if (value === undefined || value === null) {
+            continue;
+        }
+        if (Array.isArray(value)) {
+            for (const item of value) {
+                params.append(key, String(item));
+            }
+            continue;
+        }
+        params.set(key, String(value));
+    }
+    const serialized = params.toString();
+    return serialized ? `${path}?${serialized}` : path;
+}
+async function safeJson(response) {
+    const text = await response.text();
+    if (!text)
+        return undefined;
+    try {
+        return JSON.parse(text);
+    }
+    catch {
+        return text;
+    }
+}
+function joinUrl(baseUrl, path) {
+    const trimmedBase = baseUrl.endsWith("/") ? baseUrl.slice(0, -1) : baseUrl;
+    const trimmedPath = path.startsWith("/") ? path : `/${path}`;
+    return `${trimmedBase}${trimmedPath}`;
+}

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

@@ -0,0 +1,11 @@
+import type { OptionUnitRecord } from "../index.js";
+export interface OptionUnitDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    optionId: string;
+    unit?: OptionUnitRecord;
+    sortOrder?: number;
+    onSuccess?: (unit: OptionUnitRecord) => void;
+}
+export declare function OptionUnitDialog({ open, onOpenChange, optionId, unit, sortOrder, onSuccess, }: OptionUnitDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=option-unit-dialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"option-unit-dialog.d.ts","sourceRoot":"","sources":["../../src/components/option-unit-dialog.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAGnD,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,QAAQ,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,gBAAgB,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAA;CAC7C;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,SAAS,GACV,EAAE,qBAAqB,2CA8BvB"}

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

@@ -0,0 +1,17 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, } from "@voyant-travel/ui/components/dialog";
+import { useProductsUiMessagesOrDefault } from "../i18n/provider.js";
+import { OptionUnitForm } from "./option-unit-form.js";
+export function OptionUnitDialog({ open, onOpenChange, optionId, unit, sortOrder, onSuccess, }) {
+    const isEdit = Boolean(unit);
+    const messages = useProductsUiMessagesOrDefault();
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { "data-slot": "option-unit-dialog", className: "sm:max-w-[680px]", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: isEdit
+                                ? messages.optionUnitDialog.titles.edit
+                                : messages.optionUnitDialog.titles.create }), _jsx(DialogDescription, { children: isEdit
+                                ? messages.optionUnitDialog.descriptions.edit
+                                : messages.optionUnitDialog.descriptions.create })] }), _jsx(OptionUnitForm, { mode: unit ? { kind: "edit", unit } : { kind: "create", optionId, sortOrder }, onSuccess: (saved) => {
+                        onSuccess?.(saved);
+                        onOpenChange(false);
+                    }, onCancel: () => onOpenChange(false) })] }) }));
+}

package/dist/components/option-unit-form.d.ts

@@ -0,0 +1,17 @@
+import { type OptionUnitRecord } from "../index.js";
+type Mode = {
+    kind: "create";
+    optionId: string;
+    sortOrder?: number;
+} | {
+    kind: "edit";
+    unit: OptionUnitRecord;
+};
+export interface OptionUnitFormProps {
+    mode: Mode;
+    onSuccess?: (unit: OptionUnitRecord) => void;
+    onCancel?: () => void;
+}
+export declare function OptionUnitForm({ mode, onSuccess, onCancel }: OptionUnitFormProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=option-unit-form.d.ts.map

package/dist/components/option-unit-form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"option-unit-form.d.ts","sourceRoot":"","sources":["../../src/components/option-unit-form.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAEL,KAAK,gBAAgB,EAEtB,MAAM,aAAa,CAAA;AAEpB,KAAK,IAAI,GACL;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,GACxD;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,gBAAgB,CAAA;CAAE,CAAA;AAE5C,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,IAAI,CAAA;IACV,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAA;IAC5C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACtB;AAiGD,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,mBAAmB,2CAuOhF"}

package/dist/components/option-unit-form.js

@@ -0,0 +1,123 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "@voyant-travel/ui/components/button";
+import { Input } from "@voyant-travel/ui/components/input";
+import { Label } from "@voyant-travel/ui/components/label";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@voyant-travel/ui/components/select";
+import { Switch } from "@voyant-travel/ui/components/switch";
+import { Textarea } from "@voyant-travel/ui/components/textarea";
+import { Loader2 } from "lucide-react";
+import * as React from "react";
+import { useProductsUiMessagesOrDefault } from "../i18n/provider.js";
+import { useOptionUnitMutation, } from "../index.js";
+const UNIT_TYPES = [
+    { value: "person" },
+    { value: "group" },
+    { value: "room" },
+    { value: "vehicle" },
+    { value: "service" },
+    { value: "other" },
+];
+function initialState(mode) {
+    if (mode.kind === "edit") {
+        return {
+            name: mode.unit.name,
+            code: mode.unit.code ?? "",
+            description: mode.unit.description ?? "",
+            unitType: mode.unit.unitType,
+            minQuantity: mode.unit.minQuantity != null ? String(mode.unit.minQuantity) : "",
+            maxQuantity: mode.unit.maxQuantity != null ? String(mode.unit.maxQuantity) : "",
+            minAge: mode.unit.minAge != null ? String(mode.unit.minAge) : "",
+            maxAge: mode.unit.maxAge != null ? String(mode.unit.maxAge) : "",
+            occupancyMin: mode.unit.occupancyMin != null ? String(mode.unit.occupancyMin) : "",
+            occupancyMax: mode.unit.occupancyMax != null ? String(mode.unit.occupancyMax) : "",
+            isRequired: mode.unit.isRequired,
+            isHidden: mode.unit.isHidden,
+            sortOrder: String(mode.unit.sortOrder),
+        };
+    }
+    return {
+        name: "",
+        code: "",
+        description: "",
+        unitType: "person",
+        minQuantity: "",
+        maxQuantity: "",
+        minAge: "",
+        maxAge: "",
+        occupancyMin: "",
+        occupancyMax: "",
+        isRequired: false,
+        isHidden: false,
+        sortOrder: String(mode.sortOrder ?? 0),
+    };
+}
+function toOptionalString(value) {
+    const trimmed = value.trim();
+    return trimmed ? trimmed : null;
+}
+function toOptionalNumber(value) {
+    const trimmed = value.trim();
+    if (!trimmed)
+        return null;
+    const parsed = Number.parseInt(trimmed, 10);
+    return Number.isFinite(parsed) ? parsed : null;
+}
+function toPayload(state) {
+    const canHaveAge = state.unitType === "person";
+    const canHaveOccupancy = state.unitType === "group" || state.unitType === "room" || state.unitType === "vehicle";
+    return {
+        name: state.name.trim(),
+        code: toOptionalString(state.code),
+        description: toOptionalString(state.description),
+        unitType: state.unitType,
+        minQuantity: toOptionalNumber(state.minQuantity),
+        maxQuantity: toOptionalNumber(state.maxQuantity),
+        minAge: canHaveAge ? toOptionalNumber(state.minAge) : null,
+        maxAge: canHaveAge ? toOptionalNumber(state.maxAge) : null,
+        occupancyMin: canHaveOccupancy ? toOptionalNumber(state.occupancyMin) : null,
+        occupancyMax: canHaveOccupancy ? toOptionalNumber(state.occupancyMax) : null,
+        isRequired: state.isRequired,
+        isHidden: state.isHidden,
+        sortOrder: Number.parseInt(state.sortOrder || "0", 10) || 0,
+    };
+}
+export function OptionUnitForm({ mode, onSuccess, onCancel }) {
+    const [state, setState] = React.useState(() => initialState(mode));
+    const [error, setError] = React.useState(null);
+    const { create, update } = useOptionUnitMutation();
+    const messages = useProductsUiMessagesOrDefault();
+    React.useEffect(() => {
+        setState(initialState(mode));
+        setError(null);
+    }, [mode]);
+    const isSubmitting = create.isPending || update.isPending;
+    const field = (key) => (value) => {
+        setState((prev) => ({ ...prev, [key]: value }));
+    };
+    const handleSubmit = async (event) => {
+        event.preventDefault();
+        setError(null);
+        if (!state.name.trim()) {
+            setError(messages.optionUnitForm.validation.nameRequired);
+            return;
+        }
+        try {
+            const unit = mode.kind === "create"
+                ? await create.mutateAsync({ optionId: mode.optionId, ...toPayload(state) })
+                : await update.mutateAsync({ id: mode.unit.id, input: toPayload(state) });
+            onSuccess?.(unit);
+        }
+        catch (err) {
+            setError(err instanceof Error ? err.message : messages.optionUnitForm.validation.saveFailed);
+        }
+    };
+    const showAgeRange = state.unitType === "person";
+    const showOccupancy = state.unitType === "group" || state.unitType === "room" || state.unitType === "vehicle";
+    return (_jsxs("form", { "data-slot": "option-unit-form", onSubmit: handleSubmit, className: "flex flex-col gap-4", children: [_jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "option-unit-name", children: messages.optionUnitForm.fields.name }), _jsx(Input, { id: "option-unit-name", required: true, autoFocus: true, value: state.name, onChange: (event) => field("name")(event.target.value), placeholder: messages.optionUnitForm.placeholders.name })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "option-unit-code", children: messages.optionUnitForm.fields.code }), _jsx(Input, { id: "option-unit-code", value: state.code, onChange: (event) => field("code")(event.target.value), placeholder: messages.optionUnitForm.placeholders.code })] })] }), _jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { children: messages.optionUnitForm.fields.unitType }), _jsxs(Select, { items: UNIT_TYPES.map((type) => ({
+                                    label: messages.common.optionUnitTypeLabels[type.value],
+                                    value: type.value,
+                                })), value: state.unitType, onValueChange: (value) => value && field("unitType")(value), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: UNIT_TYPES.map((type) => (_jsx(SelectItem, { value: type.value, children: messages.common.optionUnitTypeLabels[type.value] }, type.value))) })] })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "option-unit-sort-order", children: messages.optionUnitForm.fields.sortOrder }), _jsx(Input, { id: "option-unit-sort-order", type: "number", value: state.sortOrder, onChange: (event) => field("sortOrder")(event.target.value) })] })] }), _jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "option-unit-min-quantity", children: messages.optionUnitForm.fields.minQuantity }), _jsx(Input, { id: "option-unit-min-quantity", type: "number", min: "0", value: state.minQuantity, onChange: (event) => field("minQuantity")(event.target.value) })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "option-unit-max-quantity", children: messages.optionUnitForm.fields.maxQuantity }), _jsx(Input, { id: "option-unit-max-quantity", type: "number", min: "0", value: state.maxQuantity, onChange: (event) => field("maxQuantity")(event.target.value) })] })] }), showAgeRange ? (_jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "option-unit-min-age", children: messages.optionUnitForm.fields.minAge }), _jsx(Input, { id: "option-unit-min-age", type: "number", min: "0", value: state.minAge, onChange: (event) => field("minAge")(event.target.value) })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "option-unit-max-age", children: messages.optionUnitForm.fields.maxAge }), _jsx(Input, { id: "option-unit-max-age", type: "number", min: "0", value: state.maxAge, onChange: (event) => field("maxAge")(event.target.value) })] })] })) : null, showOccupancy ? (_jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "option-unit-occupancy-min", children: messages.optionUnitForm.fields.occupancyMin }), _jsx(Input, { id: "option-unit-occupancy-min", type: "number", min: "0", value: state.occupancyMin, onChange: (event) => field("occupancyMin")(event.target.value) })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "option-unit-occupancy-max", children: messages.optionUnitForm.fields.occupancyMax }), _jsx(Input, { id: "option-unit-occupancy-max", type: "number", min: "0", value: state.occupancyMax, onChange: (event) => field("occupancyMax")(event.target.value) })] })] })) : null, _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "option-unit-description", children: messages.optionUnitForm.fields.description }), _jsx(Textarea, { id: "option-unit-description", value: state.description, onChange: (event) => field("description")(event.target.value), placeholder: messages.optionUnitForm.placeholders.description })] }), _jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Switch, { checked: state.isRequired, onCheckedChange: (checked) => field("isRequired")(checked) }), _jsx(Label, { children: messages.optionUnitForm.fields.required })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Switch, { checked: state.isHidden, onCheckedChange: (checked) => field("isHidden")(checked) }), _jsx(Label, { children: messages.optionUnitForm.fields.hidden })] })] }), error ? _jsx("p", { className: "text-sm text-destructive", children: error }) : null, _jsxs("div", { className: "flex items-center justify-end gap-2", children: [onCancel ? (_jsx(Button, { type: "button", variant: "ghost", onClick: onCancel, disabled: isSubmitting, children: messages.common.cancel })) : null, _jsxs(Button, { type: "submit", disabled: isSubmitting, children: [isSubmitting ? (_jsx(Loader2, { className: "mr-2 size-4 animate-spin", "aria-hidden": "true" })) : null, mode.kind === "create"
+                                ? messages.optionUnitForm.actions.createUnit
+                                : messages.common.saveChanges] })] })] }));
+}

package/dist/components/product-action-ledger-card.d.ts

@@ -0,0 +1,17 @@
+export interface ProductActionLedgerCardProps {
+    productId: string;
+    limit?: number;
+    messages?: Partial<ProductActionLedgerCardMessages>;
+    className?: string;
+}
+export interface ProductActionLedgerCardMessages {
+    title: string;
+    description: string;
+    loadOlder: string;
+    empty: string;
+    loadFailed: string;
+}
+export declare function ProductActionLedgerCard({ productId, limit, messages: messagesOverride, className, }: ProductActionLedgerCardProps): import("react/jsx-runtime").JSX.Element;
+export declare const actionLedgerStatusVariant: Record<string, "default" | "secondary" | "outline" | "destructive">;
+export declare const actionLedgerRiskVariant: Record<string, "default" | "secondary" | "outline" | "destructive">;
+//# sourceMappingURL=product-action-ledger-card.d.ts.map

package/dist/components/product-action-ledger-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"product-action-ledger-card.d.ts","sourceRoot":"","sources":["../../src/components/product-action-ledger-card.tsx"],"names":[],"mappings":"AAWA,MAAM,WAAW,4BAA4B;IAC3C,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC,+BAA+B,CAAC,CAAA;IACnD,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,WAAW,+BAA+B;IAC9C,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,EAAE,MAAM,CAAA;CACnB;AAUD,wBAAgB,uBAAuB,CAAC,EACtC,SAAS,EACT,KAAU,EACV,QAAQ,EAAE,gBAAgB,EAC1B,SAAS,GACV,EAAE,4BAA4B,2CAiE9B;AA4ED,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAC5C,MAAM,EACN,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,aAAa,CAapD,CAAA;AAED,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAC1C,MAAM,EACN,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,aAAa,CAMpD,CAAA"}

package/dist/components/product-action-ledger-card.js

@@ -0,0 +1,73 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Badge } from "@voyant-travel/ui/components/badge";
+import { Button } from "@voyant-travel/ui/components/button";
+import { cn } from "@voyant-travel/ui/lib/utils";
+import { Activity, Loader2 } from "lucide-react";
+import { useEffect, useState } from "react";
+import { useProductsUiI18nOrDefault } from "../i18n/provider.js";
+import { useProductActionLedger } from "../index.js";
+const defaultProductActionLedgerCardMessages = {
+    title: "Activity", // i18n-literal-ok: package-owned fallback copy; callers can override.
+    description: "Recent product edits and the actor that made them.", // i18n-literal-ok: package-owned fallback copy; callers can override.
+    loadOlder: "Load older activity", // i18n-literal-ok: package-owned fallback copy; callers can override.
+    empty: "No product activity recorded.", // i18n-literal-ok: package-owned fallback copy; callers can override.
+    loadFailed: "Failed to load product activity.", // i18n-literal-ok: package-owned fallback copy; callers can override.
+};
+export function ProductActionLedgerCard({ productId, limit = 20, messages: messagesOverride, className, }) {
+    const messages = { ...defaultProductActionLedgerCardMessages, ...messagesOverride };
+    const [cursor, setCursor] = useState(null);
+    const actionLedgerQuery = useProductActionLedger(productId, { cursor, limit });
+    const { formatDateTime } = useProductsUiI18nOrDefault();
+    const [pages, setPages] = useState([]);
+    useEffect(() => {
+        const page = actionLedgerQuery.data;
+        if (!page)
+            return;
+        setPages((currentPages) => {
+            if (currentPages.some((currentPage) => currentPage.data[0]?.id === page.data[0]?.id)) {
+                return currentPages;
+            }
+            return cursor ? [...currentPages, page] : [page];
+        });
+    }, [actionLedgerQuery.data, cursor]);
+    const entries = pages.flatMap((page) => page.data);
+    const nextCursor = pages.at(-1)?.pageInfo.nextCursor ?? null;
+    return (_jsx(ActionLedgerSection, { title: messages.title, description: messages.description, className: className, children: actionLedgerQuery.isPending && entries.length === 0 ? (_jsx(ActionLedgerLoadingRow, {})) : actionLedgerQuery.isError && entries.length === 0 ? (_jsx(ActionLedgerEmptyRow, { children: messages.loadFailed })) : entries.length === 0 ? (_jsx(ActionLedgerEmptyRow, { children: messages.empty })) : (_jsxs("div", { className: "flex flex-col gap-3", children: [_jsx("ul", { className: "divide-y rounded-md border bg-background", children: entries.map((entry) => (_jsx(ProductActionLedgerEntryItem, { entry: entry, timestamp: formatDateTime(entry.occurredAt) }, entry.id))) }), nextCursor ? (_jsxs(Button, { type: "button", variant: "outline", size: "sm", className: "self-start", disabled: actionLedgerQuery.isFetching, onClick: () => setCursor(nextCursor), children: [actionLedgerQuery.isFetching ? (_jsx(Loader2, { className: "size-4 animate-spin", "aria-hidden": "true" })) : null, messages.loadOlder] })) : null] })) }));
+}
+function ProductActionLedgerEntryItem({ entry, timestamp, }) {
+    return (_jsxs("li", { className: "flex items-start gap-3 p-3", children: [_jsx(Activity, { className: "mt-0.5 size-4 shrink-0 text-muted-foreground", "aria-hidden": "true" }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx("p", { className: "truncate font-medium text-sm", children: formatActionLedgerName(entry.actionName) }), _jsx(Badge, { variant: actionLedgerStatusVariant[entry.status] ?? "secondary", children: entry.status.replace(/_/g, " ") }), _jsx(Badge, { variant: actionLedgerRiskVariant[entry.evaluatedRisk] ?? "outline", children: entry.evaluatedRisk })] }), _jsxs("p", { className: "mt-1 text-muted-foreground text-xs", children: [entry.principalType, ":", entry.principalId, " - ", timestamp] }), entry.mutationSummary ? (_jsx("p", { className: "mt-1 truncate text-muted-foreground text-xs", children: entry.mutationSummary })) : null] })] }));
+}
+function ActionLedgerSection({ title, description, children, className, }) {
+    return (_jsxs("section", { "data-slot": "product-action-ledger-card", className: cn("rounded-md border bg-background", className), children: [_jsxs("div", { className: "space-y-1 border-b px-4 py-3", children: [_jsx("h2", { className: "font-semibold text-sm", children: title }), _jsx("p", { className: "text-muted-foreground text-xs", children: description })] }), _jsx("div", { className: "p-4", children: children })] }));
+}
+function ActionLedgerEmptyRow({ children }) {
+    return _jsx("p", { className: "py-6 text-center text-sm text-muted-foreground", children: children });
+}
+function ActionLedgerLoadingRow() {
+    return (_jsx("div", { className: "flex justify-center py-6", children: _jsx(Loader2, { className: "size-5 animate-spin text-muted-foreground" }) }));
+}
+function formatActionLedgerName(actionName) {
+    const withoutDomain = actionName.replace(/^product\./, "");
+    const label = withoutDomain.replace(/[._-]/g, " ");
+    return label.charAt(0).toUpperCase() + label.slice(1);
+}
+export const actionLedgerStatusVariant = {
+    requested: "outline",
+    awaiting_approval: "secondary",
+    approved: "secondary",
+    denied: "destructive",
+    succeeded: "default",
+    failed: "destructive",
+    reversed: "secondary",
+    compensated: "secondary",
+    expired: "secondary",
+    cancelled: "secondary",
+    superseded: "secondary",
+};
+export const actionLedgerRiskVariant = {
+    low: "outline",
+    medium: "secondary",
+    high: "destructive",
+    critical: "destructive",
+};

package/dist/components/product-catalog-card.d.ts

@@ -0,0 +1,14 @@
+import type { CatalogSearchHit } from "@voyant-travel/catalog-react";
+export interface ProductCatalogCardProps {
+    hit: CatalogSearchHit;
+    /** Click handler — usually a router push to the product detail page. */
+    onClick?: (hit: CatalogSearchHit) => void;
+    className?: string;
+}
+/**
+ * Search-result card for a product hit. Reads `name`, `status`,
+ * `productTypeId`, `bookingMode`, `sellAmountCents`, `sellCurrency`,
+ * `tags` from the resolved indexer document.
+ */
+export declare function ProductCatalogCard({ hit, onClick, className }: ProductCatalogCardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=product-catalog-card.d.ts.map

package/dist/components/product-catalog-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"product-catalog-card.d.ts","sourceRoot":"","sources":["../../src/components/product-catalog-card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAA;AAMpE,MAAM,WAAW,uBAAuB;IACtC,GAAG,EAAE,gBAAgB,CAAA;IACrB,wEAAwE;IACxE,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,gBAAgB,KAAK,IAAI,CAAA;IACzC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,uBAAuB,2CAmDtF"}

package/dist/components/product-catalog-card.js

@@ -0,0 +1,44 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Badge } from "@voyant-travel/ui/components/badge";
+import { Card, CardContent } from "@voyant-travel/ui/components/card";
+import { cn } from "@voyant-travel/ui/lib/utils";
+import { useProductsUiI18nOrDefault } from "../i18n/index.js";
+/**
+ * Search-result card for a product hit. Reads `name`, `status`,
+ * `productTypeId`, `bookingMode`, `sellAmountCents`, `sellCurrency`,
+ * `tags` from the resolved indexer document.
+ */
+export function ProductCatalogCard({ hit, onClick, className }) {
+    const i18n = useProductsUiI18nOrDefault();
+    const fields = hit.document.fields;
+    const name = stringOr(fields.name, i18n.messages.catalogCard.untitled);
+    const status = stringOr(fields.status, null);
+    const bookingMode = stringOr(fields.bookingMode, null);
+    const sellAmount = numberOr(fields.sellAmountCents, null);
+    const sellCurrency = stringOr(fields.sellCurrency, null);
+    const tags = stringArray(fields.tags);
+    const price = sellAmount != null && sellCurrency
+        ? i18n.formatCurrency(sellAmount / 100, sellCurrency, {
+            maximumFractionDigits: 0,
+        })
+        : null;
+    return (_jsx(Card, { className: cn("h-full cursor-pointer transition-colors hover:border-primary/40", onClick == null && "cursor-default", className), onClick: onClick ? () => onClick(hit) : undefined, children: _jsxs(CardContent, { className: "flex h-full flex-col gap-2 p-4", children: [_jsxs("div", { className: "flex items-start justify-between gap-2", children: [_jsx("h3", { className: "line-clamp-2 font-medium text-sm", children: name }), status && (_jsx(Badge, { variant: status === "active" ? "default" : "secondary", className: "shrink-0", children: status }))] }), _jsxs("div", { className: "flex items-center gap-2 text-muted-foreground text-xs", children: [bookingMode && _jsx("span", { children: bookingMode }), price && _jsx("span", { className: "ml-auto font-medium text-foreground", children: price })] }), tags.length > 0 && (_jsx("div", { className: "mt-auto flex flex-wrap gap-1", children: tags.slice(0, 4).map((tag) => (_jsx(Badge, { variant: "outline", className: "text-[10px]", children: tag }, tag))) }))] }) }));
+}
+function stringOr(value, fallback) {
+    return typeof value === "string" && value.length > 0 ? value : fallback;
+}
+function numberOr(value, fallback) {
+    if (typeof value === "number")
+        return value;
+    if (typeof value === "string") {
+        const n = Number(value);
+        return Number.isFinite(n) ? n : fallback;
+    }
+    return fallback;
+}
+function stringArray(value) {
+    if (!Array.isArray(value))
+        return [];
+    return value.filter((v) => typeof v === "string" && v.length > 0);
+}

package/dist/components/product-categories-page.d.ts

@@ -0,0 +1,7 @@
+import { type ProductCategoryListProps } from "./product-category-list.js";
+export interface ProductCategoriesPageProps {
+    pageSize?: ProductCategoryListProps["pageSize"];
+    className?: string;
+}
+export declare function ProductCategoriesPage({ pageSize, className }?: ProductCategoriesPageProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=product-categories-page.d.ts.map

package/dist/components/product-categories-page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"product-categories-page.d.ts","sourceRoot":"","sources":["../../src/components/product-categories-page.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAuB,KAAK,wBAAwB,EAAE,MAAM,4BAA4B,CAAA;AAE/F,MAAM,WAAW,0BAA0B;IACzC,QAAQ,CAAC,EAAE,wBAAwB,CAAC,UAAU,CAAC,CAAA;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,qBAAqB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAE,0BAA+B,2CAa7F"}

package/dist/components/product-categories-page.js

@@ -0,0 +1,9 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "@voyant-travel/ui/lib/utils";
+import { useProductsUiMessagesOrDefault } from "../i18n/index.js";
+import { ProductCategoryList } from "./product-category-list.js";
+export function ProductCategoriesPage({ pageSize, className } = {}) {
+    const messages = useProductsUiMessagesOrDefault().productCategoriesPage;
+    return (_jsxs("div", { "data-slot": "product-categories-page", className: cn("flex flex-col gap-6 p-6", className), children: [_jsxs("div", { children: [_jsx("h2", { className: "text-lg font-semibold tracking-tight", children: messages.title }), _jsx("p", { className: "text-sm text-muted-foreground", children: messages.description })] }), _jsx(ProductCategoryList, { pageSize: pageSize })] }));
+}

package/dist/components/product-category-combobox.d.ts

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

package/dist/components/product-category-combobox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"product-category-combobox.d.ts","sourceRoot":"","sources":["../../src/components/product-category-combobox.tsx"],"names":[],"mappings":"AAaA,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAA;IAChC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IACxC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAC1B,CAAA;AAID,wBAAgB,uBAAuB,CAAC,EACtC,KAAK,EACL,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,SAAS,GACV,EAAE,KAAK,2CA0EP"}

package/dist/components/product-category-combobox.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Combobox, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxInput, ComboboxItem, ComboboxList, } from "@voyant-travel/ui/components/combobox";
+import * as React from "react";
+import { useProductsUiMessagesOrDefault } from "../i18n/provider.js";
+import { useProductCategories, useProductCategory } from "../index.js";
+const PAGE_SIZE = 25;
+export function ProductCategoryCombobox({ value, onChange, placeholder, disabled, excludeId, }) {
+    const messages = useProductsUiMessagesOrDefault();
+    const [search, setSearch] = React.useState("");
+    const listQuery = useProductCategories({ search: search || undefined, limit: PAGE_SIZE });
+    const selectedQuery = useProductCategory(value, { enabled: !!value });
+    const items = React.useMemo(() => {
+        const map = new Map();
+        for (const item of listQuery.data?.data ?? []) {
+            if (item.id !== excludeId)
+                map.set(item.id, item);
+        }
+        if (selectedQuery.data && selectedQuery.data.id !== excludeId) {
+            map.set(selectedQuery.data.id, selectedQuery.data);
+        }
+        return Array.from(map.values());
+    }, [excludeId, listQuery.data?.data, selectedQuery.data]);
+    const itemMap = React.useMemo(() => new Map(items.map((item) => [item.id, item])), [items]);
+    const selected = value ? itemMap.get(value) : undefined;
+    const selectedLabel = selected ? selected.name : "";
+    const [inputValue, setInputValue] = React.useState(selectedLabel);
+    React.useEffect(() => {
+        setInputValue(selectedLabel);
+    }, [selectedLabel]);
+    return (_jsxs(Combobox, { items: items.map((item) => item.id), value: value ?? null, inputValue: inputValue, autoHighlight: true, disabled: disabled, itemToStringValue: (id) => itemMap.get(id)?.name ?? "", onInputValueChange: (next) => {
+            setInputValue(next);
+            setSearch(next);
+            if (!next)
+                onChange(null);
+        }, onValueChange: (next) => {
+            const id = next ?? null;
+            onChange(id);
+            setInputValue(id ? (itemMap.get(id)?.name ?? "") : "");
+        }, children: [_jsx(ComboboxInput, { placeholder: placeholder ?? messages.comboboxes.productCategory.placeholder, showClear: !!value }), _jsxs(ComboboxContent, { children: [_jsx(ComboboxEmpty, { children: listQuery.isPending || selectedQuery.isPending
+                            ? messages.common.loading
+                            : messages.comboboxes.productCategory.empty }), _jsx(ComboboxList, { children: _jsx(ComboboxCollection, { children: (id) => {
+                                const item = itemMap.get(id);
+                                if (!item)
+                                    return null;
+                                return (_jsx(ComboboxItem, { value: item.id, children: _jsxs("div", { className: "flex min-w-0 flex-col", children: [_jsx("span", { className: "truncate font-medium", children: item.name }), _jsx("span", { className: "truncate text-xs text-muted-foreground", children: item.slug })] }) }, item.id));
+                            } }) })] })] }));
+}

package/dist/components/product-category-dialog.d.ts

@@ -0,0 +1,9 @@
+import type { ProductCategoryRecord } from "../index.js";
+export interface ProductCategoryDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    category?: ProductCategoryRecord;
+    onSuccess?: (category: ProductCategoryRecord) => void;
+}
+export declare function ProductCategoryDialog({ open, onOpenChange, category, onSuccess, }: ProductCategoryDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=product-category-dialog.d.ts.map

package/dist/components/product-category-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"product-category-dialog.d.ts","sourceRoot":"","sources":["../../src/components/product-category-dialog.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAA;AAGxD,MAAM,WAAW,0BAA0B;IACzC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,QAAQ,CAAC,EAAE,qBAAqB,CAAA;IAChC,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,qBAAqB,KAAK,IAAI,CAAA;CACtD;AAED,wBAAgB,qBAAqB,CAAC,EACpC,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,SAAS,GACV,EAAE,0BAA0B,2CA8B5B"}