@voyantjs/legal-ui 0.13.0

package/README.md

@@ -0,0 +1,17 @@
+# @voyantjs/legal-ui
+
+Importable React UI components for Voyant legal. Bundler-consumed (Vite, Next.js, webpack, etc.).
+
+## Install
+
+```bash
+pnpm add @voyantjs/legal-ui @voyantjs/legal-react @voyantjs/voyant-ui @tanstack/react-query react react-dom
+```
+
+`@voyantjs/voyant-ui` provides the design-system primitives. `@voyantjs/legal-react` provides the data-layer hooks. Both are required peers.
+
+All components accept a `className` prop and merge it with `cn()`. Wrap or compose to extend; use the registry copy-paste path (`npx shadcn add @voyant/...`) for components you want to fork outright.
+
+## Not included (registry-only)
+
+Some components couple to TanStack Router or template-local helpers and remain available only via the shadcn registry: `contract-detail-page`, `contracts-page`, `policies-page`, `policy-detail-page`, `template-detail-page`, `templates-page`. Import via `npx shadcn add @voyant/<component>` and customize per-project.

package/dist/components/attachment-dialog.d.ts

@@ -0,0 +1,11 @@
+import { type LegalContractAttachmentRecord } from "@voyantjs/legal-react";
+type AttachmentDialogProps = {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    contractId: string;
+    attachment?: LegalContractAttachmentRecord;
+    onSuccess: () => void;
+};
+export declare function AttachmentDialog({ open, onOpenChange, contractId, attachment, onSuccess, }: AttachmentDialogProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=attachment-dialog.d.ts.map

package/dist/components/attachment-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"attachment-dialog.d.ts","sourceRoot":"","sources":["../../src/components/attachment-dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,6BAA6B,EAEnC,MAAM,uBAAuB,CAAA;AA8B9B,KAAK,qBAAqB,GAAG;IAC3B,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,6BAA6B,CAAA;IAC1C,SAAS,EAAE,MAAM,IAAI,CAAA;CACtB,CAAA;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,UAAU,EACV,SAAS,GACV,EAAE,qBAAqB,2CAyGvB"}

package/dist/components/attachment-dialog.js

@@ -0,0 +1,64 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useLegalContractAttachmentMutation, } from "@voyantjs/legal-react";
+import { Button, Dialog, DialogBody, DialogContent, DialogFooter, DialogHeader, DialogTitle, Input, Label, } from "@voyantjs/voyant-ui/components";
+import { zodResolver } from "@voyantjs/voyant-ui/lib/zod-resolver";
+import { Loader2 } from "lucide-react";
+import { useEffect } from "react";
+import { useForm } from "react-hook-form";
+import { z } from "zod/v4";
+const attachmentFormSchema = z.object({
+    name: z.string().min(1, "Name is required"),
+    kind: z.string().min(1).optional(),
+    mimeType: z.string().optional(),
+    fileSize: z.coerce.number().int().optional(),
+    storageKey: z.string().optional(),
+    checksum: z.string().optional(),
+});
+export function AttachmentDialog({ open, onOpenChange, contractId, attachment, onSuccess, }) {
+    const isEditing = !!attachment;
+    const { create, update } = useLegalContractAttachmentMutation();
+    const form = useForm({
+        resolver: zodResolver(attachmentFormSchema),
+        defaultValues: {
+            name: "",
+            kind: "appendix",
+            mimeType: "",
+            fileSize: undefined,
+            storageKey: "",
+            checksum: "",
+        },
+    });
+    useEffect(() => {
+        if (open && attachment) {
+            form.reset({
+                name: attachment.name,
+                kind: attachment.kind,
+                mimeType: attachment.mimeType ?? "",
+                fileSize: attachment.fileSize ?? undefined,
+                storageKey: attachment.storageKey ?? "",
+                checksum: attachment.checksum ?? "",
+            });
+        }
+        else if (open) {
+            form.reset();
+        }
+    }, [open, attachment, form]);
+    const onSubmit = async (values) => {
+        const payload = {
+            name: values.name,
+            kind: values.kind || "appendix",
+            mimeType: values.mimeType || undefined,
+            fileSize: values.fileSize || undefined,
+            storageKey: values.storageKey || undefined,
+            checksum: values.checksum || undefined,
+        };
+        if (isEditing && attachment) {
+            await update.mutateAsync({ contractId, id: attachment.id, input: payload });
+        }
+        else {
+            await create.mutateAsync({ contractId, input: payload });
+        }
+        onSuccess();
+    };
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: isEditing ? "Edit Attachment" : "Add Attachment" }) }), _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: "Name" }), _jsx(Input, { ...form.register("name"), placeholder: "Attachment name" }), form.formState.errors.name && (_jsx("p", { className: "text-xs text-destructive", children: form.formState.errors.name.message }))] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Kind" }), _jsx(Input, { ...form.register("kind"), placeholder: "appendix" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "MIME Type" }), _jsx(Input, { ...form.register("mimeType"), placeholder: "application/pdf" })] })] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "File Size" }), _jsx(Input, { ...form.register("fileSize"), type: "number", placeholder: "Bytes" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Checksum" }), _jsx(Input, { ...form.register("checksum"), placeholder: "Optional" })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Storage Key" }), _jsx(Input, { ...form.register("storageKey"), placeholder: "Optional storage reference" })] })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { type: "button", variant: "ghost", onClick: () => onOpenChange(false), children: "Cancel" }), _jsxs(Button, { type: "submit", disabled: form.formState.isSubmitting, children: [form.formState.isSubmitting && _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), isEditing ? "Save Changes" : "Add Attachment"] })] })] })] }) }));
+}

