@voyant-travel/legal-react 0.119.2

package/dist/components/contracts-page.js

@@ -0,0 +1,192 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } 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 { formatMessage } from "@voyant-travel/i18n";
+import { usePeople } from "@voyant-travel/relationships-react";
+import { Badge, Button, Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@voyant-travel/ui/components";
+import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, } from "@voyant-travel/ui/components/command";
+import { Popover, PopoverContent, PopoverTrigger } from "@voyant-travel/ui/components/popover";
+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 { ChevronDown, ListFilter, Plus, Search, User, X } from "lucide-react";
+import { useMemo, useState } from "react";
+import { useLegalUiI18nOrDefault, useLegalUiMessagesOrDefault } from "../i18n/index.js";
+import { legalContractScopes, legalContractStatuses } from "../i18n/messages.js";
+import { useLegalContracts } from "../index.js";
+const PAGE_SIZE = 25;
+const SCOPE_ALL = "__all__";
+const STATUS_ALL = "__all__";
+const statusVariant = {
+    draft: "outline",
+    issued: "secondary",
+    sent: "secondary",
+    signed: "default",
+    executed: "default",
+    expired: "destructive",
+    void: "destructive",
+};
+export function ContractsPage({ className, defaultPersonId, personId, onPersonIdChange, onOpenContract, renderContractDialog, renderPersonCell, renderPersonFilter, } = {}) {
+    const i18n = useLegalUiI18nOrDefault();
+    const messages = useLegalUiMessagesOrDefault();
+    const f = messages.contractsPage;
+    const [search, setSearch] = useState("");
+    const [scope, setScope] = useState(SCOPE_ALL);
+    const [status, setStatus] = useState(STATUS_ALL);
+    const [internalPersonId, setInternalPersonId] = useState(() => getInitialPersonId(defaultPersonId));
+    const [selectedPerson, setSelectedPerson] = useState(null);
+    const [dialogOpen, setDialogOpen] = useState(false);
+    const [filtersOpen, setFiltersOpen] = useState(false);
+    const [pageIndex, setPageIndex] = useState(0);
+    const resolvedPersonId = personId ?? internalPersonId;
+    const activeFilterCount = (scope !== SCOPE_ALL ? 1 : 0) + (status !== STATUS_ALL ? 1 : 0) + (resolvedPersonId ? 1 : 0);
+    const hasActiveFilters = activeFilterCount > 0 || search !== "";
+    const { data, isPending, isFetching, isError, refetch } = useLegalContracts({
+        search,
+        scope: scope === SCOPE_ALL ? "all" : scope,
+        status: status === STATUS_ALL ? "all" : status,
+        personId: resolvedPersonId || undefined,
+        limit: PAGE_SIZE,
+        offset: pageIndex * PAGE_SIZE,
+    });
+    const contracts = data?.data ?? [];
+    const total = data?.total ?? 0;
+    const page = pageIndex + 1;
+    const pageCount = Math.max(1, Math.ceil(total / PAGE_SIZE));
+    const showSkeleton = isPending || (isFetching && contracts.length === 0);
+    const resetPage = () => setPageIndex(0);
+    const contractPersonSummary = useMemo(() => {
+        if (!resolvedPersonId)
+            return null;
+        if (selectedPerson?.id === resolvedPersonId)
+            return selectedPerson;
+        for (const contract of contracts) {
+            const person = getContractPersonSummary(contract);
+            if (person?.id === resolvedPersonId)
+                return person;
+        }
+        return { id: resolvedPersonId };
+    }, [contracts, resolvedPersonId, selectedPerson]);
+    const handlePersonChange = (nextPersonId, person) => {
+        if (personId === undefined)
+            setInternalPersonId(nextPersonId ?? "");
+        setSelectedPerson(person ?? null);
+        onPersonIdChange?.(nextPersonId);
+        resetPage();
+    };
+    const clearFilters = () => {
+        setSearch("");
+        setScope(SCOPE_ALL);
+        setStatus(STATUS_ALL);
+        handlePersonChange(null, null);
+        resetPage();
+    };
+    return (_jsxs("div", { className: cn("flex flex-col gap-6 p-6", className), children: [_jsxs("div", { children: [_jsx("h1", { className: "text-2xl font-bold tracking-tight", children: f.title }), _jsx("p", { className: "text-sm text-muted-foreground", children: f.description })] }), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsxs("div", { className: "relative min-w-[14rem] flex-1", children: [_jsx(Label, { htmlFor: "contracts-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: "contracts-search", placeholder: f.searchPlaceholder, value: search, onChange: (event) => {
+                                    setSearch(event.target.value);
+                                    resetPage();
+                                }, 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: _jsxs("div", { className: "flex flex-col gap-4", children: [_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "contracts-filter-scope", children: f.filters.scope }), _jsxs(Select, { value: scope, onValueChange: (value) => {
+                                                        setScope(value ?? SCOPE_ALL);
+                                                        resetPage();
+                                                    }, children: [_jsx(SelectTrigger, { id: "contracts-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)))] })] })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "contracts-filter-status", children: f.filters.status }), _jsxs(Select, { value: status, onValueChange: (value) => {
+                                                        setStatus(value ?? STATUS_ALL);
+                                                        resetPage();
+                                                    }, children: [_jsx(SelectTrigger, { id: "contracts-filter-status", className: "w-full", children: _jsx(SelectValue, { children: (value) => value === STATUS_ALL
+                                                                    ? f.filters.allStatuses
+                                                                    : (messages.common.contractStatusLabels[value] ?? value) }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: STATUS_ALL, children: f.filters.allStatuses }), legalContractStatuses.map((value) => (_jsx(SelectItem, { value: value, children: messages.common.contractStatusLabels[value] }, value)))] })] })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { children: f.filters.person }), renderPersonFilter ? (renderPersonFilter({
+                                                    personId: resolvedPersonId || null,
+                                                    selectedPerson: contractPersonSummary,
+                                                    onPersonChange: handlePersonChange,
+                                                })) : (_jsx(ContractsPersonFilter, { value: resolvedPersonId || null, selectedPerson: contractPersonSummary, onChange: handlePersonChange }))] })] }) })] }), hasActiveFilters && (_jsxs(Button, { variant: "ghost", size: "sm", onClick: clearFilters, children: [_jsx(X, { className: "mr-1 size-4" }), f.filters.clear] })), renderContractDialog ? (_jsx("div", { className: "ml-auto", children: _jsxs(Button, { onClick: () => 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.number }), _jsx(TableHead, { children: f.columns.title }), _jsx(TableHead, { children: f.columns.scope }), _jsx(TableHead, { children: f.columns.status }), _jsx(TableHead, { children: f.columns.person }), _jsx(TableHead, { children: f.columns.created })] }) }), _jsx(TableBody, { children: showSkeleton ? (_jsx(ContractRowSkeleton, { rows: 6 })) : isError ? (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: 6, className: "h-24 text-center text-sm text-destructive", children: f.loadFailed }) })) : contracts.length === 0 ? (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: 6, className: "h-24 text-center text-sm text-muted-foreground", children: f.empty }) })) : (contracts.map((contract) => (_jsxs(TableRow, { onClick: () => onOpenContract?.(contract.id), className: cn(onOpenContract && "cursor-pointer"), children: [_jsx(TableCell, { className: "font-mono text-xs", children: contract.contractNumber ?? messages.common.noResultsDash }), _jsx(TableCell, { className: "font-medium", children: contract.title }), _jsx(TableCell, { children: _jsx(Badge, { variant: "outline", children: messages.common.contractScopeLabels[contract.scope] ?? contract.scope }) }), _jsx(TableCell, { children: _jsx(Badge, { variant: statusVariant[contract.status] ?? "secondary", children: messages.common.contractStatusLabels[contract.status] }) }), _jsx(TableCell, { children: _jsx(ContractPersonCell, { contract: contract, renderPersonCell: renderPersonCell }) }), _jsx(TableCell, { children: i18n.formatDate(contract.createdAt) })] }, contract.id)))) })] }) }), _jsx(PaginationBar, { shown: contracts.length, total: total, page: page, pageCount: pageCount, onPrevious: () => setPageIndex((prev) => Math.max(0, prev - 1)), onNext: () => setPageIndex((prev) => prev + 1), canGoBack: pageIndex > 0, canGoForward: (pageIndex + 1) * PAGE_SIZE < total }), renderContractDialog?.({
+                open: dialogOpen,
+                onOpenChange: setDialogOpen,
+                onSuccess: () => {
+                    setDialogOpen(false);
+                    setPageIndex(0);
+                    void refetch();
+                },
+            })] }));
+}
+function getInitialPersonId(defaultPersonId) {
+    if (defaultPersonId !== undefined)
+        return defaultPersonId ?? "";
+    if (typeof window === "undefined")
+        return "";
+    return new URLSearchParams(window.location.search).get("personId") ?? "";
+}
+function personSummaryFromRecord(person) {
+    return {
+        id: person.id,
+        firstName: person.firstName,
+        lastName: person.lastName,
+        email: person.email,
+        phone: person.phone,
+    };
+}
+function getContractPersonSummary(contract) {
+    if (!contract.personId)
+        return null;
+    return {
+        id: contract.personId,
+        firstName: contract.personFirstName,
+        lastName: contract.personLastName,
+        email: contract.personEmail,
+        phone: contract.personPhone,
+    };
+}
+function formatPersonName(person) {
+    if (!person)
+        return null;
+    const name = [person.firstName, person.lastName].filter(Boolean).join(" ").trim();
+    return name || null;
+}
+function formatPersonLabel(person, fallback) {
+    return formatPersonName(person) ?? person?.email ?? person?.phone ?? fallback ?? null;
+}
+function ContractsPersonFilter({ value, selectedPerson, onChange, }) {
+    const messages = useLegalUiMessagesOrDefault().contractsPage.filters;
+    const [open, setOpen] = useState(false);
+    const [search, setSearch] = useState("");
+    const peopleQuery = usePeople({
+        search: search.trim() || undefined,
+        limit: 25,
+        enabled: open,
+    });
+    const people = peopleQuery.data?.data ?? [];
+    const label = formatPersonLabel(selectedPerson, value) ?? messages.allPeople;
+    return (_jsxs("div", { className: "flex items-center gap-1.5", children: [_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsxs(PopoverTrigger, { render: _jsx(Button, { type: "button", variant: "outline", className: "w-full flex-1 justify-between gap-2 px-3" }), children: [_jsxs("span", { className: "flex min-w-0 items-center gap-2", children: [_jsx(User, { className: "size-4 shrink-0 text-muted-foreground", "aria-hidden": "true" }), _jsx("span", { className: "truncate", children: label })] }), _jsx(ChevronDown, { className: "size-4 shrink-0 text-muted-foreground", "aria-hidden": "true" })] }), _jsx(PopoverContent, { className: "w-[20rem] p-0", align: "start", children: _jsxs(Command, { shouldFilter: false, children: [_jsx(CommandInput, { value: search, onValueChange: setSearch, placeholder: messages.personSearchPlaceholder }), _jsxs(CommandList, { children: [_jsx(CommandEmpty, { children: peopleQuery.isLoading ? messages.personSearching : messages.personEmpty }), _jsx(CommandGroup, { children: people.map((person) => {
+                                                const summary = personSummaryFromRecord(person);
+                                                const name = formatPersonName(summary);
+                                                return (_jsx(CommandItem, { value: `${name ?? ""} ${person.email ?? ""} ${person.phone ?? ""}`, onSelect: () => {
+                                                        onChange(person.id, summary);
+                                                        setOpen(false);
+                                                        setSearch("");
+                                                    }, children: _jsxs("div", { className: "flex min-w-0 flex-1 flex-col leading-tight", children: [_jsx("span", { className: "truncate font-medium text-sm", children: name ?? person.id }), (person.email || person.phone) && (_jsx("span", { className: "truncate text-muted-foreground text-xs", children: person.email ?? person.phone }))] }) }, person.id));
+                                            }) }), value ? (_jsxs(_Fragment, { children: [_jsx(CommandSeparator, {}), _jsx(CommandGroup, { children: _jsxs(CommandItem, { value: "__clear_person_filter", onSelect: () => {
+                                                            onChange(null, null);
+                                                            setOpen(false);
+                                                            setSearch("");
+                                                        }, children: [_jsx(X, { className: "mr-2 size-4", "aria-hidden": "true" }), messages.clearPerson] }) })] })) : null] })] }) })] }), value ? (_jsx(Button, { type: "button", variant: "outline", size: "icon", "aria-label": messages.clearPerson, onClick: () => onChange(null, null), children: _jsx(X, { className: "size-4", "aria-hidden": "true" }) })) : null] }));
+}
+function ContractPersonCell({ contract, renderPersonCell, }) {
+    const messages = useLegalUiMessagesOrDefault();
+    const person = getContractPersonSummary(contract);
+    if (renderPersonCell)
+        return renderPersonCell(contract.personId, person);
+    if (!contract.personId) {
+        return _jsx("span", { className: "text-muted-foreground text-xs", children: messages.common.noResultsDash });
+    }
+    const name = formatPersonName(person);
+    if (!name && !person?.email && !person?.phone) {
+        return _jsx("span", { className: "font-mono text-xs", children: contract.personId });
+    }
+    return (_jsxs("div", { className: "flex min-w-0 flex-col leading-tight", children: [_jsx("span", { className: "truncate font-medium text-sm", children: name ?? contract.personId }), (person?.email || person?.phone) && (_jsx("span", { className: "truncate text-muted-foreground text-xs", children: person.email ?? person.phone }))] }));
+}
+function PaginationBar({ shown, total, page, pageCount, onPrevious, onNext, canGoBack, canGoForward, }) {
+    const messages = useLegalUiMessagesOrDefault();
+    const f = messages.contractsPage.pagination;
+    return (_jsxs("div", { className: "flex items-center justify-between text-sm text-muted-foreground", children: [_jsx("span", { children: formatMessage(f.showing, { count: shown, total }) }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Button, { variant: "outline", size: "sm", disabled: !canGoBack, onClick: onPrevious, children: f.previous }), _jsx("span", { children: formatMessage(f.page, { page, pageCount }) }), _jsx(Button, { variant: "outline", size: "sm", disabled: !canGoForward, onClick: onNext, children: f.next })] })] }));
+}
+function ContractRowSkeleton({ rows }) {
+    return (_jsx(_Fragment, { children: Array.from({ length: rows }).map((_, index) => (_jsxs(TableRow, { children: [_jsx(TableCell, { children: _jsx(Skeleton, { className: "h-4 w-24" }) }), _jsx(TableCell, { children: _jsx(Skeleton, { className: "h-4 w-40" }) }), _jsx(TableCell, { children: _jsx(Skeleton, { className: "h-5 w-24 rounded-full" }) }), _jsx(TableCell, { children: _jsx(Skeleton, { className: "h-5 w-20 rounded-full" }) }), _jsx(TableCell, { children: _jsx(Skeleton, { className: "h-4 w-28" }) }), _jsx(TableCell, { children: _jsx(Skeleton, { className: "h-4 w-24" }) })] }, `contract-skeleton-${index}`))) }));
+}

