@voyant-travel/distribution-react 0.109.8

package/dist/suppliers/client.js

@@ -0,0 +1,59 @@
+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;
+}
+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/suppliers/components/message-format.d.ts

@@ -0,0 +1,2 @@
+export declare function formatMessage(template: string, values: Record<string, string | number>): string;
+//# sourceMappingURL=message-format.d.ts.map

package/dist/suppliers/components/message-format.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-format.d.ts","sourceRoot":"","sources":["../../../src/suppliers/components/message-format.ts"],"names":[],"mappings":"AAAA,wBAAgB,aAAa,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,UAEtF"}

package/dist/suppliers/components/message-format.js

@@ -0,0 +1,3 @@
+export function formatMessage(template, values) {
+    return template.replace(/\{(\w+)\}/g, (_match, key) => String(values[key] ?? ""));
+}

package/dist/suppliers/components/rate-dialog.d.ts

@@ -0,0 +1,11 @@
+import { type SupplierRate } from "../index.js";
+export type RateDialogProps = {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    supplierId: string;
+    serviceId: string;
+    rate?: SupplierRate;
+    onSuccess?: (rate: SupplierRate) => void;
+};
+export declare function RateDialog({ open, onOpenChange, supplierId, serviceId, rate, onSuccess, }: RateDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=rate-dialog.d.ts.map

package/dist/suppliers/components/rate-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rate-dialog.d.ts","sourceRoot":"","sources":["../../../src/suppliers/components/rate-dialog.tsx"],"names":[],"mappings":"AA2BA,OAAO,EAAc,KAAK,YAAY,EAA2B,MAAM,aAAa,CAAA;AAiBpF,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,EAAE,MAAM,CAAA;IACjB,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAA;CACzC,CAAA;AAED,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,SAAS,EACT,IAAI,EACJ,SAAS,GACV,EAAE,eAAe,2CA0KjB"}

package/dist/suppliers/components/rate-dialog.js

@@ -0,0 +1,93 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Dialog, DialogBody, DialogContent, DialogFooter, DialogHeader, DialogTitle, Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Textarea, } from "@voyant-travel/ui/components";
+import { CurrencyCombobox } from "@voyant-travel/ui/components/currency-combobox";
+import { DatePicker } from "@voyant-travel/ui/components/date-picker";
+import { zodResolver } from "@voyant-travel/ui/lib/zod-resolver";
+import { Loader2 } from "lucide-react";
+import * as React from "react";
+import { useForm } from "react-hook-form";
+import { z } from "zod/v4";
+import { useSuppliersUiMessagesOrDefault } from "../i18n/index.js";
+import { RATE_UNITS, useSupplierRateMutation } from "../index.js";
+function getRateSchema(messages) {
+    const dialog = messages.dialogs.rate;
+    return z.object({
+        name: z.string().min(1, dialog.validationNameRequired),
+        currency: z.string().min(3, dialog.validationIsoCurrency).max(3, dialog.validationIsoCurrency),
+        amount: z.coerce.number().min(0, dialog.validationNonNegative),
+        unit: z.enum(["per_person", "per_group", "per_night", "per_vehicle", "flat"]),
+        validFrom: z.string().optional().nullable(),
+        validTo: z.string().optional().nullable(),
+        minPax: z.coerce.number().int().positive().optional().or(z.literal("")).nullable(),
+        maxPax: z.coerce.number().int().positive().optional().or(z.literal("")).nullable(),
+        notes: z.string().optional().nullable(),
+    });
+}
+export function RateDialog({ open, onOpenChange, supplierId, serviceId, rate, onSuccess, }) {
+    const messages = useSuppliersUiMessagesOrDefault();
+    const dialog = messages.dialogs.rate;
+    const schema = React.useMemo(() => getRateSchema(messages), [messages]);
+    const rateMutation = useSupplierRateMutation(supplierId);
+    const isEditing = !!rate;
+    const form = useForm({
+        resolver: zodResolver(schema),
+        defaultValues: {
+            name: "",
+            currency: "EUR",
+            amount: 0,
+            unit: "per_person",
+            validFrom: "",
+            validTo: "",
+            minPax: "",
+            maxPax: "",
+            notes: "",
+        },
+    });
+    React.useEffect(() => {
+        if (!open)
+            return;
+        form.reset({
+            name: rate?.name ?? "",
+            currency: rate?.currency ?? "EUR",
+            amount: rate ? rate.amountCents / 100 : 0,
+            unit: rate?.unit ?? "per_person",
+            validFrom: rate?.validFrom ?? "",
+            validTo: rate?.validTo ?? "",
+            minPax: rate?.minPax ?? "",
+            maxPax: rate?.maxPax ?? "",
+            notes: rate?.notes ?? "",
+        });
+    }, [form, open, rate]);
+    async function onSubmit(values) {
+        const input = {
+            name: values.name,
+            currency: values.currency.toUpperCase(),
+            amountCents: Math.round(values.amount * 100),
+            unit: values.unit,
+            validFrom: values.validFrom || null,
+            validTo: values.validTo || null,
+            minPax: values.minPax && typeof values.minPax === "number" ? values.minPax : null,
+            maxPax: values.maxPax && typeof values.maxPax === "number" ? values.maxPax : null,
+            notes: values.notes || null,
+        };
+        const saved = isEditing
+            ? await rateMutation.update.mutateAsync({ serviceId, rateId: rate.id, input })
+            : await rateMutation.create.mutateAsync({ serviceId, input });
+        onSuccess?.(saved);
+        onOpenChange(false);
+    }
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: isEditing ? dialog.editTitle : dialog.newTitle }) }), _jsxs("form", { onSubmit: form.handleSubmit(onSubmit), children: [_jsxs(DialogBody, { className: "grid gap-4", children: [_jsx(Field, { label: dialog.seasonNameLabel, error: form.formState.errors.name?.message, children: _jsx(Input, { ...form.register("name"), placeholder: dialog.seasonNamePlaceholder }) }), _jsxs("div", { className: "grid gap-4 sm:grid-cols-3", children: [_jsx(Field, { label: dialog.currencyLabel, error: form.formState.errors.currency?.message, children: _jsx(CurrencyCombobox, { value: form.watch("currency") || null, onChange: (next) => form.setValue("currency", next ?? "", {
+                                                    shouldValidate: true,
+                                                    shouldDirty: true,
+                                                }), placeholder: dialog.currencyPlaceholder }) }), _jsx(Field, { label: dialog.amountLabel, error: form.formState.errors.amount?.message, children: _jsx(Input, { ...form.register("amount"), type: "number", min: "0", step: "0.01", placeholder: dialog.amountPlaceholder }) }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: dialog.unitLabel }), _jsxs(Select, { value: form.watch("unit"), onValueChange: (value) => form.setValue("unit", value), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: RATE_UNITS.map((unit) => (_jsx(SelectItem, { value: unit.value, children: messages.common.rateUnitLabels[unit.value] }, unit.value))) })] })] })] }), _jsxs("div", { className: "grid gap-4 sm:grid-cols-2", children: [_jsx(Field, { label: dialog.validFromLabel, children: _jsx(DatePicker, { value: form.watch("validFrom") || null, onChange: (nextValue) => form.setValue("validFrom", nextValue ?? "", {
+                                                    shouldDirty: true,
+                                                    shouldValidate: true,
+                                                }) }) }), _jsx(Field, { label: dialog.validToLabel, children: _jsx(DatePicker, { value: form.watch("validTo") || null, onChange: (nextValue) => form.setValue("validTo", nextValue ?? "", {
+                                                    shouldDirty: true,
+                                                    shouldValidate: true,
+                                                }) }) })] }), _jsxs("div", { className: "grid gap-4 sm:grid-cols-2", children: [_jsx(Field, { label: dialog.minPaxLabel, children: _jsx(Input, { ...form.register("minPax"), type: "number", min: "1", placeholder: dialog.minPaxPlaceholder }) }), _jsx(Field, { label: dialog.maxPaxLabel, children: _jsx(Input, { ...form.register("maxPax"), type: "number", min: "1", placeholder: dialog.maxPaxPlaceholder }) })] }), _jsx(Field, { label: dialog.notesLabel, children: _jsx(Textarea, { ...form.register("notes"), placeholder: dialog.notesPlaceholder }) })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { type: "button", variant: "ghost", onClick: () => onOpenChange(false), children: messages.common.cancel }), _jsxs(Button, { type: "submit", disabled: form.formState.isSubmitting, children: [form.formState.isSubmitting && _jsx(Loader2, { className: "animate-spin" }), isEditing ? messages.common.save : messages.common.create] })] })] })] }) }));
+}
+function Field({ label, error, children, }) {
+    return (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: label }), children, error && _jsx("p", { className: "text-xs text-destructive", children: error })] }));
+}

