@voyantjs/products-ui 0.38.1 → 0.40.0

package/dist/components/product-day-service-dialog.d.ts

@@ -0,0 +1,14 @@
+import type { ProductDayServiceRecord } from "@voyantjs/products-react";
+import { type ProductDayServiceFormProps } from "./product-day-service-form.js";
+export interface ProductDayServiceDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    productId: string;
+    dayId: string;
+    service?: ProductDayServiceRecord;
+    onSuccess?: (service: ProductDayServiceRecord) => void;
+    renderSupplierServiceField?: ProductDayServiceFormProps["renderSupplierServiceField"];
+    onSupplierServiceSelected?: ProductDayServiceFormProps["onSupplierServiceSelected"];
+}
+export declare function ProductDayServiceDialog({ open, onOpenChange, productId, dayId, service, onSuccess, renderSupplierServiceField, onSupplierServiceSelected, }: ProductDayServiceDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=product-day-service-dialog.d.ts.map

package/dist/components/product-day-service-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"product-day-service-dialog.d.ts","sourceRoot":"","sources":["../../src/components/product-day-service-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAA;AAWvE,OAAO,EAEL,KAAK,0BAA0B,EAChC,MAAM,+BAA+B,CAAA;AAEtC,MAAM,WAAW,4BAA4B;IAC3C,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,uBAAuB,CAAA;IACjC,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,uBAAuB,KAAK,IAAI,CAAA;IACtD,0BAA0B,CAAC,EAAE,0BAA0B,CAAC,4BAA4B,CAAC,CAAA;IACrF,yBAAyB,CAAC,EAAE,0BAA0B,CAAC,2BAA2B,CAAC,CAAA;CACpF;AAED,wBAAgB,uBAAuB,CAAC,EACtC,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,KAAK,EACL,OAAO,EACP,SAAS,EACT,0BAA0B,EAC1B,yBAAyB,GAC1B,EAAE,4BAA4B,2CAoC9B"}

package/dist/components/product-day-service-dialog.js

@@ -0,0 +1,19 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, } from "@voyantjs/ui/components/dialog";
+import { useProductsUiMessagesOrDefault } from "../i18n/provider.js";
+import { ProductDayServiceForm, } from "./product-day-service-form.js";
+export function ProductDayServiceDialog({ open, onOpenChange, productId, dayId, service, onSuccess, renderSupplierServiceField, onSupplierServiceSelected, }) {
+    const isEdit = Boolean(service);
+    const messages = useProductsUiMessagesOrDefault();
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { "data-slot": "product-day-service-dialog", className: "sm:max-w-[720px]", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: isEdit
+                                ? messages.productDayServiceDialog.titles.edit
+                                : messages.productDayServiceDialog.titles.create }), _jsx(DialogDescription, { children: isEdit
+                                ? messages.productDayServiceDialog.descriptions.edit
+                                : messages.productDayServiceDialog.descriptions.create })] }), _jsx(ProductDayServiceForm, { mode: service
+                        ? { kind: "edit", productId, dayId, service }
+                        : { kind: "create", productId, dayId }, renderSupplierServiceField: renderSupplierServiceField, onSupplierServiceSelected: onSupplierServiceSelected, onSuccess: (savedService) => {
+                        onSuccess?.(savedService);
+                        onOpenChange(false);
+                    }, onCancel: () => onOpenChange(false) })] }) }));
+}

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

@@ -1,5 +1,6 @@
 import { type ProductDayServiceRecord, type ProductRecord } from "@voyantjs/products-react";
 import * as React from "react";
+import type { ProductDayServiceFormProps } from "./product-day-service-form.js";
 import { type ProductItineraryDayRowRenderContext } from "./product-itinerary-day-row.js";
 import { type ProductMediaSectionProps } from "./product-media-section.js";
 import { type ProductOptionsSectionProps } from "./product-options-section.js";
@@ -24,9 +25,11 @@ export interface ProductDetailPageProps {
     renderOptionDetails?: ProductOptionsSectionProps["renderOptionDetails"];
     renderItineraryDayDetails?: (context: ProductItineraryDayRowRenderContext) => React.ReactNode;
     renderItineraryServiceActions?: (service: ProductDayServiceRecord) => React.ReactNode;
+    renderSupplierServiceField?: ProductDayServiceFormProps["renderSupplierServiceField"];
+    onSupplierServiceSelected?: ProductDayServiceFormProps["onSupplierServiceSelected"];
     slots?: ProductDetailPageSlots;
 }
