@voyant-travel/legal-react 0.119.2

package/dist/admin/templates-host.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Packaged admin host for the operator-grade contract templates list page
+ * (packaged-admin RFC Phase 3). Zero-prop: list state stays
+ * component-local, opening a row resolves through the
+ * `contractTemplate.detail` semantic destination, and the create/edit
+ * dialog (rich-text editor) stays lazily loaded inside the package.
+ */
+export declare function TemplatesHost(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=templates-host.d.ts.map

package/dist/admin/templates-host.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"templates-host.d.ts","sourceRoot":"","sources":["../../src/admin/templates-host.tsx"],"names":[],"mappings":"AAcA;;;;;;GAMG;AACH,wBAAgB,aAAa,4CAa5B"}

package/dist/admin/templates-host.js

@@ -0,0 +1,20 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useAdminNavigate } from "@voyant-travel/admin";
+import { lazy, Suspense } from "react";
+import { TemplatesPage } from "../components/templates-page.js";
+// Lazy-load: the template dialog pulls tiptap + prosemirror (~600 KB raw).
+// Keeping it out of the page chunk means the dialog modules + their
+// dependencies only download when the user opens the dialog.
+const TemplateDialog = lazy(() => import("./template-dialog.js").then((m) => ({ default: m.TemplateDialog })));
+/**
+ * Packaged admin host for the operator-grade contract templates list page
+ * (packaged-admin RFC Phase 3). Zero-prop: list state stays
+ * component-local, opening a row resolves through the
+ * `contractTemplate.detail` semantic destination, and the create/edit
+ * dialog (rich-text editor) stays lazily loaded inside the package.
+ */
+export function TemplatesHost() {
+    const navigateTo = useAdminNavigate();
+    return (_jsx(TemplatesPage, { onOpenTemplate: (id) => navigateTo("contractTemplate.detail", { templateId: id }), renderTemplateDialog: (props) => (_jsx(Suspense, { fallback: null, children: _jsx(TemplateDialog, { ...props }) })) }));
+}

package/dist/client.d.ts

@@ -0,0 +1,14 @@
+import type { z } from "zod";
+export type VoyantFetcher = (url: string, init?: RequestInit) => Promise<Response>;
+export declare const defaultFetcher: VoyantFetcher;
+export declare class VoyantApiError extends Error {
+    readonly status: number;
+    readonly body: unknown;
+    constructor(message: string, status: number, body: unknown);
+}
+export interface FetchWithValidationOptions {
+    baseUrl: string;
+    fetcher: VoyantFetcher;
+}
+export declare function fetchWithValidation<TOut>(path: string, schema: z.ZodType<TOut>, options: FetchWithValidationOptions, init?: RequestInit): Promise<TOut>;
+//# sourceMappingURL=client.d.ts.map

package/dist/client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../src/client.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,CAAC,EAAE,MAAM,KAAK,CAAA;AAE5B,MAAM,MAAM,aAAa,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,WAAW,KAAK,OAAO,CAAC,QAAQ,CAAC,CAAA;AAElF,eAAO,MAAM,cAAc,EAAE,aACoB,CAAA;AAEjD,qBAAa,cAAe,SAAQ,KAAK;IACvC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAA;gBAEV,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO;CAM3D;AAaD,MAAM,WAAW,0BAA0B;IACzC,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,aAAa,CAAA;CACvB;AAED,wBAAsB,mBAAmB,CAAC,IAAI,EAC5C,IAAI,EAAE,MAAM,EACZ,MAAM,EAAE,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,EACvB,OAAO,EAAE,0BAA0B,EACnC,IAAI,CAAC,EAAE,WAAW,GACjB,OAAO,CAAC,IAAI,CAAC,CA+Bf"}

package/dist/client.js