package/dist/components/number-series-page.d.ts

@@ -0,0 +1,13 @@
+import type { ReactNode } from "react";
+import { type LegalContractNumberSeriesRecord } from "../index.js";
+export interface NumberSeriesDialogRenderProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    series?: LegalContractNumberSeriesRecord;
+    onSuccess: () => void;
+}
+export interface NumberSeriesPageProps {
+    renderNumberSeriesDialog?: (props: NumberSeriesDialogRenderProps) => ReactNode;
+}
+export declare function NumberSeriesPage({ renderNumberSeriesDialog }?: NumberSeriesPageProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=number-series-page.d.ts.map

package/dist/components/number-series-page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-series-page.d.ts","sourceRoot":"","sources":["../../src/components/number-series-page.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,OAAO,EACL,KAAK,+BAA+B,EAGrC,MAAM,aAAa,CAAA;AAEpB,MAAM,WAAW,6BAA6B;IAC5C,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,MAAM,CAAC,EAAE,+BAA+B,CAAA;IACxC,SAAS,EAAE,MAAM,IAAI,CAAA;CACtB;AAED,MAAM,WAAW,qBAAqB;IACpC,wBAAwB,CAAC,EAAE,CAAC,KAAK,EAAE,6BAA6B,KAAK,SAAS,CAAA;CAC/E;AAED,wBAAgB,gBAAgB,CAAC,EAAE,wBAAwB,EAAE,GAAE,qBAA0B,2CA2HxF"}

package/dist/components/number-series-page.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { formatMessage } from "@voyant-travel/i18n";
+import { Badge, Button } from "@voyant-travel/ui/components";
+import { Loader2, Pencil, Plus, Trash2 } from "lucide-react";
+import { useState } from "react";
+import { useLegalUiMessagesOrDefault } from "../i18n/index.js";
+import { useLegalContractNumberSeries, useLegalContractNumberSeriesMutation, } from "../index.js";
+export function NumberSeriesPage({ renderNumberSeriesDialog } = {}) {
+    const messages = useLegalUiMessagesOrDefault();
+    const page = messages.numberSeriesPage;
+    const common = messages.common;
+    const [dialogOpen, setDialogOpen] = useState(false);
+    const [editingSeries, setEditingSeries] = useState();
+    const { remove } = useLegalContractNumberSeriesMutation();
+    const { data, isPending, refetch } = useLegalContractNumberSeries();
+    const rows = data?.data ?? [];
+    return (_jsxs("div", { className: "flex flex-col gap-6 p-6", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { children: [_jsx("h1", { className: "text-2xl font-bold tracking-tight", children: page.title }), _jsx("p", { className: "text-sm text-muted-foreground", children: page.description })] }), renderNumberSeriesDialog ? (_jsxs(Button, { onClick: () => {
+                            setEditingSeries(undefined);
+                            setDialogOpen(true);
+                        }, children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), page.actions.create] })) : null] }), isPending ? (_jsx("div", { className: "flex items-center justify-center py-12", children: _jsx(Loader2, { className: "h-6 w-6 animate-spin text-muted-foreground" }) })) : null, !isPending && rows.length === 0 ? (_jsx("div", { className: "rounded-md border border-dashed p-8 text-center", children: _jsx("p", { className: "text-sm text-muted-foreground", children: page.empty }) })) : null, !isPending && rows.length > 0 ? (_jsx("div", { className: "rounded border bg-background", children: _jsxs("table", { className: "w-full text-sm", children: [_jsx("thead", { children: _jsxs("tr", { className: "border-b text-muted-foreground", children: [_jsx("th", { className: "p-3 text-left font-medium", children: page.columns.name }), _jsx("th", { className: "p-3 text-left font-medium", children: page.columns.prefix }), _jsx("th", { className: "p-3 text-left font-medium", children: page.columns.separator }), _jsx("th", { className: "p-3 text-left font-medium", children: page.columns.pad }), _jsx("th", { className: "p-3 text-left font-medium", children: page.columns.current }), _jsx("th", { className: "p-3 text-left font-medium", children: page.columns.reset }), _jsx("th", { className: "p-3 text-left font-medium", children: page.columns.scope }), _jsx("th", { className: "p-3 text-left font-medium", children: page.columns.status }), _jsx("th", { className: "w-20 p-3" })] }) }), _jsx("tbody", { children: rows.map((series) => (_jsxs("tr", { className: "border-b last:border-b-0", children: [_jsx("td", { className: "p-3", children: series.name }), _jsx("td", { className: "p-3 font-mono", children: series.prefix }), _jsx("td", { className: "p-3 font-mono", children: series.separator || common.none }), _jsx("td", { className: "p-3", children: series.padLength }), _jsx("td", { className: "p-3 font-mono", children: series.currentSequence }), _jsx("td", { className: "p-3 capitalize", children: series.resetStrategy }), _jsx("td", { className: "p-3", children: _jsx(Badge, { variant: "outline", className: "capitalize", children: series.scope }) }), _jsx("td", { className: "p-3", children: _jsx(Badge, { variant: series.active ? "default" : "secondary", children: series.active ? page.active : page.inactive }) }), _jsx("td", { className: "p-3", children: _jsxs("div", { className: "flex items-center gap-1", children: [renderNumberSeriesDialog ? (_jsx("button", { type: "button", onClick: () => {
+                                                        setEditingSeries(series);
+                                                        setDialogOpen(true);
+                                                    }, className: "text-muted-foreground hover:text-foreground", children: _jsx(Pencil, { className: "h-3.5 w-3.5" }) })) : null, _jsx("button", { type: "button", onClick: () => {
+                                                        if (confirm(formatMessage(page.deleteConfirm, { name: series.name }))) {
+                                                            remove.mutate(series.id, { onSuccess: () => void refetch() });
+                                                        }
+                                                    }, className: "text-muted-foreground hover:text-destructive", children: _jsx(Trash2, { className: "h-3.5 w-3.5" }) })] }) })] }, series.id))) })] }) })) : null, renderNumberSeriesDialog?.({
+                open: dialogOpen,
+                onOpenChange: setDialogOpen,
+                series: editingSeries,
+                onSuccess: () => {
+                    setDialogOpen(false);
+                    setEditingSeries(undefined);
+                    void refetch();
+                },
+            })] }));
+}

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

