@voyantjs/finance-ui 0.81.14 → 0.81.16

package/dist/components/booking-invoice-sheet.js

@@ -1,116 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useInvoiceMutation } from "@voyantjs/finance-react";
-import { Button, Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Sheet, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, Textarea, } from "@voyantjs/ui/components";
-import { CurrencyCombobox } from "@voyantjs/ui/components/currency-combobox";
-import { CurrencyInput } from "@voyantjs/ui/components/currency-input";
-import { DatePicker } from "@voyantjs/ui/components/date-picker";
-import { zodResolver } from "@voyantjs/ui/lib/zod-resolver";
-import { Loader2 } from "lucide-react";
-import { useEffect } from "react";
-import { useForm } from "react-hook-form";
-import { z } from "zod/v4";
-import { useFinanceUiMessagesOrDefault } from "../i18n/index.js";
-import { invoiceStatuses } from "../i18n/messages.js";
-function createBookingInvoiceFormSchema(messages) {
-    return z.object({
-        invoiceNumber: z.string().min(1, messages.invoiceDialog.validation.invoiceNumberRequired),
-        status: z.enum(invoiceStatuses),
-        currency: z.string().min(3).max(3, messages.invoiceDialog.validation.currencyIsoCode),
-        subtotalCents: z.coerce.number().int().min(0).default(0),
-        taxCents: z.coerce.number().int().min(0).default(0),
-        totalCents: z.coerce.number().int().min(0).default(0),
-        issueDate: z.string().min(1, messages.invoiceDialog.validation.issueDateRequired),
-        dueDate: z.string().min(1, messages.invoiceDialog.validation.dueDateRequired),
-        notes: z.string().optional().nullable(),
-    });
-}
-function generateInvoiceNumber() {
-    const now = new Date();
-    const y = now.getFullYear();
-    const seq = String(Math.floor(Math.random() * 9000) + 1000);
-    return `INV-${y}-${seq}`;
-}
-/**
- * Slide-in invoice creator scoped to a single booking. The booking link
- * is set from props and not editable here — the assumption is that the
- * sheet is launched from a booking detail page where the booking is
- * already in context. Use `<InvoiceDialog />` for the global "pick any
- * booking" flow.
- */
-export function BookingInvoiceSheet({ open, onOpenChange, bookingId, defaultPersonId, defaultOrganizationId, defaultCurrency = "EUR", // i18n-literal-ok domain default currency
-defaultAmountCents = null, onSuccess, }) {
-    const { create } = useInvoiceMutation();
-    const messages = useFinanceUiMessagesOrDefault();
-    const dialog = messages.invoiceDialog;
-    const schema = createBookingInvoiceFormSchema(messages);
-    const form = useForm({
-        resolver: zodResolver(schema),
-        defaultValues: {
-            invoiceNumber: "",
-            status: "draft",
-            currency: defaultCurrency,
-            subtotalCents: defaultAmountCents ?? 0,
-            taxCents: 0,
-            totalCents: defaultAmountCents ?? 0,
-            issueDate: "",
-            dueDate: "",
-            notes: "",
-        },
-    });
-    useEffect(() => {
-        if (!open)
-            return;
-        const today = new Date().toISOString().split("T")[0];
-        form.reset({
-            invoiceNumber: generateInvoiceNumber(),
-            status: "draft",
-            currency: defaultCurrency,
-            subtotalCents: defaultAmountCents ?? 0,
-            taxCents: 0,
-            totalCents: defaultAmountCents ?? 0,
-            issueDate: today,
-            dueDate: "",
-            notes: "",
-        });
-    }, [open, defaultCurrency, defaultAmountCents, form]);
-    const onSubmit = async (values) => {
-        const saved = await create.mutateAsync({
-            invoiceNumber: values.invoiceNumber,
-            bookingId,
-            personId: defaultPersonId ?? null,
-            organizationId: defaultOrganizationId ?? null,
-            status: values.status,
-            currency: values.currency,
-            subtotalCents: values.subtotalCents,
-            taxCents: values.taxCents,
-            totalCents: values.totalCents,
-            paidCents: 0,
-            balanceDueCents: values.totalCents,
-            issueDate: values.issueDate,
-            dueDate: values.dueDate,
-            notes: values.notes || null,
-        });
-        onOpenChange(false);
-        onSuccess?.(saved);
-    };
-    return (_jsx(Sheet, { open: open, onOpenChange: onOpenChange, children: _jsxs(SheetContent, { side: "right", className: "flex w-full flex-col sm:max-w-xl", children: [_jsxs(SheetHeader, { children: [_jsx(SheetTitle, { children: dialog.titles.create }), _jsx(SheetDescription, { children: messages.invoicesPage.description })] }), _jsxs("form", { onSubmit: form.handleSubmit(onSubmit), className: "flex min-h-0 flex-1 flex-col gap-4 overflow-y-auto px-4", children: [_jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: dialog.fields.invoiceNumber }), _jsx(Input, { ...form.register("invoiceNumber"), placeholder: dialog.placeholders.invoiceNumber }), form.formState.errors.invoiceNumber ? (_jsx("p", { className: "text-xs text-destructive", children: form.formState.errors.invoiceNumber.message })) : null] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: dialog.fields.status }), _jsxs(Select, { value: form.watch("status"), onValueChange: (value) => form.setValue("status", (value ?? "draft")), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: invoiceStatuses.map((status) => (_jsx(SelectItem, { value: status, children: messages.common.invoiceStatusLabels[status] }, status))) })] })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: dialog.fields.currency }), _jsx(CurrencyCombobox, { value: form.watch("currency") || null, onChange: (next) => form.setValue("currency", next ?? defaultCurrency, {
-                                        shouldValidate: true,
-                                        shouldDirty: true,
-                                    }) })] }), _jsxs("div", { className: "grid grid-cols-3 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: dialog.fields.subtotalCents }), _jsx(CurrencyInput, { value: form.watch("subtotalCents"), onChange: (next) => form.setValue("subtotalCents", next ?? 0, {
-                                                shouldDirty: true,
-                                                shouldValidate: true,
-                                            }), currency: form.watch("currency") })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: dialog.fields.taxCents }), _jsx(CurrencyInput, { value: form.watch("taxCents"), onChange: (next) => form.setValue("taxCents", next ?? 0, {
-                                                shouldDirty: true,
-                                                shouldValidate: true,
-                                            }), currency: form.watch("currency") })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: dialog.fields.totalCents }), _jsx(CurrencyInput, { value: form.watch("totalCents"), onChange: (next) => form.setValue("totalCents", next ?? 0, {
-                                                shouldDirty: true,
-                                                shouldValidate: true,
-                                            }), currency: form.watch("currency") })] })] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: dialog.fields.issueDate }), _jsx(DatePicker, { value: form.watch("issueDate") || null, onChange: (next) => form.setValue("issueDate", next ?? "", {
-                                                shouldDirty: true,
-                                                shouldValidate: true,
-                                            }), placeholder: dialog.placeholders.issueDate, className: "w-full" }), form.formState.errors.issueDate ? (_jsx("p", { className: "text-xs text-destructive", children: form.formState.errors.issueDate.message })) : null] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: dialog.fields.dueDate }), _jsx(DatePicker, { value: form.watch("dueDate") || null, onChange: (next) => form.setValue("dueDate", next ?? "", {
-                                                shouldDirty: true,
-                                                shouldValidate: true,
-                                            }), placeholder: dialog.placeholders.dueDate, className: "w-full" }), form.formState.errors.dueDate ? (_jsx("p", { className: "text-xs text-destructive", children: form.formState.errors.dueDate.message })) : null] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: dialog.fields.notes }), _jsx(Textarea, { ...form.register("notes"), placeholder: dialog.placeholders.notes })] })] }), _jsxs(SheetFooter, { children: [_jsx(Button, { type: "button", variant: "ghost", onClick: () => onOpenChange(false), children: messages.common.cancel }), _jsxs(Button, { type: "button", disabled: create.isPending, onClick: () => void form.handleSubmit(onSubmit)(), children: [create.isPending ? _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }) : null, dialog.actions.create] })] })] }) }));
-}