@voyantjs/bookings-ui 0.52.1 → 0.52.3

package/dist/components/booking-billing-dialog.d.ts

@@ -0,0 +1,16 @@
+import { type BookingRecord } from "@voyantjs/bookings-react";
+export interface BookingBillingDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    booking: BookingRecord;
+    onSuccess?: () => void;
+}
+/**
+ * Edit the billing-contact snapshot on a booking. The snapshot is the
+ * source of truth for the detail-page billing card and for downstream
+ * invoice / document generation — when an operator's data correction
+ * needs to land on documents without modifying the CRM person record,
+ * this is the dialog they reach for.
+ */
+export declare function BookingBillingDialog({ open, onOpenChange, booking, onSuccess, }: BookingBillingDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=booking-billing-dialog.d.ts.map

package/dist/components/booking-billing-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"booking-billing-dialog.d.ts","sourceRoot":"","sources":["../../src/components/booking-billing-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAAsB,MAAM,0BAA0B,CAAA;AAsCjF,MAAM,WAAW,yBAAyB;IACxC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,OAAO,EAAE,aAAa,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;CACvB;AAED;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,IAAI,EACJ,YAAY,EACZ,OAAO,EACP,SAAS,GACV,EAAE,yBAAyB,2CAkJ3B"}

package/dist/components/booking-billing-dialog.js

@@ -0,0 +1,90 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useBookingMutation } from "@voyantjs/bookings-react";
+import { Button, Dialog, DialogBody, DialogContent, DialogFooter, DialogHeader, DialogTitle, Input, Label, Textarea, } from "@voyantjs/ui/components";
+import { CountryCombobox } from "@voyantjs/ui/components/country-combobox";
+import { PhoneInput } from "@voyantjs/ui/components/phone-input";
+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 { useBookingsUiMessagesOrDefault } from "../i18n/provider.js";
+const billingFormSchema = z.object({
+    contactFirstName: z.string().max(255).optional().nullable(),
+    contactLastName: z.string().max(255).optional().nullable(),
+    contactEmail: z.string().email().optional().nullable().or(z.literal("")),
+    contactPhone: z.string().max(50).optional().nullable(),
+    contactAddressLine1: z.string().max(500).optional().nullable(),
+    contactCity: z.string().max(100).optional().nullable(),
+    contactRegion: z.string().max(100).optional().nullable(),
+    contactPostalCode: z.string().max(20).optional().nullable(),
+    contactCountry: z.string().max(2).optional().nullable(),
+});
+/**
+ * Edit the billing-contact snapshot on a booking. The snapshot is the
+ * source of truth for the detail-page billing card and for downstream
+ * invoice / document generation — when an operator's data correction
+ * needs to land on documents without modifying the CRM person record,
+ * this is the dialog they reach for.
+ */
+export function BookingBillingDialog({ open, onOpenChange, booking, onSuccess, }) {
+    const { update } = useBookingMutation();
+    const messages = useBookingsUiMessagesOrDefault().bookingBillingDialog;
+    const form = useForm({
+        resolver: zodResolver(billingFormSchema),
+        defaultValues: {
+            contactFirstName: booking.contactFirstName ?? "",
+            contactLastName: booking.contactLastName ?? "",
+            contactEmail: booking.contactEmail ?? "",
+            contactPhone: booking.contactPhone ?? "",
+            contactAddressLine1: booking.contactAddressLine1 ?? "",
+            contactCity: booking.contactCity ?? "",
+            contactRegion: booking.contactRegion ?? "",
+            contactPostalCode: booking.contactPostalCode ?? "",
+            contactCountry: booking.contactCountry ?? "",
+        },
+    });
+    // biome-ignore lint/correctness/useExhaustiveDependencies: see comment
+    useEffect(() => {
+        // `form` is intentionally omitted — react-hook-form returns a fresh
+        // wrapper object each render even though the store is in a ref, so
+        // including it would re-fire on every render. Resetting from the
+        // latest booking snapshot when the dialog opens is sufficient.
+        if (open) {
+            form.reset({
+                contactFirstName: booking.contactFirstName ?? "",
+                contactLastName: booking.contactLastName ?? "",
+                contactEmail: booking.contactEmail ?? "",
+                contactPhone: booking.contactPhone ?? "",
+                contactAddressLine1: booking.contactAddressLine1 ?? "",
+                contactCity: booking.contactCity ?? "",
+                contactRegion: booking.contactRegion ?? "",
+                contactPostalCode: booking.contactPostalCode ?? "",
+                contactCountry: booking.contactCountry ?? "",
+            });
+        }
+    }, [open, booking]);
+    const onSubmit = async (values) => {
+        await update.mutateAsync({
+            id: booking.id,
+            input: {
+                contactFirstName: values.contactFirstName?.trim() || null,
+                contactLastName: values.contactLastName?.trim() || null,
+                contactEmail: values.contactEmail?.trim() || null,
+                contactPhone: values.contactPhone?.trim() || null,
+                contactAddressLine1: values.contactAddressLine1?.trim() || null,
+                contactCity: values.contactCity?.trim() || null,
+                contactRegion: values.contactRegion?.trim() || null,
+                contactPostalCode: values.contactPostalCode?.trim() || null,
+                contactCountry: values.contactCountry?.trim() || null,
+            },
+        });
+        onOpenChange(false);
+        onSuccess?.();
+    };
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { size: "lg", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: messages.title }) }), _jsxs("form", { onSubmit: form.handleSubmit(onSubmit), className: "flex flex-1 flex-col overflow-hidden", children: [_jsxs(DialogBody, { className: "grid gap-4", children: [_jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.fields.firstName }), _jsx(Input, { ...form.register("contactFirstName") })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.fields.lastName }), _jsx(Input, { ...form.register("contactLastName") })] })] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.fields.email }), _jsx(Input, { type: "email", ...form.register("contactEmail") }), form.formState.errors.contactEmail ? (_jsx("p", { className: "text-xs text-destructive", children: form.formState.errors.contactEmail.message })) : null] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.fields.phone }), _jsx(PhoneInput, { value: form.watch("contactPhone") ?? "", onChange: (next) => form.setValue("contactPhone", next, { shouldDirty: true }) })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.fields.address }), _jsx(Textarea, { rows: 2, ...form.register("contactAddressLine1") })] }), _jsxs("div", { className: "grid grid-cols-3 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.fields.city }), _jsx(Input, { ...form.register("contactCity") })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.fields.region }), _jsx(Input, { ...form.register("contactRegion") })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.fields.postalCode }), _jsx(Input, { ...form.register("contactPostalCode") })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.fields.country }), _jsx(CountryCombobox, { value: form.watch("contactCountry") || null, onChange: (next) => form.setValue("contactCountry", next ?? "", {
+                                                shouldDirty: true,
+                                                shouldValidate: true,
+                                            }) })] })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => onOpenChange(false), children: messages.actions.cancel }), _jsxs(Button, { type: "submit", size: "sm", disabled: update.isPending, children: [update.isPending ? _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }) : null, messages.actions.save] })] })] })] }) }));
+}