-export declare function ProductDetailPage({ id, className, onBack, onBookingCreate, onDeleted, uploadMedia, renderOptionDetails, renderItineraryDayDetails, renderItineraryServiceActions, slots, }: ProductDetailPageProps): import("react/jsx-runtime").JSX.Element;
+export declare function ProductDetailPage({ id, className, onBack, onBookingCreate, onDeleted, uploadMedia, renderOptionDetails, renderItineraryDayDetails, renderItineraryServiceActions, renderSupplierServiceField, onSupplierServiceSelected, slots, }: ProductDetailPageProps): import("react/jsx-runtime").JSX.Element;
 export interface ProductDetailHeaderProps {
     product: ProductRecord;
     onBack?: () => void;
@@ -55,7 +58,9 @@ export interface ProductItinerarySectionProps {
     description?: string;
     renderDayDetails?: (context: ProductItineraryDayRowRenderContext) => React.ReactNode;
     renderServiceActions?: (service: ProductDayServiceRecord) => React.ReactNode;
+    renderSupplierServiceField?: ProductDayServiceFormProps["renderSupplierServiceField"];
+    onSupplierServiceSelected?: ProductDayServiceFormProps["onSupplierServiceSelected"];
     className?: string;
 }
-export declare function ProductItinerarySection({ productId, title, description, renderDayDetails, renderServiceActions, className, }: ProductItinerarySectionProps): import("react/jsx-runtime").JSX.Element;
+export declare function ProductItinerarySection({ productId, title, description, renderDayDetails, renderServiceActions, renderSupplierServiceField, onSupplierServiceSelected, className, }: ProductItinerarySectionProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=product-detail-page.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"product-detail-page.d.ts","sourceRoot":"","sources":["../../src/components/product-detail-page.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"product-detail-page.d.ts","sourceRoot":"","sources":["../../src/components/product-detail-page.tsx"],"names":[],"mappings":"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"}

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

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useProduct, useProductDayMutation, useProductItineraries, useProductItineraryDays, useProductItineraryMutation, useProductMutation, } from "@voyantjs/products-react";
+import { useProduct, useProductDayMutation, useProductDayServiceMutation, useProductItineraries, useProductItineraryDays, useProductItineraryMutation, useProductMutation, } from "@voyantjs/products-react";
 import { Badge } from "@voyantjs/ui/components/badge";
 import { Button } from "@voyantjs/ui/components/button";
 import { Card, CardContent, CardDescription, CardHeader, CardTitle, } from "@voyantjs/ui/components/card";
@@ -10,13 +10,14 @@ import { ArrowLeft, Edit, FileText, Loader2, Plus, ReceiptText, Trash2 } from "l
 import * as React from "react";
 import { useProductsUiI18nOrDefault, useProductsUiMessagesOrDefault } from "../i18n/provider.js";
 import { ProductDayDialog } from "./product-day-dialog.js";
+import { ProductDayServiceDialog } from "./product-day-service-dialog.js";
 import { ProductDialog } from "./product-dialog.js";
 import { ProductItineraryDayRow, } from "./product-itinerary-day-row.js";
 import { ProductItineraryDialog } from "./product-itinerary-dialog.js";
 import { ProductMediaSection } from "./product-media-section.js";
 import { ProductOptionsSection, } from "./product-options-section.js";
 import { ProductVersionsSection } from "./product-versions-section.js";
-export function ProductDetailPage({ id, className, onBack, onBookingCreate, onDeleted, uploadMedia, renderOptionDetails, renderItineraryDayDetails, renderItineraryServiceActions, slots, }) {
+export function ProductDetailPage({ id, className, onBack, onBookingCreate, onDeleted, uploadMedia, renderOptionDetails, renderItineraryDayDetails, renderItineraryServiceActions, renderSupplierServiceField, onSupplierServiceSelected, slots, }) {
     const messages = useProductsUiMessagesOrDefault();
     const pageMessages = messages.productDetailPage;
     const productQuery = useProduct(id);
@@ -45,7 +46,7 @@ export function ProductDetailPage({ id, className, onBack, onBookingCreate, onDe
             setDeleteError(error instanceof Error ? error.message : pageMessages.states.deleteFailed);
         }
     };
-    return (_jsxs("div", { "data-slot": "product-detail-page", className: cn("flex flex-col gap-6 p-6", className), children: [_jsx(ProductDetailHeader, { product: product, onBack: onBack, onEdit: () => setEditOpen(true), onDelete: () => void handleDelete(), onBookingCreate: onBookingCreate ? () => onBookingCreate(product) : undefined, deleting: remove.isPending, actionsSlot: slots?.header }), deleteError ? _jsx("p", { className: "text-sm text-destructive", children: deleteError }) : null, slots?.afterHeader, _jsxs("div", { className: "grid gap-6 xl:grid-cols-[minmax(0,1fr)_320px]", children: [_jsxs("div", { className: "flex min-w-0 flex-col gap-6", children: [slots?.overviewStart, _jsx(ProductOverviewCard, { product: product }), _jsx(ProductCommercialCard, { product: product }), slots?.overviewEnd, _jsx(ProductMediaSection, { productId: product.id, uploadMedia: uploadMedia }), slots?.mediaEnd, _jsx(ProductItinerarySection, { productId: product.id, renderDayDetails: renderItineraryDayDetails, renderServiceActions: renderItineraryServiceActions }), slots?.itineraryEnd, _jsx(ProductOptionsSection, { productId: product.id, renderOptionDetails: renderOptionDetails }), slots?.optionsEnd, _jsx(ProductVersionsSection, { productId: product.id }), slots?.versionsEnd] }), _jsxs("div", { className: "flex min-w-0 flex-col gap-6", children: [_jsx(ProductDetailSidebar, { product: product }), slots?.sidebar] })] }), _jsx(ProductDialog, { open: editOpen, onOpenChange: setEditOpen, product: product, onSuccess: () => setEditOpen(false) })] }));
+    return (_jsxs("div", { "data-slot": "product-detail-page", className: cn("flex flex-col gap-6 p-6", className), children: [_jsx(ProductDetailHeader, { product: product, onBack: onBack, onEdit: () => setEditOpen(true), onDelete: () => void handleDelete(), onBookingCreate: onBookingCreate ? () => onBookingCreate(product) : undefined, deleting: remove.isPending, actionsSlot: slots?.header }), deleteError ? _jsx("p", { className: "text-sm text-destructive", children: deleteError }) : null, slots?.afterHeader, _jsxs("div", { className: "grid gap-6 xl:grid-cols-[minmax(0,1fr)_320px]", children: [_jsxs("div", { className: "flex min-w-0 flex-col gap-6", children: [slots?.overviewStart, _jsx(ProductOverviewCard, { product: product }), _jsx(ProductCommercialCard, { product: product }), slots?.overviewEnd, _jsx(ProductMediaSection, { productId: product.id, uploadMedia: uploadMedia }), slots?.mediaEnd, _jsx(ProductItinerarySection, { productId: product.id, renderDayDetails: renderItineraryDayDetails, renderServiceActions: renderItineraryServiceActions, renderSupplierServiceField: renderSupplierServiceField, onSupplierServiceSelected: onSupplierServiceSelected }), slots?.itineraryEnd, _jsx(ProductOptionsSection, { productId: product.id, renderOptionDetails: renderOptionDetails }), slots?.optionsEnd, _jsx(ProductVersionsSection, { productId: product.id }), slots?.versionsEnd] }), _jsxs("div", { className: "flex min-w-0 flex-col gap-6", children: [_jsx(ProductDetailSidebar, { product: product }), slots?.sidebar] })] }), _jsx(ProductDialog, { open: editOpen, onOpenChange: setEditOpen, product: product, onSuccess: () => setEditOpen(false) })] }));
 }
 export function ProductDetailHeader({ product, onBack, onEdit, onDelete, onBookingCreate, deleting = false, actionsSlot, className, }) {
     const messages = useProductsUiMessagesOrDefault();
@@ -74,7 +75,7 @@ export function ProductDetailSidebar({ product, className }) {
     const { formatDateTime } = useProductsUiI18nOrDefault();
     return (_jsxs(Card, { "data-slot": "product-detail-sidebar", className: className, children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: pageMessages.sections.sidebar.title }), _jsx(CardDescription, { children: pageMessages.sections.sidebar.description })] }), _jsxs(CardContent, { className: "space-y-4", children: [_jsxs("div", { className: "flex flex-wrap gap-2", children: [_jsx(Badge, { children: messages.common.productStatusLabels[product.status] }), _jsx(Badge, { variant: "outline", children: messages.common.productBookingModeLabels[product.bookingMode] }), product.activated ? _jsx(Badge, { variant: "secondary", children: messages.common.active }) : null] }), _jsx(ProductField, { label: pageMessages.fields.tags, value: product.tags.join(", ") }), _jsx(ProductField, { label: pageMessages.fields.createdAt, value: formatDateTime(product.createdAt) }), _jsx(ProductField, { label: pageMessages.fields.updatedAt, value: formatDateTime(product.updatedAt) })] })] }));
 }
