@voyantjs/finance-ui 0.30.7 → 0.31.1

package/dist/components/taxes-page.js

@@ -0,0 +1,718 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import { useVoyantFinanceContext } from "@voyantjs/finance-react";
+import { Badge, Button, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Sheet, SheetBody, SheetContent, SheetFooter, SheetHeader, SheetTitle, Switch, Textarea, } from "@voyantjs/ui/components";
+import { Skeleton } from "@voyantjs/ui/components/skeleton";
+import { Loader2, MoreHorizontal, Pencil, Plus, Trash2 } from "lucide-react";
+import { createContext, useContext, useEffect, useMemo, useState } from "react";
+import { useFinanceUiMessagesOrDefault } from "../i18n/index.js";
+const TAX_CODE_OPTIONS = [
+    "standard",
+    "reduced",
+    "exempt",
+    "reverse_charge",
+    "margin_scheme_art311",
+    "zero_rated",
+    "out_of_scope",
+    "other",
+];
+const TaxesPageApiContext = createContext(null);
+function joinUrl(baseUrl, path) {
+    const trimmedBase = baseUrl.endsWith("/") ? baseUrl.slice(0, -1) : baseUrl;
+    const trimmedPath = path.startsWith("/") ? path : `/${path}`;
+    return `${trimmedBase}${trimmedPath}`;
+}
+async function readJson(response) {
+    if (!response.ok) {
+        let body;
+        try {
+            body = await response.json();
+        }
+        catch {
+            body = await response.text().catch(() => undefined);
+        }
+        const message = typeof body === "object" && body !== null && "error" in body
+            ? String(body.error)
+            : `API error: ${response.status} ${response.statusText}`;
+        throw new Error(message);
+    }
+    if (response.status === 204)
+        return undefined;
+    return response.json();
+}
+function createTaxesPageApi(baseUrl, fetcher) {
+    const request = async (path, init = {}) => {
+        const headers = new Headers(init.headers);
+        if (init.body !== undefined && !headers.has("Content-Type")) {
+            headers.set("Content-Type", "application/json");
+        }
+        return readJson(await fetcher(joinUrl(baseUrl, path), { ...init, headers }));
+    };
+    const api = {
+        get: (path) => request(path, { method: "GET" }),
+        post: (path, body) => request(path, {
+            method: "POST",
+            body: body !== undefined ? JSON.stringify(body) : undefined,
+        }),
+        patch: (path, body) => request(path, {
+            method: "PATCH",
+            body: body !== undefined ? JSON.stringify(body) : undefined,
+        }),
+        delete: (path) => request(path, { method: "DELETE" }),
+    };
+    return api;
+}
+function useTaxesPageApi() {
+    const api = useContext(TaxesPageApiContext);
+    if (!api)
+        throw new Error("TaxesPage requires a TaxesPageApiContext provider");
+    return api;
+}
+const TAX_CLASS_APPLIES_TO_OPTIONS = ["base", "addon", "accommodation", "all"];
+const TAX_POLICY_CONDITION_FACT_OPTIONS = [
+    "hasAccommodation",
+    "accommodationCountries",
+];
+const EMPTY_FORM = {
+    taxClassLabel: "",
+    taxClassCode: "",
+    taxClassDescription: "",
+    regimeName: "",
+    regimeCode: "standard",
+    jurisdiction: "RO",
+    ratePercent: "0",
+    regimeDescription: "",
+    legalReference: "",
+    lines: [],
+    active: true,
+};
+const EMPTY_POLICY_PROFILE_FORM = {
+    name: "",
+    code: "",
+    jurisdiction: "RO",
+    description: "",
+    active: true,
+};
+const EMPTY_POLICY_RULE_FORM = {
+    profileId: "",
+    side: "sell",
+    priority: "100",
+    name: "",
+    appliesTo: "all",
+    conditionMode: "always",
+    conditions: [],
+    taxRegimeId: "",
+    active: true,
+};
+let taxClassLineKey = 0;
+let taxPolicyConditionKey = 0;
+function nextTaxClassLineKey(seed = "line") {
+    taxClassLineKey += 1;
+    return `${seed}-${taxClassLineKey}`;
+}
+function nextTaxPolicyConditionKey(seed = "condition") {
+    taxPolicyConditionKey += 1;
+    return `${seed}-${taxPolicyConditionKey}`;
+}
+function initialForm(row) {
+    if (!row)
+        return EMPTY_FORM;
+    return {
+        taxClassLabel: row.taxClass.label,
+        taxClassCode: row.taxClass.code,
+        taxClassDescription: row.taxClass.description ?? "",
+        regimeName: row.regime?.name ?? row.taxClass.label,
+        regimeCode: row.regime?.code ?? "other",
+        jurisdiction: row.regime?.jurisdiction ?? "RO",
+        ratePercent: row.regime?.ratePercent != null ? String(row.regime.ratePercent) : "0",
+        regimeDescription: row.regime?.description ?? "",
+        legalReference: row.regime?.legalReference ?? "",
+        lines: (row.taxClass.lines ?? []).map((line) => ({
+            key: nextTaxClassLineKey(`${line.applies_to}-${line.regime_id}`),
+            appliesTo: line.applies_to,
+            regimeId: line.regime_id,
+        })),
+        active: row.taxClass.active,
+    };
+}
+function initialPolicyProfileForm(profile) {
+    if (!profile)
+        return EMPTY_POLICY_PROFILE_FORM;
+    return {
+        name: profile.name,
+        code: profile.code,
+        jurisdiction: profile.jurisdiction ?? "",
+        description: profile.description ?? "",
+        active: profile.active,
+    };
+}
+function initialPolicyRuleForm(rule, profileId, taxRegimeId) {
+    if (!rule) {
+        return {
+            ...EMPTY_POLICY_RULE_FORM,
+            profileId,
+            taxRegimeId,
+        };
+    }
+    return {
+        profileId: rule.profileId,
+        side: rule.side,
+        priority: String(rule.priority),
+        name: rule.name,
+        appliesTo: rule.appliesTo,
+        ...parsePolicyCondition(rule.condition),
+        taxRegimeId: rule.taxRegimeId,
+        active: rule.active,
+    };
+}
+function parsePolicyCondition(condition) {
+    if (!condition || condition.always === true) {
+        return { conditionMode: "always", conditions: [] };
+    }
+    const group = Array.isArray(condition.all)
+        ? { mode: "all", expressions: condition.all }
+        : Array.isArray(condition.any)
+            ? { mode: "any", expressions: condition.any }
+            : { mode: "all", expressions: [condition] };
+    const conditions = group.expressions
+        .map(parsePolicyConditionExpression)
+        .filter((row) => Boolean(row));
+    return {
+        conditionMode: conditions.length ? group.mode : "always",
+        conditions,
+    };
+}
+function parsePolicyConditionExpression(expression) {
+    if (typeof expression !== "object" || expression === null || Array.isArray(expression)) {
+        return null;
+    }
+    const record = expression;
+    if (record.fact === "hasAccommodation") {
+        return {
+            key: nextTaxPolicyConditionKey("has-accommodation"),
+            fact: "hasAccommodation",
+            operator: "eq",
+            value: record.eq === false ? "false" : "true",
+        };
+    }
+    if (record.fact === "accommodationCountries") {
+        return {
+            key: nextTaxPolicyConditionKey("accommodation-countries"),
+            fact: "accommodationCountries",
+            operator: "contains",
+            value: typeof record.contains === "string" ? record.contains : "RO",
+        };
+    }
+    return null;
+}
+function toSlug(value) {
+    return value
+        .trim()
+        .toLowerCase()
+        .normalize("NFKD")
+        .replace(/[\u0300-\u036f]/g, "")
+        .replace(/[^a-z0-9]+/g, "-")
+        .replace(/^-+|-+$/g, "");
+}
+function formatRate(value) {
+    return value == null ? "-" : `${value}%`;
+}
+function appliesToLabel(messages, appliesTo) {
+    const taxMessages = messages.taxesPage;
+    switch (appliesTo) {
+        case "base":
+            return taxMessages.appliesToBase;
+        case "addon":
+            return taxMessages.appliesToAddon;
+        case "accommodation":
+            return taxMessages.appliesToAccommodation;
+        case "all":
+            return taxMessages.appliesToAll;
+    }
+}
+function summarizeCondition(messages, condition) {
+    const taxMessages = messages.taxesPage;
+    if (!condition)
+        return "-";
+    if (condition.always === true)
+        return taxMessages.policyConditionAlways;
+    const parsed = parsePolicyCondition(condition);
+    if (parsed.conditionMode === "always")
+        return taxMessages.policyConditionAlways;
+    const prefix = parsed.conditionMode === "all"
+        ? taxMessages.policyConditionModeAll
+        : taxMessages.policyConditionModeAny;
+    const labels = parsed.conditions.map((row) => summarizeConditionRow(messages, row));
+    return `${prefix}: ${labels.join("; ")}`;
+}
+function summarizeConditionRow(messages, condition) {
+    const taxMessages = messages.taxesPage;
+    if (condition.fact === "hasAccommodation") {
+        return `${taxMessages.policyFactHasAccommodation} ${condition.value === "false" ? taxMessages.policyValueNo : taxMessages.policyValueYes}`;
+    }
+    if (condition.fact === "accommodationCountries") {
+        return `${taxMessages.policyFactAccommodationCountries} ${taxMessages.policyOperatorContains} ${condition.value}`;
+    }
+    return "custom";
+}
+function normalizeCondition(condition) {
+    if (condition.fact === "hasAccommodation") {
+        return {
+            ...condition,
+            operator: "eq",
+            value: condition.value === "false" ? "false" : "true",
+        };
+    }
+    return {
+        ...condition,
+        operator: "contains",
+        value: condition.value.trim().toUpperCase() || "RO",
+    };
+}
+function buildPolicyCondition(form, taxMessages) {
+    if (form.conditionMode === "always") {
+        return { always: true };
+    }
+    const expressions = form.conditions.map((row) => {
+        const condition = normalizeCondition(row);
+        if (condition.fact === "hasAccommodation") {
+            return { fact: "hasAccommodation", eq: condition.value === "true" };
+        }
+        if (!/^[A-Z]{2}$/.test(condition.value)) {
+            throw new Error(taxMessages.validationPolicyRuleConditionInvalid);
+        }
+        return { fact: "accommodationCountries", contains: condition.value };
+    });
+    if (!expressions.length) {
+        throw new Error(taxMessages.validationPolicyRuleConditionInvalid);
+    }
+    return form.conditionMode === "all" ? { all: expressions } : { any: expressions };
+}
+export function TaxesPage({ api: apiProp } = {}) {
+    if (apiProp)
+        return _jsx(TaxesPageContent, { api: apiProp });
+    return _jsx(TaxesPageWithDefaultApi, {});
+}
+function TaxesPageWithDefaultApi() {
+    const { baseUrl, fetcher } = useVoyantFinanceContext();
+    const api = useMemo(() => createTaxesPageApi(baseUrl, fetcher), [baseUrl, fetcher]);
+    return _jsx(TaxesPageContent, { api: api });
+}
+function TaxesPageContent({ api }) {
+    const messages = useFinanceUiMessagesOrDefault();
+    const taxMessages = messages.taxesPage;
+    const queryClient = useQueryClient();
+    const [sheetOpen, setSheetOpen] = useState(false);
+    const [editing, setEditing] = useState();
+    const [profileSheetOpen, setProfileSheetOpen] = useState(false);
+    const [editingProfile, setEditingProfile] = useState();
+    const [ruleSheetOpen, setRuleSheetOpen] = useState(false);
+    const [editingRule, setEditingRule] = useState();
+    const [ruleProfileId, setRuleProfileId] = useState("");
+    const taxClassesQuery = useQuery({
+        queryKey: ["tax-classes"],
+        queryFn: () => api.get("/v1/finance/tax-classes?limit=100"),
+    });
+    const taxRegimesQuery = useQuery({
+        queryKey: ["tax-regimes"],
+        queryFn: () => api.get("/v1/finance/tax-regimes?limit=100"),
+    });
+    const policyProfilesQuery = useQuery({
+        queryKey: ["tax-policy-profiles"],
+        queryFn: () => api.get("/v1/finance/tax-policy-profiles?limit=100"),
+    });
+    const policyRulesQuery = useQuery({
+        queryKey: ["tax-policy-rules"],
+        queryFn: () => api.get("/v1/finance/tax-policy-rules?limit=100"),
+    });
+    const regimesById = useMemo(() => new Map((taxRegimesQuery.data?.data ?? []).map((regime) => [regime.id, regime])), [taxRegimesQuery.data]);
+    const rows = useMemo(() => (taxClassesQuery.data?.data ?? []).map((taxClass) => ({
+        taxClass,
+        regime: taxClass.defaultRegimeId
+            ? (regimesById.get(taxClass.defaultRegimeId) ?? null)
+            : null,
+    })), [regimesById, taxClassesQuery.data]);
+    const policyRulesByProfileId = useMemo(() => {
+        const grouped = new Map();
+        for (const rule of policyRulesQuery.data?.data ?? []) {
+            const existing = grouped.get(rule.profileId) ?? [];
+            existing.push(rule);
+            grouped.set(rule.profileId, existing);
+        }
+        for (const rules of grouped.values()) {
+            rules.sort((a, b) => a.priority - b.priority || a.name.localeCompare(b.name));
+        }
+        return grouped;
+    }, [policyRulesQuery.data]);
+    const isPending = taxClassesQuery.isPending ||
+        taxRegimesQuery.isPending ||
+        policyProfilesQuery.isPending ||
+        policyRulesQuery.isPending;
+    const deleteMutation = useMutation({
+        mutationFn: async (row) => {
+            await api.delete(`/v1/finance/tax-classes/${row.taxClass.id}`);
+        },
+        onSuccess: () => {
+            void queryClient.invalidateQueries({ queryKey: ["tax-classes"] });
+        },
+    });
+    const deleteProfileMutation = useMutation({
+        mutationFn: async (profile) => {
+            const rules = policyRulesByProfileId.get(profile.id) ?? [];
+            await Promise.all(rules.map((rule) => api.delete(`/v1/finance/tax-policy-rules/${rule.id}`)));
+            await api.delete(`/v1/finance/tax-policy-profiles/${profile.id}`);
+        },
+        onSuccess: () => {
+            void queryClient.invalidateQueries({ queryKey: ["tax-policy-profiles"] });
+            void queryClient.invalidateQueries({ queryKey: ["tax-policy-rules"] });
+        },
+    });
+    const deleteRuleMutation = useMutation({
+        mutationFn: async (rule) => {
+            await api.delete(`/v1/finance/tax-policy-rules/${rule.id}`);
+        },
+        onSuccess: () => {
+            void queryClient.invalidateQueries({ queryKey: ["tax-policy-rules"] });
+        },
+    });
+    return (_jsx(TaxesPageApiContext.Provider, { value: api, children: _jsxs("div", { className: "flex flex-col gap-6 p-6", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { children: [_jsx("h2", { className: "text-lg font-semibold tracking-tight", children: taxMessages.title }), _jsx("p", { className: "text-sm text-muted-foreground", children: taxMessages.description })] }), _jsxs(Button, { size: "sm", onClick: () => {
+                                setEditing(undefined);
+                                setSheetOpen(true);
+                            }, children: [_jsx(Plus, { className: "mr-1.5 h-3.5 w-3.5" }), taxMessages.addTax] })] }), isPending ? (_jsx(TaxesPageSkeleton, { rows: 5 })) : (_jsx("div", { className: "rounded-lg border bg-card text-card-foreground shadow-sm", children: rows.length === 0 ? (_jsx("p", { className: "py-12 text-center text-sm text-muted-foreground", children: taxMessages.empty })) : (_jsx("div", { className: "flex flex-col divide-y", children: rows.map((row) => {
+                            const overrideLines = row.taxClass.lines ?? [];
+                            return (_jsxs("div", { className: "flex items-center justify-between px-6 py-3", children: [_jsxs("div", { className: "min-w-0", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx("span", { className: "text-sm font-medium", children: row.taxClass.label }), _jsx("span", { className: "font-mono text-xs text-muted-foreground", children: row.taxClass.code }), _jsx(Badge, { variant: "secondary", className: "text-xs", children: taxMessages.taxClassBadge }), overrideLines.length ? (_jsx(Badge, { variant: "outline", className: "text-xs", children: taxMessages.regimeOverrideCount.replace("{count}", String(overrideLines.length)) })) : null] }), _jsxs("div", { className: "mt-1 flex flex-wrap items-center gap-2 text-xs text-muted-foreground", children: [_jsx("span", { children: taxMessages.defaultRegimeLabel }), _jsx("span", { children: row.regime?.name ?? "-" }), _jsx("span", { className: "font-mono", children: row.regime?.code ?? "-" }), _jsx(Badge, { variant: "outline", className: "text-xs", children: formatRate(row.regime?.ratePercent ?? null) }), !row.taxClass.active ? (_jsx(Badge, { variant: "secondary", className: "text-xs", children: taxMessages.inactive })) : null] }), overrideLines.length ? (_jsxs("div", { className: "mt-1 flex flex-wrap items-center gap-1.5 text-xs text-muted-foreground", children: [_jsx("span", { children: taxMessages.regimeOverridesLabel }), overrideLines.map((line) => {
+                                                        const regime = regimesById.get(line.regime_id);
+                                                        return (_jsxs(Badge, { variant: "outline", className: "text-xs", children: [appliesToLabel(messages, line.applies_to), ":", " ", regime?.name ?? line.regime_id] }, `${line.applies_to}-${line.regime_id}`));
+                                                    })] })) : null, row.taxClass.description || row.regime?.description ? (_jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: row.taxClass.description ?? row.regime?.description })) : null] }), _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon", className: "h-8 w-8 text-muted-foreground", children: _jsx(MoreHorizontal, { className: "h-4 w-4" }) }) }), _jsxs(DropdownMenuContent, { align: "end", children: [_jsxs(DropdownMenuItem, { onClick: () => {
+                                                            setEditing(row);
+                                                            setSheetOpen(true);
+                                                        }, children: [_jsx(Pencil, { className: "h-4 w-4" }), taxMessages.edit] }), _jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuItem, { variant: "destructive", onClick: () => {
+                                                            if (confirm(taxMessages.deleteConfirm)) {
+                                                                deleteMutation.mutate(row);
+                                                            }
+                                                        }, children: [_jsx(Trash2, { className: "h-4 w-4" }), taxMessages.delete] })] })] })] }, row.taxClass.id));
+                        }) })) })), _jsx(TaxSheet, { open: sheetOpen, onOpenChange: setSheetOpen, row: editing, onSuccess: () => {
+                        setSheetOpen(false);
+                        setEditing(undefined);
+                        void queryClient.invalidateQueries({ queryKey: ["tax-classes"] });
+                        void queryClient.invalidateQueries({ queryKey: ["tax-regimes"] });
+                    }, taxRegimes: taxRegimesQuery.data?.data ?? [] }), _jsxs("div", { className: "mt-2 flex items-center justify-between", children: [_jsxs("div", { children: [_jsx("h2", { className: "text-lg font-semibold tracking-tight", children: taxMessages.policyTitle }), _jsx("p", { className: "text-sm text-muted-foreground", children: taxMessages.policyDescription })] }), _jsxs(Button, { size: "sm", onClick: () => {
+                                setEditingProfile(undefined);
+                                setProfileSheetOpen(true);
+                            }, children: [_jsx(Plus, { className: "mr-1.5 h-3.5 w-3.5" }), taxMessages.addPolicyProfile] })] }), isPending ? null : (_jsx("div", { className: "rounded-lg border bg-card text-card-foreground shadow-sm", children: (policyProfilesQuery.data?.data ?? []).length === 0 ? (_jsx("p", { className: "py-12 text-center text-sm text-muted-foreground", children: taxMessages.policyEmpty })) : (_jsx("div", { className: "flex flex-col divide-y", children: (policyProfilesQuery.data?.data ?? []).map((profile) => {
+                            const profileRules = policyRulesByProfileId.get(profile.id) ?? [];
+                            return (_jsxs("div", { className: "flex flex-col gap-3 px-6 py-4", children: [_jsxs("div", { className: "flex items-start justify-between gap-4", children: [_jsxs("div", { className: "min-w-0", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx("span", { className: "text-sm font-medium", children: profile.name }), _jsx("span", { className: "font-mono text-xs text-muted-foreground", children: profile.code }), profile.jurisdiction ? (_jsx(Badge, { variant: "outline", className: "text-xs", children: profile.jurisdiction })) : null, !profile.active ? (_jsx(Badge, { variant: "secondary", className: "text-xs", children: taxMessages.inactive })) : null] }), profile.description ? (_jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: profile.description })) : null] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs(Button, { type: "button", variant: "outline", size: "sm", onClick: () => {
+                                                            setEditingRule(undefined);
+                                                            setRuleProfileId(profile.id);
+                                                            setRuleSheetOpen(true);
+                                                        }, children: [_jsx(Plus, { className: "mr-1.5 h-3.5 w-3.5" }), taxMessages.addPolicyRule] }), _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon", className: "h-8 w-8 text-muted-foreground", children: _jsx(MoreHorizontal, { className: "h-4 w-4" }) }) }), _jsxs(DropdownMenuContent, { align: "end", children: [_jsxs(DropdownMenuItem, { onClick: () => {
+                                                                            setEditingProfile(profile);
+                                                                            setProfileSheetOpen(true);
+                                                                        }, children: [_jsx(Pencil, { className: "h-4 w-4" }), taxMessages.edit] }), _jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuItem, { variant: "destructive", onClick: () => {
+                                                                            if (confirm(taxMessages.deletePolicyProfileConfirm)) {
+                                                                                deleteProfileMutation.mutate(profile);
+                                                                            }
+                                                                        }, children: [_jsx(Trash2, { className: "h-4 w-4" }), taxMessages.delete] })] })] })] })] }), profileRules.length ? (_jsxs("div", { className: "overflow-hidden rounded-md border", children: [_jsxs("div", { className: "grid grid-cols-[5rem_5rem_minmax(0,1.3fr)_8rem_minmax(0,1.2fr)_minmax(0,1fr)_auto] gap-3 border-b bg-muted/40 px-3 py-2 text-xs font-medium text-muted-foreground", children: [_jsx("span", { children: taxMessages.policyPriorityLabel }), _jsx("span", { children: taxMessages.policySideLabel }), _jsx("span", { children: taxMessages.policyRuleNameLabel }), _jsx("span", { children: taxMessages.appliesToLabel }), _jsx("span", { children: taxMessages.policyConditionLabel }), _jsx("span", { children: taxMessages.taxRegimeLabel }), _jsx("span", { children: taxMessages.policyActionsLabel })] }), profileRules.map((rule) => {
+                                                const regime = regimesById.get(rule.taxRegimeId);
+                                                return (_jsxs("div", { className: "grid grid-cols-[5rem_5rem_minmax(0,1.3fr)_8rem_minmax(0,1.2fr)_minmax(0,1fr)_auto] items-center gap-3 border-b px-3 py-2 text-sm last:border-b-0", children: [_jsx("span", { className: "font-mono text-xs", children: rule.priority }), _jsx("span", { className: "text-xs", children: rule.side === "sell"
+                                                                ? taxMessages.policySideSell
+                                                                : taxMessages.policySideBuy }), _jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "truncate font-medium", children: rule.name }), !rule.active ? (_jsx(Badge, { variant: "secondary", className: "mt-1 text-xs", children: taxMessages.inactive })) : null] }), _jsx("span", { className: "text-xs", children: appliesToLabel(messages, rule.appliesTo) }), _jsx("code", { className: "truncate text-xs text-muted-foreground", children: summarizeCondition(messages, rule.condition) }), _jsx("span", { className: "truncate text-xs", children: regime
+                                                                ? `${regime.name} (${formatRate(regime.ratePercent)})`
+                                                                : rule.taxRegimeId }), _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon", className: "h-8 w-8 text-muted-foreground", children: _jsx(MoreHorizontal, { className: "h-4 w-4" }) }) }), _jsxs(DropdownMenuContent, { align: "end", children: [_jsxs(DropdownMenuItem, { onClick: () => {
+                                                                                setEditingRule(rule);
+                                                                                setRuleProfileId(rule.profileId);
+                                                                                setRuleSheetOpen(true);
+                                                                            }, children: [_jsx(Pencil, { className: "h-4 w-4" }), taxMessages.edit] }), _jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuItem, { variant: "destructive", onClick: () => {
+                                                                                if (confirm(taxMessages.deletePolicyRuleConfirm)) {
+                                                                                    deleteRuleMutation.mutate(rule);
+                                                                                }
+                                                                            }, children: [_jsx(Trash2, { className: "h-4 w-4" }), taxMessages.delete] })] })] })] }, rule.id));
+                                            })] })) : (_jsx("p", { className: "rounded-md border border-dashed px-3 py-4 text-sm text-muted-foreground", children: taxMessages.policyRulesEmpty }))] }, profile.id));
+                        }) })) })), _jsx(PolicyProfileSheet, { open: profileSheetOpen, onOpenChange: setProfileSheetOpen, profile: editingProfile, onSuccess: () => {
+                        setProfileSheetOpen(false);
+                        setEditingProfile(undefined);
+                        void queryClient.invalidateQueries({ queryKey: ["tax-policy-profiles"] });
+                    } }), _jsx(PolicyRuleSheet, { open: ruleSheetOpen, onOpenChange: setRuleSheetOpen, rule: editingRule, profileId: ruleProfileId, taxRegimes: taxRegimesQuery.data?.data ?? [], onSuccess: () => {
+                        setRuleSheetOpen(false);
+                        setEditingRule(undefined);
+                        setRuleProfileId("");
+                        void queryClient.invalidateQueries({ queryKey: ["tax-policy-rules"] });
+                    } })] }) }));
+}
+function TaxesPageSkeleton({ rows }) {
+    return (_jsx("div", { className: "rounded-lg border bg-card text-card-foreground shadow-sm", children: _jsx("div", { className: "flex flex-col divide-y", children: Array.from({ length: rows }).map((_, index) => (_jsxs("div", { className: "flex items-center justify-between px-6 py-3", children: [_jsxs("div", { className: "min-w-0 flex-1 space-y-2", children: [_jsx(Skeleton, { className: "h-4 w-48" }), _jsx(Skeleton, { className: "h-3 w-72 max-w-full" })] }), _jsx(Skeleton, { className: "h-8 w-8 rounded-md" })] }, index))) }) }));
+}
+function TaxSheet({ open, onOpenChange, row, onSuccess, taxRegimes, }) {
+    const messages = useFinanceUiMessagesOrDefault();
+    const taxMessages = messages.taxesPage;
+    const api = useTaxesPageApi();
+    const [form, setForm] = useState(() => initialForm(row));
+    const [error, setError] = useState(null);
+    const isEditing = !!row;
+    useEffect(() => {
+        setForm(initialForm(row));
+        setError(null);
+    }, [row]);
+    const mutation = useMutation({
+        mutationFn: async () => {
+            if (!form.taxClassLabel.trim())
+                throw new Error(taxMessages.validationNameRequired);
+            const ratePercent = Number(form.ratePercent);
+            if (!Number.isFinite(ratePercent) || ratePercent < 0) {
+                throw new Error(taxMessages.validationRateInvalid);
+            }
+            const regimeInput = {
+                code: form.regimeCode,
+                name: form.regimeName.trim() || form.taxClassLabel.trim(),
+                jurisdiction: form.jurisdiction.trim() || null,
+                ratePercent: Math.round(ratePercent),
+                description: form.regimeDescription.trim() || null,
+                legalReference: form.legalReference.trim() || null,
+                active: form.active,
+            };
+            const taxClassInput = {
+                code: form.taxClassCode.trim() || toSlug(form.taxClassLabel),
+                label: form.taxClassLabel.trim(),
+                description: form.taxClassDescription.trim() || null,
+                lines: form.lines.length
+                    ? form.lines
+                        .filter((line) => line.regimeId.trim())
+                        .map((line) => ({
+                        regime_id: line.regimeId,
+                        applies_to: line.appliesTo,
+                    }))
+                    : null,
+                active: form.active,
+            };
+            const regimeEnvelope = row?.regime
+                ? await api.patch(`/v1/finance/tax-regimes/${row.regime.id}`, regimeInput)
+                : await api.post("/v1/finance/tax-regimes", regimeInput);
+            const regime = regimeEnvelope.data;
+            if (row) {
+                await api.patch(`/v1/finance/tax-classes/${row.taxClass.id}`, {
+                    ...taxClassInput,
+                    defaultRegimeId: regime.id,
+                });
+            }
+            else {
+                await api.post("/v1/finance/tax-classes", {
+                    ...taxClassInput,
+                    defaultRegimeId: regime.id,
+                });
+            }
+        },
+        onSuccess,
+        onError: (err) => setError(err instanceof Error ? err.message : taxMessages.saveFailed),
+    });
+    const setField = (key) => (value) => setForm((current) => ({ ...current, [key]: value }));
+    const updateLine = (index, patch) => {
+        setForm((current) => ({
+            ...current,
+            lines: current.lines.map((line, lineIndex) => lineIndex === index ? { ...line, ...patch } : line),
+        }));
+    };
+    const addLine = () => {
+        const regimeId = taxRegimes[0]?.id;
+        if (!regimeId)
+            return;
+        setForm((current) => ({
+            ...current,
+            lines: [...current.lines, { key: nextTaxClassLineKey(), appliesTo: "all", regimeId }],
+        }));
+    };
+    const removeLine = (index) => {
+        setForm((current) => ({
+            ...current,
+            lines: current.lines.filter((_, lineIndex) => lineIndex !== index),
+        }));
+    };
+    return (_jsx(Sheet, { open: open, onOpenChange: onOpenChange, children: _jsxs(SheetContent, { side: "right", size: "lg", children: [_jsx(SheetHeader, { children: _jsx(SheetTitle, { children: isEditing ? taxMessages.editSheetTitle : taxMessages.newSheetTitle }) }), _jsx(SheetBody, { children: _jsxs("form", { className: "flex flex-col gap-4", children: [_jsxs("div", { className: "flex flex-col gap-3 rounded-lg border p-4", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-sm font-medium", children: taxMessages.taxClassSectionTitle }), _jsx("p", { className: "text-xs text-muted-foreground", children: taxMessages.taxClassSectionDescription })] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: taxMessages.taxClassLabelLabel }), _jsx(Input, { value: form.taxClassLabel, onChange: (event) => {
+                                                            const next = event.target.value;
+                                                            setForm((current) => ({
+                                                                ...current,
+                                                                taxClassLabel: next,
+                                                                taxClassCode: current.taxClassCode || toSlug(next),
+                                                                regimeName: current.regimeName || next,
+                                                            }));
+                                                        }, placeholder: taxMessages.taxClassLabelPlaceholder })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: taxMessages.taxClassCodeLabel }), _jsx(Input, { value: form.taxClassCode, onChange: (event) => setField("taxClassCode")(event.target.value), placeholder: taxMessages.taxClassCodePlaceholder })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: taxMessages.taxClassDescriptionLabel }), _jsx(Textarea, { value: form.taxClassDescription, onChange: (event) => setField("taxClassDescription")(event.target.value), placeholder: taxMessages.taxClassDescriptionPlaceholder })] })] }), _jsxs("div", { className: "flex flex-col gap-3 rounded-lg border p-4", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-sm font-medium", children: taxMessages.defaultRegimeSectionTitle }), _jsx("p", { className: "text-xs text-muted-foreground", children: taxMessages.defaultRegimeSectionDescription })] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: taxMessages.regimeNameLabel }), _jsx(Input, { value: form.regimeName, onChange: (event) => setField("regimeName")(event.target.value), placeholder: taxMessages.regimeNamePlaceholder })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: taxMessages.regimeCodeLabel }), _jsxs(Select, { value: form.regimeCode, onValueChange: (value) => setField("regimeCode")(value), items: TAX_CODE_OPTIONS.map((code) => ({ value: code, label: code })), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: TAX_CODE_OPTIONS.map((code) => (_jsx(SelectItem, { value: code, children: code }, code))) })] })] })] }), _jsxs("div", { className: "grid grid-cols-3 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: taxMessages.rateLabel }), _jsx(Input, { type: "number", min: "0", step: "1", value: form.ratePercent, onChange: (event) => setField("ratePercent")(event.target.value) })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: taxMessages.jurisdictionLabel }), _jsx(Input, { value: form.jurisdiction, onChange: (event) => setField("jurisdiction")(event.target.value), placeholder: "RO" })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: taxMessages.legalReferenceLabel }), _jsx(Input, { value: form.legalReference, onChange: (event) => setField("legalReference")(event.target.value), placeholder: taxMessages.legalReferencePlaceholder })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: taxMessages.regimeDescriptionLabel }), _jsx(Textarea, { value: form.regimeDescription, onChange: (event) => setField("regimeDescription")(event.target.value), placeholder: taxMessages.regimeDescriptionPlaceholder })] })] }), _jsxs("div", { className: "flex flex-col gap-3 rounded-lg border p-4", children: [_jsxs("div", { className: "flex items-start justify-between gap-4", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-sm font-medium", children: taxMessages.regimeOverridesSectionTitle }), _jsx("p", { className: "text-xs text-muted-foreground", children: taxMessages.regimeOverridesSectionDescription })] }), _jsxs(Button, { type: "button", variant: "outline", size: "sm", onClick: addLine, disabled: !taxRegimes.length, children: [_jsx(Plus, { className: "mr-1.5 h-3.5 w-3.5" }), taxMessages.addRegimeOverride] })] }), form.lines.length ? (_jsx("div", { className: "flex flex-col gap-2", children: form.lines.map((line, index) => (_jsxs("div", { className: "grid grid-cols-[minmax(0,1fr)_minmax(0,2fr)_auto] items-end gap-2", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: taxMessages.appliesToLabel }), _jsxs(Select, { value: line.appliesTo, onValueChange: (value) => updateLine(index, { appliesTo: value }), items: TAX_CLASS_APPLIES_TO_OPTIONS.map((appliesTo) => ({
+                                                                value: appliesTo,
+                                                                label: appliesToLabel(messages, appliesTo),
+                                                            })), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: TAX_CLASS_APPLIES_TO_OPTIONS.map((appliesTo) => (_jsx(SelectItem, { value: appliesTo, children: appliesToLabel(messages, appliesTo) }, appliesTo))) })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: taxMessages.taxRegimeLabel }), _jsxs(Select, { value: line.regimeId, onValueChange: (value) => updateLine(index, { regimeId: value ?? "" }), items: taxRegimes.map((regime) => ({
+                                                                value: regime.id,
+                                                                label: `${regime.name} (${formatRate(regime.ratePercent)})`,
+                                                            })), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: taxRegimes.map((regime) => (_jsxs(SelectItem, { value: regime.id, children: [regime.name, " (", formatRate(regime.ratePercent), ")"] }, regime.id))) })] })] }), _jsx(Button, { type: "button", variant: "ghost", size: "icon", onClick: () => removeLine(index), "aria-label": taxMessages.removeRegimeOverride, children: _jsx(Trash2, { className: "h-4 w-4" }) })] }, line.key))) })) : (_jsx("p", { className: "text-xs text-muted-foreground", children: taxMessages.noRegimeOverrides }))] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Switch, { checked: form.active, onCheckedChange: setField("active") }), _jsx(Label, { children: taxMessages.activeLabel })] }), error ? _jsx("p", { className: "text-sm text-destructive", children: error }) : null] }) }), _jsxs(SheetFooter, { children: [_jsx(Button, { type: "button", variant: "ghost", onClick: () => onOpenChange(false), children: taxMessages.cancel }), _jsxs(Button, { onClick: () => mutation.mutate(), disabled: mutation.isPending, children: [mutation.isPending ? _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }) : null, isEditing ? taxMessages.saveChanges : taxMessages.createTax] })] })] }) }));
+}
+function PolicyProfileSheet({ open, onOpenChange, profile, onSuccess, }) {
+    const messages = useFinanceUiMessagesOrDefault();
+    const taxMessages = messages.taxesPage;
+    const api = useTaxesPageApi();
+    const [form, setForm] = useState(() => initialPolicyProfileForm(profile));
+    const [error, setError] = useState(null);
+    const isEditing = !!profile;
+    useEffect(() => {
+        setForm(initialPolicyProfileForm(profile));
+        setError(null);
+    }, [profile]);
+    const mutation = useMutation({
+        mutationFn: async () => {
+            if (!form.name.trim())
+                throw new Error(taxMessages.validationPolicyProfileNameRequired);
+            const input = {
+                name: form.name.trim(),
+                code: form.code.trim() || toSlug(form.name),
+                jurisdiction: form.jurisdiction.trim() || null,
+                description: form.description.trim() || null,
+                active: form.active,
+            };
+            if (profile) {
+                await api.patch(`/v1/finance/tax-policy-profiles/${profile.id}`, input);
+            }
+            else {
+                await api.post("/v1/finance/tax-policy-profiles", input);
+            }
+        },
+        onSuccess,
+        onError: (err) => setError(err instanceof Error ? err.message : taxMessages.savePolicyProfileFailed),
+    });
+    const setField = (key) => (value) => setForm((current) => ({ ...current, [key]: value }));
+    return (_jsx(Sheet, { open: open, onOpenChange: onOpenChange, children: _jsxs(SheetContent, { side: "right", size: "lg", children: [_jsx(SheetHeader, { children: _jsx(SheetTitle, { children: isEditing
+                            ? taxMessages.editPolicyProfileSheetTitle
+                            : taxMessages.newPolicyProfileSheetTitle }) }), _jsx(SheetBody, { children: _jsxs("form", { className: "flex flex-col 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: taxMessages.policyProfileNameLabel }), _jsx(Input, { value: form.name, onChange: (event) => {
+                                                    const next = event.target.value;
+                                                    setForm((current) => ({
+                                                        ...current,
+                                                        name: next,
+                                                        code: current.code || toSlug(next),
+                                                    }));
+                                                }, placeholder: taxMessages.policyProfileNamePlaceholder })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: taxMessages.policyProfileCodeLabel }), _jsx(Input, { value: form.code, onChange: (event) => setField("code")(event.target.value), placeholder: taxMessages.policyProfileCodePlaceholder })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: taxMessages.jurisdictionLabel }), _jsx(Input, { value: form.jurisdiction, onChange: (event) => setField("jurisdiction")(event.target.value.toUpperCase()), placeholder: "RO" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: taxMessages.policyProfileDescriptionLabel }), _jsx(Textarea, { value: form.description, onChange: (event) => setField("description")(event.target.value), placeholder: taxMessages.policyProfileDescriptionPlaceholder })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Switch, { checked: form.active, onCheckedChange: setField("active") }), _jsx(Label, { children: taxMessages.activeLabel })] }), error ? _jsx("p", { className: "text-sm text-destructive", children: error }) : null] }) }), _jsxs(SheetFooter, { children: [_jsx(Button, { type: "button", variant: "ghost", onClick: () => onOpenChange(false), children: taxMessages.cancel }), _jsxs(Button, { onClick: () => mutation.mutate(), disabled: mutation.isPending, children: [mutation.isPending ? _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }) : null, isEditing ? taxMessages.saveChanges : taxMessages.createPolicyProfile] })] })] }) }));
+}
+function PolicyRuleSheet({ open, onOpenChange, rule, profileId, taxRegimes, onSuccess, }) {
+    const messages = useFinanceUiMessagesOrDefault();
+    const taxMessages = messages.taxesPage;
+    const api = useTaxesPageApi();
+    const defaultTaxRegimeId = taxRegimes[0]?.id ?? "";
+    const [form, setForm] = useState(() => initialPolicyRuleForm(rule, profileId, defaultTaxRegimeId));
+    const [error, setError] = useState(null);
+    const isEditing = !!rule;
+    useEffect(() => {
+        setForm(initialPolicyRuleForm(rule, profileId, defaultTaxRegimeId));
+        setError(null);
+    }, [defaultTaxRegimeId, profileId, rule]);
+    const mutation = useMutation({
+        mutationFn: async () => {
+            if (!form.profileId)
+                throw new Error(taxMessages.validationPolicyProfileRequired);
+            if (!form.name.trim())
+                throw new Error(taxMessages.validationPolicyRuleNameRequired);
+            if (!form.taxRegimeId)
+                throw new Error(taxMessages.validationPolicyRuleRegimeRequired);
+            const priority = Number(form.priority);
+            if (!Number.isInteger(priority) || priority < 0) {
+                throw new Error(taxMessages.validationPolicyRulePriorityInvalid);
+            }
+            const condition = buildPolicyCondition(form, taxMessages);
+            const input = {
+                profileId: form.profileId,
+                side: form.side,
+                priority,
+                name: form.name.trim(),
+                appliesTo: form.appliesTo,
+                condition,
+                taxRegimeId: form.taxRegimeId,
+                active: form.active,
+            };
+            if (rule) {
+                await api.patch(`/v1/finance/tax-policy-rules/${rule.id}`, input);
+            }
+            else {
+                await api.post("/v1/finance/tax-policy-rules", input);
+            }
+        },
+        onSuccess,
+        onError: (err) => setError(err instanceof Error ? err.message : taxMessages.savePolicyRuleFailed),
+    });
+    const setField = (key) => (value) => setForm((current) => ({ ...current, [key]: value }));
+    const updateCondition = (index, patch) => {
+        setForm((current) => ({
+            ...current,
+            conditions: current.conditions.map((condition, conditionIndex) => conditionIndex === index ? normalizeCondition({ ...condition, ...patch }) : condition),
+        }));
+    };
+    const addCondition = () => {
+        setForm((current) => ({
+            ...current,
+            conditionMode: current.conditionMode === "always" ? "all" : current.conditionMode,
+            conditions: [
+                ...current.conditions,
+                {
+                    key: nextTaxPolicyConditionKey(),
+                    fact: "hasAccommodation",
+                    operator: "eq",
+                    value: "true",
+                },
+            ],
+        }));
+    };
+    const removeCondition = (index) => {
+        setForm((current) => {
+            const conditions = current.conditions.filter((_, conditionIndex) => conditionIndex !== index);
+            return {
+                ...current,
+                conditions,
+                conditionMode: conditions.length ? current.conditionMode : "always",
+            };
+        });
+    };
+    return (_jsx(Sheet, { open: open, onOpenChange: onOpenChange, children: _jsxs(SheetContent, { side: "right", size: "lg", children: [_jsx(SheetHeader, { children: _jsx(SheetTitle, { children: isEditing ? taxMessages.editPolicyRuleSheetTitle : taxMessages.newPolicyRuleSheetTitle }) }), _jsx(SheetBody, { children: _jsxs("form", { className: "flex flex-col 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: taxMessages.policyRuleNameLabel }), _jsx(Input, { value: form.name, onChange: (event) => setField("name")(event.target.value), placeholder: taxMessages.policyRuleNamePlaceholder })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: taxMessages.policyPriorityLabel }), _jsx(Input, { type: "number", min: "0", step: "1", value: form.priority, onChange: (event) => setField("priority")(event.target.value) })] })] }), _jsxs("div", { className: "grid grid-cols-3 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: taxMessages.policySideLabel }), _jsxs(Select, { value: form.side, onValueChange: (value) => setField("side")(value), items: [
+                                                    { value: "sell", label: taxMessages.policySideSell },
+                                                    { value: "buy", label: taxMessages.policySideBuy },
+                                                ], children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "sell", children: taxMessages.policySideSell }), _jsx(SelectItem, { value: "buy", children: taxMessages.policySideBuy })] })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: taxMessages.appliesToLabel }), _jsxs(Select, { value: form.appliesTo, onValueChange: (value) => setField("appliesTo")(value), items: TAX_CLASS_APPLIES_TO_OPTIONS.map((appliesTo) => ({
+                                                    value: appliesTo,
+                                                    label: appliesToLabel(messages, appliesTo),
+                                                })), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: TAX_CLASS_APPLIES_TO_OPTIONS.map((appliesTo) => (_jsx(SelectItem, { value: appliesTo, children: appliesToLabel(messages, appliesTo) }, appliesTo))) })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: taxMessages.taxRegimeLabel }), _jsxs(Select, { value: form.taxRegimeId, onValueChange: (value) => setField("taxRegimeId")(value ?? ""), items: taxRegimes.map((regime) => ({
+                                                    value: regime.id,
+                                                    label: `${regime.name} (${formatRate(regime.ratePercent)})`,
+                                                })), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: taxRegimes.map((regime) => (_jsxs(SelectItem, { value: regime.id, children: [regime.name, " (", formatRate(regime.ratePercent), ")"] }, regime.id))) })] })] })] }), _jsxs("div", { className: "flex flex-col gap-3 rounded-lg border p-4", children: [_jsxs("div", { className: "flex items-start justify-between gap-4", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-sm font-medium", children: taxMessages.policyConditionSectionTitle }), _jsx("p", { className: "text-xs text-muted-foreground", children: taxMessages.policyConditionSectionDescription })] }), _jsxs(Button, { type: "button", variant: "outline", size: "sm", onClick: addCondition, disabled: form.conditionMode === "always", children: [_jsx(Plus, { className: "mr-1.5 h-3.5 w-3.5" }), taxMessages.addPolicyCondition] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: taxMessages.policyConditionModeLabel }), _jsxs(Select, { value: form.conditionMode, onValueChange: (value) => {
+                                                    const conditionMode = value;
+                                                    setForm((current) => ({
+                                                        ...current,
+                                                        conditionMode,
+                                                        conditions: conditionMode === "always"
+                                                            ? []
+                                                            : current.conditions.length
+                                                                ? current.conditions
+                                                                : [
+                                                                    {
+                                                                        key: nextTaxPolicyConditionKey(),
+                                                                        fact: "hasAccommodation",
+                                                                        operator: "eq",
+                                                                        value: "true",
+                                                                    },
+                                                                ],
+                                                    }));
+                                                }, items: [
+                                                    { value: "always", label: taxMessages.policyConditionAlways },
+                                                    { value: "all", label: taxMessages.policyConditionModeAll },
+                                                    { value: "any", label: taxMessages.policyConditionModeAny },
+                                                ], children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "always", children: taxMessages.policyConditionAlways }), _jsx(SelectItem, { value: "all", children: taxMessages.policyConditionModeAll }), _jsx(SelectItem, { value: "any", children: taxMessages.policyConditionModeAny })] })] })] }), form.conditionMode === "always" ? (_jsx("p", { className: "rounded-md border border-dashed px-3 py-4 text-sm text-muted-foreground", children: taxMessages.policyConditionAlwaysDescription })) : (_jsx("div", { className: "flex flex-col gap-3", children: form.conditions.map((condition, index) => (_jsxs("div", { className: "grid grid-cols-[minmax(0,1fr)_minmax(0,1fr)_minmax(0,1fr)_auto] items-end gap-2", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: taxMessages.policyFactLabel }), _jsxs(Select, { value: condition.fact, onValueChange: (value) => updateCondition(index, {
+                                                                fact: value,
+                                                            }), items: TAX_POLICY_CONDITION_FACT_OPTIONS.map((fact) => ({
+                                                                value: fact,
+                                                                label: fact === "hasAccommodation"
+                                                                    ? taxMessages.policyFactHasAccommodation
+                                                                    : taxMessages.policyFactAccommodationCountries,
+                                                            })), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "hasAccommodation", children: taxMessages.policyFactHasAccommodation }), _jsx(SelectItem, { value: "accommodationCountries", children: taxMessages.policyFactAccommodationCountries })] })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: taxMessages.policyOperatorLabel }), _jsxs(Select, { value: condition.operator, onValueChange: (value) => updateCondition(index, {
+                                                                operator: value,
+                                                            }), items: [
+                                                                {
+                                                                    value: condition.fact === "hasAccommodation" ? "eq" : "contains",
+                                                                    label: condition.fact === "hasAccommodation"
+                                                                        ? taxMessages.policyOperatorEquals
+                                                                        : taxMessages.policyOperatorContains,
+                                                                },
+                                                            ], children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: condition.fact === "hasAccommodation" ? (_jsx(SelectItem, { value: "eq", children: taxMessages.policyOperatorEquals })) : (_jsx(SelectItem, { value: "contains", children: taxMessages.policyOperatorContains })) })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: taxMessages.policyValueLabel }), condition.fact === "hasAccommodation" ? (_jsxs(Select, { value: condition.value, onValueChange: (value) => updateCondition(index, { value: value ?? "true" }), items: [
+                                                                { value: "true", label: taxMessages.policyValueYes },
+                                                                { value: "false", label: taxMessages.policyValueNo },
+                                                            ], children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "true", children: taxMessages.policyValueYes }), _jsx(SelectItem, { value: "false", children: taxMessages.policyValueNo })] })] })) : (_jsx(Input, { value: condition.value, maxLength: 2, onChange: (event) => updateCondition(index, { value: event.target.value.toUpperCase() }), placeholder: "RO" }))] }), _jsx(Button, { type: "button", variant: "ghost", size: "icon", onClick: () => removeCondition(index), "aria-label": taxMessages.removePolicyCondition, children: _jsx(Trash2, { className: "h-4 w-4" }) })] }, condition.key))) }))] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Switch, { checked: form.active, onCheckedChange: setField("active") }), _jsx(Label, { children: taxMessages.activeLabel })] }), error ? _jsx("p", { className: "text-sm text-destructive", children: error }) : null] }) }), _jsxs(SheetFooter, { children: [_jsx(Button, { type: "button", variant: "ghost", onClick: () => onOpenChange(false), children: taxMessages.cancel }), _jsxs(Button, { onClick: () => mutation.mutate(), disabled: mutation.isPending, children: [mutation.isPending ? _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }) : null, isEditing ? taxMessages.saveChanges : taxMessages.createPolicyRule] })] })] }) }));
+}