package/dist/suppliers/components/service-dialog.d.ts

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

package/dist/suppliers/components/service-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"service-dialog.d.ts","sourceRoot":"","sources":["../../../src/suppliers/components/service-dialog.tsx"],"names":[],"mappings":"AA0BA,OAAO,EAAiB,KAAK,eAAe,EAA8B,MAAM,aAAa,CAAA;AAa7F,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,UAAU,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,eAAe,CAAA;IACzB,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,IAAI,CAAA;CAC/C,CAAA;AAED,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,OAAO,EACP,SAAS,GACV,EAAE,kBAAkB,2CAuHpB"}

package/dist/suppliers/components/service-dialog.js

@@ -0,0 +1,69 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Dialog, DialogBody, DialogContent, DialogFooter, DialogHeader, DialogTitle, Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Switch, Textarea, } from "@voyant-travel/ui/components";
+import { zodResolver } from "@voyant-travel/ui/lib/zod-resolver";
+import { Loader2 } from "lucide-react";
+import * as React from "react";
+import { useForm } from "react-hook-form";
+import { z } from "zod/v4";
+import { useSuppliersUiMessagesOrDefault } from "../i18n/index.js";
+import { SERVICE_TYPES, useSupplierServiceMutation } from "../index.js";
+function getServiceSchema(messages) {
+    return z.object({
+        serviceType: z.enum(["accommodation", "transfer", "experience", "guide", "meal", "other"]),
+        name: z.string().min(1, messages.dialogs.service.validationNameRequired),
+        description: z.string().optional().nullable(),
+        duration: z.string().optional().nullable(),
+        capacity: z.coerce.number().int().positive().optional().or(z.literal("")).nullable(),
+        active: z.boolean().default(true),
+    });
+}
+export function ServiceDialog({ open, onOpenChange, supplierId, service, onSuccess, }) {
+    const messages = useSuppliersUiMessagesOrDefault();
+    const dialog = messages.dialogs.service;
+    const schema = React.useMemo(() => getServiceSchema(messages), [messages]);
+    const serviceMutation = useSupplierServiceMutation(supplierId);
+    const isEditing = !!service;
+    const form = useForm({
+        resolver: zodResolver(schema),
+        defaultValues: {
+            serviceType: "accommodation",
+            name: "",
+            description: "",
+            duration: "",
+            capacity: "",
+            active: true,
+        },
+    });
+    React.useEffect(() => {
+        if (!open)
+            return;
+        form.reset({
+            serviceType: service?.serviceType ?? "accommodation",
+            name: service?.name ?? "",
+            description: service?.description ?? "",
+            duration: service?.duration ?? "",
+            capacity: service?.capacity ?? "",
+            active: service?.active ?? true,
+        });
+    }, [form, open, service]);
+    async function onSubmit(values) {
+        const input = {
+            serviceType: values.serviceType,
+            name: values.name,
+            description: values.description || null,
+            duration: values.duration || null,
+            capacity: values.capacity && typeof values.capacity === "number" ? values.capacity : null,
+            active: values.active,
+        };
+        const saved = isEditing
+            ? await serviceMutation.update.mutateAsync({ serviceId: service.id, input })
+            : await serviceMutation.create.mutateAsync(input);
+        onSuccess?.(saved);
+        onOpenChange(false);
+    }
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: isEditing ? dialog.editTitle : dialog.newTitle }) }), _jsxs("form", { onSubmit: form.handleSubmit(onSubmit), children: [_jsxs(DialogBody, { className: "grid gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: dialog.serviceTypeLabel }), _jsxs(Select, { value: form.watch("serviceType"), onValueChange: (value) => form.setValue("serviceType", value), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: SERVICE_TYPES.map((type) => (_jsx(SelectItem, { value: type.value, children: messages.common.serviceTypeLabels[type.value] }, type.value))) })] })] }), _jsx(Field, { label: dialog.nameLabel, error: form.formState.errors.name?.message, children: _jsx(Input, { ...form.register("name"), placeholder: dialog.namePlaceholder }) }), _jsx(Field, { label: dialog.descriptionLabel, children: _jsx(Textarea, { ...form.register("description"), placeholder: dialog.descriptionPlaceholder }) }), _jsxs("div", { className: "grid gap-4 sm:grid-cols-2", children: [_jsx(Field, { label: dialog.durationLabel, children: _jsx(Input, { ...form.register("duration"), placeholder: dialog.durationPlaceholder }) }), _jsx(Field, { label: dialog.capacityLabel, children: _jsx(Input, { ...form.register("capacity"), type: "number", min: "1", placeholder: dialog.capacityPlaceholder }) })] }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Switch, { checked: form.watch("active"), onCheckedChange: (value) => form.setValue("active", value) }), _jsx(Label, { children: dialog.activeLabel })] })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { type: "button", variant: "ghost", onClick: () => onOpenChange(false), children: messages.common.cancel }), _jsxs(Button, { type: "submit", disabled: form.formState.isSubmitting, children: [form.formState.isSubmitting && _jsx(Loader2, { className: "animate-spin" }), isEditing ? messages.common.save : messages.common.create] })] })] })] }) }));
+}
+function Field({ label, error, children, }) {
+    return (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: label }), children, error && _jsx("p", { className: "text-xs text-destructive", children: error })] }));
+}