@@ -0,0 +1,13 @@
+import type { ReactNode } from "react";
+export interface PolicyDialogRenderProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    onSuccess: () => void;
+}
+export interface PoliciesPageProps {
+    className?: string;
+    onOpenPolicy?: (policyId: string) => void;
+    renderPolicyDialog?: (props: PolicyDialogRenderProps) => ReactNode;
+}
+export declare function PoliciesPage({ className, onOpenPolicy, renderPolicyDialog, }?: PoliciesPageProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=policies-page.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"policies-page.d.ts","sourceRoot":"","sources":["../../src/components/policies-page.tsx"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAStC,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,SAAS,EAAE,MAAM,IAAI,CAAA;CACtB;AAED,MAAM,WAAW,iBAAiB;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IACzC,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,uBAAuB,KAAK,SAAS,CAAA;CACnE;AAED,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,YAAY,EACZ,kBAAkB,GACnB,GAAE,iBAAsB,2CAkMxB"}

package/dist/components/policies-page.js

@@ -0,0 +1,70 @@
+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, Plus, Search, X } from "lucide-react";
+import { useState } from "react";
+import { useLegalUiI18nOrDefault, useLegalUiMessagesOrDefault } from "../i18n/index.js";
+import { legalPolicyKinds } from "../i18n/messages.js";
+import { useLegalPolicies } from "../index.js";
+const PAGE_SIZE = 25;
+const KIND_ALL = "__all__";
+export function PoliciesPage({ className, onOpenPolicy, renderPolicyDialog, } = {}) {
+    const i18n = useLegalUiI18nOrDefault();
+    const messages = useLegalUiMessagesOrDefault();
+    const f = messages.policiesPage;
+    const [search, setSearch] = useState("");
+    const [kind, setKind] = useState(KIND_ALL);
+    const [dialogOpen, setDialogOpen] = useState(false);
+    const [pageIndex, setPageIndex] = useState(0);
+    const [filtersOpen, setFiltersOpen] = useState(false);
+    const activeFilterCount = kind !== KIND_ALL ? 1 : 0;
+    const hasActiveFilters = activeFilterCount > 0 || search !== "";
+    const clearFilters = () => {
+        setSearch("");
+        setKind(KIND_ALL);
+        setPageIndex(0);
+    };
+    const { data, isPending, isFetching, isError, refetch } = useLegalPolicies({
+        search,
+        kind: kind === KIND_ALL ? "all" : kind,
+        limit: PAGE_SIZE,
+        offset: pageIndex * PAGE_SIZE,
+    });
+    const policies = data?.data ?? [];
+    const total = data?.total ?? 0;
+    const page = pageIndex + 1;
+    const pageCount = Math.max(1, Math.ceil(total / PAGE_SIZE));
+    const showSkeleton = isPending || (isFetching && policies.length === 0);
+    const resetPage = () => setPageIndex(0);
+    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: "policies-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: "policies-search", placeholder: f.searchPlaceholder, value: search, onChange: (event) => {
+                                    setSearch(event.target.value);
+                                    resetPage();
+                                }, 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: "policies-filter-kind", children: f.filters.kind }), _jsxs(Select, { value: kind, onValueChange: (value) => {
+                                                    setKind(value ?? KIND_ALL);
+                                                    resetPage();
+                                                }, children: [_jsx(SelectTrigger, { id: "policies-filter-kind", className: "w-full", children: _jsx(SelectValue, { children: (value) => value === KIND_ALL
+                                                                ? f.allKinds
+                                                                : (messages.common.policyKindLabels[value] ?? value) }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: KIND_ALL, children: f.allKinds }), legalPolicyKinds.map((value) => (_jsx(SelectItem, { value: value, children: messages.common.policyKindLabels[value] }, value)))] })] })] }) }) })] }), hasActiveFilters && (_jsxs(Button, { variant: "ghost", size: "sm", onClick: clearFilters, children: [_jsx(X, { className: "mr-1 size-4" }), f.filters.clear] })), renderPolicyDialog ? (_jsx("div", { className: "ml-auto", children: _jsxs(Button, { onClick: () => 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.slug }), _jsx(TableHead, { children: f.columns.kind }), _jsx(TableHead, { children: f.columns.language }), _jsx(TableHead, { children: f.columns.created })] }) }), _jsx(TableBody, { children: showSkeleton ? (_jsx(PolicyRowSkeleton, { rows: 6 })) : isError ? (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: 5, className: "h-24 text-center text-sm text-destructive", children: f.loadFailed }) })) : policies.length === 0 ? (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: 5, className: "h-24 text-center text-sm text-muted-foreground", children: f.empty }) })) : (policies.map((policy) => (_jsx(PolicyRow, { policy: policy, created: i18n.formatDate(policy.createdAt), kindLabel: messages.common.policyKindLabels[policy.kind] ?? policy.kind, onOpenPolicy: onOpenPolicy }, policy.id)))) })] }) }), _jsx(PaginationBar, { shown: policies.length, total: total, page: page, pageCount: pageCount, onPrevious: () => setPageIndex((prev) => Math.max(0, prev - 1)), onNext: () => setPageIndex((prev) => prev + 1), canGoBack: pageIndex > 0, canGoForward: (pageIndex + 1) * PAGE_SIZE < total }), renderPolicyDialog?.({
+                open: dialogOpen,
+                onOpenChange: setDialogOpen,
+                onSuccess: () => {
+                    setDialogOpen(false);
+                    setPageIndex(0);
+                    void refetch();
+                },
+            })] }));
+}
+function PolicyRow({ policy, created, kindLabel, onOpenPolicy, }) {
+    return (_jsxs(TableRow, { onClick: () => onOpenPolicy?.(policy.id), className: cn(onOpenPolicy && "cursor-pointer"), children: [_jsx(TableCell, { className: "font-medium", children: policy.name }), _jsx(TableCell, { className: "font-mono text-xs", children: policy.slug }), _jsx(TableCell, { children: _jsx(Badge, { variant: "outline", children: kindLabel }) }), _jsx(TableCell, { children: policy.language }), _jsx(TableCell, { children: created })] }));
+}
+function PaginationBar({ shown, total, page, pageCount, onPrevious, onNext, canGoBack, canGoForward, }) {
+    const messages = useLegalUiMessagesOrDefault();
+    const f = messages.policiesPage.pagination;
+    return (_jsxs("div", { className: "flex items-center justify-between text-sm text-muted-foreground", children: [_jsx("span", { children: formatMessage(f.showing, { count: shown, total }) }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Button, { variant: "outline", size: "sm", disabled: !canGoBack, onClick: onPrevious, children: f.previous }), _jsx("span", { children: formatMessage(f.page, { page, pageCount }) }), _jsx(Button, { variant: "outline", size: "sm", disabled: !canGoForward, onClick: onNext, children: f.next })] })] }));
+}
+function PolicyRowSkeleton({ rows }) {
+    return (_jsx(_Fragment, { children: Array.from({ length: rows }).map((_, index) => (_jsxs(TableRow, { children: [_jsx(TableCell, { children: _jsx(Skeleton, { className: "h-4 w-40" }) }), _jsx(TableCell, { children: _jsx(Skeleton, { className: "h-4 w-32" }) }), _jsx(TableCell, { children: _jsx(Skeleton, { className: "h-5 w-28 rounded-full" }) }), _jsx(TableCell, { children: _jsx(Skeleton, { className: "h-4 w-12" }) }), _jsx(TableCell, { children: _jsx(Skeleton, { className: "h-4 w-24" }) })] }, `policy-skeleton-${index}`))) }));
+}

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

