@voyant-travel/legal-react 0.119.2

package/dist/admin/policy-assignment-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"policy-assignment-dialog.d.ts","sourceRoot":"","sources":["../../src/admin/policy-assignment-dialog.tsx"],"names":[],"mappings":"AA6BA,OAAO,EAAE,KAAK,2BAA2B,EAAoC,MAAM,aAAa,CAAA;AA4BhG,MAAM,MAAM,cAAc,GAAG,2BAA2B,CAAA;AAExD,MAAM,WAAW,2BAA2B;IAC1C,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,CAAC,EAAE,cAAc,CAAA;IAC3B,SAAS,EAAE,MAAM,IAAI,CAAA;CACtB;AAED,wBAAgB,sBAAsB,CAAC,EACrC,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,UAAU,EACV,SAAS,GACV,EAAE,2BAA2B,2CAiN7B"}

package/dist/admin/policy-assignment-dialog.js

@@ -0,0 +1,234 @@
+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 { useOperatorAdminMessages } from "@voyant-travel/admin";
+import { useMarket, useMarkets } from "@voyant-travel/commerce-react/markets";
+import { useChannel, useChannels } from "@voyant-travel/distribution-react";
+import { useSupplier, useSuppliers } from "@voyant-travel/distribution-react/suppliers";
+import { useProduct, useProducts } from "@voyant-travel/inventory-react";
+import { useOrganization, useOrganizations } from "@voyant-travel/relationships-react";
+import { Button, Dialog, DialogBody, DialogContent, DialogFooter, DialogHeader, DialogTitle, Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@voyant-travel/ui/components";
+import { DatePicker } from "@voyant-travel/ui/components/date-picker";
+import { zodResolver } from "@voyant-travel/ui/lib/zod-resolver";
+import { Loader2 } from "lucide-react";
+import { useEffect, useMemo, useState } from "react";
+import { useForm } from "react-hook-form";
+import { z } from "zod/v4";
+import { useLegalPolicyAssignmentMutation } from "../index.js";
+import { mergeUniqueOptions, SearchableSelect } from "./legal-admin-shared.js";
+// Parity with the previous operator-local entity combobox, which showed a
+// hardcoded "No results." empty state; the loading label is localized via
+// the shared legal contract-dialog messages.
+const PICKER_EMPTY_LABEL = "No results.";
+const SCOPE_VALUES = ["product", "channel", "supplier", "market", "organization", "global"];
+const assignmentFormSchema = z.object({
+    policyId: z.string().min(1, "policyIdRequired"),
+    scope: z.enum(SCOPE_VALUES),
+    productId: z.string().optional(),
+    channelId: z.string().optional(),
+    supplierId: z.string().optional(),
+    marketId: z.string().optional(),
+    organizationId: z.string().optional(),
+    validFrom: z.string().optional(),
+    validTo: z.string().optional(),
+    priority: z.coerce.number().int().optional(),
+});
+export function PolicyAssignmentDialog({ open, onOpenChange, policyId, assignment, onSuccess, }) {
+    const isEditing = !!assignment;
+    const t = useOperatorAdminMessages().legal.policyAssignmentDialog;
+    const { create, update } = useLegalPolicyAssignmentMutation();
+    const form = useForm({
+        resolver: zodResolver(assignmentFormSchema),
+        defaultValues: {
+            policyId,
+            scope: "global",
+            productId: "",
+            channelId: "",
+            supplierId: "",
+            marketId: "",
+            organizationId: "",
+            validFrom: "",
+            validTo: "",
+            priority: 0,
+        },
+    });
+    useEffect(() => {
+        if (open && assignment) {
+            form.reset({
+                policyId: assignment.policyId,
+                scope: assignment.scope,
+                productId: assignment.productId ?? "",
+                channelId: assignment.channelId ?? "",
+                supplierId: assignment.supplierId ?? "",
+                marketId: assignment.marketId ?? "",
+                organizationId: assignment.organizationId ?? "",
+                validFrom: assignment.validFrom ?? "",
+                validTo: assignment.validTo ?? "",
+                priority: assignment.priority,
+            });
+        }
+        else if (open) {
+            form.reset({ policyId, scope: "global", priority: 0 });
+        }
+    }, [open, assignment, policyId, form]);
+    const onSubmit = async (values) => {
+        const payload = {
+            policyId: values.policyId,
+            scope: values.scope,
+            productId: values.productId || undefined,
+            channelId: values.channelId || undefined,
+            supplierId: values.supplierId || undefined,
+            marketId: values.marketId || undefined,
+            organizationId: values.organizationId || undefined,
+            validFrom: values.validFrom || undefined,
+            validTo: values.validTo || undefined,
+            priority: values.priority ?? 0,
+        };
+        if (isEditing && assignment) {
+            await update.mutateAsync({ id: assignment.id, input: payload });
+        }
+        else {
+            await create.mutateAsync(payload);
+        }
+        onSuccess();
+    };
+    const watchedScope = form.watch("scope");
+    const setReferenceField = (field, value) => {
+        form.setValue(field, value ?? "", { shouldDirty: true, shouldValidate: true });
+    };
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: isEditing ? t.titleEdit : t.titleNew }) }), _jsxs("form", { onSubmit: form.handleSubmit(onSubmit), children: [_jsxs(DialogBody, { className: "grid gap-4", children: [_jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: t.scopeLabel }), _jsxs(Select, { items: SCOPE_VALUES.map((value) => ({ value, label: t.scopeOptions[value] })), value: form.watch("scope"), onValueChange: (v) => {
+                                                        form.setValue("scope", v, {
+                                                            shouldDirty: true,
+                                                            shouldValidate: true,
+                                                        });
+                                                        form.setValue("productId", "");
+                                                        form.setValue("channelId", "");
+                                                        form.setValue("supplierId", "");
+                                                        form.setValue("marketId", "");
+                                                        form.setValue("organizationId", "");
+                                                    }, children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: SCOPE_VALUES.map((value) => (_jsx(SelectItem, { value: value, children: t.scopeOptions[value] }, value))) })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: t.priorityLabel }), _jsx(Input, { ...form.register("priority"), type: "number" })] })] }), watchedScope === "product" && (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: t.productLabel }), _jsx(ProductPicker, { value: form.watch("productId") || null, onChange: (id) => setReferenceField("productId", id), placeholder: t.productSearchPlaceholder })] })), watchedScope === "channel" && (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: t.channelLabel }), _jsx(ChannelPicker, { value: form.watch("channelId") || null, onChange: (id) => setReferenceField("channelId", id), placeholder: t.channelSearchPlaceholder })] })), watchedScope === "supplier" && (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: t.supplierLabel }), _jsx(SupplierPicker, { value: form.watch("supplierId") || null, onChange: (id) => setReferenceField("supplierId", id), placeholder: t.supplierSearchPlaceholder })] })), watchedScope === "market" && (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: t.marketLabel }), _jsx(MarketPicker, { value: form.watch("marketId") || null, onChange: (id) => setReferenceField("marketId", id), placeholder: t.marketSearchPlaceholder })] })), watchedScope === "organization" && (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: t.organizationLabel }), _jsx(OrganizationPicker, { value: form.watch("organizationId") || null, onChange: (id) => setReferenceField("organizationId", id), placeholder: t.organizationSearchPlaceholder })] })), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: t.validFromLabel }), _jsx(DatePicker, { value: form.watch("validFrom") || null, onChange: (next) => form.setValue("validFrom", next ?? "", {
+                                                        shouldValidate: true,
+                                                        shouldDirty: true,
+                                                    }), placeholder: t.validFromPlaceholder, className: "w-full" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: t.validToLabel }), _jsx(DatePicker, { value: form.watch("validTo") || null, onChange: (next) => form.setValue("validTo", next ?? "", {
+                                                        shouldValidate: true,
+                                                        shouldDirty: true,
+                                                    }), placeholder: t.validToPlaceholder, className: "w-full" })] })] })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { type: "button", variant: "ghost", onClick: () => onOpenChange(false), children: t.cancel }), _jsxs(Button, { type: "submit", disabled: form.formState.isSubmitting, children: [form.formState.isSubmitting && _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), isEditing ? t.saveChanges : t.createAction] })] })] })] }) }));
+}
+function usePickerLoadingLabel() {
+    return useOperatorAdminMessages().legal.contractDialog.loading;
+}
+function ProductPicker({ value, onChange, placeholder }) {
+    const loadingLabel = usePickerLoadingLabel();
+    const [search, setSearch] = useState("");
+    const listQuery = useProducts({ search: search || undefined, limit: 25 });
+    const selectedQuery = useProduct(value ?? undefined, { enabled: Boolean(value) });
+    const options = useMemo(() => {
+        const describe = (product) => [product.status, product.bookingMode].filter(Boolean).join(" / ") || undefined;
+        return mergeUniqueOptions(listQuery.data?.data.map((product) => ({
+            value: product.id,
+            label: product.name,
+            description: describe(product),
+        })), selectedQuery.data
+            ? [
+                {
+                    value: selectedQuery.data.id,
+                    label: selectedQuery.data.name,
+                    description: describe(selectedQuery.data),
+                },
+            ]
+            : undefined);
+    }, [listQuery.data?.data, selectedQuery.data]);
+    return (_jsx(SearchableSelect, { value: value, onChange: onChange, options: options, placeholder: placeholder, searchPlaceholder: placeholder, emptyLabel: PICKER_EMPTY_LABEL, loadingLabel: loadingLabel, loading: listQuery.isPending || (Boolean(value) && selectedQuery.isPending), onSearchChange: setSearch }));
+}
+function ChannelPicker({ value, onChange, placeholder }) {
+    const loadingLabel = usePickerLoadingLabel();
+    // Channels expose no server-side search filter; load a wide page and let
+    // the combobox narrow client-side (same approach as the contract dialog).
+    const listQuery = useChannels({ limit: 250 });
+    const selectedQuery = useChannel(value, { enabled: Boolean(value) });
+    const options = useMemo(() => {
+        const describe = (channel) => [channel.kind, channel.status].filter(Boolean).join(" / ") || undefined;
+        return mergeUniqueOptions(listQuery.data?.data.map((channel) => ({
+            value: channel.id,
+            label: channel.name,
+            description: describe(channel),
+        })), selectedQuery.data
+            ? [
+                {
+                    value: selectedQuery.data.id,
+                    label: selectedQuery.data.name,
+                    description: describe(selectedQuery.data),
+                },
+            ]
+            : undefined);
+    }, [listQuery.data?.data, selectedQuery.data]);
+    return (_jsx(SearchableSelect, { value: value, onChange: onChange, options: options, placeholder: placeholder, searchPlaceholder: placeholder, emptyLabel: PICKER_EMPTY_LABEL, loadingLabel: loadingLabel, loading: listQuery.isPending || (Boolean(value) && selectedQuery.isPending) }));
+}
+function SupplierPicker({ value, onChange, placeholder }) {
+    const loadingLabel = usePickerLoadingLabel();
+    const [search, setSearch] = useState("");
+    const listQuery = useSuppliers({ search: search || undefined, limit: 25 });
+    const selectedQuery = useSupplier(value ?? "", { enabled: Boolean(value) });
+    const options = useMemo(() => {
+        const describe = (supplier) => [supplier.city, supplier.country].filter(Boolean).join(" / ") || undefined;
+        return mergeUniqueOptions(listQuery.data?.data.map((supplier) => ({
+            value: supplier.id,
+            label: supplier.name,
+            description: describe(supplier),
+        })), selectedQuery.data
+            ? [
+                {
+                    value: selectedQuery.data.data.id,
+                    label: selectedQuery.data.data.name,
+                    description: describe(selectedQuery.data.data),
+                },
+            ]
+            : undefined);
+    }, [listQuery.data?.data, selectedQuery.data]);
+    return (_jsx(SearchableSelect, { value: value, onChange: onChange, options: options, placeholder: placeholder, searchPlaceholder: placeholder, emptyLabel: PICKER_EMPTY_LABEL, loadingLabel: loadingLabel, loading: listQuery.isPending || (Boolean(value) && selectedQuery.isPending), onSearchChange: setSearch }));
+}
+function MarketPicker({ value, onChange, placeholder }) {
+    const loadingLabel = usePickerLoadingLabel();
+    const [search, setSearch] = useState("");
+    const listQuery = useMarkets({ search: search || undefined, limit: 25 });
+    const selectedQuery = useMarket(value, { enabled: Boolean(value) });
+    const options = useMemo(() => {
+        const describe = (market) => [market.code, market.defaultCurrency].filter(Boolean).join(" / ") || undefined;
+        return mergeUniqueOptions(listQuery.data?.data.map((market) => ({
+            value: market.id,
+            label: market.name,
+            description: describe(market),
+        })), selectedQuery.data
+            ? [
+                {
+                    value: selectedQuery.data.id,
+                    label: selectedQuery.data.name,
+                    description: describe(selectedQuery.data),
+                },
+            ]
+            : undefined);
+    }, [listQuery.data?.data, selectedQuery.data]);
+    return (_jsx(SearchableSelect, { value: value, onChange: onChange, options: options, placeholder: placeholder, searchPlaceholder: placeholder, emptyLabel: PICKER_EMPTY_LABEL, loadingLabel: loadingLabel, loading: listQuery.isPending || (Boolean(value) && selectedQuery.isPending), onSearchChange: setSearch }));
+}
+function OrganizationPicker({ value, onChange, placeholder }) {
+    const loadingLabel = usePickerLoadingLabel();
+    const [search, setSearch] = useState("");
+    const listQuery = useOrganizations({ search: search || undefined, limit: 25 });
+    const selectedQuery = useOrganization(value ?? undefined, { enabled: Boolean(value) });
+    const options = useMemo(() => {
+        const describe = (organization) => [organization.website, organization.industry].filter(Boolean).join(" / ") || undefined;
+        return mergeUniqueOptions(listQuery.data?.data.map((organization) => ({
+            value: organization.id,
+            label: organization.name,
+            description: describe(organization),
+        })), selectedQuery.data
+            ? [
+                {
+                    value: selectedQuery.data.id,
+                    label: selectedQuery.data.name,
+                    description: describe(selectedQuery.data),
+                },
+            ]
+            : undefined);
+    }, [listQuery.data?.data, selectedQuery.data]);
+    return (_jsx(SearchableSelect, { value: value, onChange: onChange, options: options, placeholder: placeholder, searchPlaceholder: placeholder, emptyLabel: PICKER_EMPTY_LABEL, loadingLabel: loadingLabel, loading: listQuery.isPending || (Boolean(value) && selectedQuery.isPending), onSearchChange: setSearch }));
+}

