@voyant-travel/legal-react 0.119.2

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

@@ -0,0 +1,156 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// agent-quality: file-size exception -- owner: legal-react; existing UI surface stays co-located until a dedicated split preserves behavior and tests.
+import { useQueryClient } from "@tanstack/react-query";
+import { formatMessage } from "@voyant-travel/i18n";
+import { Badge, Button } from "@voyant-travel/ui/components";
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "@voyant-travel/ui/components/table";
+import { ArrowLeft, CheckCircle2, ExternalLink, FileText, Pencil, Plus, Send, Trash2, } from "lucide-react";
+import { useState } from "react";
+import { useLegalUiI18nOrDefault, useLegalUiMessagesOrDefault } from "../i18n/index.js";
+import { useLegalContract, useLegalContractAttachmentMutation, useLegalContractAttachments, useLegalContractMutation, useLegalContractSignatures, useVoyantLegalContext, } from "../index.js";
+import { AttachmentDialog } from "./attachment-dialog.js";
+import { ContractSendDialog } from "./contract-send-dialog.js";
+import { SignatureDialog } from "./signature-dialog.js";
+const statusVariant = {
+    draft: "outline",
+    issued: "secondary",
+    sent: "secondary",
+    signed: "default",
+    executed: "default",
+    expired: "destructive",
+    void: "destructive",
+};
+const generationFailureLabelKey = {
+    render_unavailable: "templateError",
+    generator_failed: "generatorFailed",
+};
+function resolveContractGenerationFailure(contract) {
+    const metadata = contract.metadata;
+    if (!metadata || typeof metadata !== "object" || Array.isArray(metadata)) {
+        return null;
+    }
+    const status = metadata.lastGenerationStatus;
+    if (typeof status !== "string" || status === "generated") {
+        return null;
+    }
+    return {
+        status,
+        error: typeof metadata.lastGenerationError === "string" && metadata.lastGenerationError.trim()
+            ? metadata.lastGenerationError
+            : null,
+    };
+}
+function withApiBaseUrl(baseUrl, path) {
+    const trimmedBase = baseUrl.endsWith("/") ? baseUrl.slice(0, -1) : baseUrl;
+    const normalizedPath = path.startsWith("/") ? path : `/${path}`;
+    return `${trimmedBase}${normalizedPath}`;
+}
+function getDefaultLegalContractAttachmentDownloadHref(baseUrl, attachment) {
+    return withApiBaseUrl(baseUrl, `/v1/admin/legal/contracts/attachments/${attachment.id}/download`);
+}
+export function ContractDetailPage({ id, onBackToContracts, renderContractDialog, renderReference, getAttachmentDownloadHref, slots, resolveSendRecipientEmail, }) {
+    const queryClient = useQueryClient();
+    const { baseUrl } = useVoyantLegalContext();
+    const i18n = useLegalUiI18nOrDefault();
+    const messages = useLegalUiMessagesOrDefault();
+    const f = messages.contractDetailPage;
+    const { remove, issue, execute, voidContract } = useLegalContractMutation();
+    const { remove: removeAttachment } = useLegalContractAttachmentMutation();
+    const [editOpen, setEditOpen] = useState(false);
+    const [sendOpen, setSendOpen] = useState(false);
+    const [signOpen, setSignOpen] = useState(false);
+    const [attachOpen, setAttachOpen] = useState(false);
+    const [editingAttachment, setEditingAttachment] = useState();
+    const { data: contract, isPending } = useLegalContract(id);
+    const { data: signatures, refetch: refetchSignatures } = useLegalContractSignatures({
+        contractId: id,
+    });
+    const { data: attachments, refetch: refetchAttachments } = useLegalContractAttachments({
+        contractId: 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 (!contract) {
+        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 }), onBackToContracts ? (_jsx(Button, { variant: "outline", onClick: onBackToContracts, children: f.backToContracts })) : null] }));
+    }
+    const status = contract.status;
+    const generationFailure = resolveContractGenerationFailure(contract);
+    const generationFailureMessages = messages.contractDetailPage.generationFailure;
+    const failureLabelKey = generationFailure
+        ? generationFailureLabelKey[generationFailure.status]
+        : null;
+    const failureLabel = failureLabelKey
+        ? generationFailureMessages[failureLabelKey]
+        : generationFailureMessages.defaultLabel;
+    const canAddSignature = status === "sent" || status === "signed";
+    const renderReferenceValue = (kind, referenceId) => renderReference?.({ kind, id: referenceId, contract }) ?? (_jsx("span", { className: "font-mono text-xs", children: referenceId }));
+    const targetValue = getContractTargetValue(contract);
+    return (_jsxs("div", { className: "flex flex-col gap-6 p-6", children: [_jsxs("div", { className: "flex items-center gap-4", children: [onBackToContracts ? (_jsx(Button, { variant: "ghost", size: "icon", onClick: onBackToContracts, children: _jsx(ArrowLeft, { className: "size-4", "aria-hidden": "true" }) })) : null, _jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx("h1", { className: "text-2xl font-bold tracking-tight", children: f.title }), _jsx(Badge, { variant: statusVariant[status] ?? "secondary", children: messages.common.contractStatusLabels[status] ?? status }), _jsx(Badge, { variant: "outline", children: messages.common.contractScopeLabels[contract.scope] ?? contract.scope })] }), _jsx("p", { className: "mt-1 truncate font-mono text-muted-foreground text-sm", children: contract.contractNumber ?? contract.title }), contract.contractNumber ? (_jsx("p", { className: "mt-1 truncate text-muted-foreground text-xs", children: contract.title })) : null, generationFailure ? (_jsxs("div", { className: "mt-3 max-w-2xl space-y-1", children: [_jsx(Badge, { variant: "destructive", children: failureLabel }), _jsx("p", { className: "text-muted-foreground text-sm", children: generationFailure.error ?? generationFailureMessages.fallbackReason })] })) : null] }), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [status === "draft" ? (_jsx(Button, { size: "sm", onClick: () => issue.mutate(id), disabled: issue.isPending, children: f.actions.issue })) : null, status === "issued" || status === "sent" ? (_jsxs(Button, { size: "sm", onClick: () => setSendOpen(true), children: [_jsx(Send, { className: "mr-2 size-4", "aria-hidden": "true" }), f.actions.send] })) : null, status === "signed" ? (_jsxs(Button, { size: "sm", onClick: () => execute.mutate(id), disabled: execute.isPending, children: [_jsx(CheckCircle2, { className: "mr-2 size-4", "aria-hidden": "true" }), f.actions.execute] })) : null, status !== "void" ? (_jsx(Button, { size: "sm", variant: "destructive", onClick: () => {
+                                    if (confirm(f.voidConfirm)) {
+                                        voidContract.mutate(id);
+                                    }
+                                }, disabled: voidContract.isPending, children: f.actions.void })) : null, renderContractDialog ? (_jsxs(Button, { variant: "outline", size: "sm", onClick: () => setEditOpen(true), children: [_jsx(Pencil, { className: "mr-2 size-4", "aria-hidden": "true" }), messages.common.edit] })) : null, status === "draft" || status === "void" ? (_jsxs(Button, { variant: "destructive", size: "sm", onClick: () => {
+                                    if (confirm(formatMessage(f.deleteConfirm, { title: contract.title }))) {
+                                        remove.mutate(id, { onSuccess: () => onBackToContracts?.() });
+                                    }
+                                }, disabled: remove.isPending, children: [_jsx(Trash2, { className: "mr-2 size-4", "aria-hidden": "true" }), messages.common.delete] })) : null] })] }), _jsxs("div", { className: "flex flex-col gap-4", children: [slots?.detailsContent !== undefined ? (slots.detailsContent) : (_jsx(ContractSection, { title: f.sections.details, children: _jsxs("div", { className: "grid gap-3 text-sm", children: [_jsx(DetailRow, { label: f.fields.language, children: contract.language }), contract.templateVersionId ? (_jsx(DetailRow, { label: f.fields.templateVersion, children: renderReferenceValue("templateVersion", contract.templateVersionId) })) : null, contract.seriesId ? (_jsx(DetailRow, { label: f.fields.series, children: renderReferenceValue("series", contract.seriesId) })) : null, contract.expiresAt ? (_jsx(DetailRow, { label: f.fields.expires, children: i18n.formatDate(contract.expiresAt) })) : null, _jsxs("div", { className: "mt-2 border-t pt-3", children: [_jsx(DetailRow, { label: f.fields.created, children: i18n.formatDate(contract.createdAt) }), _jsx(DetailRow, { label: f.fields.updated, children: i18n.formatDate(contract.updatedAt) })] })] }) })), slots?.partiesContent !== undefined ? (slots.partiesContent) : (_jsx(ContractSection, { title: f.sections.parties, children: _jsxs("div", { className: "grid gap-3 text-sm", children: [contract.personId ? (_jsx(DetailRow, { label: f.fields.person, children: renderReferenceValue("person", contract.personId) })) : null, contract.organizationId ? (_jsx(DetailRow, { label: f.fields.organization, children: renderReferenceValue("organization", contract.organizationId) })) : null, contract.supplierId ? (_jsx(DetailRow, { label: f.fields.supplier, children: renderReferenceValue("supplier", contract.supplierId) })) : null, contract.channelId ? (_jsx(DetailRow, { label: f.fields.channel, children: renderReferenceValue("channel", contract.channelId) })) : null, contract.bookingId ? (_jsx(DetailRow, { label: f.fields.booking, children: renderReferenceValue("booking", contract.bookingId) })) : null, targetValue ? (_jsx(DetailRow, { label: f.fields.target, children: renderReferenceValue("target", targetValue) })) : null, contract.legacyTransactionOfferId ? (_jsx(DetailRow, { label: f.fields.legacyTransactionOffer, children: renderReferenceValue("legacyTransactionOffer", contract.legacyTransactionOfferId) })) : null, contract.legacyTransactionOrderId ? (_jsx(DetailRow, { label: f.fields.legacyTransactionOrder, children: renderReferenceValue("legacyTransactionOrder", contract.legacyTransactionOrderId) })) : null, !contract.personId &&
+                                    !contract.organizationId &&
+                                    !contract.supplierId &&
+                                    !contract.channelId &&
+                                    !contract.bookingId &&
+                                    !targetValue &&
+                                    !contract.legacyTransactionOfferId &&
+                                    !contract.legacyTransactionOrderId ? (_jsx("p", { className: "text-muted-foreground", children: f.empty.noParties })) : null] }) })), slots?.signaturesContent !== undefined ? (slots.signaturesContent) : (_jsx(ContractSection, { title: f.sections.signatures, action: canAddSignature ? (_jsxs(Button, { size: "sm", onClick: () => setSignOpen(true), children: [_jsx(Plus, { className: "mr-2 size-4", "aria-hidden": "true" }), f.actions.addSignature] })) : null, children: !signatures || signatures.length === 0 ? (_jsx("p", { className: "py-4 text-center text-sm text-muted-foreground", children: f.empty.noSignatures })) : (_jsx("div", { className: "rounded border bg-background", children: _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: f.fields.name }), _jsx(TableHead, { children: f.fields.email }), _jsx(TableHead, { children: f.fields.role }), _jsx(TableHead, { children: f.fields.method }), _jsx(TableHead, { children: f.fields.signedAt })] }) }), _jsx(TableBody, { children: signatures.map((signature) => (_jsxs(TableRow, { children: [_jsx(TableCell, { children: signature.signerName }), _jsx(TableCell, { children: signature.signerEmail ?? messages.common.noResultsDash }), _jsx(TableCell, { children: signature.signerRole ?? messages.common.noResultsDash }), _jsx(TableCell, { children: signature.method }), _jsx(TableCell, { children: i18n.formatDateTime(signature.signedAt) })] }, signature.id))) })] }) })) })), slots?.documentsContent !== undefined ? (slots.documentsContent) : (_jsx(ContractSection, { title: f.sections.documents, action: _jsxs(Button, { size: "sm", onClick: () => {
+                                setEditingAttachment(undefined);
+                                setAttachOpen(true);
+                            }, children: [_jsx(Plus, { className: "mr-2 size-4", "aria-hidden": "true" }), f.actions.addDocument] }), children: !attachments || attachments.length === 0 ? (_jsx("p", { className: "py-4 text-center text-sm text-muted-foreground", children: f.empty.noAttachments })) : (_jsx("div", { className: "rounded border bg-background", children: _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: f.fields.name }), _jsx(TableHead, { children: f.fields.kind }), _jsx(TableHead, { className: "w-16" })] }) }), _jsx(TableBody, { children: attachments.map((attachment) => (_jsx(AttachmentRow, { attachment: attachment, downloadHref: getAttachmentDownloadHref?.(attachment) ??
+                                                getDefaultLegalContractAttachmentDownloadHref(baseUrl, attachment), onEdit: () => {
+                                                setEditingAttachment(attachment);
+                                                setAttachOpen(true);
+                                            }, onDelete: () => {
+                                                if (confirm(f.deleteAttachmentConfirm)) {
+                                                    removeAttachment.mutate({ contractId: id, id: attachment.id });
+                                                }
+                                            } }, attachment.id))) })] }) })) }))] }), renderContractDialog?.({
+                open: editOpen,
+                onOpenChange: setEditOpen,
+                contract,
+                onSuccess: () => {
+                    setEditOpen(false);
+                    void queryClient.invalidateQueries();
+                },
+            }), _jsx(SignatureDialog, { open: signOpen, onOpenChange: setSignOpen, contractId: id, onSuccess: () => {
+                    setSignOpen(false);
+                    void refetchSignatures();
+                    void queryClient.invalidateQueries();
+                } }), _jsx(AttachmentDialog, { open: attachOpen, onOpenChange: setAttachOpen, contractId: id, attachment: editingAttachment, onSuccess: () => {
+                    setAttachOpen(false);
+                    setEditingAttachment(undefined);
+                    void refetchAttachments();
+                } }), _jsx(ContractSendDialog, { open: sendOpen, onOpenChange: setSendOpen, contract: contract, defaultRecipientEmail: resolveSendRecipientEmail?.(contract) ?? null, attachments: (attachments ?? [])
+                    .filter((a) => a.kind === "document")
+                    .map((a) => ({ id: a.id, name: a.name })), onSent: () => {
+                    void queryClient.invalidateQueries();
+                } })] }));
+}
+function getContractTargetValue(contract) {
+    if (contract.targetKind === "provider_source_ref") {
+        if (!contract.targetProvider && !contract.targetSourceRef)
+            return null;
+        return `${contract.targetProvider ?? "provider"}:${contract.targetSourceRef ?? ""}`;
+    }
+    if (contract.targetKind && contract.targetId) {
+        return `${contract.targetKind}:${contract.targetId}`;
+    }
+    return null;
+}
+function DetailRow({ label, children }) {
+    return (_jsxs("div", { children: [_jsxs("span", { className: "text-muted-foreground", children: [label, ":"] }), " ", _jsx("span", { children: children })] }));
+}
+function ContractSection({ title, action, children, }) {
+    return (_jsxs("section", { className: "rounded-md border bg-background", children: [_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3 border-b px-4 py-3", children: [_jsx("h2", { className: "font-semibold text-sm", children: title }), action] }), _jsx("div", { className: "p-4", children: children })] }));
+}
+function AttachmentRow({ attachment, downloadHref, onEdit, onDelete, }) {
+    return (_jsxs(TableRow, { children: [_jsx(TableCell, { children: downloadHref ? (_jsxs("a", { href: downloadHref, target: "_blank", rel: "noopener noreferrer", className: "inline-flex items-center gap-1.5 hover:underline", children: [_jsx(FileText, { className: "size-3.5 shrink-0 opacity-60", "aria-hidden": "true" }), _jsx("span", { className: "truncate", children: attachment.name }), _jsx(ExternalLink, { className: "size-3 opacity-60", "aria-hidden": "true" })] })) : (_jsx("span", { children: attachment.name })) }), _jsx(TableCell, { children: attachment.kind }), _jsx(TableCell, { children: _jsxs("div", { className: "flex items-center gap-1", children: [_jsx("button", { type: "button", onClick: onEdit, className: "text-muted-foreground hover:text-foreground", children: _jsx(Pencil, { className: "size-3", "aria-hidden": "true" }) }), _jsx("button", { type: "button", onClick: onDelete, className: "text-muted-foreground hover:text-destructive", children: _jsx(Trash2, { className: "size-3", "aria-hidden": "true" }) })] }) })] }));
+}

package/dist/components/contract-dialog-fields.d.ts

@@ -0,0 +1,114 @@
+import type { ReactNode } from "react";
+import type { UseFormSetValue, UseFormWatch } from "react-hook-form";
+import { z } from "zod/v4";
+import type { useLegalUiMessagesOrDefault } from "../i18n/index.js";
+import { type LegalContractScope } from "../i18n/messages.js";
+import type { LegalContractRecord } from "../index.js";
+type ContractDialogMessages = ReturnType<typeof useLegalUiMessagesOrDefault>["contractDialog"];
+export declare const contractFormSchema: z.ZodObject<{
+    scope: z.ZodEnum<{
+        customer: "customer";
+        partner: "partner";
+        supplier: "supplier";
+        other: "other";
+        channel: "channel";
+    }>;
+    title: z.ZodString;
+    contractNumber: z.ZodOptional<z.ZodString>;
+    language: z.ZodOptional<z.ZodString>;
+    templateVersionId: z.ZodOptional<z.ZodString>;
+    seriesId: z.ZodOptional<z.ZodString>;
+    personId: z.ZodOptional<z.ZodString>;
+    organizationId: z.ZodOptional<z.ZodString>;
+    supplierId: z.ZodOptional<z.ZodString>;
+    channelId: z.ZodOptional<z.ZodString>;
+    expiresAt: z.ZodOptional<z.ZodString>;
+    templateVariables: z.ZodArray<z.ZodObject<{
+        key: z.ZodString;
+        label: z.ZodString;
+        type: z.ZodString;
+        description: z.ZodOptional<z.ZodString>;
+        example: z.ZodOptional<z.ZodString>;
+        required: z.ZodDefault<z.ZodBoolean>;
+        value: z.ZodOptional<z.ZodString>;
+        booleanValue: z.ZodDefault<z.ZodBoolean>;
+        includeBooleanValue: z.ZodDefault<z.ZodBoolean>;
+    }, z.core.$strip>>;
+    additionalVariables: z.ZodArray<z.ZodObject<{
+        key: z.ZodOptional<z.ZodString>;
+        value: z.ZodOptional<z.ZodString>;
+    }, z.core.$strip>>;
+    metadataEntries: z.ZodArray<z.ZodObject<{
+        key: z.ZodOptional<z.ZodString>;
+        value: z.ZodOptional<z.ZodString>;
+    }, z.core.$strip>>;
+}, z.core.$strip>;
+export type FormValues = z.input<typeof contractFormSchema>;
+export type FormOutput = z.output<typeof contractFormSchema>;
+export type TemplateVariableRow = FormValues["templateVariables"][number];
+export interface LinkedRecordPickerProps {
+    value: string | undefined;
+    onChange: (id: string | undefined) => void;
+    scope: LegalContractScope;
+}
+export interface ContractDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    contract?: LegalContractRecord;
+    onSuccess: () => void;
+    renderPersonPicker?: (props: LinkedRecordPickerProps) => ReactNode;
+    renderOrganizationPicker?: (props: LinkedRecordPickerProps) => ReactNode;
+    renderSupplierPicker?: (props: LinkedRecordPickerProps) => ReactNode;
+    renderChannelPicker?: (props: LinkedRecordPickerProps) => ReactNode;
+}
+export type ComboboxOption = {
+    value: string;
+    label: string;
+    description?: string;
+};
+export declare const languageOptions: ComboboxOption[];
+export declare function mergeUniqueOptions(...groups: Array<ComboboxOption[] | undefined>): ComboboxOption[];
+export declare function objectToEntries(record: Record<string, unknown> | null | undefined): {
+    key: string;
+    value: string;
+}[];
+export declare function parseLooseValue(value: string): any;
+export declare function buildRecordFromPairs(entries: Array<{
+    key?: string;
+    value?: string;
+}>): Record<string, unknown> | undefined;
+export declare function buildVariablesPayload(rows: TemplateVariableRow[], additional: Array<{
+    key?: string;
+    value?: string;
+}>): Record<string, unknown> | undefined;
+export declare function clearedOptionalValue(value: string | undefined, isEditing: boolean): string | null | undefined;
+export declare function parseBooleanFormValue(value: string | undefined): boolean | undefined;
+export declare function inferTemplateVariableKeys(body: string | null | undefined, requiredKeys: string[]): Set<string>;
+export declare function SearchableSelect({ value, onChange, options, placeholder, searchPlaceholder, emptyLabel, loadingLabel, loading, disabled, onSearchChange, }: {
+    value: string | null | undefined;
+    onChange: (value: string | null) => void;
+    options: ComboboxOption[];
+    placeholder: string;
+    searchPlaceholder?: string;
+    emptyLabel: string;
+    loadingLabel: string;
+    loading?: boolean;
+    disabled?: boolean;
+    onSearchChange?: (value: string) => void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function VariableValueField({ row, index, setValue, watch, messages, }: {
+    row: TemplateVariableRow;
+    index: number;
+    setValue: UseFormSetValue<FormValues>;
+    watch: UseFormWatch<FormValues>;
+    messages: ContractDialogMessages;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function LinkedRecordField({ label, value, scope, onChange, renderPicker, }: {
+    label: string;
+    value: string | null;
+    scope: LegalContractScope;
+    onChange: (id: string | undefined) => void;
+    renderPicker?: (props: LinkedRecordPickerProps) => ReactNode;
+}): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=contract-dialog-fields.d.ts.map

package/dist/components/contract-dialog-fields.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"contract-dialog-fields.d.ts","sourceRoot":"","sources":["../../src/components/contract-dialog-fields.tsx"],"names":[],"mappings":"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"}

package/dist/components/contract-dialog-fields.js

@@ -0,0 +1,233 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Input, Label, Switch } from "@voyant-travel/ui/components";
+import { Combobox, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxInput, ComboboxItem, ComboboxList, } from "@voyant-travel/ui/components/combobox";
+import { DatePicker } from "@voyant-travel/ui/components/date-picker";
+import { DateTimePicker } from "@voyant-travel/ui/components/date-time-picker";
+import { languages } from "@voyant-travel/utils/languages";
+import { useEffect, useMemo, useState } from "react";
+import { z } from "zod/v4";
+import { legalContractScopes } from "../i18n/messages.js";
+export const contractFormSchema = z.object({
+    scope: z.enum(legalContractScopes),
+    title: z.string().min(1, "titleRequired"),
+    contractNumber: z.string().optional(),
+    language: z.string().min(2).max(10).optional(),
+    templateVersionId: z.string().optional(),
+    seriesId: z.string().optional(),
+    personId: z.string().optional(),
+    organizationId: z.string().optional(),
+    supplierId: z.string().optional(),
+    channelId: z.string().optional(),
+    expiresAt: z.string().optional(),
+    templateVariables: z.array(z.object({
+        key: z.string(),
+        label: z.string(),
+        type: z.string(),
+        description: z.string().optional(),
+        example: z.string().optional(),
+        required: z.boolean().default(false),
+        value: z.string().optional(),
+        booleanValue: z.boolean().default(false),
+        includeBooleanValue: z.boolean().default(false),
+    })),
+    additionalVariables: z.array(z.object({
+        key: z.string().optional(),
+        value: z.string().optional(),
+    })),
+    metadataEntries: z.array(z.object({
+        key: z.string().optional(),
+        value: z.string().optional(),
+    })),
+});
+const PREFERRED_LANGUAGE_ORDER = ["en", "ro", "fr", "de", "es", "it"];
+export const languageOptions = Object.entries(languages)
+    .sort(([codeA, nameA], [codeB, nameB]) => {
+    const preferredA = PREFERRED_LANGUAGE_ORDER.indexOf(codeA);
+    const preferredB = PREFERRED_LANGUAGE_ORDER.indexOf(codeB);
+    if (preferredA !== -1 || preferredB !== -1) {
+        if (preferredA === -1)
+            return 1;
+        if (preferredB === -1)
+            return -1;
+        return preferredA - preferredB;
+    }
+    return nameA.localeCompare(nameB);
+})
+    .map(([code, name]) => ({
+    value: code,
+    label: `${name} (${code})`,
+    description: code,
+}));
+export function mergeUniqueOptions(...groups) {
+    const map = new Map();
+    for (const group of groups) {
+        for (const option of group ?? []) {
+            map.set(option.value, option);
+        }
+    }
+    return Array.from(map.values());
+}
+export function objectToEntries(record) {
+    return Object.entries(record ?? {}).map(([key, value]) => ({
+        key,
+        value: typeof value === "string"
+            ? value
+            : typeof value === "number" || typeof value === "boolean"
+                ? String(value)
+                : JSON.stringify(value),
+    }));
+}
+export function parseLooseValue(value) {
+    const trimmed = value.trim();
+    if (!trimmed)
+        return undefined;
+    if (trimmed === "true")
+        return true;
+    if (trimmed === "false")
+        return false;
+    if (/^-?\d+(\.\d+)?$/.test(trimmed))
+        return Number(trimmed);
+    if ((trimmed.startsWith("{") && trimmed.endsWith("}")) ||
+        (trimmed.startsWith("[") && trimmed.endsWith("]"))) {
+        try {
+            return JSON.parse(trimmed);
+        }
+        catch {
+            return trimmed;
+        }
+    }
+    return trimmed;
+}
+export function buildRecordFromPairs(entries) {
+    const record = {};
+    for (const entry of entries) {
+        const key = entry.key?.trim();
+        if (!key)
+            continue;
+        const parsed = parseLooseValue(entry.value ?? "");
+        if (parsed === undefined)
+            continue;
+        record[key] = parsed;
+    }
+    return Object.keys(record).length ? record : undefined;
+}
+export function buildVariablesPayload(rows, additional) {
+    const variables = {};
+    for (const row of rows) {
+        if (row.type === "boolean") {
+            if (row.booleanValue || row.required || row.includeBooleanValue) {
+                variables[row.key] = row.booleanValue;
+            }
+            continue;
+        }
+        const parsed = parseLooseValue(row.value ?? "");
+        if (parsed !== undefined)
+            variables[row.key] = parsed;
+    }
+    for (const entry of additional) {
+        const key = entry.key?.trim();
+        if (!key)
+            continue;
+        const parsed = parseLooseValue(entry.value ?? "");
+        if (parsed !== undefined)
+            variables[key] = parsed;
+    }
+    return Object.keys(variables).length ? variables : undefined;
+}
+export function clearedOptionalValue(value, isEditing) {
+    const trimmed = value?.trim();
+    if (trimmed)
+        return trimmed;
+    return isEditing ? null : undefined;
+}
+export function parseBooleanFormValue(value) {
+    const parsed = parseLooseValue(value ?? "");
+    return typeof parsed === "boolean" ? parsed : undefined;
+}
+export function inferTemplateVariableKeys(body, requiredKeys) {
+    if (!body)
+        return new Set(requiredKeys);
+    const detected = new Set(requiredKeys);
+    const variablePattern = /\{\{\s*([a-zA-Z0-9_.[\]]+)\s*\}\}/g;
+    for (const match of body.matchAll(variablePattern)) {
+        if (match[1])
+            detected.add(match[1]);
+    }
+    return detected;
+}
+export function SearchableSelect({ value, onChange, options, placeholder, searchPlaceholder, emptyLabel, loadingLabel, loading, disabled, onSearchChange, }) {
+    const optionMap = useMemo(() => new Map(options.map((option) => [option.value, option])), [options]);
+    const selected = value ? optionMap.get(value) : undefined;
+    const selectedLabel = selected?.label ?? "";
+    const [inputValue, setInputValue] = useState(selectedLabel);
+    useEffect(() => {
+        setInputValue(selectedLabel);
+    }, [selectedLabel]);
+    return (_jsxs(Combobox, { items: options.map((option) => option.value), value: value ?? null, inputValue: inputValue, autoHighlight: true, disabled: disabled, itemToStringValue: (id) => optionMap.get(id)?.label ?? "", onInputValueChange: (next) => {
+            setInputValue(next);
+            onSearchChange?.(next);
+            if (!next)
+                onChange(null);
+        }, onValueChange: (next) => {
+            const resolved = next ?? null;
+            onChange(resolved);
+            setInputValue(resolved ? (optionMap.get(resolved)?.label ?? "") : "");
+        }, children: [_jsx(ComboboxInput, { placeholder: searchPlaceholder ?? placeholder, showClear: !!value, disabled: disabled }), _jsxs(ComboboxContent, { children: [_jsx(ComboboxEmpty, { children: loading ? loadingLabel : emptyLabel }), _jsx(ComboboxList, { children: _jsx(ComboboxCollection, { children: (id) => {
+                                const option = optionMap.get(id);
+                                if (!option)
+                                    return null;
+                                return (_jsx(ComboboxItem, { value: option.value, children: _jsxs("div", { className: "flex min-w-0 flex-col", children: [_jsx("span", { className: "truncate font-medium", children: option.label }), option.description ? (_jsx("span", { className: "truncate text-xs text-muted-foreground", children: option.description })) : null] }) }, option.value));
+                            } }) })] })] }));
+}
+export function VariableValueField({ row, index, setValue, watch, messages, }) {
+    const valuePath = `templateVariables.${index}.value`;
+    const booleanPath = `templateVariables.${index}.booleanValue`;
+    const includeBooleanPath = `templateVariables.${index}.includeBooleanValue`;
+    if (row.type === "boolean") {
+        return (_jsx("div", { className: "flex min-h-10 items-center rounded-md border border-input px-3 text-sm", children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Switch, { "aria-label": row.label, checked: watch(booleanPath), onCheckedChange: (checked) => {
+                            setValue(booleanPath, checked, {
+                                shouldDirty: true,
+                                shouldValidate: true,
+                            });
+                            setValue(includeBooleanPath, true, {
+                                shouldDirty: true,
+                                shouldValidate: true,
+                            });
+                        } }), _jsx("span", { children: watch(booleanPath) ? messages.booleanYes : messages.booleanNo })] }) }));
+    }
+    if (row.type === "datetime") {
+        return (_jsx(DateTimePicker, { value: watch(valuePath) || null, onChange: (next) => setValue(valuePath, next ?? "", {
+                shouldDirty: true,
+                shouldValidate: true,
+            }), placeholder: row.example || messages.datetimeFallbackPlaceholder, className: "w-full" }));
+    }
+    if (row.type === "date") {
+        return (_jsx(DatePicker, { value: watch(valuePath) || null, onChange: (next) => setValue(valuePath, next ?? "", {
+                shouldDirty: true,
+                shouldValidate: true,
+            }), placeholder: row.example || messages.dateFallbackPlaceholder, className: "w-full" }));
+    }
+    const inputType = row.type === "email"
+        ? "email"
+        : row.type === "url"
+            ? "url"
+            : row.type === "phone"
+                ? "tel"
+                : row.type === "number"
+                    ? "number"
+                    : "text";
+    return (_jsx(Input, { type: inputType, step: row.type === "number" ? "1" : undefined, value: watch(valuePath) || "", onChange: (event) => setValue(valuePath, event.target.value, {
+            shouldDirty: true,
+            shouldValidate: true,
+        }), placeholder: row.example || messages.valueFallbackPlaceholder }));
+}
+export function LinkedRecordField({ label, value, scope, onChange, renderPicker, }) {
+    if (!renderPicker)
+        return null;
+    return (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: label }), renderPicker({
+                value: value ?? undefined,
+                onChange,
+                scope,
+            })] }));
+}

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

@@ -0,0 +1,5 @@
+import { type ContractDialogProps } from "./contract-dialog-fields.js";
+export type { ContractDialogProps, LinkedRecordPickerProps } from "./contract-dialog-fields.js";
+export { buildRecordFromPairs, buildVariablesPayload, clearedOptionalValue, } from "./contract-dialog-fields.js";
+export declare function ContractDialog({ open, onOpenChange, contract, onSuccess, renderPersonPicker, renderOrganizationPicker, renderSupplierPicker, renderChannelPicker, }: ContractDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=contract-dialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"contract-dialog.d.ts","sourceRoot":"","sources":["../../src/components/contract-dialog.tsx"],"names":[],"mappings":"AAyCA,OAAO,EAGL,KAAK,mBAAmB,EAczB,MAAM,6BAA6B,CAAA;AAEpC,YAAY,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAA;AAC/F,OAAO,EACL,oBAAoB,EACpB,qBAAqB,EACrB,oBAAoB,GACrB,MAAM,6BAA6B,CAAA;AAEpC,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,kBAAkB,EAClB,wBAAwB,EACxB,oBAAoB,EACpB,mBAAmB,GACpB,EAAE,mBAAmB,2CA2sBrB"}