@voyantjs/suppliers-ui 0.30.7 → 0.31.0

package/dist/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/components/message-format.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-format.d.ts","sourceRoot":"","sources":["../../src/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/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/components/rate-dialog.d.ts

@@ -0,0 +1,11 @@
+import { type SupplierRate } from "@voyantjs/suppliers-react";
+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/components/rate-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rate-dialog.d.ts","sourceRoot":"","sources":["../../src/components/rate-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,KAAK,YAAY,EAA2B,MAAM,2BAA2B,CAAA;AAwClG,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,2CAsJjB"}

package/dist/components/rate-dialog.js

@@ -0,0 +1,82 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { RATE_UNITS, useSupplierRateMutation } from "@voyantjs/suppliers-react";
+import { Button, Dialog, DialogBody, DialogContent, DialogFooter, DialogHeader, DialogTitle, Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Textarea, } from "@voyantjs/ui/components";
+import { zodResolver } from "@voyantjs/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";
+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(Input, { ...form.register("currency"), maxLength: 3, placeholder: dialog.currencyPlaceholder, className: "uppercase" }) }), _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(Input, { ...form.register("validFrom"), type: "date" }) }), _jsx(Field, { label: dialog.validToLabel, children: _jsx(Input, { ...form.register("validTo"), type: "date" }) })] }), _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/components/service-dialog.d.ts

@@ -0,0 +1,10 @@
+import { type SupplierService } from "@voyantjs/suppliers-react";
+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/components/service-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"service-dialog.d.ts","sourceRoot":"","sources":["../../src/components/service-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,eAAe,EAErB,MAAM,2BAA2B,CAAA;AAqClC,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/components/service-dialog.js

@@ -0,0 +1,69 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SERVICE_TYPES, useSupplierServiceMutation, } from "@voyantjs/suppliers-react";
+import { Button, Dialog, DialogBody, DialogContent, DialogFooter, DialogHeader, DialogTitle, Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Switch, Textarea, } from "@voyantjs/ui/components";
+import { zodResolver } from "@voyantjs/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";
+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/components/supplier-detail-page.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"supplier-detail-page.d.ts","sourceRoot":"","sources":["../../src/components/supplier-detail-page.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,QAAQ,EAIb,KAAK,mBAAmB,EAQzB,MAAM,2BAA2B,CAAA;AAWlC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,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,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,2BAA2B,GAC5B,EAAE,uBAAuB,2CAmSzB"}

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

@@ -0,0 +1,104 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { statusVariant, useSupplier, useSupplierMutation, useSupplierNoteMutation, useSupplierNotes, useSupplierRateMutation, useSupplierServiceMutation, useSupplierServices, } from "@voyantjs/suppliers-react";
+import { Badge, Button, Card, CardContent, CardHeader, CardTitle, Textarea, } from "@voyantjs/ui/components";
+import { ArrowLeft, Loader2, Pencil, Plus, Trash2 } from "lucide-react";
+import * as React from "react";
+import { useSuppliersUiMessagesOrDefault } from "../i18n/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, 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, {});
+    if (supplierQuery.isError) {
+        return (_jsx(EmptyState, { message: detail.loadFailed, onBack: onBack, backLabel: detail.backToSuppliers }));
+    }
+    if (!supplier) {
+        return (_jsx(EmptyState, { message: detail.notFound, onBack: onBack, backLabel: detail.backToSuppliers }));
+    }
+    const services = servicesQuery.data?.data ?? [];
+    const notes = notesQuery.data?.data ?? [];
+    return (_jsxs("div", { className: "flex flex-col gap-6", 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, }) {
+    return (_jsxs("div", { className: "flex min-h-80 flex-col items-center justify-center gap-4 text-center", children: [_jsx("p", { className: "text-muted-foreground", children: message }), onBack && (_jsxs(Button, { type: "button", variant: "outline", onClick: onBack, children: [_jsx(ArrowLeft, {}), backLabel] }))] }));
+}
+function SupplierDetailSkeleton() {
+    return (_jsxs("div", { className: "flex flex-col gap-6", 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/components/supplier-dialog.d.ts

@@ -0,0 +1,9 @@
+import { type Supplier } from "@voyantjs/suppliers-react";
+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/components/supplier-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"supplier-dialog.d.ts","sourceRoot":"","sources":["../../src/components/supplier-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,KAAK,QAAQ,EAEd,MAAM,2BAA2B,CAAA;AAkDlC,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,2CAyO9F"}

package/dist/components/supplier-dialog.js

@@ -0,0 +1,114 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SUPPLIER_STATUSES, SUPPLIER_TYPES, useSupplierMutation, } from "@voyantjs/suppliers-react";
+import { Button, Dialog, DialogBody, DialogContent, DialogFooter, DialogHeader, DialogTitle, Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Textarea, } from "@voyantjs/ui/components";
+import { CountryCombobox } from "@voyantjs/ui/components/country-combobox";
+import { zodResolver } from "@voyantjs/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";
+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(Input, { ...form.register("defaultCurrency"), maxLength: 3, placeholder: dialog.defaultCurrencyPlaceholder, className: "uppercase" }) }), _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/components/suppliers-page.d.ts

@@ -1,11 +1,9 @@
-import type { Supplier } from "@voyantjs/suppliers-react";
-export declare function SuppliersPage({ search, onSearchChange, onCreate, onRowClick, rows, total, isPending, }: {
-    search: string;
-    onSearchChange: (value: string) => void;
-    onCreate: () => void;
-    onRowClick: (supplier: Supplier) => void;
-    rows: Supplier[];
-    total: number;
-    isPending?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+import { type Supplier } from "@voyantjs/suppliers-react";
+export type SuppliersPageProps = {
+    pageSize?: number;
+    onSupplierOpen?: (supplier: Supplier) => void;
+    onSupplierCreated?: (supplier: Supplier) => void;
+    initialSearch?: string;
+};
+export declare function SuppliersPage({ pageSize, onSupplierOpen, onSupplierCreated, initialSearch, }?: SuppliersPageProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=suppliers-page.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"suppliers-page.d.ts","sourceRoot":"","sources":["../../src/components/suppliers-page.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAA;AA+DzD,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,cAAc,EACd,QAAQ,EACR,UAAU,EACV,IAAI,EACJ,KAAK,EACL,SAAS,GACV,EAAE;IACD,MAAM,EAAE,MAAM,CAAA;IACd,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,UAAU,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAA;IACxC,IAAI,EAAE,QAAQ,EAAE,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,2CA0CA"}
+{"version":3,"file":"suppliers-page.d.ts","sourceRoot":"","sources":["../../src/components/suppliers-page.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,KAAK,QAAQ,EAKd,MAAM,2BAA2B,CAAA;AAmBlC,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAA;IAC7C,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAA;IAChD,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAA;AAED,wBAAgB,aAAa,CAAC,EAC5B,QAAa,EACb,cAAc,EACd,iBAAiB,EACjB,aAAkB,GACnB,GAAE,kBAAuB,2CAoPzB"}