@@ -0,0 +1,69 @@
+export const defaultFetcher = (url, init) => fetch(url, { credentials: "include", ...init });
+export class VoyantApiError extends Error {
+    status;
+    body;
+    constructor(message, status, body) {
+        super(message);
+        this.name = "VoyantApiError";
+        this.status = status;
+        this.body = body;
+    }
+}
+function extractErrorMessage(status, statusText, body) {
+    if (typeof body === "object" && body !== null && "error" in body) {
+        const err = body.error;
+        if (typeof err === "string")
+            return err;
+        if (typeof err === "object" && err !== null && "message" in err) {
+            return String(err.message);
+        }
+    }
+    return `Voyant API error: ${status} ${statusText}`;
+}
+export async function fetchWithValidation(path, schema, options, init) {
+    const url = joinUrl(options.baseUrl, path);
+    const headers = new Headers(init?.headers);
+    const isFormDataBody = typeof FormData !== "undefined" && init?.body instanceof FormData;
+    if (init?.body !== undefined && !isFormDataBody && !headers.has("Content-Type")) {
+        headers.set("Content-Type", "application/json");
+    }
+    const response = await options.fetcher(url, { ...init, headers });
+    if (!response.ok) {
+        const body = await safeJson(response);
+        throw new VoyantApiError(extractErrorMessage(response.status, response.statusText, body), response.status, body);
+    }
+    if (response.status === 204)
+        return schema.parse(undefined);
+    const body = await safeJson(response);
+    const parsed = schema.safeParse(body);
+    if (!parsed.success) {
+        throw new VoyantApiError(`Voyant API response failed validation: ${parsed.error.message}`, response.status, body);
+    }
+    return parsed.data;
+}
+async function safeJson(response) {
+    const text = await response.text();
+    if (!text)
+        return undefined;
+    try {
+        return JSON.parse(text);
+    }
+    catch {
+        return text;
+    }
+}
+function joinUrl(baseUrl, path) {
+    const resolvedBaseUrl = resolveBaseUrl(baseUrl);
+    const trimmedBase = resolvedBaseUrl.endsWith("/") ? resolvedBaseUrl.slice(0, -1) : resolvedBaseUrl;
+    const trimmedPath = path.startsWith("/") ? path : `/${path}`;
+    return `${trimmedBase}${trimmedPath}`;
+}
+function resolveBaseUrl(baseUrl) {
+    if (baseUrl.trim()) {
+        return baseUrl;
+    }
+    if (typeof window !== "undefined") {
+        return `${window.location.origin}/api`;
+    }
+    return "http://localhost:3300/api";
+}

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

@@ -0,0 +1,11 @@
+import { type LegalContractAttachmentRecord } from "../index.js";
+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":"AAuBA,OAAO,EAAE,KAAK,6BAA6B,EAAsC,MAAM,aAAa,CAAA;AAqBpG,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,2CA8OvB"}

package/dist/components/attachment-dialog.js

