@voyant-travel/legal-react 0.119.2

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

@@ -0,0 +1,101 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Dialog, DialogBody, DialogContent, DialogFooter, DialogHeader, DialogTitle, Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@voyant-travel/ui/components";
+import { CurrencyCombobox } from "@voyant-travel/ui/components/currency-combobox";
+import { CurrencyInput } from "@voyant-travel/ui/components/currency-input";
+import { zodResolver } from "@voyant-travel/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 { useLegalUiMessagesOrDefault } from "../i18n/index.js";
+import { legalRefundTypes, legalRuleTypes, } from "../i18n/messages.js";
+import { useLegalPolicyRuleMutation } from "../index.js";
+function createRuleFormSchema(messages) {
+    return z.object({
+        ruleType: z.enum(legalRuleTypes),
+        label: z.string().optional(),
+        daysBeforeDeparture: z.coerce.number().int().optional(),
+        refundPercent: z.coerce
+            .number()
+            .int()
+            .min(0, messages.policyRuleDialog.validation.refundPercentMin)
+            .max(10000, messages.policyRuleDialog.validation.refundPercentMax)
+            .optional(),
+        refundType: z.enum(legalRefundTypes).optional(),
+        flatAmountCents: z.coerce.number().int().optional(),
+        currency: z.string().optional(),
+        sortOrder: z.coerce.number().int().optional(),
+    });
+}
+export function PolicyRuleDialog({ open, onOpenChange, versionId, rule, onSuccess, }) {
+    const isEditing = !!rule;
+    const { create, update } = useLegalPolicyRuleMutation();
+    const messages = useLegalUiMessagesOrDefault();
+    const ruleFormSchema = createRuleFormSchema(messages);
+    const ruleTypeItems = legalRuleTypes.map((value) => ({
+        value,
+        label: messages.policyRuleDialog.ruleTypeLabels[value],
+    }));
+    const refundTypeItems = legalRefundTypes.map((value) => ({
+        value,
+        label: messages.policyRuleDialog.refundTypeLabels[value],
+    }));
+    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
+                            ? messages.policyRuleDialog.titles.edit
+                            : messages.policyRuleDialog.titles.create }) }), _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: messages.policyRuleDialog.fields.ruleType }), _jsxs(Select, { items: ruleTypeItems, value: form.watch("ruleType"), onValueChange: (v) => form.setValue("ruleType", v, { shouldValidate: true }), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: ruleTypeItems.map((t) => (_jsx(SelectItem, { value: t.value, children: t.label }, t.value))) })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.policyRuleDialog.fields.sortOrder }), _jsx(Input, { ...form.register("sortOrder"), type: "number" })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.policyRuleDialog.fields.label }), _jsx(Input, { ...form.register("label"), placeholder: messages.policyRuleDialog.placeholders.label })] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.policyRuleDialog.fields.daysBeforeDeparture }), _jsx(Input, { ...form.register("daysBeforeDeparture"), type: "number", placeholder: messages.policyRuleDialog.placeholders.daysBeforeDeparture })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.policyRuleDialog.fields.refundPercent }), _jsx(Input, { ...form.register("refundPercent"), type: "number", placeholder: messages.policyRuleDialog.placeholders.refundPercent })] })] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.policyRuleDialog.fields.refundType }), _jsxs(Select, { items: refundTypeItems, value: form.watch("refundType") ?? "", onValueChange: (v) => form.setValue("refundType", (v || undefined)), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, { placeholder: messages.common.selectPlaceholder }) }), _jsx(SelectContent, { children: refundTypeItems.map((t) => (_jsx(SelectItem, { value: t.value, children: t.label }, t.value))) })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.policyRuleDialog.fields.currency }), _jsx(CurrencyCombobox, { value: form.watch("currency") || null, onChange: (next) => form.setValue("currency", next ?? "EUR" /* i18n-literal-ok domain default currency */, {
+                                                        shouldValidate: true,
+                                                        shouldDirty: true,
+                                                    }) })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.policyRuleDialog.fields.flatAmountCents }), _jsx(CurrencyInput, { value: form.watch("flatAmountCents"), onChange: (next) => form.setValue("flatAmountCents", next ?? undefined, {
+                                                shouldDirty: true,
+                                                shouldValidate: true,
+                                            }), currency: form.watch("currency"), placeholder: messages.policyRuleDialog.placeholders.flatAmountCents })] })] }), _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: "mr-2 h-4 w-4 animate-spin" }), isEditing ? messages.common.saveChanges : messages.policyRuleDialog.actions.create] })] })] })] }) }));
+}

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