-export function ProductItinerarySection({ productId, title, description, renderDayDetails, renderServiceActions, className, }) {
+export function ProductItinerarySection({ productId, title, description, renderDayDetails, renderServiceActions, renderSupplierServiceField, onSupplierServiceSelected, className, }) {
     const messages = useProductsUiMessagesOrDefault();
     const pageMessages = messages.productDetailPage;
     const itinerariesQuery = useProductItineraries(productId);
@@ -87,10 +88,14 @@ export function ProductItinerarySection({ productId, title, description, renderD
     const days = React.useMemo(() => (daysQuery.data?.data ?? []).slice().sort((a, b) => a.dayNumber - b.dayNumber), [daysQuery.data?.data]);
     const itineraryMutation = useProductItineraryMutation();
     const dayMutation = useProductDayMutation();
+    const serviceMutation = useProductDayServiceMutation();
     const [itineraryDialogOpen, setItineraryDialogOpen] = React.useState(false);
     const [editingItinerary, setEditingItinerary] = React.useState(null);
     const [dayDialogOpen, setDayDialogOpen] = React.useState(false);
     const [editingDay, setEditingDay] = React.useState(null);
+    const [serviceDialogOpen, setServiceDialogOpen] = React.useState(false);
+    const [serviceDayId, setServiceDayId] = React.useState(null);
+    const [editingService, setEditingService] = React.useState(null);
     const [expandedDayId, setExpandedDayId] = React.useState(null);
     React.useEffect(() => {
         if (itineraries.length === 0) {
@@ -133,10 +138,34 @@ export function ProductItinerarySection({ productId, title, description, renderD
                                     dayId: day.id,
                                     itineraryId: day.itineraryId,
                                 });
+                            }, onAddService: () => {
+                                setServiceDayId(day.id);
+                                setEditingService(null);
+                                setExpandedDayId(day.id);
+                                setServiceDialogOpen(true);
+                            }, onEditService: (service) => {
+                                setServiceDayId(day.id);
+                                setEditingService(service);
+                                setExpandedDayId(day.id);
+                                setServiceDialogOpen(true);
+                            }, onDeleteService: (service) => {
+                                if (!confirm(pageMessages.states.deleteServiceConfirm.replace("{name}", service.name))) {
+                                    return;
+                                }
+                                void serviceMutation.remove.mutateAsync({
+                                    productId,
+                                    dayId: day.id,
+                                    serviceId: service.id,
+                                });
                             }, renderDayDetails: renderDayDetails, renderServiceActions: renderServiceActions }, day.id))))] })) }), _jsx(ProductItineraryDialog, { open: itineraryDialogOpen, onOpenChange: setItineraryDialogOpen, productId: productId, itinerary: editingItinerary ?? undefined, itineraryCount: itineraries.length, onSuccess: (itineraryId) => setSelectedItineraryId(itineraryId) }), selectedItineraryId ? (_jsx(ProductDayDialog, { open: dayDialogOpen, onOpenChange: setDayDialogOpen, productId: productId, itineraryId: selectedItineraryId, day: editingDay ?? undefined, nextDayNumber: nextDayNumber, onSuccess: (day) => {
                     setExpandedDayId(day.id);
                     setEditingDay(null);
-                } })) : null] }));
+                } })) : null, serviceDayId ? (_jsx(ProductDayServiceDialog, { open: serviceDialogOpen, onOpenChange: (open) => {
+                    setServiceDialogOpen(open);
+                    if (!open) {
+                        setEditingService(null);
+                    }
+                }, productId: productId, dayId: serviceDayId, service: editingService ?? undefined, renderSupplierServiceField: renderSupplierServiceField, onSupplierServiceSelected: onSupplierServiceSelected, onSuccess: () => setEditingService(null) })) : null] }));
 }
 function ProductDetailPageLoading({ className }) {
     const messages = useProductsUiMessagesOrDefault();

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"product-facility-combobox.d.ts","sourceRoot":"","sources":["../../src/components/product-facility-combobox.tsx"],"names":[],"mappings":"AAkBA,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;CACnB,CAAA;AA6DD,wBAAgB,uBAAuB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE,KAAK,2CAyExF"}

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