package/dist/components/booking-contract-card.d.ts

@@ -0,0 +1,42 @@
+export interface BookingContractCardLabels {
+    heading?: string;
+    empty?: string;
+    /** Button text when the contract has no document yet. */
+    generate?: string;
+    /** Button text when the contract already has a document. */
+    regenerate?: string;
+    download?: string;
+    noAttachments?: string;
+    issuedAt?: string;
+    contractNumber?: string;
+    unsaved?: string;
+}
+export interface BookingContractCardProps {
+    /** Booking whose contracts we list. Required — the card filters server-side. */
+    bookingId: string;
+    /**
+     * API base for attachment download redirects (default: same origin). Use
+     * this when the operator admin app proxies through a different host than
+     * the API — the browser needs an absolute URL to open the 302 in a new
+     * tab correctly.
+     */
+    apiBaseUrl?: string;
+    labels?: BookingContractCardLabels;
+}
+/**
+ * Operator booking-detail "Contract" card. Mount next to the payments / docs
+ * card on the booking detail page. Responsibilities are deliberately narrow:
+ *  - List contracts linked to this booking
+ *  - Show each contract's latest status + number
+ *  - Let the operator download the generated PDF (opens in a new tab)
+ *  - Let the operator force a regeneration when the template or booking
+ *    data has changed
+ *
+ * Contract creation itself is handled by the `booking.confirmed` auto-
+ * generate subscriber (or manually from the contract-template admin page).
+ * This card is the consumer surface — if no contract exists, the empty
+ * state explains the flow rather than offering a "Create" button (which
+ * would require a template picker, out of scope here).
+ */
+export declare function BookingContractCard({ bookingId, apiBaseUrl, labels }: BookingContractCardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=booking-contract-card.d.ts.map

package/dist/components/booking-contract-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"booking-contract-card.d.ts","sourceRoot":"","sources":["../../src/components/booking-contract-card.tsx"],"names":[],"mappings":"AAiCA,MAAM,WAAW,yBAAyB;IACxC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,yDAAyD;IACzD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,4DAA4D;IAC5D,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAcD,MAAM,WAAW,wBAAwB;IACvC,gFAAgF;IAChF,SAAS,EAAE,MAAM,CAAA;IACjB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,MAAM,CAAC,EAAE,yBAAyB,CAAA;CACnC;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,mBAAmB,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE,wBAAwB,2CAiC9F"}