package/dist/components/booking-create-dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"booking-create-dialog.d.ts","sourceRoot":"","sources":["../../src/components/booking-create-dialog.tsx"],"names":[],"mappings":"AAGA,OAAO,EAKL,KAAK,aAAa,EAGnB,MAAM,0BAA0B,CAAA;AAsNjC,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,CAAA;IAC5C,4EAA4E;IAC5E,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B;AAED,MAAM,WAAW,sBAAsB;IACrC,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,CAAA;IAC5C,4EAA4E;IAC5E,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,sEAAsE;IACtE,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACtB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,gBAAgB,GACjB,EAAE,wBAAwB,2CAqB1B;AAED,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,gBAAgB,EAChB,OAAc,EACd,QAAQ,GACT,EAAE,sBAAsB,2CAojBxB"}
+{"version":3,"file":"booking-create-dialog.d.ts","sourceRoot":"","sources":["../../src/components/booking-create-dialog.tsx"],"names":[],"mappings":"AAGA,OAAO,EAKL,KAAK,aAAa,EAGnB,MAAM,0BAA0B,CAAA;AA2VjC,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,CAAA;IAC5C,4EAA4E;IAC5E,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B;AAED,MAAM,WAAW,sBAAsB;IACrC,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,CAAA;IAC5C,4EAA4E;IAC5E,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,sEAAsE;IACtE,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACtB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,gBAAgB,GACjB,EAAE,wBAAwB,2CAqB1B;AAED,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,gBAAgB,EAChB,OAAc,EACd,QAAQ,GACT,EAAE,sBAAsB,2CA2yBxB"}