@@ -0,0 +1,154 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } 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 { FileText, Loader2, Upload } from "lucide-react";
+import { useEffect, useRef, useState } from "react";
+import { useForm } from "react-hook-form";
+import { z } from "zod/v4";
+import { useLegalUiMessagesOrDefault } from "../i18n/index.js";
+import { useLegalContractAttachmentMutation } from "../index.js";
+const attachmentKindValues = ["document", "appendix", "scan"];
+function createAttachmentFormSchema(messages) {
+    return z.object({
+        name: z.string().min(1, messages.attachmentDialog.validation.nameRequired),
+        kind: z.string().min(1).optional(),
+        mimeType: z.string().optional(),
+        fileSize: z.preprocess((value) => (value === "" || value == null ? undefined : value), 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 { update, upload, replaceFile } = useLegalContractAttachmentMutation();
+    const messages = useLegalUiMessagesOrDefault();
+    const attachmentFormSchema = createAttachmentFormSchema(messages);
+    const fileInputRef = useRef(null);
+    const [selectedFile, setSelectedFile] = useState(null);
+    const [fileError, setFileError] = useState(null);
+    const [isDragging, setIsDragging] = useState(false);
+    const kindItems = attachmentKindValues.map((value) => ({
+        value,
+        label: messages.attachmentDialog.kindLabels[value],
+    }));
+    if (attachment?.kind && !attachmentKindValues.includes(attachment.kind)) {
+        kindItems.push({ value: attachment.kind, label: attachment.kind });
+    }
+    const form = useForm({
+        resolver: zodResolver(attachmentFormSchema),
+        defaultValues: {
+            name: "",
+            kind: "document", // i18n-literal-ok domain attachment kind
+            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 ?? "",
+            });
+            setSelectedFile(null);
+            setFileError(null);
+        }
+        else if (open) {
+            form.reset();
+            setSelectedFile(null);
+            setFileError(null);
+        }
+        setIsDragging(false);
+    }, [open, attachment, form]);
+    const applySelectedFile = (file) => {
+        setSelectedFile(file);
+        setFileError(null);
+        setIsDragging(false);
+        const currentName = form.getValues("name");
+        if (!currentName || currentName === attachment?.name) {
+            form.setValue("name", file.name, { shouldDirty: true, shouldValidate: true });
+        }
+        form.setValue("mimeType", file.type || "", { shouldDirty: true, shouldValidate: true });
+        form.setValue("fileSize", file.size, { shouldDirty: true, shouldValidate: true });
+    };
+    const onFileChange = (event) => {
+        const file = event.currentTarget.files?.[0];
+        if (!file)
+            return;
+        applySelectedFile(file);
+        event.currentTarget.value = "";
+    };
+    const onFileDrop = (event) => {
+        event.preventDefault();
+        event.stopPropagation();
+        const file = event.dataTransfer.files?.[0];
+        if (file)
+            applySelectedFile(file);
+    };
+    const onFileDragOver = (event) => {
+        event.preventDefault();
+        event.stopPropagation();
+        setIsDragging(true);
+    };
+    const onFileDragLeave = (event) => {
+        event.preventDefault();
+        event.stopPropagation();
+        setIsDragging(false);
+    };
+    const onSubmit = async (values) => {
+        const uploadInput = selectedFile
+            ? {
+                file: selectedFile,
+                name: values.name,
+                kind: values.kind || "document", // i18n-literal-ok domain attachment kind
+            }
+            : null;
+        if (uploadInput && isEditing && attachment) {
+            await replaceFile.mutateAsync({ contractId, id: attachment.id, input: uploadInput });
+            onSuccess();
+            return;
+        }
+        if (uploadInput) {
+            await upload.mutateAsync({ contractId, input: uploadInput });
+            onSuccess();
+            return;
+        }
+        if (!isEditing) {
+            setFileError(messages.attachmentDialog.validation.fileRequired);
+            return;
+        }
+        await update.mutateAsync({
+            contractId,
+            id: attachment.id,
+            input: {
+                name: values.name,
+                kind: values.kind || "document", // i18n-literal-ok domain attachment kind
+                mimeType: values.mimeType || undefined,
+                fileSize: values.fileSize,
+                storageKey: values.storageKey || undefined,
+                checksum: values.checksum || undefined,
+            },
+        });
+        onSuccess();
+    };
+    const isSubmitting = form.formState.isSubmitting || update.isPending || upload.isPending || replaceFile.isPending;
+    const submitError = update.error ?? upload.error ?? replaceFile.error ?? null;
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: isEditing
+                            ? messages.attachmentDialog.titles.edit
+                            : messages.attachmentDialog.titles.create }) }), _jsxs("form", { onSubmit: form.handleSubmit(onSubmit), children: [_jsxs(DialogBody, { className: "grid gap-4", children: [_jsx("input", { type: "hidden", ...form.register("mimeType") }), _jsx("input", { type: "hidden", ...form.register("fileSize") }), _jsx("input", { type: "hidden", ...form.register("storageKey") }), _jsx("input", { type: "hidden", ...form.register("checksum") }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.attachmentDialog.fields.file }), _jsx("button", { type: "button", onClick: () => fileInputRef.current?.click(), onDrop: onFileDrop, onDragOver: onFileDragOver, onDragLeave: onFileDragLeave, "data-dragging": isDragging, className: "flex min-h-32 flex-col items-center justify-center gap-2 rounded-md border border-dashed px-4 py-6 text-center transition-colors hover:border-foreground/30 hover:bg-muted/30 data-[dragging=true]:border-primary data-[dragging=true]:bg-primary/5", children: selectedFile ? (_jsxs(_Fragment, { children: [_jsx(FileText, { className: "size-6 text-muted-foreground", "aria-hidden": "true" }), _jsx("span", { className: "max-w-full truncate font-medium text-sm", children: selectedFile.name }), _jsxs("span", { className: "text-muted-foreground text-xs", children: [formatUploadSize(selectedFile.size), selectedFile.type ? ` - ${selectedFile.type}` : ""] })] })) : (_jsxs(_Fragment, { children: [_jsx(Upload, { className: "size-6 text-muted-foreground", "aria-hidden": "true" }), _jsx("span", { className: "text-muted-foreground text-sm", children: messages.attachmentDialog.placeholders.file })] })) }), _jsx("input", { ref: fileInputRef, type: "file", className: "hidden", onChange: onFileChange }), fileError ? _jsx("p", { className: "text-xs text-destructive", children: fileError }) : null] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.attachmentDialog.fields.name }), _jsx(Input, { ...form.register("name"), placeholder: messages.attachmentDialog.placeholders.name }), form.formState.errors.name && (_jsx("p", { className: "text-xs text-destructive", children: form.formState.errors.name.message }))] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.attachmentDialog.fields.kind }), _jsxs(Select, { items: kindItems, value: form.watch("kind"), onValueChange: (value) => form.setValue("kind", value ?? undefined, {
+                                                        shouldDirty: true,
+                                                        shouldValidate: true,
+                                                    }), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: kindItems.map((item) => (_jsx(SelectItem, { value: item.value, children: item.label }, item.value))) })] })] })] }), submitError ? _jsx("p", { className: "text-xs text-destructive", children: submitError.message }) : null] }), _jsxs(DialogFooter, { children: [_jsx(Button, { type: "button", variant: "ghost", onClick: () => onOpenChange(false), children: messages.common.cancel }), _jsxs(Button, { type: "submit", disabled: isSubmitting, children: [isSubmitting && _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), isEditing ? messages.common.saveChanges : messages.attachmentDialog.actions.create] })] })] })] }) }));
+}
+function formatUploadSize(bytes) {
+    if (bytes < 1024)
+        return `${bytes} B`;
+    if (bytes < 1024 * 1024)
+        return `${Math.round(bytes / 1024)} KB`;
+    return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+}

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