@@ -0,0 +1,23 @@
+import type { ReactNode } from "react";
+import { type LegalPolicyAssignmentRecord, type LegalPolicyRecord } from "../index.js";
+export interface PolicyDetailPageProps {
+    id: string;
+    onBackToPolicies?: () => void;
+    renderPolicyDialog?: (props: PolicyDetailDialogRenderProps) => ReactNode;
+    renderPolicyAssignmentDialog?: (props: PolicyAssignmentDialogRenderProps) => ReactNode;
+}
+export interface PolicyDetailDialogRenderProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    policy: LegalPolicyRecord;
+    onSuccess: () => void;
+}
+export interface PolicyAssignmentDialogRenderProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    policyId: string;
+    assignment?: LegalPolicyAssignmentRecord;
+    onSuccess: () => void;
+}
+export declare function PolicyDetailPage({ id, onBackToPolicies, renderPolicyDialog, renderPolicyAssignmentDialog, }: PolicyDetailPageProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=policy-detail-page.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"policy-detail-page.d.ts","sourceRoot":"","sources":["../../src/components/policy-detail-page.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,OAAO,EAEL,KAAK,2BAA2B,EAChC,KAAK,iBAAiB,EAWvB,MAAM,aAAa,CAAA;AAUpB,MAAM,WAAW,qBAAqB;IACpC,EAAE,EAAE,MAAM,CAAA;IACV,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAA;IAC7B,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,6BAA6B,KAAK,SAAS,CAAA;IACxE,4BAA4B,CAAC,EAAE,CAAC,KAAK,EAAE,iCAAiC,KAAK,SAAS,CAAA;CACvF;AAED,MAAM,WAAW,6BAA6B;IAC5C,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,MAAM,EAAE,iBAAiB,CAAA;IACzB,SAAS,EAAE,MAAM,IAAI,CAAA;CACtB;AAED,MAAM,WAAW,iCAAiC;IAChD,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,CAAC,EAAE,2BAA2B,CAAA;IACxC,SAAS,EAAE,MAAM,IAAI,CAAA;CACtB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,EAAE,EACF,gBAAgB,EAChB,kBAAkB,EAClB,4BAA4B,GAC7B,EAAE,qBAAqB,2CAqSvB"}

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

@@ -0,0 +1,171 @@
+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, Card, CardContent, CardHeader, CardTitle, } from "@voyant-travel/ui/components";
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "@voyant-travel/ui/components/table";
+import { ArrowLeft, ChevronDown, ChevronRight, Pencil, Plus, Trash2 } from "lucide-react";
+import { useState } from "react";
+import { useLegalUiI18nOrDefault, useLegalUiMessagesOrDefault } from "../i18n/index.js";
+import { useLegalPolicy, useLegalPolicyAcceptances, useLegalPolicyAssignmentMutation, useLegalPolicyAssignments, useLegalPolicyMutation, useLegalPolicyRuleMutation, useLegalPolicyRules, useLegalPolicyVersionMutation, useLegalPolicyVersions, } from "../index.js";
+import { PolicyRuleDialog } from "./policy-rule-dialog.js";
+import { PolicyVersionDialog } from "./policy-version-dialog.js";
+const versionStatusVariant = {
+    draft: "outline",
+    published: "default",
+    retired: "secondary",
+};
+export function PolicyDetailPage({ id, onBackToPolicies, renderPolicyDialog, renderPolicyAssignmentDialog, }) {
+    const queryClient = useQueryClient();
+    const messages = useLegalUiMessagesOrDefault();
+    const f = messages.policyDetailPage;
+    const { remove } = useLegalPolicyMutation();
+    const { publish, retire } = useLegalPolicyVersionMutation();
+    const { remove: removeAssignment } = useLegalPolicyAssignmentMutation();
+    const [editOpen, setEditOpen] = useState(false);
+    const [versionDialogOpen, setVersionDialogOpen] = useState(false);
+    const [editingVersion, setEditingVersion] = useState();
+    const [expandedVersionId, setExpandedVersionId] = useState(null);
+    const [ruleDialogOpen, setRuleDialogOpen] = useState(false);
+    const [ruleDialogVersionId, setRuleDialogVersionId] = useState("");
+    const [editingRule, setEditingRule] = useState();
+    const [assignmentDialogOpen, setAssignmentDialogOpen] = useState(false);
+    const [editingAssignment, setEditingAssignment] = useState();
+    const { data: policy, isPending } = useLegalPolicy(id);
+    const { data: versionsData, refetch: refetchVersions } = useLegalPolicyVersions({ policyId: id });
+    const { data: assignmentsData, refetch: refetchAssignments } = useLegalPolicyAssignments({
+        policyId: id,
+    });
+    const { data: acceptancesData } = useLegalPolicyAcceptances({ limit: 50, offset: 0 });
+    const assignments = assignmentsData?.data ?? [];
+    const acceptances = acceptancesData?.data ?? [];
+    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 (!policy) {
+        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 }), onBackToPolicies ? (_jsx(Button, { variant: "outline", onClick: onBackToPolicies, children: f.backToPolicies })) : null] }));
+    }
+    return (_jsxs("div", { className: "flex flex-col gap-6 p-6", children: [_jsxs("div", { className: "flex items-center gap-4", children: [onBackToPolicies ? (_jsx(Button, { variant: "ghost", size: "icon", onClick: onBackToPolicies, 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: policy.name }), _jsxs("div", { className: "mt-1 flex flex-wrap items-center gap-2", children: [_jsx(Badge, { variant: "outline", children: messages.common.policyKindLabels[policy.kind] ?? policy.kind }), _jsx("span", { className: "font-mono text-xs text-muted-foreground", children: policy.slug })] })] }), _jsxs("div", { className: "flex items-center gap-2", children: [renderPolicyDialog ? (_jsxs(Button, { variant: "outline", onClick: () => setEditOpen(true), children: [_jsx(Pencil, { className: "mr-2 size-4", "aria-hidden": "true" }), messages.common.edit] })) : null, _jsxs(Button, { variant: "destructive", onClick: () => {
+                                    if (confirm(formatMessage(f.deleteConfirm, { name: policy.name }))) {
+                                        remove.mutate(id, { onSuccess: () => onBackToPolicies?.() });
+                                    }
+                                }, disabled: remove.isPending, children: [_jsx(Trash2, { className: "mr-2 size-4", "aria-hidden": "true" }), messages.common.delete] })] })] }), policy.description ? (_jsx(Card, { children: _jsx(CardContent, { className: "pt-6", children: _jsx("p", { className: "text-sm", children: policy.description }) }) })) : null, _jsxs(Card, { children: [_jsxs(CardHeader, { className: "flex flex-row items-center justify-between", children: [_jsx(CardTitle, { children: f.sections.versions }), _jsxs(Button, { size: "sm", onClick: () => {
+                                    setEditingVersion(undefined);
+                                    setVersionDialogOpen(true);
+                                }, children: [_jsx(Plus, { className: "mr-2 size-4", "aria-hidden": "true" }), f.actions.newVersion] })] }), _jsxs(CardContent, { children: [!versionsData || versionsData.length === 0 ? (_jsx("p", { className: "py-4 text-center text-sm text-muted-foreground", children: f.empty.noVersions })) : null, _jsx("div", { className: "flex flex-col gap-2", children: versionsData?.map((version) => (_jsx(PolicyVersionRow, { version: version, expanded: expandedVersionId === version.id, onToggle: () => setExpandedVersionId(expandedVersionId === version.id ? null : version.id), onEdit: () => {
+                                        setEditingVersion(version);
+                                        setVersionDialogOpen(true);
+                                    }, onPublish: () => publish.mutate(version.id), onRetire: () => retire.mutate(version.id), onAddRule: () => {
+                                        setRuleDialogVersionId(version.id);
+                                        setEditingRule(undefined);
+                                        setRuleDialogOpen(true);
+                                    }, onEditRule: (rule) => {
+                                        setRuleDialogVersionId(version.id);
+                                        setEditingRule(rule);
+                                        setRuleDialogOpen(true);
+                                    } }, version.id))) })] })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "flex flex-row items-center justify-between", children: [_jsx(CardTitle, { children: f.sections.assignments }), renderPolicyAssignmentDialog ? (_jsxs(Button, { size: "sm", onClick: () => {
+                                    setEditingAssignment(undefined);
+                                    setAssignmentDialogOpen(true);
+                                }, children: [_jsx(Plus, { className: "mr-2 size-4", "aria-hidden": "true" }), f.actions.addAssignment] })) : null] }), _jsxs(CardContent, { children: [assignments.length === 0 ? (_jsx("p", { className: "py-4 text-center text-sm text-muted-foreground", children: f.empty.noAssignments })) : null, assignments.length > 0 ? (_jsx("div", { className: "rounded border bg-background", children: _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: f.fields.scope }), _jsx(TableHead, { children: f.fields.targetId }), _jsx(TableHead, { children: f.fields.priority }), _jsx(TableHead, { children: f.fields.valid }), _jsx(TableHead, { className: "w-16" })] }) }), _jsx(TableBody, { children: assignments.map((assignment) => (_jsx(AssignmentRow, { assignment: assignment, onEdit: renderPolicyAssignmentDialog
+                                                    ? () => {
+                                                        setEditingAssignment(assignment);
+                                                        setAssignmentDialogOpen(true);
+                                                    }
+                                                    : undefined, onDelete: () => {
+                                                    if (confirm(f.deleteAssignmentConfirm)) {
+                                                        removeAssignment.mutate({ policyId: id, id: assignment.id });
+                                                    }
+                                                } }, assignment.id))) })] }) })) : null] })] }), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: f.sections.acceptances }) }), _jsxs(CardContent, { children: [acceptances.length === 0 ? (_jsx("p", { className: "py-4 text-center text-sm text-muted-foreground", children: f.empty.noAcceptances })) : null, acceptances.length > 0 ? (_jsx("div", { className: "rounded border bg-background", children: _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: f.fields.versionId }), _jsx(TableHead, { children: f.fields.personId }), _jsx(TableHead, { children: f.fields.bookingId }), _jsx(TableHead, { children: f.fields.target }), _jsx(TableHead, { children: f.fields.method }), _jsx(TableHead, { children: f.fields.acceptedAt })] }) }), _jsx(TableBody, { children: acceptances.map((acceptance) => (_jsx(AcceptanceRow, { acceptance: acceptance }, acceptance.id))) })] }) })) : null] })] }), renderPolicyDialog?.({
+                open: editOpen,
+                onOpenChange: setEditOpen,
+                policy,
+                onSuccess: () => {
+                    setEditOpen(false);
+                    void queryClient.invalidateQueries();
+                },
+            }), _jsx(PolicyVersionDialog, { open: versionDialogOpen, onOpenChange: setVersionDialogOpen, policyId: id, version: editingVersion, onSuccess: () => {
+                    setVersionDialogOpen(false);
+                    setEditingVersion(undefined);
+                    void refetchVersions();
+                } }), ruleDialogVersionId ? (_jsx(PolicyRuleDialog, { open: ruleDialogOpen, onOpenChange: setRuleDialogOpen, versionId: ruleDialogVersionId, rule: editingRule, onSuccess: () => {
+                    setRuleDialogOpen(false);
+                    setEditingRule(undefined);
+                    void queryClient.invalidateQueries();
+                } })) : null, renderPolicyAssignmentDialog?.({
+                open: assignmentDialogOpen,
+                onOpenChange: setAssignmentDialogOpen,
+                policyId: id,
+                assignment: editingAssignment,
+                onSuccess: () => {
+                    setAssignmentDialogOpen(false);
+                    setEditingAssignment(undefined);
+                    void refetchAssignments();
+                },
+            })] }));
+}
+function PolicyVersionRow({ version, expanded, onToggle, onEdit, onPublish, onRetire, onAddRule, onEditRule, }) {
+    const messages = useLegalUiMessagesOrDefault();
+    const f = messages.policyDetailPage;
+    const { remove } = useLegalPolicyRuleMutation();
+    const { data: rulesData } = useLegalPolicyRules({
+        versionId: version.id,
+        enabled: expanded,
+    });
+    return (_jsxs("div", { className: "rounded-md border", children: [_jsxs("div", { className: "flex items-center gap-3 p-3", children: [_jsx("button", { type: "button", onClick: onToggle, className: "text-muted-foreground hover:text-foreground", children: expanded ? (_jsx(ChevronDown, { className: "size-4", "aria-hidden": "true" })) : (_jsx(ChevronRight, { className: "size-4", "aria-hidden": "true" })) }), _jsx("div", { className: "flex-1", children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs("span", { className: "text-sm font-medium", children: ["v", version.version] }), _jsx(Badge, { variant: versionStatusVariant[version.status] ?? "secondary", children: f.versionStatusLabels[version.status] ?? version.status }), _jsx("span", { className: "text-sm text-muted-foreground", children: version.title })] }) }), _jsxs("div", { className: "flex items-center gap-1", children: [version.status === "draft" ? (_jsx(Button, { variant: "outline", size: "sm", onClick: onPublish, children: f.actions.publish })) : null, version.status === "published" ? (_jsx(Button, { variant: "outline", size: "sm", onClick: onRetire, children: f.actions.retire })) : null, version.status === "draft" ? (_jsx(Button, { variant: "ghost", size: "sm", onClick: onEdit, children: _jsx(Pencil, { className: "size-3.5", "aria-hidden": "true" }) })) : null] })] }), expanded ? (_jsxs("div", { className: "border-t bg-muted/30 p-3", children: [version.body ? (_jsxs("div", { className: "mb-4 rounded border bg-background p-3", children: [_jsx("p", { className: "mb-2 text-xs font-medium uppercase text-muted-foreground", children: f.sections.body }), version.body.trim().startsWith("<") ? (_jsx("div", { className: "prose prose-invert max-w-none text-sm [&_h1]:text-xl [&_h2]:text-lg [&_h3]:text-base [&_p]:my-2", 
+                                // biome-ignore lint/security/noDangerouslySetInnerHtml: Policy version body is trusted admin-authored HTML rendered for preview. -- owner: legal-react; existing suppression is intentional pending typed cleanup.
+                                dangerouslySetInnerHTML: { __html: version.body } })) : (_jsx("pre", { className: "whitespace-pre-wrap text-sm", children: version.body }))] })) : null, _jsxs("div", { className: "mb-2 flex items-center justify-between", children: [_jsx("p", { className: "text-xs font-medium uppercase text-muted-foreground", children: f.sections.rules }), _jsxs(Button, { variant: "outline", size: "sm", onClick: onAddRule, children: [_jsx(Plus, { className: "mr-1 size-3", "aria-hidden": "true" }), f.actions.addRule] })] }), !rulesData || rulesData.length === 0 ? (_jsx("p", { className: "py-2 text-center text-xs text-muted-foreground", children: f.empty.noRules })) : null, rulesData && rulesData.length > 0 ? (_jsx("div", { className: "rounded border bg-background", children: _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: f.fields.sort }), _jsx(TableHead, { children: f.fields.type }), _jsx(TableHead, { children: f.fields.label }), _jsx(TableHead, { children: f.fields.days }), _jsx(TableHead, { children: f.fields.refund }), _jsx(TableHead, { children: f.fields.refundType }), _jsx(TableHead, { className: "w-16" })] }) }), _jsx(TableBody, { children: rulesData
+                                        .slice()
+                                        .sort((a, b) => a.sortOrder - b.sortOrder)
+                                        .map((rule) => (_jsxs(TableRow, { children: [_jsx(TableCell, { className: "font-mono", children: rule.sortOrder }), _jsx(TableCell, { children: messages.policyRuleDialog.ruleTypeLabels[rule.ruleType] ?? rule.ruleType }), _jsx(TableCell, { children: rule.label ?? messages.common.noResultsDash }), _jsx(TableCell, { children: rule.daysBeforeDeparture ?? messages.common.noResultsDash }), _jsx(TableCell, { children: formatRuleRefund(rule) }), _jsx(TableCell, { children: rule.refundType
+                                                    ? (messages.policyRuleDialog.refundTypeLabels[rule.refundType] ?? rule.refundType)
+                                                    : messages.common.noResultsDash }), _jsx(TableCell, { children: _jsxs("div", { className: "flex items-center gap-1", children: [_jsx("button", { type: "button", onClick: () => onEditRule(rule), className: "text-muted-foreground hover:text-foreground", children: _jsx(Pencil, { className: "size-3", "aria-hidden": "true" }) }), _jsx("button", { type: "button", onClick: () => {
+                                                                if (confirm(f.deleteRuleConfirm)) {
+                                                                    remove.mutate({ versionId: version.id, id: rule.id });
+                                                                }
+                                                            }, className: "text-muted-foreground hover:text-destructive", children: _jsx(Trash2, { className: "size-3", "aria-hidden": "true" }) })] }) })] }, rule.id))) })] }) })) : null] })) : null] }));
+}
+function AssignmentRow({ assignment, onEdit, onDelete, }) {
+    const messages = useLegalUiMessagesOrDefault();
+    const f = messages.policyDetailPage;
+    return (_jsxs(TableRow, { children: [_jsx(TableCell, { children: f.assignmentScopeLabels[assignment.scope] ?? assignment.scope }), _jsx(TableCell, { className: "font-mono text-xs", children: getAssignmentTargetId(assignment) }), _jsx(TableCell, { children: assignment.priority }), _jsx(TableCell, { className: "text-xs", children: assignment.validFrom || assignment.validTo
+                    ? `${assignment.validFrom ?? "..."} - ${assignment.validTo ?? "..."}`
+                    : f.always }), _jsx(TableCell, { children: _jsxs("div", { className: "flex items-center gap-1", children: [onEdit ? (_jsx("button", { type: "button", onClick: onEdit, className: "text-muted-foreground hover:text-foreground", children: _jsx(Pencil, { className: "size-3", "aria-hidden": "true" }) })) : null, _jsx("button", { type: "button", onClick: onDelete, className: "text-muted-foreground hover:text-destructive", children: _jsx(Trash2, { className: "size-3", "aria-hidden": "true" }) })] }) })] }));
+}
+function AcceptanceRow({ acceptance }) {
+    const i18n = useLegalUiI18nOrDefault();
+    const messages = useLegalUiMessagesOrDefault();
+    return (_jsxs(TableRow, { children: [_jsx(TableCell, { className: "font-mono text-xs", children: acceptance.policyVersionId }), _jsx(TableCell, { className: "font-mono text-xs", children: acceptance.personId ?? messages.common.noResultsDash }), _jsx(TableCell, { className: "font-mono text-xs", children: acceptance.bookingId ?? messages.common.noResultsDash }), _jsx(TableCell, { className: "font-mono text-xs", children: getAcceptanceTarget(acceptance) }), _jsx(TableCell, { children: acceptance.method.replace(/_/g, " ") }), _jsx(TableCell, { children: i18n.formatDateTime(acceptance.acceptedAt) })] }));
+}
+function getAcceptanceTarget(acceptance) {
+    if (acceptance.targetKind === "provider_source_ref") {
+        if (!acceptance.targetProvider && !acceptance.targetSourceRef)
+            return "-";
+        return `${acceptance.targetProvider ?? "provider"}:${acceptance.targetSourceRef ?? ""}`;
+    }
+    if (acceptance.targetKind && acceptance.targetId) {
+        return `${acceptance.targetKind}:${acceptance.targetId}`;
+    }
+    if (acceptance.legacyTransactionOfferId) {
+        return `legacy_transaction_offer:${acceptance.legacyTransactionOfferId}`;
+    }
+    if (acceptance.legacyTransactionOrderId) {
+        return `legacy_transaction_order:${acceptance.legacyTransactionOrderId}`;
+    }
+    return "-";
+}
+function getAssignmentTargetId(assignment) {
+    return (assignment.productId ||
+        assignment.channelId ||
+        assignment.supplierId ||
+        assignment.marketId ||
+        assignment.organizationId ||
+        "-");
+}
+function formatRuleRefund(rule) {
+    if (rule.refundPercent != null)
+        return `${(rule.refundPercent / 100).toFixed(2)}%`;
+    if (rule.flatAmountCents != null) {
+        return `${(rule.flatAmountCents / 100).toFixed(2)} ${rule.currency ?? ""}`;
+    }
+    return "-";
+}

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

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

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

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