package/dist/components/booking-contract-card.js

@@ -0,0 +1,72 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useLegalContractAttachments, useLegalContractMutation, useLegalContracts, } from "@voyantjs/legal-react";
+import { Badge, Button, Card, CardContent, CardHeader, CardTitle, } from "@voyantjs/voyant-ui/components";
+import { Download, FileText, Loader2, RotateCw } from "lucide-react";
+/**
+ * Status → badge style map. Keeps the card visually in sync with the
+ * contract detail page (same variant names, same ordering of severity).
+ */
+const STATUS_VARIANT = {
+    draft: "outline",
+    issued: "secondary",
+    sent: "secondary",
+    signed: "default",
+    executed: "default",
+    expired: "destructive",
+    void: "destructive",
+};
+const DEFAULT_LABELS = {
+    heading: "Contract",
+    empty: "No contract has been generated for this booking yet.",
+    generate: "Generate",
+    regenerate: "Regenerate",
+    download: "Download",
+    noAttachments: "No documents attached yet.",
+    issuedAt: "Issued",
+    contractNumber: "#",
+    unsaved: "Pending",
+};
+/**
+ * Operator booking-detail "Contract" card. Mount next to the payments / docs
+ * card on the booking detail page. Responsibilities are deliberately narrow:
+ *  - List contracts linked to this booking
+ *  - Show each contract's latest status + number
+ *  - Let the operator download the generated PDF (opens in a new tab)
+ *  - Let the operator force a regeneration when the template or booking
+ *    data has changed
+ *
+ * Contract creation itself is handled by the `booking.confirmed` auto-
+ * generate subscriber (or manually from the contract-template admin page).
+ * This card is the consumer surface — if no contract exists, the empty
+ * state explains the flow rather than offering a "Create" button (which
+ * would require a template picker, out of scope here).
+ */
+export function BookingContractCard({ bookingId, apiBaseUrl, labels }) {
+    const merged = { ...DEFAULT_LABELS, ...labels };
+    const contractsQuery = useLegalContracts({ bookingId, limit: 25 });
+    const contracts = contractsQuery.data?.data ?? [];
+    return (_jsxs(Card, { children: [_jsx(CardHeader, { children: _jsxs(CardTitle, { className: "flex items-center gap-2 text-base", children: [_jsx(FileText, { className: "h-4 w-4" }), merged.heading] }) }), _jsx(CardContent, { className: "flex flex-col gap-3", children: contractsQuery.isLoading ? (_jsx("div", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: _jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin" }) })) : contracts.length === 0 ? (_jsx("p", { className: "text-xs text-muted-foreground", children: merged.empty })) : (contracts.map((contract) => (_jsx(BookingContractRow, { contract: contract, apiBaseUrl: apiBaseUrl, labels: merged }, contract.id)))) })] }));
+}
+function BookingContractRow({ contract, apiBaseUrl, labels, }) {
+    const attachmentsQuery = useLegalContractAttachments({ contractId: contract.id });
+    const attachments = attachmentsQuery.data ?? [];
+    const documentAttachments = attachments.filter((a) => a.kind === "document");
+    const { generateDocument, regenerateDocument } = useLegalContractMutation();
+    const isPending = generateDocument.isPending || regenerateDocument.isPending;
+    const hasDocument = documentAttachments.length > 0;
+    const handleGenerate = () => {
+        const mutation = hasDocument ? regenerateDocument : generateDocument;
+        mutation.mutate({ id: contract.id, input: { replaceExisting: true, kind: "document" } });
+    };
+    return (_jsxs("div", { className: "flex flex-col gap-2 rounded-md border p-3", children: [_jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsxs("div", { className: "flex items-center gap-2 text-sm", children: [_jsxs("span", { className: "font-medium", children: [labels.contractNumber, contract.contractNumber ?? labels.unsaved] }), _jsx(Badge, { variant: STATUS_VARIANT[contract.status] ?? "outline", className: "text-[10px]", children: contract.status })] }), _jsxs(Button, { type: "button", variant: "ghost", size: "sm", onClick: handleGenerate, disabled: isPending, children: [isPending ? (_jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin" })) : (_jsx(RotateCw, { className: "h-3.5 w-3.5" })), _jsx("span", { className: "ml-1 text-xs", children: hasDocument ? labels.regenerate : labels.generate })] })] }), contract.issuedAt ? (_jsxs("p", { className: "text-[11px] text-muted-foreground", children: [labels.issuedAt, ": ", new Date(contract.issuedAt).toLocaleDateString()] })) : null, documentAttachments.length > 0 ? (_jsx("div", { className: "flex flex-col gap-1", children: documentAttachments.map((attachment) => (_jsx(AttachmentDownloadRow, { attachment: attachment, apiBaseUrl: apiBaseUrl, downloadLabel: labels.download }, attachment.id))) })) : (_jsx("p", { className: "text-[11px] text-muted-foreground", children: labels.noAttachments }))] }));
+}
+function AttachmentDownloadRow({ attachment, apiBaseUrl, downloadLabel, }) {
+    // The download endpoint returns a 302 to the signed URL. A plain <a> link
+    // with target="_blank" lets the browser follow it and open the file in a
+    // new tab. When apiBaseUrl is omitted we fall back to a relative URL,
+    // which is correct for same-origin admin apps.
+    const href = `${apiBaseUrl ?? ""}/v1/admin/legal/contracts/attachments/${attachment.id}/download`;
+    const sizeKb = typeof attachment.fileSize === "number" ? `${Math.round(attachment.fileSize / 1024)} KB` : null;
+    return (_jsxs("a", { href: href, target: "_blank", rel: "noopener noreferrer", className: "flex items-center justify-between gap-2 rounded-md border px-2 py-1.5 text-xs hover:bg-muted", children: [_jsxs("span", { className: "flex min-w-0 items-center gap-1.5", children: [_jsx(FileText, { className: "h-3.5 w-3.5 shrink-0" }), _jsx("span", { className: "truncate", children: attachment.name }), sizeKb ? _jsxs("span", { className: "text-muted-foreground", children: ["\u00B7 ", sizeKb] }) : null] }), _jsxs("span", { className: "flex items-center gap-1 text-muted-foreground", children: [_jsx(Download, { className: "h-3 w-3" }), downloadLabel] })] }));
+}

package/dist/components/policy-rule-dialog.d.ts

@@ -0,0 +1,12 @@
+import { type LegalPolicyRuleRecord } from "@voyantjs/legal-react";
+export type RuleData = LegalPolicyRuleRecord;
+type PolicyRuleDialogProps = {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    versionId: string;
+    rule?: RuleData;
+    onSuccess: () => void;
+};
+export declare function PolicyRuleDialog({ open, onOpenChange, versionId, rule, onSuccess, }: PolicyRuleDialogProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=policy-rule-dialog.d.ts.map

package/dist/components/policy-rule-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"policy-rule-dialog.d.ts","sourceRoot":"","sources":["../../src/components/policy-rule-dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,qBAAqB,EAA8B,MAAM,uBAAuB,CAAA;AAsC9F,MAAM,MAAM,QAAQ,GAAG,qBAAqB,CAAA;AAE5C,KAAK,qBAAqB,GAAG;IAC3B,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,SAAS,EAAE,MAAM,CAAA;IACjB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,SAAS,EAAE,MAAM,IAAI,CAAA;CACtB,CAAA;AAiBD,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,IAAI,EACJ,SAAS,GACV,EAAE,qBAAqB,2CAuKvB"}

package/dist/components/policy-rule-dialog.js

@@ -0,0 +1,89 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useLegalPolicyRuleMutation } from "@voyantjs/legal-react";
+import { Button, Dialog, DialogBody, DialogContent, DialogFooter, DialogHeader, DialogTitle, Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@voyantjs/voyant-ui/components";
+import { CurrencyCombobox } from "@voyantjs/voyant-ui/components/currency-combobox";
+import { zodResolver } from "@voyantjs/voyant-ui/lib/zod-resolver";
+import { Loader2 } from "lucide-react";
+import { useEffect } from "react";
+import { useForm } from "react-hook-form";
+import { z } from "zod/v4";
+const ruleFormSchema = z.object({
+    ruleType: z.enum(["window", "percentage", "flat_amount", "date_range", "custom"]),
+    label: z.string().optional(),
+    daysBeforeDeparture: z.coerce.number().int().optional(),
+    refundPercent: z.coerce.number().int().min(0).max(10000).optional(),
+    refundType: z.enum(["cash", "credit", "cash_or_credit", "none"]).optional(),
+    flatAmountCents: z.coerce.number().int().optional(),
+    currency: z.string().optional(),
+    sortOrder: z.coerce.number().int().optional(),
+});
+const RULE_TYPES = [
+    { value: "window", label: "Window" },
+    { value: "percentage", label: "Percentage" },
+    { value: "flat_amount", label: "Flat Amount" },
+    { value: "date_range", label: "Date Range" },
+    { value: "custom", label: "Custom" },
+];
+const REFUND_TYPES = [
+    { value: "cash", label: "Cash" },
+    { value: "credit", label: "Credit" },
+    { value: "cash_or_credit", label: "Cash or Credit" },
+    { value: "none", label: "None" },
+];
+export function PolicyRuleDialog({ open, onOpenChange, versionId, rule, onSuccess, }) {
+    const isEditing = !!rule;
+    const { create, update } = useLegalPolicyRuleMutation();
+    const form = useForm({
+        resolver: zodResolver(ruleFormSchema),
+        defaultValues: {
+            ruleType: "window",
+            label: "",
+            daysBeforeDeparture: undefined,
+            refundPercent: undefined,
+            refundType: undefined,
+            flatAmountCents: undefined,
+            currency: "",
+            sortOrder: 0,
+        },
+    });
+    useEffect(() => {
+        if (open && rule) {
+            form.reset({
+                ruleType: rule.ruleType,
+                label: rule.label ?? "",
+                daysBeforeDeparture: rule.daysBeforeDeparture ?? undefined,
+                refundPercent: rule.refundPercent ?? undefined,
+                refundType: rule.refundType ?? undefined,
+                flatAmountCents: rule.flatAmountCents ?? undefined,
+                currency: rule.currency ?? "",
+                sortOrder: rule.sortOrder,
+            });
+        }
+        else if (open) {
+            form.reset();
+        }
+    }, [open, rule, form]);
+    const onSubmit = async (values) => {
+        const payload = {
+            ruleType: values.ruleType,
+            label: values.label || undefined,
+            daysBeforeDeparture: values.daysBeforeDeparture,
+            refundPercent: values.refundPercent,
+            refundType: values.refundType || undefined,
+            flatAmountCents: values.flatAmountCents,
+            currency: values.currency || undefined,
+            sortOrder: values.sortOrder ?? 0,
+        };
+        if (isEditing && rule) {
+            await update.mutateAsync({ id: rule.id, input: payload });
+        }
+        else {
+            await create.mutateAsync({ versionId, input: payload });
+        }
+        onSuccess();
+    };
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: isEditing ? "Edit Rule" : "New Rule" }) }), _jsxs("form", { onSubmit: form.handleSubmit(onSubmit), 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: "Rule Type" }), _jsxs(Select, { items: RULE_TYPES, value: form.watch("ruleType"), onValueChange: (v) => form.setValue("ruleType", v), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: RULE_TYPES.map((t) => (_jsx(SelectItem, { value: t.value, children: t.label }, t.value))) })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Sort Order" }), _jsx(Input, { ...form.register("sortOrder"), type: "number" })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Label" }), _jsx(Input, { ...form.register("label"), placeholder: "e.g. 30+ days before departure" })] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Days Before Departure" }), _jsx(Input, { ...form.register("daysBeforeDeparture"), type: "number", placeholder: "e.g. 30" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Refund Percent (basis points)" }), _jsx(Input, { ...form.register("refundPercent"), type: "number", placeholder: "e.g. 10000 = 100%" })] })] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Refund Type" }), _jsxs(Select, { items: REFUND_TYPES, value: form.watch("refundType") ?? "", onValueChange: (v) => form.setValue("refundType", (v || undefined)), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, { placeholder: "Select..." }) }), _jsx(SelectContent, { children: REFUND_TYPES.map((t) => (_jsx(SelectItem, { value: t.value, children: t.label }, t.value))) })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Currency" }), _jsx(CurrencyCombobox, { value: form.watch("currency") || null, onChange: (next) => form.setValue("currency", next ?? "EUR", {
+                                                        shouldValidate: true,
+                                                        shouldDirty: true,
+                                                    }) })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Flat Amount (cents)" }), _jsx(Input, { ...form.register("flatAmountCents"), type: "number", placeholder: "e.g. 5000" })] })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { type: "button", variant: "ghost", onClick: () => onOpenChange(false), children: "Cancel" }), _jsxs(Button, { type: "submit", disabled: form.formState.isSubmitting, children: [form.formState.isSubmitting && _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), isEditing ? "Save Changes" : "Create Rule"] })] })] })] }) }));
+}

package/dist/components/policy-version-dialog.d.ts

@@ -0,0 +1,11 @@
+import { type LegalPolicyVersionRecord } from "@voyantjs/legal-react";
+type PolicyVersionDialogProps = {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    policyId: string;
+    version?: LegalPolicyVersionRecord;
+    onSuccess: () => void;
+};
+export declare function PolicyVersionDialog({ open, onOpenChange, policyId, version, onSuccess, }: PolicyVersionDialogProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=policy-version-dialog.d.ts.map

package/dist/components/policy-version-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"policy-version-dialog.d.ts","sourceRoot":"","sources":["../../src/components/policy-version-dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,wBAAwB,EAAiC,MAAM,uBAAuB,CAAA;AA2BpG,KAAK,wBAAwB,GAAG;IAC9B,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,wBAAwB,CAAA;IAClC,SAAS,EAAE,MAAM,IAAI,CAAA;CACtB,CAAA;AAED,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,SAAS,GACV,EAAE,wBAAwB,2CAgF1B"}

package/dist/components/policy-version-dialog.js

@@ -0,0 +1,52 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useLegalPolicyVersionMutation } from "@voyantjs/legal-react";
+import { Button, Dialog, DialogBody, DialogContent, DialogFooter, DialogHeader, DialogTitle, Input, Label, RichTextEditor, } from "@voyantjs/voyant-ui/components";
+import { zodResolver } from "@voyantjs/voyant-ui/lib/zod-resolver";
+import { Loader2 } from "lucide-react";
+import { useEffect } from "react";
+import { useForm } from "react-hook-form";
+import { z } from "zod/v4";
+const versionFormSchema = z.object({
+    title: z.string().min(1, "Title is required"),
+    body: z.string().optional(),
+});
+export function PolicyVersionDialog({ open, onOpenChange, policyId, version, onSuccess, }) {
+    const isEditing = !!version;
+    const { create, update } = useLegalPolicyVersionMutation();
+    const form = useForm({
+        resolver: zodResolver(versionFormSchema),
+        defaultValues: {
+            title: "",
+            body: "",
+        },
+    });
+    useEffect(() => {
+        if (open && version) {
+            form.reset({
+                title: version.title,
+                body: version.body ?? "",
+            });
+        }
+        else if (open) {
+            form.reset();
+        }
+    }, [open, version, form]);
+    const onSubmit = async (values) => {
+        const payload = {
+            title: values.title,
+            body: values.body || undefined,
+        };
+        if (isEditing && version) {
+            await update.mutateAsync({ id: version.id, input: payload });
+        }
+        else {
+            await create.mutateAsync({ policyId, input: payload });
+        }
+        onSuccess();
+    };
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { size: "lg", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: isEditing ? "Edit Version" : "New Version" }) }), _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: "Title" }), _jsx(Input, { ...form.register("title"), placeholder: "Version title" }), form.formState.errors.title && (_jsx("p", { className: "text-xs text-destructive", children: form.formState.errors.title.message }))] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Body" }), _jsx(RichTextEditor, { value: form.watch("body") ?? "", onChange: (value) => form.setValue("body", value, {
+                                                shouldDirty: true,
+                                                shouldTouch: true,
+                                                shouldValidate: true,
+                                            }), placeholder: "Policy content..." })] })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { type: "button", variant: "ghost", onClick: () => onOpenChange(false), children: "Cancel" }), _jsxs(Button, { type: "submit", disabled: form.formState.isSubmitting, children: [form.formState.isSubmitting && _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), isEditing ? "Save Changes" : "Create Version"] })] })] })] }) }));
+}