@@ -0,0 +1,37 @@
+import type { LegalUiMessages } from "../i18n/messages.js";
+export type BookingContractCardLabels = Partial<Omit<LegalUiMessages["bookingContractCard"], "contractStatusLabels">>;
+export interface BookingContractCardProps {
+    /** Booking whose contracts we list. Required — the card filters server-side. */
+    bookingId: string;
+    /** Contract scope used to resolve the default template + active number series. */
+    contractScope?: "customer" | "supplier" | "partner" | "channel" | "other";
+    /** Optional language preference for default-template resolution. */
+    language?: string;
+    /** Optional channel preference for default-template resolution. */
+    channelId?: string | null;
+    /** Optional language fallbacks for default-template resolution. */
+    fallbackLanguages?: string[];
+    /**
+     * API base for attachment download redirects. Defaults to the active
+     * `VoyantLegalProvider` base URL; override when a host needs a different
+     * download origin than its data hooks use.
+     */
+    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 is handled by the package booking generation endpoint.
+ * The card only offers the action when the server-visible prerequisites
+ * exist: a default template with a current version and exactly one active
+ * number series for the selected scope.
+ */
+export declare function BookingContractCard({ bookingId, contractScope, language, channelId, fallbackLanguages, 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":"AAYA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AA0B1D,MAAM,MAAM,yBAAyB,GAAG,OAAO,CAC7C,IAAI,CAAC,eAAe,CAAC,qBAAqB,CAAC,EAAE,sBAAsB,CAAC,CACrE,CAAA;AAED,MAAM,WAAW,wBAAwB;IACvC,gFAAgF;IAChF,SAAS,EAAE,MAAM,CAAA;IACjB,kFAAkF;IAClF,aAAa,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAA;IACzE,oEAAoE;IACpE,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,mEAAmE;IACnE,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,mEAAmE;IACnE,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC5B;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,MAAM,CAAC,EAAE,yBAAyB,CAAA;CACnC;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,SAAS,EACT,aAA0B,EAC1B,QAAQ,EACR,SAAS,EACT,iBAAiB,EACjB,UAAU,EACV,MAAM,GACP,EAAE,wBAAwB,2CA2F1B"}

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

@@ -0,0 +1,101 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Badge, Button, Card, CardContent, CardHeader, CardTitle, } from "@voyant-travel/ui/components";
+import { Download, FilePlus2, FileText, Loader2, RotateCw } from "lucide-react";
+import { useLegalUiI18nOrDefault } from "../i18n/index.js";
+import { useDefaultLegalContractTemplate, useLegalContractAttachments, useLegalContractMutation, useLegalContractNumberSeries, useLegalContracts, useVoyantLegalContext, } from "../index.js";
+/**
+ * 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",
+};
+/**
+ * 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 is handled by the package booking generation endpoint.
+ * The card only offers the action when the server-visible prerequisites
+ * exist: a default template with a current version and exactly one active
+ * number series for the selected scope.
+ */
+export function BookingContractCard({ bookingId, contractScope = "customer", language, channelId, fallbackLanguages, apiBaseUrl, labels, }) {
+    const i18n = useLegalUiI18nOrDefault();
+    const { baseUrl } = useVoyantLegalContext();
+    const resolvedApiBaseUrl = apiBaseUrl ?? baseUrl;
+    const merged = { ...i18n.messages.bookingContractCard, ...labels };
+    const contractsQuery = useLegalContracts({ bookingId, limit: 25 });
+    const contracts = contractsQuery.data?.data ?? [];
+    const shouldCheckGeneration = !contractsQuery.isLoading && contracts.length === 0;
+    const defaultTemplateQuery = useDefaultLegalContractTemplate({
+        scope: contractScope,
+        language,
+        channelId: channelId ?? undefined,
+        fallbackLanguages,
+        enabled: shouldCheckGeneration,
+    });
+    const numberSeriesQuery = useLegalContractNumberSeries({
+        scope: contractScope,
+        active: true,
+        enabled: shouldCheckGeneration,
+    });
+    const { generateForBooking } = useLegalContractMutation();
+    const activeSeries = numberSeriesQuery.data?.data ?? [];
+    const canGenerate = Boolean(defaultTemplateQuery.data?.currentVersionId) && activeSeries.length === 1;
+    const generationPrerequisitesLoaded = shouldCheckGeneration && !defaultTemplateQuery.isLoading && !numberSeriesQuery.isLoading;
+    const handleGenerateForBooking = () => {
+        generateForBooking.mutate({
+            bookingId,
+            input: {
+                scope: contractScope,
+                language,
+                channelId,
+                fallbackLanguages,
+                requireNumberSeries: true,
+            },
+        });
+    };
+    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 ? (_jsxs("div", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [_jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin" }), i18n.messages.common.loading] })) : contracts.length === 0 ? (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx("p", { className: "text-xs text-muted-foreground", children: merged.empty }), generationPrerequisitesLoaded && canGenerate ? (_jsxs(Button, { type: "button", size: "sm", onClick: handleGenerateForBooking, disabled: generateForBooking.isPending, className: "w-fit", children: [generateForBooking.isPending ? (_jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin" })) : (_jsx(FilePlus2, { className: "h-3.5 w-3.5" })), _jsx("span", { className: "ml-1 text-xs", children: generateForBooking.isPending ? merged.generating : merged.generateContract })] })) : generationPrerequisitesLoaded ? (_jsx("p", { className: "text-[11px] text-muted-foreground", children: merged.generateUnavailable })) : null] })) : (contracts.map((contract) => (_jsx(BookingContractRow, { contract: contract, apiBaseUrl: resolvedApiBaseUrl, labels: merged }, contract.id)))) })] }));
+}
+function BookingContractRow({ contract, apiBaseUrl, labels, }) {
+    const i18n = useLegalUiI18nOrDefault();
+    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: i18n.messages.bookingContractCard.contractStatusLabels[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, ": ", i18n.formatDate(contract.issuedAt)] })) : 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 withApiBaseUrl(baseUrl, path) {
+    const trimmedBase = baseUrl.endsWith("/") ? baseUrl.slice(0, -1) : baseUrl;
+    const normalizedPath = path.startsWith("/") ? path : `/${path}`;
+    return `${trimmedBase}${normalizedPath}`;
+}
+function AttachmentDownloadRow({ attachment, apiBaseUrl, downloadLabel, }) {
+    const i18n = useLegalUiI18nOrDefault();
+    // 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. The href uses the same API base as the data hooks by default.
+    const href = withApiBaseUrl(apiBaseUrl ?? "", `/v1/admin/legal/contracts/attachments/${attachment.id}/download`);
+    const sizeKb = typeof attachment.fileSize === "number"
+        ? `${i18n.formatNumber(Math.round(attachment.fileSize / 1024))} ${i18n.messages.common.kilobytes}`
+        : 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/contract-detail-page.d.ts

@@ -0,0 +1,36 @@
+import type { ReactNode } from "react";
+import { type LegalContractAttachmentRecord, type LegalContractRecord } from "../index.js";
+export interface ContractDetailPageProps {
+    id: string;
+    onBackToContracts?: () => void;
+    renderContractDialog?: (props: ContractDetailDialogRenderProps) => ReactNode;
+    renderReference?: (props: ContractReferenceRenderProps) => ReactNode;
+    getAttachmentDownloadHref?: (attachment: LegalContractAttachmentRecord) => string;
+    slots?: ContractDetailPageSlots;
+    /**
+     * Resolve the recipient email for the Send-contract dialog. Operator
+     * templates wire this to the linked CRM person's primary email; if
+     * unset the dialog displays a "no recipient" warning and disables Send.
+     */
+    resolveSendRecipientEmail?: (contract: LegalContractRecord) => string | null | undefined;
+}
+export interface ContractDetailPageSlots {
+    detailsContent?: ReactNode;
+    partiesContent?: ReactNode;
+    signaturesContent?: ReactNode;
+    documentsContent?: ReactNode;
+}
+export type ContractReferenceKind = "person" | "organization" | "supplier" | "channel" | "booking" | "target" | "legacyTransactionOffer" | "legacyTransactionOrder" | "templateVersion" | "series";
+export interface ContractReferenceRenderProps {
+    kind: ContractReferenceKind;
+    id: string;
+    contract: LegalContractRecord;
+}
+export interface ContractDetailDialogRenderProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    contract: LegalContractRecord;
+    onSuccess: () => void;
+}
+export declare function ContractDetailPage({ id, onBackToContracts, renderContractDialog, renderReference, getAttachmentDownloadHref, slots, resolveSendRecipientEmail, }: ContractDetailPageProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=contract-detail-page.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"contract-detail-page.d.ts","sourceRoot":"","sources":["../../src/components/contract-detail-page.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAItC,OAAO,EACL,KAAK,6BAA6B,EAClC,KAAK,mBAAmB,EAOzB,MAAM,aAAa,CAAA;AA2DpB,MAAM,WAAW,uBAAuB;IACtC,EAAE,EAAE,MAAM,CAAA;IACV,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAA;IAC9B,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,+BAA+B,KAAK,SAAS,CAAA;IAC5E,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,4BAA4B,KAAK,SAAS,CAAA;IACpE,yBAAyB,CAAC,EAAE,CAAC,UAAU,EAAE,6BAA6B,KAAK,MAAM,CAAA;IACjF,KAAK,CAAC,EAAE,uBAAuB,CAAA;IAC/B;;;;OAIG;IACH,yBAAyB,CAAC,EAAE,CAAC,QAAQ,EAAE,mBAAmB,KAAK,MAAM,GAAG,IAAI,GAAG,SAAS,CAAA;CACzF;AAED,MAAM,WAAW,uBAAuB;IACtC,cAAc,CAAC,EAAE,SAAS,CAAA;IAC1B,cAAc,CAAC,EAAE,SAAS,CAAA;IAC1B,iBAAiB,CAAC,EAAE,SAAS,CAAA;IAC7B,gBAAgB,CAAC,EAAE,SAAS,CAAA;CAC7B;AAED,MAAM,MAAM,qBAAqB,GAC7B,QAAQ,GACR,cAAc,GACd,UAAU,GACV,SAAS,GACT,SAAS,GACT,QAAQ,GACR,wBAAwB,GACxB,wBAAwB,GACxB,iBAAiB,GACjB,QAAQ,CAAA;AAEZ,MAAM,WAAW,4BAA4B;IAC3C,IAAI,EAAE,qBAAqB,CAAA;IAC3B,EAAE,EAAE,MAAM,CAAA;IACV,QAAQ,EAAE,mBAAmB,CAAA;CAC9B;AAED,MAAM,WAAW,+BAA+B;IAC9C,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,QAAQ,EAAE,mBAAmB,CAAA;IAC7B,SAAS,EAAE,MAAM,IAAI,CAAA;CACtB;AAED,wBAAgB,kBAAkB,CAAC,EACjC,EAAE,EACF,iBAAiB,EACjB,oBAAoB,EACpB,eAAe,EACf,yBAAyB,EACzB,KAAK,EACL,yBAAyB,GAC1B,EAAE,uBAAuB,2CAgazB"}