@@ -0,0 +1,11 @@
+import { type LegalPolicyVersionRecord } from "../index.js";
+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":"AAkBA,OAAO,EAAE,KAAK,wBAAwB,EAAiC,MAAM,aAAa,CAAA;AAa1F,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,2CA2F1B"}

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

@@ -0,0 +1,62 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Dialog, DialogBody, DialogContent, DialogFooter, DialogHeader, DialogTitle, Input, Label, } from "@voyant-travel/ui/components";
+import { RichTextEditor } from "@voyant-travel/ui/components/rich-text-editor";
+import { zodResolver } from "@voyant-travel/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 { useLegalUiMessagesOrDefault } from "../i18n/index.js";
+import { useLegalPolicyVersionMutation } from "../index.js";
+function createVersionFormSchema(messages) {
+    return z.object({
+        title: z.string().min(1, messages.policyVersionDialog.validation.titleRequired),
+        body: z.string().optional(),
+    });
+}
+export function PolicyVersionDialog({ open, onOpenChange, policyId, version, onSuccess, }) {
+    const isEditing = !!version;
+    const { create, update } = useLegalPolicyVersionMutation();
+    const messages = useLegalUiMessagesOrDefault();
+    const versionFormSchema = createVersionFormSchema(messages);
+    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
+                            ? messages.policyVersionDialog.titles.edit
+                            : messages.policyVersionDialog.titles.create }) }), _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: messages.policyVersionDialog.fields.title }), _jsx(Input, { ...form.register("title"), placeholder: messages.policyVersionDialog.placeholders.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: messages.policyVersionDialog.fields.body }), _jsx(RichTextEditor, { value: form.watch("body") ?? "", onChange: (value) => form.setValue("body", value, {
+                                                shouldDirty: true,
+                                                shouldTouch: true,
+                                                shouldValidate: true,
+                                            }), placeholder: messages.policyVersionDialog.placeholders.body })] })] }), _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: "mr-2 h-4 w-4 animate-spin" }), isEditing
+                                            ? messages.common.saveChanges
+                                            : messages.policyVersionDialog.actions.create] })] })] })] }) }));
+}

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":"AA4CA,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;AAED,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,SAAS,GACV,EAAE,oBAAoB,2CAoItB"}

package/dist/components/signature-dialog.js

@@ -0,0 +1,64 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Dialog, DialogBody, DialogContent, DialogFooter, DialogHeader, DialogTitle, Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@voyant-travel/ui/components";
+import { zodResolver } from "@voyant-travel/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 { useLegalUiMessagesOrDefault } from "../i18n/index.js";
+import { legalSignatureMethods } from "../i18n/messages.js";
+import { useLegalContractSignatureMutation } from "../index.js";
+function createSignatureFormSchema(messages) {
+    return z.object({
+        signerName: z.string().min(1, messages.signatureDialog.validation.signerNameRequired),
+        signerEmail: z
+            .string()
+            .email(messages.signatureDialog.validation.signerEmailInvalid)
+            .optional()
+            .or(z.literal("")),
+        signerRole: z.string().optional(),
+        method: z.enum(legalSignatureMethods),
+        provider: z.string().optional(),
+        externalReference: z.string().optional(),
+    });
+}
+export function SignatureDialog({ open, onOpenChange, contractId, onSuccess, }) {
+    const { create } = useLegalContractSignatureMutation();
+    const messages = useLegalUiMessagesOrDefault();
+    const signatureFormSchema = createSignatureFormSchema(messages);
+    const methodItems = legalSignatureMethods.map((value) => ({
+        value,
+        label: messages.signatureDialog.methodLabels[value],
+    }));
+    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: messages.signatureDialog.title }) }), _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: messages.signatureDialog.fields.signerName }), _jsx(Input, { ...form.register("signerName"), placeholder: messages.signatureDialog.placeholders.signerName }), 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: messages.signatureDialog.fields.signerEmail }), _jsx(Input, { ...form.register("signerEmail"), type: "email", placeholder: messages.signatureDialog.placeholders.signerEmail })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.signatureDialog.fields.signerRole }), _jsx(Input, { ...form.register("signerRole"), placeholder: messages.signatureDialog.placeholders.signerRole })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.signatureDialog.fields.method }), _jsxs(Select, { items: methodItems, value: form.watch("method"), onValueChange: (v) => form.setValue("method", v, { shouldValidate: true }), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: methodItems.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: messages.signatureDialog.fields.provider }), _jsx(Input, { ...form.register("provider"), placeholder: messages.signatureDialog.placeholders.provider })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.signatureDialog.fields.externalReference }), _jsx(Input, { ...form.register("externalReference"), placeholder: messages.signatureDialog.placeholders.externalReference })] })] })] }), _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: "mr-2 h-4 w-4 animate-spin" }), messages.signatureDialog.actions.submit] })] })] })] }) }));
+}