@@ -0,0 +1,94 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useQuery } from "@tanstack/react-query";
+import { fetchWithValidation, useVoyantProductsContext } from "@voyantjs/products-react";
+import { Combobox, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxInput, ComboboxItem, ComboboxList, } from "@voyantjs/ui/components/combobox";
+import * as React from "react";
+import { z } from "zod";
+import { useProductsUiMessagesOrDefault } from "../i18n/provider.js";
+const PAGE_SIZE = 25;
+const facilityRecordSchema = z
+    .object({
+    id: z.string(),
+    name: z.string(),
+    kind: z.string().nullable().optional(),
+    code: z.string().nullable().optional(),
+    country: z.string().nullable().optional(),
+})
+    .passthrough();
+const facilityListResponse = z.object({
+    data: z.array(facilityRecordSchema),
+    total: z.number().int(),
+    limit: z.number().int(),
+    offset: z.number().int(),
+});
+const facilitySingleResponse = z.object({ data: facilityRecordSchema });
+function useFacilityOptions(search) {
+    const { baseUrl, fetcher } = useVoyantProductsContext();
+    return useQuery({
+        queryKey: ["voyant", "products-ui", "facility-combobox", "list", { search }],
+        queryFn: () => {
+            const params = new URLSearchParams();
+            params.set("limit", String(PAGE_SIZE));
+            params.set("status", "active");
+            if (search)
+                params.set("search", search);
+            return fetchWithValidation(`/v1/facilities/facilities?${params}`, facilityListResponse, {
+                baseUrl,
+                fetcher,
+            });
+        },
+    });
+}
+function useSelectedFacility(id) {
+    const { baseUrl, fetcher } = useVoyantProductsContext();
+    return useQuery({
+        queryKey: ["voyant", "products-ui", "facility-combobox", "detail", id],
+        queryFn: async () => {
+            if (!id)
+                throw new Error("useSelectedFacility requires an id");
+            const { data } = await fetchWithValidation(`/v1/facilities/facilities/${id}`, facilitySingleResponse, { baseUrl, fetcher });
+            return data;
+        },
+        enabled: Boolean(id),
+    });
+}
+export function ProductFacilityCombobox({ value, onChange, placeholder, disabled }) {
+    const messages = useProductsUiMessagesOrDefault();
+    const [search, setSearch] = React.useState("");
+    const listQuery = useFacilityOptions(search);
+    const selectedQuery = useSelectedFacility(value);
+    const items = React.useMemo(() => {
+        const map = new Map();
+        for (const item of listQuery.data?.data ?? [])
+            map.set(item.id, item);
+        if (selectedQuery.data)
+            map.set(selectedQuery.data.id, selectedQuery.data);
+        return Array.from(map.values());
+    }, [listQuery.data?.data, selectedQuery.data]);
+    const itemMap = React.useMemo(() => new Map(items.map((item) => [item.id, item])), [items]);
+    const selected = value ? itemMap.get(value) : undefined;
+    const selectedLabel = selected ? selected.name : "";
+    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.facility.placeholder, showClear: !!value }), _jsxs(ComboboxContent, { children: [_jsx(ComboboxEmpty, { children: listQuery.isPending || selectedQuery.isPending
+                            ? messages.common.loading
+                            : messages.comboboxes.facility.empty }), _jsx(ComboboxList, { children: _jsx(ComboboxCollection, { children: (id) => {
+                                const item = itemMap.get(id);
+                                if (!item)
+                                    return null;
+                                const subtitle = [item.kind, item.code, item.country].filter(Boolean).join(" · ");
+                                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 }), subtitle ? (_jsx("span", { className: "truncate text-xs text-muted-foreground", children: subtitle })) : null] }) }, item.id));
+                            } }) })] })] }));
+}