package/dist/components/signature-dialog.d.ts

@@ -0,0 +1,9 @@
+type SignatureDialogProps = {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    contractId: string;
+    onSuccess: () => void;
+};
+export declare function SignatureDialog({ open, onOpenChange, contractId, onSuccess, }: SignatureDialogProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=signature-dialog.d.ts.map

package/dist/components/signature-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"signature-dialog.d.ts","sourceRoot":"","sources":["../../src/components/signature-dialog.tsx"],"names":[],"mappings":"AAmCA,KAAK,oBAAoB,GAAG;IAC1B,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,EAAE,MAAM,IAAI,CAAA;CACtB,CAAA;AASD,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,SAAS,GACV,EAAE,oBAAoB,2CAgHtB"}

package/dist/components/signature-dialog.js

@@ -0,0 +1,56 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useLegalContractSignatureMutation } from "@voyantjs/legal-react";
+import { Button, Dialog, DialogBody, DialogContent, DialogFooter, DialogHeader, DialogTitle, Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@voyantjs/voyant-ui/components";
+import { zodResolver } from "@voyantjs/voyant-ui/lib/zod-resolver";
+import { Loader2 } from "lucide-react";
+import { useEffect } from "react";
+import { useForm } from "react-hook-form";
+import { z } from "zod/v4";
+const signatureFormSchema = z.object({
+    signerName: z.string().min(1, "Signer name is required"),
+    signerEmail: z.string().email().optional().or(z.literal("")),
+    signerRole: z.string().optional(),
+    method: z.enum(["manual", "electronic", "docusign", "other"]),
+    provider: z.string().optional(),
+    externalReference: z.string().optional(),
+});
+const METHODS = [
+    { value: "manual", label: "Manual" },
+    { value: "electronic", label: "Electronic" },
+    { value: "docusign", label: "DocuSign" },
+    { value: "other", label: "Other" },
+];
+export function SignatureDialog({ open, onOpenChange, contractId, onSuccess, }) {
+    const { create } = useLegalContractSignatureMutation();
+    const form = useForm({
+        resolver: zodResolver(signatureFormSchema),
+        defaultValues: {
+            signerName: "",
+            signerEmail: "",
+            signerRole: "",
+            method: "manual",
+            provider: "",
+            externalReference: "",
+        },
+    });
+    useEffect(() => {
+        if (open) {
+            form.reset();
+        }
+    }, [open, form]);
+    const onSubmit = async (values) => {
+        await create.mutateAsync({
+            contractId,
+            input: {
+                signerName: values.signerName,
+                signerEmail: values.signerEmail || undefined,
+                signerRole: values.signerRole || undefined,
+                method: values.method,
+                provider: values.provider || undefined,
+                externalReference: values.externalReference || undefined,
+            },
+        });
+        onSuccess();
+    };
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: "Record Signature" }) }), _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: "Signer Name" }), _jsx(Input, { ...form.register("signerName"), placeholder: "Full name" }), form.formState.errors.signerName && (_jsx("p", { className: "text-xs text-destructive", children: form.formState.errors.signerName.message }))] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Signer Email" }), _jsx(Input, { ...form.register("signerEmail"), type: "email", placeholder: "email@example.com" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Signer Role" }), _jsx(Input, { ...form.register("signerRole"), placeholder: "e.g. CEO, Legal Rep" })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Method" }), _jsxs(Select, { items: METHODS, value: form.watch("method"), onValueChange: (v) => form.setValue("method", v), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: METHODS.map((m) => (_jsx(SelectItem, { value: m.value, children: m.label }, m.value))) })] })] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Provider" }), _jsx(Input, { ...form.register("provider"), placeholder: "Optional" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "External Reference" }), _jsx(Input, { ...form.register("externalReference"), placeholder: "Optional" })] })] })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { type: "button", variant: "ghost", onClick: () => onOpenChange(false), children: "Cancel" }), _jsxs(Button, { type: "submit", disabled: form.formState.isSubmitting, children: [form.formState.isSubmitting && _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), "Record Signature"] })] })] })] }) }));
+}

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+export { AttachmentDialog } from "./components/attachment-dialog";
+export { BookingContractCard, type BookingContractCardLabels, type BookingContractCardProps, } from "./components/booking-contract-card";
+export { PolicyRuleDialog, type RuleData } from "./components/policy-rule-dialog";
+export { PolicyVersionDialog } from "./components/policy-version-dialog";
+export { SignatureDialog } from "./components/signature-dialog";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAA;AACjE,OAAO,EACL,mBAAmB,EACnB,KAAK,yBAAyB,EAC9B,KAAK,wBAAwB,GAC9B,MAAM,oCAAoC,CAAA;AAC3C,OAAO,EAAE,gBAAgB,EAAE,KAAK,QAAQ,EAAE,MAAM,iCAAiC,CAAA;AACjF,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAA;AACxE,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA"}