package/dist/components/template-detail-page.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from "react";
+import type { TemplateDialogRenderProps, TemplateVersionDialogRenderProps } from "./templates-page.js";
+export interface TemplateDetailPageProps {
+    id: string;
+    onBackToTemplates?: () => void;
+    renderTemplateDialog?: (props: TemplateDialogRenderProps) => ReactNode;
+    renderTemplateVersionDialog?: (props: TemplateVersionDialogRenderProps) => ReactNode;
+}
+export declare function TemplateDetailPage({ id, onBackToTemplates, renderTemplateDialog, renderTemplateVersionDialog, }: TemplateDetailPageProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=template-detail-page.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"template-detail-page.d.ts","sourceRoot":"","sources":["../../src/components/template-detail-page.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAWtC,OAAO,KAAK,EACV,yBAAyB,EACzB,gCAAgC,EACjC,MAAM,qBAAqB,CAAA;AAE5B,MAAM,WAAW,uBAAuB;IACtC,EAAE,EAAE,MAAM,CAAA;IACV,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAA;IAC9B,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,yBAAyB,KAAK,SAAS,CAAA;IACtE,2BAA2B,CAAC,EAAE,CAAC,KAAK,EAAE,gCAAgC,KAAK,SAAS,CAAA;CACrF;AAED,wBAAgB,kBAAkB,CAAC,EACjC,EAAE,EACF,iBAAiB,EACjB,oBAAoB,EACpB,2BAA2B,GAC5B,EAAE,uBAAuB,2CAyNzB"}

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

@@ -0,0 +1,84 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useQueryClient } from "@tanstack/react-query";
+import { formatMessage } from "@voyant-travel/i18n";
+import { Badge, Button, Card, CardContent, CardHeader, CardTitle, ContractTemplateAuthoringHelp, } from "@voyant-travel/ui/components";
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "@voyant-travel/ui/components/table";
+import { ArrowLeft, Pencil, Plus, Trash2 } from "lucide-react";
+import { useMemo, useState } from "react";
+import { useLegalUiI18nOrDefault, useLegalUiMessagesOrDefault } from "../i18n/index.js";
+import { legalQueryKeys, useLegalContractTemplate, useLegalContractTemplateAuthoring, useLegalContractTemplateMutation, useLegalContractTemplateVersions, } from "../index.js";
+export function TemplateDetailPage({ id, onBackToTemplates, renderTemplateDialog, renderTemplateVersionDialog, }) {
+    const queryClient = useQueryClient();
+    const i18n = useLegalUiI18nOrDefault();
+    const messages = useLegalUiMessagesOrDefault();
+    const f = messages.templateDetailPage;
+    const { remove } = useLegalContractTemplateMutation();
+    const { variableCatalog, liquidSnippets } = useLegalContractTemplateAuthoring();
+    const [editOpen, setEditOpen] = useState(false);
+    const [versionDialogOpen, setVersionDialogOpen] = useState(false);
+    const variableGroups = useMemo(() => variableCatalog.map((group) => ({
+        ...group,
+        variables: group.variables.map((variable) => ({
+            ...variable,
+            example: String(variable.example),
+        })),
+    })), [variableCatalog]);
+    const { data: template, isPending } = useLegalContractTemplate(id);
+    const { data: versions } = useLegalContractTemplateVersions({ templateId: id });
+    if (isPending) {
+        return (_jsx("div", { className: "flex flex-col gap-6 p-6", children: _jsx("div", { className: "rounded-md border border-dashed p-8 text-center", children: _jsx("p", { className: "text-sm text-muted-foreground", children: messages.common.loading }) }) }));
+    }
+    if (!template) {
+        return (_jsxs("div", { className: "flex flex-col items-center justify-center gap-4 py-12", children: [_jsx("p", { className: "text-muted-foreground", children: f.notFound }), onBackToTemplates ? (_jsx(Button, { variant: "outline", onClick: onBackToTemplates, children: f.backToTemplates })) : null] }));
+    }
+    const currentVersion = versions?.find((version) => version.id === template.currentVersionId) ?? versions?.[0] ?? null;
+    const invalidateTemplate = () => Promise.all([
+        queryClient.invalidateQueries({ queryKey: legalQueryKeys.templates() }),
+        queryClient.invalidateQueries({ queryKey: legalQueryKeys.template(template.id) }),
+        queryClient.invalidateQueries({
+            queryKey: legalQueryKeys.templateVersions(template.id),
+        }),
+    ]);
+    return (_jsxs("div", { className: "flex flex-col gap-6 p-6", children: [_jsxs("div", { className: "flex items-center gap-4", children: [onBackToTemplates ? (_jsx(Button, { variant: "ghost", size: "icon", onClick: onBackToTemplates, children: _jsx(ArrowLeft, { className: "size-4", "aria-hidden": "true" }) })) : null, _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("h1", { className: "text-2xl font-bold tracking-tight", children: template.name }), _jsxs("div", { className: "mt-1 flex flex-wrap items-center gap-2", children: [_jsx("span", { className: "font-mono text-xs text-muted-foreground", children: template.slug }), _jsx(Badge, { variant: "outline", children: messages.common.contractScopeLabels[template.scope] ?? template.scope }), _jsx(Badge, { variant: template.active ? "default" : "secondary", children: template.active ? messages.common.active : messages.common.inactive })] })] }), _jsxs("div", { className: "flex items-center gap-2", children: [renderTemplateDialog ? (_jsxs(Button, { variant: "outline", size: "sm", onClick: () => setEditOpen(true), children: [_jsx(Pencil, { className: "mr-2 size-4", "aria-hidden": "true" }), messages.common.edit] })) : null, renderTemplateVersionDialog ? (_jsxs(Button, { size: "sm", onClick: () => setVersionDialogOpen(true), children: [_jsx(Plus, { className: "mr-2 size-4", "aria-hidden": "true" }), f.actions.addVersion] })) : null, _jsxs(Button, { variant: "destructive", size: "sm", onClick: () => {
+                                    if (confirm(formatMessage(f.deleteConfirm, { name: template.name }))) {
+                                        remove.mutate(template.id, {
+                                            onSuccess: () => {
+                                                onBackToTemplates?.();
+                                            },
+                                        });
+                                    }
+                                }, disabled: remove.isPending, children: [_jsx(Trash2, { className: "mr-2 size-4", "aria-hidden": "true" }), messages.common.delete] })] })] }), _jsxs("div", { className: "grid gap-6 md:grid-cols-2", children: [_jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: f.sections.details }) }), _jsxs(CardContent, { className: "grid gap-3 text-sm", children: [_jsx(DetailRow, { label: f.fields.language, children: template.language }), template.currentVersionId ? (_jsx(DetailRow, { label: f.fields.currentVersionId, children: _jsx("span", { className: "font-mono text-xs", children: template.currentVersionId }) })) : null, _jsx(DetailRow, { label: f.fields.created, children: i18n.formatDate(template.createdAt) }), _jsx(DetailRow, { label: f.fields.updated, children: i18n.formatDate(template.updatedAt) })] })] }), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: f.sections.description }) }), _jsx(CardContent, { className: "text-sm text-muted-foreground", children: template.description?.trim() ? template.description : f.empty.noDescription })] })] }), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: f.sections.currentBody }) }), _jsx(CardContent, { children: _jsx(TemplateBodyPreview, { body: template.body }) })] }), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: f.sections.variables }) }), _jsx(CardContent, { children: _jsx(ContractTemplateAuthoringHelp, { variableGroups: variableGroups, snippets: liquidSnippets, description: f.variablesDescription }) })] }), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: f.sections.versions }) }), _jsx(CardContent, { children: !versions || versions.length === 0 ? (_jsx("p", { className: "py-4 text-center text-sm text-muted-foreground", children: f.empty.noVersions })) : (_jsx("div", { className: "overflow-hidden rounded border bg-background", children: _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: f.fields.version }), _jsx(TableHead, { children: f.fields.changelog }), _jsx(TableHead, { children: f.fields.createdBy }), _jsx(TableHead, { children: f.fields.createdAt })] }) }), _jsx(TableBody, { children: versions.map((version) => (_jsx(TemplateVersionRow, { version: version, isCurrent: version.id === currentVersion?.id }, version.id))) })] }) })) })] }), renderTemplateDialog?.({
+                open: editOpen,
+                onOpenChange: setEditOpen,
+                template,
+                onSuccess: () => {
+                    setEditOpen(false);
+                    void invalidateTemplate();
+                },
+            }), renderTemplateVersionDialog?.({
+                open: versionDialogOpen,
+                onOpenChange: setVersionDialogOpen,
+                templateId: template.id,
+                onSuccess: () => {
+                    setVersionDialogOpen(false);
+                    void invalidateTemplate();
+                },
+            })] }));
+}
+function DetailRow({ label, children }) {
+    return (_jsxs("div", { children: [_jsxs("span", { className: "text-muted-foreground", children: [label, ":"] }), " ", _jsx("span", { children: children })] }));
+}
+function TemplateBodyPreview({ body }) {
+    if (!body.trim().startsWith("<")) {
+        return (_jsx("div", { className: "max-h-[70vh] overflow-auto rounded-md border bg-muted/30 p-4", children: _jsx("pre", { className: "whitespace-pre-wrap text-sm", children: body }) }));
+    }
+    return (_jsx("div", { className: "prose prose-sm max-h-[70vh] max-w-none overflow-auto rounded-md border bg-muted/30 p-4 [&_.variable-node]:inline-flex [&_.variable-node]:items-center [&_.variable-node]:rounded-md [&_.variable-node]:border [&_.variable-node]:border-emerald-500/30 [&_.variable-node]:bg-emerald-500/10 [&_.variable-node]:px-1.5 [&_.variable-node]:py-0.5 [&_.variable-node]:font-mono [&_.variable-node]:text-xs [&_.variable-node]:text-emerald-200", 
+        // biome-ignore lint/security/noDangerouslySetInnerHtml: Template body is trusted admin-authored HTML rendered for preview. -- owner: legal-react; existing suppression is intentional pending typed cleanup.
+        dangerouslySetInnerHTML: { __html: body } }));
+}
+function TemplateVersionRow({ version, isCurrent, }) {
+    const i18n = useLegalUiI18nOrDefault();
+    const messages = useLegalUiMessagesOrDefault();
+    const f = messages.templateDetailPage;
+    return (_jsxs(TableRow, { children: [_jsx(TableCell, { children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs("span", { className: "font-mono", children: ["v", version.version] }), isCurrent ? _jsx(Badge, { variant: "secondary", children: f.currentBadge }) : null] }) }), _jsx(TableCell, { children: version.changelog ?? messages.common.noResultsDash }), _jsx(TableCell, { children: version.createdBy ?? messages.common.noResultsDash }), _jsx(TableCell, { children: i18n.formatDateTime(version.createdAt) })] }));
+}