package/dist/components/product-form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"product-form.d.ts","sourceRoot":"","sources":["../../src/components/product-form.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,aAAa,EAEnB,MAAM,0BAA0B,CAAA;AAmBjC,MAAM,MAAM,eAAe,GAAG;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,aAAa,CAAA;CAAE,CAAA;AAE3F,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,eAAe,CAAA;IACrB,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,CAAA;IAC5C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACtB;AAiED,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,gBAAgB,2CA+O1E"}
+{"version":3,"file":"product-form.d.ts","sourceRoot":"","sources":["../../src/components/product-form.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,aAAa,EAEnB,MAAM,0BAA0B,CAAA;AAqBjC,MAAM,MAAM,eAAe,GAAG;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,aAAa,CAAA;CAAE,CAAA;AAE3F,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,eAAe,CAAA;IACrB,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,CAAA;IAC5C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACtB;AA2GD,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,gBAAgB,2CAsX1E"}

package/dist/components/product-form.js

@@ -11,6 +11,8 @@ import { Textarea } from "@voyantjs/ui/components/textarea";
 import { Loader2, X } from "lucide-react";
 import * as React from "react";
 import { useProductsUiMessagesOrDefault } from "../i18n/index.js";
+import { ProductFacilityCombobox } from "./product-facility-combobox.js";
+import { ProductTaxClassCombobox } from "./product-tax-class-combobox.js";
 import { ProductTypeCombobox } from "./product-type-combobox.js";
 function initialState(mode) {
     if (mode.kind === "edit") {
@@ -20,10 +22,17 @@ function initialState(mode) {
             description: product.description ?? "",
             status: product.status,
             bookingMode: product.bookingMode,
+            capacityMode: product.capacityMode,
+            visibility: product.visibility,
+            timezone: product.timezone ?? "",
+            facilityId: product.facilityId ?? "__none__",
             productTypeId: product.productTypeId ?? "__none__",
+            taxClassId: product.taxClassId ?? "__none__",
             sellCurrency: product.sellCurrency,
             sellAmount: product.sellAmountCents != null ? String(product.sellAmountCents / 100) : "",
             costAmount: product.costAmountCents != null ? String(product.costAmountCents / 100) : "",
+            pax: product.pax != null ? String(product.pax) : "",
+            reservationTimeoutMinutes: product.reservationTimeoutMinutes != null ? String(product.reservationTimeoutMinutes) : "",
             tags: product.tags ?? [],
         };
     }
@@ -32,10 +41,17 @@ function initialState(mode) {
         description: "",
         status: "draft",
         bookingMode: "itinerary",
+        capacityMode: "limited",
+        visibility: "private",
+        timezone: "",
+        facilityId: "__none__",
         productTypeId: "__none__",
+        taxClassId: "__none__",
         sellCurrency: "EUR", // i18n-literal-ok ISO default currency
         sellAmount: "",
         costAmount: "",
+        pax: "",
+        reservationTimeoutMinutes: "",
         tags: [],
     };
 }
@@ -48,16 +64,36 @@ function toAmountCents(value) {
         return null;
     return Math.round(parsed * 100);
 }
+function toIntegerOrNull(value) {
+    const trimmed = value.trim();
+    if (!trimmed)
+        return null;
+    const parsed = Number(trimmed);
+    if (!Number.isInteger(parsed) || parsed < 0)
+        return null;
+    return parsed;
+}
+function toPositiveIntegerOrNull(value) {
+    const parsed = toIntegerOrNull(value);
+    return parsed == null || parsed < 1 ? null : parsed;
+}
 function toPayload(state) {
     return {
         name: state.name.trim(),
         description: state.description.trim() || null,
         status: state.status,
         bookingMode: state.bookingMode,
+        capacityMode: state.capacityMode,
+        visibility: state.visibility,
+        timezone: state.timezone.trim() || null,
+        facilityId: state.facilityId === "__none__" ? null : state.facilityId,
         productTypeId: state.productTypeId === "__none__" ? null : state.productTypeId,
+        taxClassId: state.taxClassId === "__none__" ? null : state.taxClassId,
         sellCurrency: state.sellCurrency.trim().toUpperCase(),
         sellAmountCents: toAmountCents(state.sellAmount),
         costAmountCents: toAmountCents(state.costAmount),
+        pax: toPositiveIntegerOrNull(state.pax),
+        reservationTimeoutMinutes: toIntegerOrNull(state.reservationTimeoutMinutes),
         tags: state.tags,
     };
 }
@@ -83,6 +119,16 @@ export function ProductForm({ mode, onSuccess, onCancel }) {
         { value: "itinerary", label: messages.common.productBookingModeLabels.itinerary },
         { value: "other", label: messages.common.productBookingModeLabels.other },
     ], [messages]);