package/dist/admin/policy-detail-host.d.ts

@@ -0,0 +1,12 @@
+export interface PolicyDetailHostProps {
+    id: string;
+}
+/**
+ * Packaged admin host for the operator-grade policy detail page
+ * (packaged-admin RFC Phase 3). Back-navigation resolves through the
+ * `policy.list` semantic destination; the edit and assignment dialogs are
+ * the packaged {@link PolicyDialog} / {@link PolicyAssignmentDialog}
+ * (scoped pickers bound to their domain react hooks).
+ */
+export declare function PolicyDetailHost({ id }: PolicyDetailHostProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=policy-detail-host.d.ts.map

package/dist/admin/policy-detail-host.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"policy-detail-host.d.ts","sourceRoot":"","sources":["../../src/admin/policy-detail-host.tsx"],"names":[],"mappings":"AAQA,MAAM,WAAW,qBAAqB;IACpC,EAAE,EAAE,MAAM,CAAA;CACX;AAED;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,EAAE,EAAE,qBAAqB,2CAW7D"}

package/dist/admin/policy-detail-host.js

@@ -0,0 +1,17 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useAdminNavigate } from "@voyant-travel/admin";
+import { PolicyDetailPage } from "../components/policy-detail-page.js";
+import { PolicyAssignmentDialog } from "./policy-assignment-dialog.js";
+import { PolicyDialog } from "./policy-dialog.js";
+/**
+ * Packaged admin host for the operator-grade policy detail page
+ * (packaged-admin RFC Phase 3). Back-navigation resolves through the
+ * `policy.list` semantic destination; the edit and assignment dialogs are
+ * the packaged {@link PolicyDialog} / {@link PolicyAssignmentDialog}
+ * (scoped pickers bound to their domain react hooks).
+ */
+export function PolicyDetailHost({ id }) {
+    const navigateTo = useAdminNavigate();
+    return (_jsx(PolicyDetailPage, { id: id, onBackToPolicies: () => navigateTo("policy.list", {}), renderPolicyDialog: (props) => _jsx(PolicyDialog, { ...props }), renderPolicyAssignmentDialog: (props) => _jsx(PolicyAssignmentDialog, { ...props }) }));
+}