package/dist/index.js

@@ -0,0 +1,5 @@
+export { AttachmentDialog } from "./components/attachment-dialog";
+export { BookingContractCard, } from "./components/booking-contract-card";
+export { PolicyRuleDialog } from "./components/policy-rule-dialog";
+export { PolicyVersionDialog } from "./components/policy-version-dialog";
+export { SignatureDialog } from "./components/signature-dialog";

package/package.json

@@ -0,0 +1,66 @@
+{
+  "name": "@voyantjs/legal-ui",
+  "version": "0.13.0",
+  "license": "FSL-1.1-Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/voyantjs/voyant.git",
+    "directory": "packages/legal-ui"
+  },
+  "type": "module",
+  "sideEffects": false,
+  "exports": {
+    ".": "./src/index.ts",
+    "./components/*": "./src/components/*.tsx"
+  },
+  "scripts": {
+    "build": "tsc -p tsconfig.build.json",
+    "clean": "rm -rf dist",
+    "prepack": "pnpm run build",
+    "typecheck": "tsc --noEmit",
+    "lint": "biome check src/",
+    "test": "vitest run --passWithNoTests"
+  },
+  "peerDependencies": {
+    "@tanstack/react-query": "^5.0.0",
+    "@voyantjs/legal-react": "workspace:*",
+    "@voyantjs/voyant-ui": "workspace:*",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "react-hook-form": "^7.60.0",
+    "zod": "^3.25.76"
+  },
+  "devDependencies": {
+    "@tanstack/react-query": "^5.96.2",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "@voyantjs/legal-react": "workspace:*",
+    "@voyantjs/voyant-typescript-config": "workspace:*",
+    "@voyantjs/voyant-ui": "workspace:*",
+    "lucide-react": "^0.475.0",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
+    "react-hook-form": "^7.60.0",
+    "typescript": "^6.0.2",
+    "vitest": "^4.1.2",
+    "zod": "^3.25.76"
+  },
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public",
+    "exports": {
+      ".": {
+        "types": "./dist/index.d.ts",
+        "import": "./dist/index.js"
+      },
+      "./components/*": {
+        "types": "./dist/components/*.d.ts",
+        "import": "./dist/components/*.js"
+      }
+    },
+    "main": "./dist/index.js",
+    "types": "./dist/index.d.ts"
+  }
+}