+    const capacityModes = React.useMemo(() => [
+        { value: "free_sale", label: messages.common.productCapacityModeLabels.free_sale },
+        { value: "limited", label: messages.common.productCapacityModeLabels.limited },
+        { value: "on_request", label: messages.common.productCapacityModeLabels.on_request },
+    ], [messages]);
+    const visibilityOptions = React.useMemo(() => [
+        { value: "public", label: messages.common.productVisibilityLabels.public },
+        { value: "private", label: messages.common.productVisibilityLabels.private },
+        { value: "hidden", label: messages.common.productVisibilityLabels.hidden },
+    ], [messages]);
     const field = (key) => (value) => {
         setState((prev) => ({ ...prev, [key]: value }));
     };
@@ -97,6 +143,15 @@ export function ProductForm({ mode, onSuccess, onCancel }) {
             setError(productMessages.validation.sellCurrencyInvalid);
             return;
         }
+        if (state.pax.trim() && toPositiveIntegerOrNull(state.pax) == null) {
+            setError(productMessages.validation.paxInvalid);
+            return;
+        }
+        if (state.reservationTimeoutMinutes.trim() &&
+            toIntegerOrNull(state.reservationTimeoutMinutes) == null) {
+            setError(productMessages.validation.reservationTimeoutInvalid);
+            return;
+        }
         const payload = toPayload(state);
         try {
             const product = mode.kind === "create"
@@ -108,7 +163,7 @@ export function ProductForm({ mode, onSuccess, onCancel }) {
             setError(err instanceof Error ? err.message : productMessages.validation.saveFailed);
         }
     };