package/dist/components/templates-page.d.ts

@@ -0,0 +1,27 @@
+import type { ReactNode } from "react";
+import { type LegalContractTemplateRecord } from "../index.js";
+export interface TemplateDialogRenderProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    template?: LegalContractTemplateRecord;
+    onSuccess: () => void;
+}
+/**
+ * Render-prop shape for the template version dialog. Templates' index
+ * page no longer surfaces an "Add version" action (versions are managed
+ * on the template detail page), but the type is still exported for the
+ * detail page to reuse.
+ */
+export interface TemplateVersionDialogRenderProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    templateId: string;
+    onSuccess: () => void;
+}
+export interface TemplatesPageProps {
+    className?: string;
+    onOpenTemplate?: (templateId: string) => void;
+    renderTemplateDialog?: (props: TemplateDialogRenderProps) => ReactNode;
+}
+export declare function TemplatesPage({ className, onOpenTemplate, renderTemplateDialog, }?: TemplatesPageProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=templates-page.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"templates-page.d.ts","sourceRoot":"","sources":["../../src/components/templates-page.tsx"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAItC,OAAO,EACL,KAAK,2BAA2B,EAGjC,MAAM,aAAa,CAAA;AAIpB,MAAM,WAAW,yBAAyB;IACxC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,QAAQ,CAAC,EAAE,2BAA2B,CAAA;IACtC,SAAS,EAAE,MAAM,IAAI,CAAA;CACtB;AAED;;;;;GAKG;AACH,MAAM,WAAW,gCAAgC;IAC/C,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;AAED,MAAM,WAAW,kBAAkB;IACjC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7C,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,yBAAyB,KAAK,SAAS,CAAA;CACvE;AAED,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,cAAc,EACd,oBAAoB,GACrB,GAAE,kBAAuB,2CAyNzB"}

package/dist/components/templates-page.js

@@ -0,0 +1,65 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { formatMessage } from "@voyant-travel/i18n";
+import { Badge, Button, Input, Label, Popover, PopoverContent, PopoverTrigger, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@voyant-travel/ui/components";
+import { Skeleton } from "@voyant-travel/ui/components/skeleton";
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "@voyant-travel/ui/components/table";
+import { cn } from "@voyant-travel/ui/lib/utils";
+import { ListFilter, Pencil, Plus, Search, Trash2, X } from "lucide-react";
+import { useState } from "react";
+import { useLegalUiI18nOrDefault, useLegalUiMessagesOrDefault } from "../i18n/index.js";
+import { legalContractScopes } from "../i18n/messages.js";
+import { useLegalContractTemplateMutation, useLegalContractTemplates, } from "../index.js";
+const SCOPE_ALL = "__all__";
+export function TemplatesPage({ className, onOpenTemplate, renderTemplateDialog, } = {}) {
+    const i18n = useLegalUiI18nOrDefault();
+    const messages = useLegalUiMessagesOrDefault();
+    const f = messages.templatesPage;
+    const [search, setSearch] = useState("");
+    const [scope, setScope] = useState(SCOPE_ALL);
+    const [dialogOpen, setDialogOpen] = useState(false);
+    const [editingTemplate, setEditingTemplate] = useState();
+    const [filtersOpen, setFiltersOpen] = useState(false);
+    const { remove } = useLegalContractTemplateMutation();
+    const activeFilterCount = scope !== SCOPE_ALL ? 1 : 0;
+    const hasActiveFilters = activeFilterCount > 0 || search !== "";
+    const clearFilters = () => {
+        setSearch("");
+        setScope(SCOPE_ALL);
+    };
+    const { data, isPending, isFetching, isError, refetch } = useLegalContractTemplates({
+        search,
+        scope: scope === SCOPE_ALL ? "all" : scope,
+    });
+    const templates = data?.data ?? [];
+    const showSkeleton = isPending || (isFetching && templates.length === 0);
+    const canEditTemplates = !!renderTemplateDialog;
+    return (_jsxs("div", { className: cn("flex flex-col gap-6 p-6", className), children: [_jsx("div", { children: _jsx("h1", { className: "text-2xl font-bold tracking-tight", children: f.title }) }), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsxs("div", { className: "relative min-w-[14rem] flex-1", children: [_jsx(Label, { htmlFor: "templates-search", className: "sr-only", children: f.searchPlaceholder }), _jsx(Search, { className: "absolute left-3 top-1/2 size-4 -translate-y-1/2 text-muted-foreground", "aria-hidden": "true" }), _jsx(Input, { id: "templates-search", placeholder: f.searchPlaceholder, value: search, onChange: (event) => setSearch(event.target.value), className: "pl-9" })] }), _jsxs(Popover, { open: filtersOpen, onOpenChange: setFiltersOpen, children: [_jsx(PopoverTrigger, { render: _jsxs(Button, { variant: "outline", size: "default", children: [_jsx(ListFilter, { className: "mr-2 size-4" }), f.filters.button, activeFilterCount > 0 && (_jsx(Badge, { variant: "secondary", className: "ml-2 px-1.5", children: activeFilterCount }))] }) }), _jsx(PopoverContent, { align: "start", className: "w-[22rem] p-4", children: _jsx("div", { className: "flex flex-col gap-4", children: _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "templates-filter-scope", children: f.filters.scope }), _jsxs(Select, { value: scope, onValueChange: (value) => setScope(value ?? SCOPE_ALL), children: [_jsx(SelectTrigger, { id: "templates-filter-scope", className: "w-full", children: _jsx(SelectValue, { children: (value) => value === SCOPE_ALL
+                                                                ? f.filters.allScopes
+                                                                : (messages.common.contractScopeLabels[value] ?? value) }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: SCOPE_ALL, children: f.filters.allScopes }), legalContractScopes.map((value) => (_jsx(SelectItem, { value: value, children: messages.common.contractScopeLabels[value] }, value)))] })] })] }) }) })] }), hasActiveFilters && (_jsxs(Button, { variant: "ghost", size: "sm", onClick: clearFilters, children: [_jsx(X, { className: "mr-1 size-4" }), f.filters.clear] })), renderTemplateDialog ? (_jsx("div", { className: "ml-auto", children: _jsxs(Button, { onClick: () => {
+                                setEditingTemplate(undefined);
+                                setDialogOpen(true);
+                            }, children: [_jsx(Plus, { className: "mr-1 size-4", "aria-hidden": "true" }), f.create] }) })) : null] }), _jsx("div", { className: "rounded-md border", children: _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: f.columns.name }), _jsx(TableHead, { children: f.columns.scope }), _jsx(TableHead, { children: f.columns.status }), _jsx(TableHead, { children: f.columns.created }), _jsx(TableHead, { className: "w-20 text-right", children: "\u00A0" })] }) }), _jsx(TableBody, { children: showSkeleton ? (_jsx(TemplateRowSkeleton, { rows: 6 })) : isError ? (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: 5, className: "h-24 text-center text-sm text-destructive", children: f.loadFailed }) })) : templates.length === 0 ? (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: 5, className: "h-24 text-center text-sm text-muted-foreground", children: f.empty }) })) : (templates.map((template) => {
+                                const scopeLabel = messages.common.contractScopeLabels[template.scope] ?? template.scope;
+                                const handleOpen = onOpenTemplate ? () => onOpenTemplate(template.id) : undefined;
+                                return (_jsxs(TableRow, { onClick: handleOpen, className: cn(handleOpen && "cursor-pointer"), children: [_jsx(TableCell, { children: _jsx("span", { className: "font-medium", children: template.name }) }), _jsx(TableCell, { children: _jsx(Badge, { variant: "outline", children: scopeLabel }) }), _jsx(TableCell, { children: _jsx(Badge, { variant: template.active ? "default" : "secondary", children: template.active ? messages.common.active : messages.common.inactive }) }), _jsx(TableCell, { className: "text-muted-foreground text-xs", children: i18n.formatDate(template.createdAt) }), _jsx(TableCell, { className: "text-right", onClick: (event) => event.stopPropagation(), children: _jsxs("div", { className: "inline-flex items-center gap-1", children: [canEditTemplates ? (_jsx(Button, { variant: "ghost", size: "sm", onClick: () => {
+                                                            setEditingTemplate(template);
+                                                            setDialogOpen(true);
+                                                        }, children: _jsx(Pencil, { className: "size-3.5", "aria-hidden": "true" }) })) : null, _jsx(Button, { variant: "ghost", size: "sm", onClick: () => {
+                                                            if (confirm(formatMessage(f.deleteConfirm, { name: template.name }))) {
+                                                                remove.mutate(template.id, { onSuccess: () => void refetch() });
+                                                            }
+                                                        }, children: _jsx(Trash2, { className: "size-3.5", "aria-hidden": "true" }) })] }) })] }, template.id));
+                            })) })] }) }), renderTemplateDialog?.({
+                open: dialogOpen,
+                onOpenChange: setDialogOpen,
+                template: editingTemplate,
+                onSuccess: () => {
+                    setDialogOpen(false);
+                    setEditingTemplate(undefined);
+                    void refetch();
+                },
+            })] }));
+}
+function TemplateRowSkeleton({ rows }) {
+    return (_jsx(_Fragment, { children: Array.from({ length: rows }).map((_, index) => (_jsxs(TableRow, { children: [_jsx(TableCell, { children: _jsx(Skeleton, { className: "h-4 w-48" }) }), _jsx(TableCell, { children: _jsx(Skeleton, { className: "h-5 w-20 rounded-full" }) }), _jsx(TableCell, { children: _jsx(Skeleton, { className: "h-5 w-16 rounded-full" }) }), _jsx(TableCell, { children: _jsx(Skeleton, { className: "h-4 w-24" }) }), _jsx(TableCell, { children: _jsx(Skeleton, { className: "h-4 w-12" }) })] }, `template-skeleton-${index}`))) }));
+}