package/dist/admin/policy-dialog.d.ts

@@ -0,0 +1,10 @@
+import { type LegalPolicyRecord } from "../index.js";
+type PolicyDialogProps = {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    policy?: LegalPolicyRecord;
+    onSuccess: () => void;
+};
+export declare function PolicyDialog({ open, onOpenChange, policy, onSuccess }: PolicyDialogProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=policy-dialog.d.ts.map

package/dist/admin/policy-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"policy-dialog.d.ts","sourceRoot":"","sources":["../../src/admin/policy-dialog.tsx"],"names":[],"mappings":"AAuBA,OAAO,EAAE,KAAK,iBAAiB,EAA0B,MAAM,aAAa,CAAA;AA4B5E,KAAK,iBAAiB,GAAG;IACvB,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,MAAM,CAAC,EAAE,iBAAiB,CAAA;IAC1B,SAAS,EAAE,MAAM,IAAI,CAAA;CACtB,CAAA;AAED,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,iBAAiB,2CAmIxF"}

package/dist/admin/policy-dialog.js

@@ -0,0 +1,81 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useOperatorAdminMessages } from "@voyant-travel/admin";
+import { Button, Dialog, DialogBody, DialogContent, DialogFooter, DialogHeader, DialogTitle, Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Textarea, } from "@voyant-travel/ui/components";
+import { zodResolver } from "@voyant-travel/ui/lib/zod-resolver";
+import { Loader2 } from "lucide-react";
+import { useEffect } from "react";
+import { useForm } from "react-hook-form";
+import { z } from "zod/v4";
+import { useLegalPolicyMutation } from "../index.js";
+const KIND_VALUES = [
+    "cancellation",
+    "payment",
+    "terms_and_conditions",
+    "privacy",
+    "refund",
+    "commission",
+    "guarantee",
+    "other",
+];
+const policyFormSchema = z.object({
+    kind: z.enum(KIND_VALUES),
+    name: z.string().min(1, "nameRequired"),
+    slug: z
+        .string()
+        .min(1, "slugRequired")
+        .regex(/^[a-z0-9]+(?:-[a-z0-9]+)*$/, "slugKebabCase"),
+    description: z.string().optional(),
+    language: z.string().min(2).max(10).optional(),
+});
+export function PolicyDialog({ open, onOpenChange, policy, onSuccess }) {
+    const isEditing = !!policy;
+    const t = useOperatorAdminMessages().legal.policyDialog;
+    const { create, update } = useLegalPolicyMutation();
+    const validationByCode = {
+        nameRequired: t.validation.nameRequired,
+        slugRequired: t.validation.slugRequired,
+        slugKebabCase: t.validation.slugKebabCase,
+    };
+    const resolveValidation = (code) => (code && validationByCode[code]) || code || "";
+    const form = useForm({
+        resolver: zodResolver(policyFormSchema),
+        defaultValues: {
+            kind: "cancellation",
+            name: "",
+            slug: "",
+            description: "",
+            language: "en",
+        },
+    });
+    useEffect(() => {
+        if (open && policy) {
+            form.reset({
+                kind: policy.kind,
+                name: policy.name,
+                slug: policy.slug,
+                description: policy.description ?? "",
+                language: policy.language,
+            });
+        }
+        else if (open) {
+            form.reset();
+        }
+    }, [open, policy, form]);
+    const onSubmit = async (values) => {
+        const payload = {
+            kind: values.kind,
+            name: values.name,
+            slug: values.slug,
+            description: values.description || undefined,
+            language: values.language || "en",
+        };
+        if (isEditing && policy) {
+            await update.mutateAsync({ id: policy.id, input: payload });
+        }
+        else {
+            await create.mutateAsync(payload);
+        }
+        onSuccess();
+    };
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: isEditing ? t.titleEdit : t.titleNew }) }), _jsxs("form", { onSubmit: form.handleSubmit(onSubmit), children: [_jsxs(DialogBody, { className: "grid gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: t.kindLabel }), _jsxs(Select, { items: KIND_VALUES.map((value) => ({ value, label: t.kindOptions[value] })), value: form.watch("kind"), onValueChange: (v) => form.setValue("kind", v), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: KIND_VALUES.map((value) => (_jsx(SelectItem, { value: value, children: t.kindOptions[value] }, value))) })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: t.nameLabel }), _jsx(Input, { ...form.register("name"), placeholder: t.namePlaceholder }), form.formState.errors.name && (_jsx("p", { className: "text-xs text-destructive", children: resolveValidation(form.formState.errors.name.message) }))] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: t.slugLabel }), _jsx(Input, { ...form.register("slug"), placeholder: t.slugPlaceholder }), form.formState.errors.slug && (_jsx("p", { className: "text-xs text-destructive", children: resolveValidation(form.formState.errors.slug.message) }))] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: t.descriptionLabel }), _jsx(Textarea, { ...form.register("description"), placeholder: t.descriptionPlaceholder })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: t.languageLabel }), _jsx(Input, { ...form.register("language"), placeholder: t.languagePlaceholder, maxLength: 10, className: "max-w-[120px]" })] })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { type: "button", variant: "ghost", onClick: () => onOpenChange(false), children: t.cancel }), _jsxs(Button, { type: "submit", disabled: form.formState.isSubmitting, children: [form.formState.isSubmitting && _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), isEditing ? t.saveChanges : t.createAction] })] })] })] }) }));
+}

package/dist/admin/template-detail-host.d.ts

@@ -0,0 +1,11 @@
+export interface TemplateDetailHostProps {
+    id: string;
+}
+/**
+ * Packaged admin host for the operator-grade contract template detail page
+ * (packaged-admin RFC Phase 3). Back-navigation resolves through the
+ * `contractTemplate.list` semantic destination; the edit/version dialogs
+ * (rich-text editor) stay lazily loaded inside the package.
+ */
+export declare function TemplateDetailHost({ id }: TemplateDetailHostProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=template-detail-host.d.ts.map

package/dist/admin/template-detail-host.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"template-detail-host.d.ts","sourceRoot":"","sources":["../../src/admin/template-detail-host.tsx"],"names":[],"mappings":"AAiBA,MAAM,WAAW,uBAAuB;IACtC,EAAE,EAAE,MAAM,CAAA;CACX;AAED;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAAC,EAAE,EAAE,EAAE,EAAE,uBAAuB,2CAmBjE"}

package/dist/admin/template-detail-host.js

@@ -0,0 +1,20 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useAdminNavigate } from "@voyant-travel/admin";
+import { lazy, Suspense } from "react";
+import { TemplateDetailPage } from "../components/template-detail-page.js";
+// Lazy: both dialogs use the RichTextEditor (tiptap + prosemirror).
+const TemplateDialog = lazy(() => import("./template-dialog.js").then((m) => ({ default: m.TemplateDialog })));
+const TemplateVersionDialog = lazy(() => import("./template-version-dialog.js").then((m) => ({
+    default: m.TemplateVersionDialog,
+})));
+/**
+ * Packaged admin host for the operator-grade contract template detail page
+ * (packaged-admin RFC Phase 3). Back-navigation resolves through the
+ * `contractTemplate.list` semantic destination; the edit/version dialogs
+ * (rich-text editor) stay lazily loaded inside the package.
+ */
+export function TemplateDetailHost({ id }) {
+    const navigateTo = useAdminNavigate();
+    return (_jsx(TemplateDetailPage, { id: id, onBackToTemplates: () => navigateTo("contractTemplate.list", {}), renderTemplateDialog: (props) => (_jsx(Suspense, { fallback: null, children: _jsx(TemplateDialog, { ...props }) })), renderTemplateVersionDialog: (props) => (_jsx(Suspense, { fallback: null, children: _jsx(TemplateVersionDialog, { ...props }) })) }));
+}

package/dist/admin/template-dialog.d.ts

@@ -0,0 +1,10 @@
+import { type LegalContractTemplateRecord } from "../index.js";
+type TemplateDialogProps = {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    template?: LegalContractTemplateRecord;
+    onSuccess: () => void;
+};
+export declare function TemplateDialog({ open, onOpenChange, template, onSuccess }: TemplateDialogProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=template-dialog.d.ts.map

package/dist/admin/template-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"template-dialog.d.ts","sourceRoot":"","sources":["../../src/admin/template-dialog.tsx"],"names":[],"mappings":"AAgCA,OAAO,EACL,KAAK,2BAA2B,EAGjC,MAAM,aAAa,CAAA;AAqBpB,KAAK,mBAAmB,GAAG;IACzB,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,QAAQ,CAAC,EAAE,2BAA2B,CAAA;IACtC,SAAS,EAAE,MAAM,IAAI,CAAA;CACtB,CAAA;AAcD,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,mBAAmB,2CAqN9F"}

package/dist/admin/template-dialog.js

@@ -0,0 +1,117 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useOperatorAdminMessages } from "@voyant-travel/admin";
+import { Button, ContractTemplateAuthoringHelp, Dialog, DialogBody, DialogContent, DialogFooter, DialogHeader, DialogTitle, Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Textarea, } from "@voyant-travel/ui/components";
+import { RichTextEditor } from "@voyant-travel/ui/components/rich-text-editor";
+import { insertPlainText, insertVariableToken, } from "@voyant-travel/ui/components/rich-text-variable-extension";
+import { Switch } from "@voyant-travel/ui/components/switch";
+import { zodResolver } from "@voyant-travel/ui/lib/zod-resolver";
+import { languages } from "@voyant-travel/utils";
+import { Loader2 } from "lucide-react";
+import { useEffect, useMemo, useState } from "react";
+import { useForm } from "react-hook-form";
+import { z } from "zod/v4";
+import { useLegalContractTemplateAuthoring, useLegalContractTemplateMutation, } from "../index.js";
+const SCOPE_VALUES = ["customer", "supplier", "partner", "channel", "other"];
+const templateFormSchema = z.object({
+    name: z.string().min(1, "nameRequired"),
+    slug: z
+        .string()
+        .min(1, "slugRequired")
+        .regex(/^[a-z0-9]+(?:-[a-z0-9]+)*$/, "slugKebabCase"),
+    scope: z.enum(SCOPE_VALUES),
+    language: z.string().min(2).max(10).optional(),
+    description: z.string().optional(),
+    body: z.string().min(1, "bodyRequired"),
+    active: z.boolean(),
+});
+/**
+ * Language picker options derived from the canonical ISO 639-1 list
+ * shipped by `@voyant-travel/utils`. Sorted alphabetically by the English
+ * display name for predictable scanning. Lifted to module scope so
+ * the array reference is stable across re-renders (otherwise the
+ * Select primitive's `items` identity changes every render and
+ * forces internal state churn).
+ */
+const LANGUAGE_ITEMS = Object.entries(languages)
+    .map(([code, label]) => ({ value: code, label: `${label} (${code})` }))
+    .sort((a, b) => a.label.localeCompare(b.label));
+export function TemplateDialog({ open, onOpenChange, template, onSuccess }) {
+    const isEditing = !!template;
+    const t = useOperatorAdminMessages().legal.templateDialog;
+    const { create, update } = useLegalContractTemplateMutation();
+    const validationByCode = {
+        nameRequired: t.validation.nameRequired,
+        slugRequired: t.validation.slugRequired,
+        slugKebabCase: t.validation.slugKebabCase,
+        bodyRequired: t.validation.bodyRequired,
+    };
+    const resolveValidation = (code) => (code && validationByCode[code]) || code || "";
+    const { variableCatalog, liquidSnippets } = useLegalContractTemplateAuthoring();
+    const [editorInstance, setEditorInstance] = useState(null);
+    const variableGroups = useMemo(() => variableCatalog.map((group) => ({
+        ...group,
+        variables: group.variables.map((variable) => ({
+            ...variable,
+            example: String(variable.example),
+        })),
+    })), [variableCatalog]);
+    const form = useForm({
+        resolver: zodResolver(templateFormSchema),
+        defaultValues: {
+            name: "",
+            slug: "",
+            scope: "customer",
+            language: "en",
+            description: "",
+            body: "",
+            active: true,
+        },
+    });
+    useEffect(() => {
+        if (open && template) {
+            form.reset({
+                name: template.name,
+                slug: template.slug,
+                scope: template.scope,
+                language: template.language,
+                description: template.description ?? "",
+                body: template.body,
+                active: template.active,
+            });
+        }
+        else if (open) {
+            form.reset();
+        }
+    }, [open, template, form]);
+    const onSubmit = async (values) => {
+        const payload = {
+            name: values.name,
+            slug: values.slug,
+            scope: values.scope,
+            language: values.language || "en",
+            description: values.description || undefined,
+            body: values.body,
+            active: values.active,
+        };
+        if (isEditing && template) {
+            await update.mutateAsync({ id: template.id, input: payload });
+        }
+        else {
+            await create.mutateAsync(payload);
+        }
+        onSuccess();
+    };
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { size: "lg", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: isEditing ? t.titleEdit : t.titleNew }) }), _jsxs("form", { onSubmit: form.handleSubmit(onSubmit), children: [_jsxs(DialogBody, { className: "grid gap-4 max-h-[70vh]", children: [_jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: t.nameLabel }), _jsx(Input, { ...form.register("name"), placeholder: t.namePlaceholder }), form.formState.errors.name ? (_jsx("p", { className: "text-xs text-destructive", children: resolveValidation(form.formState.errors.name.message) })) : null] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: t.slugLabel }), _jsx(Input, { ...form.register("slug"), placeholder: t.slugPlaceholder }), form.formState.errors.slug ? (_jsx("p", { className: "text-xs text-destructive", children: resolveValidation(form.formState.errors.slug.message) })) : null] })] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: t.scopeLabel }), _jsxs(Select, { items: SCOPE_VALUES.map((value) => ({ value, label: t.scopeOptions[value] })), value: form.watch("scope"), onValueChange: (value) => form.setValue("scope", value), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: SCOPE_VALUES.map((value) => (_jsx(SelectItem, { value: value, children: t.scopeOptions[value] }, value))) })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: t.languageLabel }), _jsxs(Select, { items: LANGUAGE_ITEMS, value: form.watch("language") ?? "en", onValueChange: (value) => form.setValue("language", value ?? "en", { shouldDirty: true }), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: LANGUAGE_ITEMS.map((lang) => (_jsx(SelectItem, { value: lang.value, children: lang.label }, lang.value))) })] })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: t.descriptionLabel }), _jsx(Textarea, { ...form.register("description"), placeholder: t.descriptionPlaceholder })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: t.bodyLabel }), _jsx(RichTextEditor, { value: form.watch("body"), onChange: (value) => form.setValue("body", value, {
+                                                shouldDirty: true,
+                                                shouldTouch: true,
+                                                shouldValidate: true,
+                                            }), placeholder: t.bodyPlaceholder, enableVariables: true, onEditorReady: setEditorInstance }), form.formState.errors.body ? (_jsx("p", { className: "text-xs text-destructive", children: resolveValidation(form.formState.errors.body.message) })) : (_jsx("p", { className: "text-[11px] text-muted-foreground", children: t.bodyHelp }))] }), _jsx(ContractTemplateAuthoringHelp, { variableGroups: variableGroups, snippets: liquidSnippets, onInsertVariable: (variable) => {
+                                        if (!editorInstance)
+                                            return;
+                                        insertVariableToken(editorInstance, variable.key);
+                                    }, onInsertSnippet: (snippet) => {
+                                        if (!editorInstance)
+                                            return;
+                                        insertPlainText(editorInstance, snippet.code);
+                                    } }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Switch, { checked: form.watch("active"), onCheckedChange: (checked) => form.setValue("active", checked) }), _jsx(Label, { children: t.activeLabel })] })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { type: "button", variant: "ghost", onClick: () => onOpenChange(false), children: t.cancel }), _jsxs(Button, { type: "submit", disabled: form.formState.isSubmitting, children: [form.formState.isSubmitting ? (_jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" })) : null, isEditing ? t.saveChanges : t.createAction] })] })] })] }) }));
+}

package/dist/admin/template-version-dialog.d.ts

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

package/dist/admin/template-version-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"template-version-dialog.d.ts","sourceRoot":"","sources":["../../src/admin/template-version-dialog.tsx"],"names":[],"mappings":"AAsCA,KAAK,0BAA0B,GAAG;IAChC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,EAAE,MAAM,IAAI,CAAA;CACtB,CAAA;AAED,wBAAgB,qBAAqB,CAAC,EACpC,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,SAAS,GACV,EAAE,0BAA0B,2CAoH5B"}

package/dist/admin/template-version-dialog.js

@@ -0,0 +1,67 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useOperatorAdminMessages } from "@voyant-travel/admin";
+import { Button, ContractTemplateAuthoringHelp, Dialog, DialogBody, DialogContent, DialogFooter, DialogHeader, DialogTitle, Input, Label, } from "@voyant-travel/ui/components";
+import { RichTextEditor } from "@voyant-travel/ui/components/rich-text-editor";
+import { insertPlainText, insertVariableToken, } from "@voyant-travel/ui/components/rich-text-variable-extension";
+import { zodResolver } from "@voyant-travel/ui/lib/zod-resolver";
+import { Loader2 } from "lucide-react";
+import { useEffect, useMemo, useState } from "react";
+import { useForm } from "react-hook-form";
+import { z } from "zod/v4";
+import { useLegalContractTemplateAuthoring, useLegalContractTemplateVersionMutation, } from "../index.js";
+const versionFormSchema = z.object({
+    body: z.string().min(1, "bodyRequired"),
+    changelog: z.string().optional(),
+    createdBy: z.string().optional(),
+});
+export function TemplateVersionDialog({ open, onOpenChange, templateId, onSuccess, }) {
+    const t = useOperatorAdminMessages().legal.templateVersionDialog;
+    const { create } = useLegalContractTemplateVersionMutation();
+    const { variableCatalog, liquidSnippets } = useLegalContractTemplateAuthoring();
+    const [editorInstance, setEditorInstance] = useState(null);
+    const resolveValidation = (code) => code === "bodyRequired" ? t.validation.bodyRequired : code || "";
+    const variableGroups = useMemo(() => variableCatalog.map((group) => ({
+        ...group,
+        variables: group.variables.map((variable) => ({
+            ...variable,
+            example: String(variable.example),
+        })),
+    })), [variableCatalog]);
+    const form = useForm({
+        resolver: zodResolver(versionFormSchema),
+        defaultValues: {
+            body: "",
+            changelog: "",
+            createdBy: "",
+        },
+    });
+    useEffect(() => {
+        if (open) {
+            form.reset();
+        }
+    }, [open, form]);
+    const onSubmit = async (values) => {
+        await create.mutateAsync({
+            templateId,
+            input: {
+                body: values.body,
+                changelog: values.changelog || undefined,
+                createdBy: values.createdBy || undefined,
+            },
+        });
+        onSuccess();
+    };
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { size: "lg", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: t.titleNew }) }), _jsxs("form", { onSubmit: form.handleSubmit(onSubmit), children: [_jsxs(DialogBody, { className: "grid gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: t.bodyLabel }), _jsx(RichTextEditor, { value: form.watch("body"), onChange: (value) => form.setValue("body", value, {
+                                                shouldDirty: true,
+                                                shouldTouch: true,
+                                                shouldValidate: true,
+                                            }), placeholder: t.bodyPlaceholder, enableVariables: true, onEditorReady: setEditorInstance }), form.formState.errors.body ? (_jsx("p", { className: "text-xs text-destructive", children: resolveValidation(form.formState.errors.body.message) })) : null] }), _jsx(ContractTemplateAuthoringHelp, { variableGroups: variableGroups, snippets: liquidSnippets, onInsertVariable: (variable) => {
+                                        if (!editorInstance)
+                                            return;
+                                        insertVariableToken(editorInstance, variable.key);
+                                    }, onInsertSnippet: (snippet) => {
+                                        if (!editorInstance)
+                                            return;
+                                        insertPlainText(editorInstance, snippet.code);
+                                    } }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: t.changelogLabel }), _jsx(Input, { ...form.register("changelog"), placeholder: t.changelogPlaceholder })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: t.createdByLabel }), _jsx(Input, { ...form.register("createdBy"), placeholder: t.createdByPlaceholder })] })] })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { type: "button", variant: "ghost", onClick: () => onOpenChange(false), children: t.cancel }), _jsxs(Button, { type: "submit", disabled: form.formState.isSubmitting, children: [form.formState.isSubmitting ? (_jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" })) : null, t.createAction] })] })] })] }) }));
+}