package/dist/suppliers/components/supplier-combobox.d.ts

@@ -0,0 +1,13 @@
+export interface SupplierComboboxProps {
+    value: string | null | undefined;
+    onChange: (value: string | null) => void;
+    placeholder?: string;
+    emptyText?: string;
+    disabled?: boolean;
+    className?: string;
+    triggerClassName?: string;
+    clearable?: boolean;
+    limit?: number;
+}
+export declare function SupplierCombobox({ value, onChange, placeholder, emptyText, disabled, className, triggerClassName, clearable, limit, }: SupplierComboboxProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=supplier-combobox.d.ts.map

package/dist/suppliers/components/supplier-combobox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"supplier-combobox.d.ts","sourceRoot":"","sources":["../../../src/suppliers/components/supplier-combobox.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,qBAAqB;IACpC,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,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAYD,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,QAAQ,EACR,WAAW,EACX,SAAS,EACT,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,SAAgB,EAChB,KAAqB,GACtB,EAAE,qBAAqB,2CA6BvB"}

package/dist/suppliers/components/supplier-combobox.js

@@ -0,0 +1,23 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { AsyncCombobox } from "@voyant-travel/ui/components/async-combobox";
+import * as React from "react";
+import { useSuppliersUiMessagesOrDefault } from "../i18n/index.js";
+import { useSupplier, useSuppliers } from "../index.js";
+const DEFAULT_LIMIT = 20;
+function compact(parts) {
+    return parts.map((part) => part?.trim()).filter(Boolean);
+}
+function formatSupplierSecondary(supplier) {
+    return compact([supplier.city, supplier.country, supplier.defaultCurrency]).join(" - ");
+}
+export function SupplierCombobox({ value, onChange, placeholder, emptyText, disabled, className, triggerClassName, clearable = true, limit = DEFAULT_LIMIT, }) {
+    const messages = useSuppliersUiMessagesOrDefault();
+    const comboboxMessages = messages.supplierCombobox;
+    const [search, setSearch] = React.useState("");
+    const listQuery = useSuppliers({ search: search || undefined, limit });
+    const selectedQuery = useSupplier(value ?? "", { enabled: Boolean(value) });
+    return (_jsx(AsyncCombobox, { value: value ?? null, onChange: onChange, items: listQuery.data?.data ?? [], selectedItem: selectedQuery.data?.data ?? null, getKey: (supplier) => supplier.id, getLabel: (supplier) => supplier.name, getSecondary: formatSupplierSecondary, onSearchChange: setSearch, placeholder: placeholder ?? comboboxMessages.placeholder, emptyText: listQuery.isPending || selectedQuery.isPending
+            ? comboboxMessages.loading
+            : (emptyText ?? comboboxMessages.empty), disabled: disabled, className: className, triggerClassName: triggerClassName, clearable: clearable }));
+}

package/dist/suppliers/components/supplier-detail-page.d.ts

@@ -0,0 +1,17 @@
+import * as React from "react";
+import { type Supplier, type UpdateSupplierInput } from "../index.js";
+export type SupplierDetailPageProps = {
+    id: string;
+    locale?: string;
+    onBack?: () => void;
+    onDeleted?: () => void;
+    confirmAction?: (message: string) => boolean;
+    className?: string;
+    renderCustomerPaymentPolicy?: (args: {
+        supplier: Supplier;
+        updateSupplier: (input: UpdateSupplierInput) => Promise<Supplier>;
+        isUpdating: boolean;
+    }) => React.ReactNode;
+};
+export declare function SupplierDetailPage({ id, locale, onBack, onDeleted, confirmAction, className, renderCustomerPaymentPolicy, }: SupplierDetailPageProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=supplier-detail-page.d.ts.map

package/dist/suppliers/components/supplier-detail-page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"supplier-detail-page.d.ts","sourceRoot":"","sources":["../../../src/suppliers/components/supplier-detail-page.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EACL,KAAK,QAAQ,EAIb,KAAK,mBAAmB,EAQzB,MAAM,aAAa,CAAA;AAMpB,MAAM,MAAM,uBAAuB,GAAG;IACpC,EAAE,EAAE,MAAM,CAAA;IACV,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,OAAO,CAAA;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,2BAA2B,CAAC,EAAE,CAAC,IAAI,EAAE;QACnC,QAAQ,EAAE,QAAQ,CAAA;QAClB,cAAc,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,OAAO,CAAC,QAAQ,CAAC,CAAA;QACjE,UAAU,EAAE,OAAO,CAAA;KACpB,KAAK,KAAK,CAAC,SAAS,CAAA;CACtB,CAAA;AAED,wBAAgB,kBAAkB,CAAC,EACjC,EAAE,EACF,MAAgB,EAChB,MAAM,EACN,SAAS,EACT,aAAkE,EAClE,SAAS,EACT,2BAA2B,GAC5B,EAAE,uBAAuB,2CA6SzB"}

package/dist/suppliers/components/supplier-detail-page.js

@@ -0,0 +1,105 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Badge, Button, Card, CardContent, CardHeader, CardTitle, Textarea, } from "@voyant-travel/ui/components";
+import { cn } from "@voyant-travel/ui/lib/utils";
+import { ArrowLeft, Loader2, Pencil, Plus, Trash2 } from "lucide-react";
+import * as React from "react";
+import { useSuppliersUiMessagesOrDefault } from "../i18n/index.js";
+import { statusVariant, useSupplier, useSupplierMutation, useSupplierNoteMutation, useSupplierNotes, useSupplierRateMutation, useSupplierServiceMutation, useSupplierServices, } from "../index.js";
+import { RateDialog } from "./rate-dialog.js";
+import { ServiceDialog } from "./service-dialog.js";
+import { SupplierDialog } from "./supplier-dialog.js";
+import { SupplierServiceRow } from "./supplier-service-row.js";
+export function SupplierDetailPage({ id, locale = "en-US", onBack, onDeleted, confirmAction = (message) => globalThis.confirm?.(message) ?? true, className, renderCustomerPaymentPolicy, }) {
+    const messages = useSuppliersUiMessagesOrDefault();
+    const detail = messages.supplierDetailPage;
+    const supplierQuery = useSupplier(id);
+    const servicesQuery = useSupplierServices(id);
+    const notesQuery = useSupplierNotes(id);
+    const supplierMutation = useSupplierMutation();
+    const serviceMutation = useSupplierServiceMutation(id);
+    const rateMutation = useSupplierRateMutation(id);
+    const noteMutation = useSupplierNoteMutation(id);
+    const [editOpen, setEditOpen] = React.useState(false);
+    const [serviceDialogOpen, setServiceDialogOpen] = React.useState(false);
+    const [editingService, setEditingService] = React.useState();
+    const [rateDialog, setRateDialog] = React.useState({ open: false, serviceId: "" });
+    const [expandedServiceId, setExpandedServiceId] = React.useState(null);
+    const [noteContent, setNoteContent] = React.useState("");
+    const supplier = supplierQuery.data?.data;
+    async function deleteSupplier() {
+        if (!supplier || !confirmAction(detail.deleteSupplierConfirm))
+            return;
+        await supplierMutation.remove.mutateAsync(supplier.id);
+        onDeleted?.();
+    }
+    async function deleteService(serviceId) {
+        if (!confirmAction(detail.deleteServiceConfirm))
+            return;
+        await serviceMutation.remove.mutateAsync(serviceId);
+        if (expandedServiceId === serviceId)
+            setExpandedServiceId(null);
+    }
+    async function deleteRate(serviceId, rateId) {
+        if (!confirmAction(detail.deleteRateConfirm))
+            return;
+        await rateMutation.remove.mutateAsync({ serviceId, rateId });
+    }
+    async function addNote() {
+        const content = noteContent.trim();
+        if (!content)
+            return;
+        await noteMutation.create.mutateAsync({ content });
+        setNoteContent("");
+    }
+    if (supplierQuery.isPending)
+        return _jsx(SupplierDetailSkeleton, { className: className });
+    if (supplierQuery.isError) {
+        return (_jsx(EmptyState, { message: detail.loadFailed, onBack: onBack, backLabel: detail.backToSuppliers, className: className }));
+    }
+    if (!supplier) {
+        return (_jsx(EmptyState, { message: detail.notFound, onBack: onBack, backLabel: detail.backToSuppliers, className: className }));
+    }
+    const services = servicesQuery.data?.data ?? [];
+    const notes = notesQuery.data?.data ?? [];
+    return (_jsxs("div", { "data-slot": "supplier-detail-page", className: cn("flex flex-col gap-6 p-6", className), children: [_jsxs("div", { className: "flex flex-col gap-4 md:flex-row md:items-start md:justify-between", children: [_jsxs("div", { className: "flex flex-col gap-3", children: [onBack && (_jsxs(Button, { type: "button", variant: "ghost", className: "w-fit px-0", onClick: onBack, children: [_jsx(ArrowLeft, {}), detail.backToSuppliers] })), _jsxs("div", { children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx("h1", { className: "text-3xl font-semibold tracking-tight", children: supplier.name }), _jsx(Badge, { variant: statusVariant[supplier.status], children: messages.common.supplierStatusLabels[supplier.status] })] }), _jsx("p", { className: "mt-2 text-sm text-muted-foreground", children: supplier.description })] })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs(Button, { type: "button", variant: "outline", onClick: () => setEditOpen(true), children: [_jsx(Pencil, {}), messages.common.edit] }), _jsxs(Button, { type: "button", variant: "destructive", onClick: deleteSupplier, disabled: supplierMutation.remove.isPending, children: [_jsx(Trash2, {}), messages.common.delete] })] })] }), _jsxs("div", { className: "grid gap-4 lg:grid-cols-2", children: [_jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: detail.details }) }), _jsxs(CardContent, { className: "grid gap-3 text-sm", children: [_jsx(Detail, { label: detail.labels.type, children: messages.common.supplierTypeLabels[supplier.type] }), _jsx(Detail, { label: detail.labels.status, children: messages.common.supplierStatusLabels[supplier.status] }), _jsx(Detail, { label: detail.labels.city, children: supplier.city ?? messages.common.none }), _jsx(Detail, { label: detail.labels.country, children: supplier.country ?? messages.common.none }), _jsx(Detail, { label: detail.labels.currency, children: supplier.defaultCurrency ?? messages.common.none }), _jsx(Detail, { label: detail.labels.reservationTimeout, children: supplier.reservationTimeoutMinutes == null
+                                            ? messages.common.none
+                                            : String(supplier.reservationTimeoutMinutes) }), _jsx(Detail, { label: detail.labels.created, children: formatDate(supplier.createdAt, locale) }), _jsx(Detail, { label: detail.labels.updated, children: formatDate(supplier.updatedAt, locale) })] })] }), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: detail.contact }) }), _jsx(CardContent, { className: "grid gap-3 text-sm", children: !hasContactDetails(supplier) ? (_jsx("p", { className: "text-muted-foreground", children: detail.noContact })) : (_jsxs(_Fragment, { children: [_jsx(Detail, { label: detail.labels.email, children: supplier.email ?? messages.common.none }), _jsx(Detail, { label: detail.labels.phone, children: supplier.phone ?? messages.common.none }), _jsx(Detail, { label: detail.labels.website, children: supplier.website ? (_jsx("a", { href: supplier.website, className: "text-primary underline-offset-4 hover:underline", children: supplier.website })) : (messages.common.none) }), _jsx(Detail, { label: detail.labels.address, children: supplier.address ?? messages.common.none }), _jsx(Detail, { label: detail.labels.contactName, children: supplier.contactName ?? messages.common.none }), _jsx(Detail, { label: detail.labels.contactEmail, children: supplier.contactEmail ?? messages.common.none }), _jsx(Detail, { label: detail.labels.contactPhone, children: supplier.contactPhone ?? messages.common.none })] })) })] })] }), renderCustomerPaymentPolicy?.({
+                supplier,
+                updateSupplier: (input) => supplierMutation.update.mutateAsync({ id: supplier.id, input }),
+                isUpdating: supplierMutation.update.isPending,
+            }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "flex flex-row items-center justify-between gap-4", children: [_jsx(CardTitle, { children: detail.services }), _jsxs(Button, { type: "button", onClick: () => {
+                                    setEditingService(undefined);
+                                    setServiceDialogOpen(true);
+                                }, children: [_jsx(Plus, {}), detail.addService] })] }), _jsx(CardContent, { className: "flex flex-col gap-3", children: servicesQuery.isPending ? (_jsx(LoadingLine, {})) : services.length === 0 ? (_jsx("p", { className: "py-4 text-center text-sm text-muted-foreground", children: detail.noServices })) : (services.map((service) => (_jsx(SupplierServiceRow, { service: service, supplierId: supplier.id, expanded: expandedServiceId === service.id, onToggle: () => setExpandedServiceId((current) => (current === service.id ? null : service.id)), onEdit: () => {
+                                setEditingService(service);
+                                setServiceDialogOpen(true);
+                            }, onDelete: () => void deleteService(service.id), onAddRate: () => setRateDialog({ open: true, serviceId: service.id }), onEditRate: (rate) => setRateDialog({ open: true, serviceId: service.id, rate }), onDeleteRate: (rateId) => void deleteRate(service.id, rateId) }, service.id)))) })] }), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: detail.notes }) }), _jsxs(CardContent, { className: "flex flex-col gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Textarea, { value: noteContent, onChange: (event) => setNoteContent(event.target.value), placeholder: detail.notePlaceholder }), _jsxs(Button, { type: "button", className: "w-fit", onClick: () => void addNote(), disabled: !noteContent.trim() || noteMutation.create.isPending, children: [noteMutation.create.isPending && _jsx(Loader2, { className: "animate-spin" }), detail.addNote] })] }), notesQuery.isPending ? (_jsx(LoadingLine, {})) : notes.length === 0 ? (_jsx("p", { className: "py-4 text-center text-sm text-muted-foreground", children: detail.noNotes })) : (_jsx("div", { className: "flex flex-col gap-3", children: notes.map((note) => (_jsxs("div", { className: "rounded-md border p-3", children: [_jsx("p", { className: "whitespace-pre-wrap text-sm", children: note.content }), _jsx("p", { className: "mt-2 text-xs text-muted-foreground", children: formatDate(note.createdAt, locale) })] }, note.id))) }))] })] }), _jsx(SupplierDialog, { open: editOpen, onOpenChange: setEditOpen, supplier: supplier, onSuccess: () => setEditOpen(false) }), _jsx(ServiceDialog, { open: serviceDialogOpen, onOpenChange: setServiceDialogOpen, supplierId: supplier.id, service: editingService, onSuccess: () => {
+                    setServiceDialogOpen(false);
+                    setEditingService(undefined);
+                } }), _jsx(RateDialog, { open: rateDialog.open, onOpenChange: (open) => setRateDialog((current) => ({ ...current, open })), supplierId: supplier.id, serviceId: rateDialog.serviceId, rate: rateDialog.rate, onSuccess: () => setRateDialog({ open: false, serviceId: "" }) })] }));
+}
+function Detail({ label, children }) {
+    return (_jsxs("div", { className: "grid grid-cols-[10rem_minmax(0,1fr)] gap-3", children: [_jsx("span", { className: "text-muted-foreground", children: label }), _jsx("span", { className: "min-w-0 break-words", children: children })] }));
+}
+function EmptyState({ message, onBack, backLabel, className, }) {
+    return (_jsxs("div", { className: cn("flex min-h-80 flex-col items-center justify-center gap-4 p-6 text-center", className), children: [_jsx("p", { className: "text-muted-foreground", children: message }), onBack && (_jsxs(Button, { type: "button", variant: "outline", onClick: onBack, children: [_jsx(ArrowLeft, {}), backLabel] }))] }));
+}
+function SupplierDetailSkeleton({ className }) {
+    return (_jsxs("div", { className: cn("flex flex-col gap-6 p-6", className), children: [_jsx("div", { className: "h-9 w-72 animate-pulse rounded bg-muted" }), _jsxs("div", { className: "grid gap-4 lg:grid-cols-2", children: [_jsx("div", { className: "h-64 animate-pulse rounded-md bg-muted" }), _jsx("div", { className: "h-64 animate-pulse rounded-md bg-muted" })] }), _jsx("div", { className: "h-96 animate-pulse rounded-md bg-muted" })] }));
+}
+function LoadingLine() {
+    return _jsx("div", { className: "h-4 w-40 animate-pulse rounded bg-muted" });
+}
+function hasContactDetails(supplier) {
+    return Boolean(supplier.email ||
+        supplier.phone ||
+        supplier.website ||
+        supplier.address ||
+        supplier.contactName ||
+        supplier.contactEmail ||
+        supplier.contactPhone);
+}
+function formatDate(value, locale) {
+    return new Intl.DateTimeFormat(locale, { dateStyle: "medium", timeStyle: "short" }).format(new Date(value));
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"supplier-dialog.d.ts","sourceRoot":"","sources":["../../../src/suppliers/components/supplier-dialog.tsx"],"names":[],"mappings":"AA2BA,OAAO,EAAqC,KAAK,QAAQ,EAAuB,MAAM,aAAa,CAAA;AA0BnG,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAA;CACzC,CAAA;AAED,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,mBAAmB,2CA6O9F"}

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