package/dist/hooks/index.d.ts

@@ -0,0 +1,31 @@
+export * from "./use-contract.js";
+export * from "./use-contract-attachment-mutation.js";
+export * from "./use-contract-attachments.js";
+export * from "./use-contract-mutation.js";
+export * from "./use-contract-signature-mutation.js";
+export * from "./use-contract-signatures.js";
+export * from "./use-contract-template.js";
+export * from "./use-contract-template-authoring.js";
+export * from "./use-contract-template-mutation.js";
+export * from "./use-contract-template-version-mutation.js";
+export * from "./use-contract-template-versions.js";
+export * from "./use-contract-templates.js";
+export * from "./use-contracts.js";
+export * from "./use-default-contract-template.js";
+export * from "./use-evaluate-cancellation.js";
+export * from "./use-number-series.js";
+export * from "./use-number-series-mutation.js";
+export * from "./use-policies.js";
+export * from "./use-policy.js";
+export * from "./use-policy-acceptances.js";
+export * from "./use-policy-assignment-mutation.js";
+export * from "./use-policy-assignments.js";
+export * from "./use-policy-mutation.js";
+export * from "./use-policy-rule-mutation.js";
+export * from "./use-policy-rules.js";
+export * from "./use-policy-version-mutation.js";
+export * from "./use-policy-versions.js";
+export * from "./use-resolve-policy.js";
+export * from "./use-term.js";
+export * from "./use-terms.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA;AACjC,cAAc,uCAAuC,CAAA;AACrD,cAAc,+BAA+B,CAAA;AAC7C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,sCAAsC,CAAA;AACpD,cAAc,8BAA8B,CAAA;AAC5C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,sCAAsC,CAAA;AACpD,cAAc,qCAAqC,CAAA;AACnD,cAAc,6CAA6C,CAAA;AAC3D,cAAc,qCAAqC,CAAA;AACnD,cAAc,6BAA6B,CAAA;AAC3C,cAAc,oBAAoB,CAAA;AAClC,cAAc,oCAAoC,CAAA;AAClD,cAAc,gCAAgC,CAAA;AAC9C,cAAc,wBAAwB,CAAA;AACtC,cAAc,iCAAiC,CAAA;AAC/C,cAAc,mBAAmB,CAAA;AACjC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,6BAA6B,CAAA;AAC3C,cAAc,qCAAqC,CAAA;AACnD,cAAc,6BAA6B,CAAA;AAC3C,cAAc,0BAA0B,CAAA;AACxC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,uBAAuB,CAAA;AACrC,cAAc,kCAAkC,CAAA;AAChD,cAAc,0BAA0B,CAAA;AACxC,cAAc,yBAAyB,CAAA;AACvC,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA"}