-    return (_jsxs("form", { "data-slot": "product-form", onSubmit: handleSubmit, className: "flex flex-col gap-4", children: [_jsxs("div", { className: "grid grid-cols-1 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "product-name", children: productMessages.fields.name }), _jsx(Input, { id: "product-name", required: true, autoFocus: true, value: state.name, onChange: (event) => field("name")(event.target.value), placeholder: productMessages.placeholders.name })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "product-description", children: productMessages.fields.description }), _jsx(Textarea, { id: "product-description", value: state.description, onChange: (event) => field("description")(event.target.value), placeholder: productMessages.placeholders.description })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { children: productMessages.fields.tags }), _jsx("div", { className: "flex flex-wrap gap-1.5", children: state.tags.map((tag) => (_jsxs(Badge, { variant: "secondary", className: "gap-1 text-xs", children: [tag, _jsx("button", { type: "button", className: "ml-0.5 rounded-full hover:text-destructive", onClick: () => field("tags")(state.tags.filter((value) => value !== tag)), children: _jsx(X, { className: "size-3", "aria-hidden": "true" }) })] }, tag))) }), _jsx(Input, { value: tagInput, onChange: (event) => setTagInput(event.target.value), onKeyDown: (event) => {
+    return (_jsxs("form", { "data-slot": "product-form", onSubmit: handleSubmit, className: "flex min-h-0 flex-col gap-4 overflow-y-auto pr-1", children: [_jsxs("div", { className: "grid grid-cols-1 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "product-name", children: productMessages.fields.name }), _jsx(Input, { id: "product-name", required: true, autoFocus: true, value: state.name, onChange: (event) => field("name")(event.target.value), placeholder: productMessages.placeholders.name })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "product-description", children: productMessages.fields.description }), _jsx(Textarea, { id: "product-description", value: state.description, onChange: (event) => field("description")(event.target.value), placeholder: productMessages.placeholders.description })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { children: productMessages.fields.tags }), _jsx("div", { className: "flex flex-wrap gap-1.5", children: state.tags.map((tag) => (_jsxs(Badge, { variant: "secondary", className: "gap-1 text-xs", children: [tag, _jsx("button", { type: "button", className: "ml-0.5 rounded-full hover:text-destructive", onClick: () => field("tags")(state.tags.filter((value) => value !== tag)), children: _jsx(X, { className: "size-3", "aria-hidden": "true" }) })] }, tag))) }), _jsx(Input, { value: tagInput, onChange: (event) => setTagInput(event.target.value), onKeyDown: (event) => {
                                     if (event.key === "Enter" || event.key === ",") {
                                         event.preventDefault();
                                         const value = tagInput.trim().replace(/,+$/, "");
@@ -117,5 +172,5 @@ export function ProductForm({ mode, onSuccess, onCancel }) {
                                         }
                                         setTagInput("");
                                     }
-                                }, placeholder: productMessages.placeholders.tagInput })] }), _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: productMessages.fields.status }), _jsxs(Select, { value: state.status, onValueChange: (value) => value && field("status")(value), items: productStatuses, children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: productStatuses.map((status) => (_jsx(SelectItem, { value: status.value, children: status.label }, status.value))) })] })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { children: productMessages.fields.bookingMode }), _jsxs(Select, { items: bookingModes, value: state.bookingMode, onValueChange: (value) => value && field("bookingMode")(value), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: bookingModes.map((modeOption) => (_jsx(SelectItem, { value: modeOption.value, children: modeOption.label }, modeOption.value))) })] })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { children: productMessages.fields.productType }), _jsx(ProductTypeCombobox, { value: state.productTypeId === "__none__" ? null : state.productTypeId, onChange: (value) => field("productTypeId")(value ?? "__none__"), placeholder: productMessages.placeholders.productTypeSearch })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { children: productMessages.fields.sellCurrency }), _jsx(CurrencyCombobox, { value: state.sellCurrency, onChange: (value) => field("sellCurrency")(value ?? ""), placeholder: productMessages.placeholders.currencySearch })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "product-sell-amount", children: productMessages.fields.sellAmount }), _jsx(Input, { id: "product-sell-amount", type: "number", min: "0", step: "0.01", value: state.sellAmount, onChange: (event) => field("sellAmount")(event.target.value), placeholder: productMessages.placeholders.amount })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "product-cost-amount", children: productMessages.fields.costAmount }), _jsx(Input, { id: "product-cost-amount", type: "number", min: "0", step: "0.01", value: state.costAmount, onChange: (event) => field("costAmount")(event.target.value), placeholder: productMessages.placeholders.amount })] })] })] }), error ? (_jsx("p", { "data-slot": "product-form-error", 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: productMessages.actions.cancel })) : null, _jsx(Button, { type: "submit", disabled: isSubmitting, children: isSubmitting ? (_jsxs(_Fragment, { children: [_jsx(Loader2, { className: "mr-2 size-4 animate-spin", "aria-hidden": "true" }), productMessages.actions.saving] })) : mode.kind === "create" ? (productMessages.actions.create) : (productMessages.actions.saveChanges) })] })] }));
+                                }, placeholder: productMessages.placeholders.tagInput })] }), _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: productMessages.fields.status }), _jsxs(Select, { value: state.status, onValueChange: (value) => value && field("status")(value), items: productStatuses, children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: productStatuses.map((status) => (_jsx(SelectItem, { value: status.value, children: status.label }, status.value))) })] })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { children: productMessages.fields.bookingMode }), _jsxs(Select, { items: bookingModes, value: state.bookingMode, onValueChange: (value) => value && field("bookingMode")(value), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: bookingModes.map((modeOption) => (_jsx(SelectItem, { value: modeOption.value, children: modeOption.label }, modeOption.value))) })] })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { children: productMessages.fields.productType }), _jsx(ProductTypeCombobox, { value: state.productTypeId === "__none__" ? null : state.productTypeId, onChange: (value) => field("productTypeId")(value ?? "__none__"), placeholder: productMessages.placeholders.productTypeSearch })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { children: productMessages.fields.facility }), _jsx(ProductFacilityCombobox, { value: state.facilityId === "__none__" ? null : state.facilityId, onChange: (value) => field("facilityId")(value ?? "__none__"), placeholder: productMessages.placeholders.facilitySearch })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { children: productMessages.fields.taxClass }), _jsx(ProductTaxClassCombobox, { value: state.taxClassId === "__none__" ? null : state.taxClassId, onChange: (value) => field("taxClassId")(value ?? "__none__"), placeholder: productMessages.placeholders.taxClassSearch })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { children: productMessages.fields.visibility }), _jsxs(Select, { items: visibilityOptions, value: state.visibility, onValueChange: (value) => value && field("visibility")(value), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: visibilityOptions.map((option) => (_jsx(SelectItem, { value: option.value, children: option.label }, option.value))) })] })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { children: productMessages.fields.capacityMode }), _jsxs(Select, { items: capacityModes, value: state.capacityMode, onValueChange: (value) => value && field("capacityMode")(value), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: capacityModes.map((option) => (_jsx(SelectItem, { value: option.value, children: option.label }, option.value))) })] })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "product-timezone", children: productMessages.fields.timezone }), _jsx(Input, { id: "product-timezone", value: state.timezone, onChange: (event) => field("timezone")(event.target.value), placeholder: productMessages.placeholders.timezone })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "product-pax", children: productMessages.fields.pax }), _jsx(Input, { id: "product-pax", type: "number", min: "1", step: "1", value: state.pax, onChange: (event) => field("pax")(event.target.value), placeholder: productMessages.placeholders.pax })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "product-reservation-timeout", children: productMessages.fields.reservationTimeout }), _jsx(Input, { id: "product-reservation-timeout", type: "number", min: "0", step: "1", value: state.reservationTimeoutMinutes, onChange: (event) => field("reservationTimeoutMinutes")(event.target.value), placeholder: productMessages.placeholders.reservationTimeout })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { children: productMessages.fields.sellCurrency }), _jsx(CurrencyCombobox, { value: state.sellCurrency, onChange: (value) => field("sellCurrency")(value ?? ""), placeholder: productMessages.placeholders.currencySearch })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "product-sell-amount", children: productMessages.fields.sellAmount }), _jsx(Input, { id: "product-sell-amount", type: "number", min: "0", step: "0.01", value: state.sellAmount, onChange: (event) => field("sellAmount")(event.target.value), placeholder: productMessages.placeholders.amount })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "product-cost-amount", children: productMessages.fields.costAmount }), _jsx(Input, { id: "product-cost-amount", type: "number", min: "0", step: "0.01", value: state.costAmount, onChange: (event) => field("costAmount")(event.target.value), placeholder: productMessages.placeholders.amount })] })] })] }), error ? (_jsx("p", { "data-slot": "product-form-error", 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: productMessages.actions.cancel })) : null, _jsx(Button, { type: "submit", disabled: isSubmitting, children: isSubmitting ? (_jsxs(_Fragment, { children: [_jsx(Loader2, { className: "mr-2 size-4 animate-spin", "aria-hidden": "true" }), productMessages.actions.saving] })) : mode.kind === "create" ? (productMessages.actions.create) : (productMessages.actions.saveChanges) })] })] }));
 }