@@ -0,0 +1,118 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Dialog, DialogBody, DialogContent, DialogFooter, DialogHeader, DialogTitle, Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Textarea, } from "@voyant-travel/ui/components";
+import { CountryCombobox } from "@voyant-travel/ui/components/country-combobox";
+import { CurrencyCombobox } from "@voyant-travel/ui/components/currency-combobox";
+import { zodResolver } from "@voyant-travel/ui/lib/zod-resolver";
+import { Loader2 } from "lucide-react";
+import * as React from "react";
+import { useForm } from "react-hook-form";
+import { z } from "zod/v4";
+import { useSuppliersUiMessagesOrDefault } from "../i18n/index.js";
+import { SUPPLIER_STATUSES, SUPPLIER_TYPES, useSupplierMutation } from "../index.js";
+function getSupplierSchema(messages) {
+    const dialog = messages.dialogs.supplier;
+    return z.object({
+        name: z.string().min(1, dialog.validationNameRequired),
+        type: z.enum(["hotel", "transfer", "guide", "experience", "airline", "restaurant", "other"]),
+        status: z.enum(["active", "inactive", "pending"]),
+        description: z.string().optional().nullable(),
+        email: z.string().email().optional().or(z.literal("")).nullable(),
+        phone: z.string().optional().nullable(),
+        website: z.string().url().optional().or(z.literal("")).nullable(),
+        address: z.string().optional().nullable(),
+        city: z.string().optional().nullable(),
+        country: z.string().optional().nullable(),
+        defaultCurrency: z.string().max(3, dialog.validationIsoCurrency).optional().nullable(),
+        reservationTimeoutMinutes: z
+            .union([z.literal(""), z.coerce.number().int().min(0, dialog.validationReservationTimeout)])
+            .optional()
+            .nullable(),
+        contactName: z.string().optional().nullable(),
+        contactEmail: z.string().email().optional().or(z.literal("")).nullable(),
+        contactPhone: z.string().optional().nullable(),
+    });
+}
+export function SupplierDialog({ open, onOpenChange, supplier, onSuccess }) {
+    const messages = useSuppliersUiMessagesOrDefault();
+    const dialog = messages.dialogs.supplier;
+    const schema = React.useMemo(() => getSupplierSchema(messages), [messages]);
+    const supplierMutation = useSupplierMutation();
+    const isEditing = !!supplier;
+    const form = useForm({
+        resolver: zodResolver(schema),
+        defaultValues: {
+            name: "",
+            type: "hotel",
+            status: "active",
+            description: "",
+            email: "",
+            phone: "",
+            website: "",
+            address: "",
+            city: "",
+            country: "",
+            defaultCurrency: "",
+            reservationTimeoutMinutes: "",
+            contactName: "",
+            contactEmail: "",
+            contactPhone: "",
+        },
+    });
+    React.useEffect(() => {
+        if (!open)
+            return;
+        form.reset({
+            name: supplier?.name ?? "",
+            type: supplier?.type ?? "hotel",
+            status: supplier?.status ?? "active",
+            description: supplier?.description ?? "",
+            email: supplier?.email ?? "",
+            phone: supplier?.phone ?? "",
+            website: supplier?.website ?? "",
+            address: supplier?.address ?? "",
+            city: supplier?.city ?? "",
+            country: supplier?.country ?? "",
+            defaultCurrency: supplier?.defaultCurrency ?? "",
+            reservationTimeoutMinutes: supplier?.reservationTimeoutMinutes == null
+                ? ""
+                : String(supplier.reservationTimeoutMinutes),
+            contactName: supplier?.contactName ?? "",
+            contactEmail: supplier?.contactEmail ?? "",
+            contactPhone: supplier?.contactPhone ?? "",
+        });
+    }, [form, open, supplier]);
+    async function onSubmit(values) {
+        const input = {
+            ...values,
+            description: values.description || null,
+            email: values.email || null,
+            phone: values.phone || null,
+            website: values.website || null,
+            address: values.address || null,
+            city: values.city || null,
+            country: values.country || null,
+            defaultCurrency: values.defaultCurrency || null,
+            reservationTimeoutMinutes: values.reservationTimeoutMinutes === "" ||
+                values.reservationTimeoutMinutes === null ||
+                values.reservationTimeoutMinutes === undefined
+                ? null
+                : values.reservationTimeoutMinutes,
+            contactName: values.contactName || null,
+            contactEmail: values.contactEmail || null,
+            contactPhone: values.contactPhone || null,
+        };
+        const saved = isEditing
+            ? await supplierMutation.update.mutateAsync({ id: supplier.id, input })
+            : await supplierMutation.create.mutateAsync(input);
+        onSuccess?.(saved);
+        onOpenChange(false);
+    }
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { size: "lg", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: isEditing ? dialog.editTitle : dialog.newTitle }) }), _jsxs("form", { onSubmit: form.handleSubmit(onSubmit), children: [_jsxs(DialogBody, { className: "grid gap-4", children: [_jsxs("div", { className: "grid gap-4 sm:grid-cols-2", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: dialog.typeLabel }), _jsxs(Select, { value: form.watch("type"), onValueChange: (value) => form.setValue("type", value), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: SUPPLIER_TYPES.map((type) => (_jsx(SelectItem, { value: type.value, children: messages.common.supplierTypeLabels[type.value] }, type.value))) })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: dialog.statusLabel }), _jsxs(Select, { value: form.watch("status"), onValueChange: (value) => form.setValue("status", value), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: SUPPLIER_STATUSES.map((status) => (_jsx(SelectItem, { value: status.value, children: messages.common.supplierStatusLabels[status.value] }, status.value))) })] })] })] }), _jsx(Field, { label: dialog.nameLabel, error: form.formState.errors.name?.message, children: _jsx(Input, { ...form.register("name"), placeholder: dialog.namePlaceholder }) }), _jsx(Field, { label: dialog.descriptionLabel, children: _jsx(Textarea, { ...form.register("description"), placeholder: dialog.descriptionPlaceholder }) }), _jsxs("div", { className: "grid gap-4 sm:grid-cols-2", children: [_jsx(Field, { label: dialog.emailLabel, error: form.formState.errors.email?.message, children: _jsx(Input, { ...form.register("email"), type: "email", placeholder: dialog.emailPlaceholder }) }), _jsx(Field, { label: dialog.phoneLabel, children: _jsx(Input, { ...form.register("phone"), placeholder: dialog.phonePlaceholder }) })] }), _jsx(Field, { label: dialog.websiteLabel, error: form.formState.errors.website?.message, children: _jsx(Input, { ...form.register("website"), placeholder: dialog.websitePlaceholder }) }), _jsxs("div", { className: "grid gap-4 sm:grid-cols-2", children: [_jsx(Field, { label: dialog.cityLabel, children: _jsx(Input, { ...form.register("city"), placeholder: dialog.cityPlaceholder }) }), _jsx(Field, { label: dialog.countryLabel, children: _jsx(CountryCombobox, { value: form.watch("country"), onChange: (value) => form.setValue("country", value ?? ""), placeholder: dialog.countryPlaceholder }) })] }), _jsx(Field, { label: dialog.addressLabel, children: _jsx(Textarea, { ...form.register("address"), placeholder: dialog.addressPlaceholder }) }), _jsxs("div", { className: "grid gap-4 sm:grid-cols-2", children: [_jsx(Field, { label: dialog.defaultCurrencyLabel, error: form.formState.errors.defaultCurrency?.message, children: _jsx(CurrencyCombobox, { value: form.watch("defaultCurrency") || null, onChange: (next) => form.setValue("defaultCurrency", next ?? "", {
+                                                    shouldValidate: true,
+                                                    shouldDirty: true,
+                                                }), placeholder: dialog.defaultCurrencyPlaceholder }) }), _jsx(Field, { label: dialog.reservationTimeoutLabel, error: form.formState.errors.reservationTimeoutMinutes?.message, children: _jsx(Input, { ...form.register("reservationTimeoutMinutes"), type: "number", min: "0", placeholder: dialog.reservationTimeoutPlaceholder }) })] }), _jsxs("div", { className: "grid gap-4 sm:grid-cols-3", children: [_jsx(Field, { label: dialog.contactNameLabel, children: _jsx(Input, { ...form.register("contactName"), placeholder: dialog.contactNamePlaceholder }) }), _jsx(Field, { label: dialog.contactEmailLabel, error: form.formState.errors.contactEmail?.message, children: _jsx(Input, { ...form.register("contactEmail"), type: "email", placeholder: dialog.contactEmailPlaceholder }) }), _jsx(Field, { label: dialog.contactPhoneLabel, children: _jsx(Input, { ...form.register("contactPhone"), placeholder: dialog.contactPhonePlaceholder }) })] })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { type: "button", variant: "ghost", onClick: () => onOpenChange(false), children: messages.common.cancel }), _jsxs(Button, { type: "submit", disabled: form.formState.isSubmitting, children: [form.formState.isSubmitting && _jsx(Loader2, { className: "animate-spin" }), isEditing ? messages.common.save : messages.common.create] })] })] })] }) }));
+}
+function Field({ label, error, children, }) {
+    return (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: label }), children, error && _jsx("p", { className: "text-xs text-destructive", children: error })] }));
+}