package/dist/hooks/index.js

@@ -0,0 +1,30 @@
+export * from "./use-contract.js";
+export * from "./use-contract-attachment-mutation.js";
+export * from "./use-contract-attachments.js";
+export * from "./use-contract-mutation.js";
+export * from "./use-contract-signature-mutation.js";
+export * from "./use-contract-signatures.js";
+export * from "./use-contract-template.js";
+export * from "./use-contract-template-authoring.js";
+export * from "./use-contract-template-mutation.js";
+export * from "./use-contract-template-version-mutation.js";
+export * from "./use-contract-template-versions.js";
+export * from "./use-contract-templates.js";
+export * from "./use-contracts.js";
+export * from "./use-default-contract-template.js";
+export * from "./use-evaluate-cancellation.js";
+export * from "./use-number-series.js";
+export * from "./use-number-series-mutation.js";
+export * from "./use-policies.js";
+export * from "./use-policy.js";
+export * from "./use-policy-acceptances.js";
+export * from "./use-policy-assignment-mutation.js";
+export * from "./use-policy-assignments.js";
+export * from "./use-policy-mutation.js";
+export * from "./use-policy-rule-mutation.js";
+export * from "./use-policy-rules.js";
+export * from "./use-policy-version-mutation.js";
+export * from "./use-policy-versions.js";
+export * from "./use-resolve-policy.js";
+export * from "./use-term.js";
+export * from "./use-terms.js";