package/dist/components/product-tax-class-combobox.d.ts

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

package/dist/components/product-tax-class-combobox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"product-tax-class-combobox.d.ts","sourceRoot":"","sources":["../../src/components/product-tax-class-combobox.tsx"],"names":[],"mappings":"AAkBA,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;CACnB,CAAA;AA4DD,wBAAgB,uBAAuB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE,KAAK,2CAiFxF"}

package/dist/components/product-tax-class-combobox.js

@@ -0,0 +1,100 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useQuery } from "@tanstack/react-query";
+import { fetchWithValidation, useVoyantProductsContext } from "@voyantjs/products-react";
+import { Combobox, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxInput, ComboboxItem, ComboboxList, } from "@voyantjs/ui/components/combobox";
+import * as React from "react";
+import { z } from "zod";
+import { useProductsUiMessagesOrDefault } from "../i18n/provider.js";
+const PAGE_SIZE = 100;
+const taxClassRecordSchema = z
+    .object({
+    id: z.string(),
+    code: z.string(),
+    label: z.string(),
+    description: z.string().nullable().optional(),
+    active: z.boolean(),
+})
+    .passthrough();
+const taxClassListResponse = z.object({
+    data: z.array(taxClassRecordSchema),
+    total: z.number().int(),
+    limit: z.number().int(),
+    offset: z.number().int(),
+});
+const taxClassSingleResponse = z.object({ data: taxClassRecordSchema });
+function useTaxClassOptions() {
+    const { baseUrl, fetcher } = useVoyantProductsContext();
+    return useQuery({
+        queryKey: ["voyant", "products-ui", "tax-class-combobox", "list"],
+        queryFn: () => {
+            const params = new URLSearchParams();
+            params.set("limit", String(PAGE_SIZE));
+            params.set("active", "true");
+            return fetchWithValidation(`/v1/finance/tax-classes?${params}`, taxClassListResponse, {
+                baseUrl,
+                fetcher,
+            });
+        },
+    });
+}
+function useSelectedTaxClass(id) {
+    const { baseUrl, fetcher } = useVoyantProductsContext();
+    return useQuery({
+        queryKey: ["voyant", "products-ui", "tax-class-combobox", "detail", id],
+        queryFn: async () => {
+            if (!id)
+                throw new Error("useSelectedTaxClass requires an id");
+            const { data } = await fetchWithValidation(`/v1/finance/tax-classes/${id}`, taxClassSingleResponse, { baseUrl, fetcher });
+            return data;
+        },
+        enabled: Boolean(id),
+    });
+}
+export function ProductTaxClassCombobox({ value, onChange, placeholder, disabled }) {
+    const messages = useProductsUiMessagesOrDefault();
+    const [search, setSearch] = React.useState("");
+    const listQuery = useTaxClassOptions();
+    const selectedQuery = useSelectedTaxClass(value);
+    const items = React.useMemo(() => {
+        const map = new Map();
+        for (const item of listQuery.data?.data ?? [])
+            map.set(item.id, item);
+        if (selectedQuery.data)
+            map.set(selectedQuery.data.id, selectedQuery.data);
+        const normalizedSearch = search.trim().toLowerCase();
+        const values = Array.from(map.values());
+        if (!normalizedSearch)
+            return values;
+        return values.filter((item) => item.label.toLowerCase().includes(normalizedSearch) ||
+            item.code.toLowerCase().includes(normalizedSearch));
+    }, [listQuery.data?.data, search, selectedQuery.data]);
+    const itemMap = React.useMemo(() => new Map(items.map((item) => [item.id, item])), [items]);
+    const selected = value ? itemMap.get(value) : selectedQuery.data;
+    const selectedLabel = selected ? `${selected.label} · ${selected.code}` : "";
+    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) => {
+            const item = itemMap.get(id);
+            return item ? `${item.label} · ${item.code}` : "";
+        }, onInputValueChange: (next) => {
+            setInputValue(next);
+            setSearch(next);
+            if (!next)
+                onChange(null);
+        }, onValueChange: (next) => {
+            const id = next ?? null;
+            onChange(id);
+            const item = id ? itemMap.get(id) : null;
+            setInputValue(item ? `${item.label} · ${item.code}` : "");
+        }, children: [_jsx(ComboboxInput, { placeholder: placeholder ?? messages.comboboxes.taxClass.placeholder, showClear: !!value }), _jsxs(ComboboxContent, { children: [_jsx(ComboboxEmpty, { children: listQuery.isPending || selectedQuery.isPending
+                            ? messages.common.loading
+                            : messages.comboboxes.taxClass.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.label }), _jsx("span", { className: "truncate text-xs text-muted-foreground", children: item.code })] }) }, item.id));
+                            } }) })] })] }));
+}