package/dist/suppliers/components/supplier-service-row.d.ts

@@ -0,0 +1,22 @@
+import { type SupplierRate, type SupplierService } from "../index.js";
+export declare function SupplierServiceRow({ service, supplierId, rates, expanded, onToggle, onEdit, onDelete, onAddRate, onEditRate, onDeleteRate, }: {
+    service: SupplierService;
+    /**
+     * Optional. When set (and `rates` is not), the row fetches rates lazily on
+     * expand via `useSupplierServiceRates`.
+     */
+    supplierId?: string;
+    /**
+     * Optional. When provided, the caller owns rate fetching. When omitted and
+     * `supplierId` is set, rates are fetched internally on expand.
+     */
+    rates?: SupplierRate[];
+    expanded: boolean;
+    onToggle: () => void;
+    onEdit: () => void;
+    onDelete: () => void;
+    onAddRate: () => void;
+    onEditRate: (rate: SupplierRate) => void;
+    onDeleteRate: (rateId: string) => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=supplier-service-row.d.ts.map

package/dist/suppliers/components/supplier-service-row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"supplier-service-row.d.ts","sourceRoot":"","sources":["../../../src/suppliers/components/supplier-service-row.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,eAAe,EAA2B,MAAM,aAAa,CAAA;AAE9F,wBAAgB,kBAAkB,CAAC,EACjC,OAAO,EACP,UAAU,EACV,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,SAAS,EACT,UAAU,EACV,YAAY,GACb,EAAE;IACD,OAAO,EAAE,eAAe,CAAA;IACxB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,YAAY,EAAE,CAAA;IACtB,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,UAAU,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAA;IACxC,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;CACvC,2CA0JA"}