@fayz-ai/plugin-financial 0.25.9 → 0.26.0

package/dist/CommissionRulesView-2RW4ZCDT.js

@@ -0,0 +1,878 @@
+import React from 'react';
+import { Plus, AlertTriangle, Filter, TrendingUp, Copy, Pencil, DollarSign, Trash2, Info } from 'lucide-react';
+import { SubpageHeader, Button, Skeleton, Badge, TooltipProvider, ConfirmDialog, Tooltip, TooltipTrigger, TooltipContent, MultiSelect, Modal, ModalContent, ModalHeader, ModalTitle, ModalDescription, ModalBody, Input, Textarea, Checkbox, ModalFooter, Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from '@fayz-ai/ui';
+import { PageActions } from '@fayz-ai/admin';
+import { UNENFORCED_CRITERIA } from '@fayz-ai/financial/domain/commission';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+// src/views/CommissionRulesView.tsx
+var WEEKDAYS = [
+  { value: 1, label: "Segunda" },
+  { value: 2, label: "Ter\xE7a" },
+  { value: 3, label: "Quarta" },
+  { value: 4, label: "Quinta" },
+  { value: 5, label: "Sexta" },
+  { value: 6, label: "S\xE1bado" },
+  { value: 0, label: "Domingo" }
+];
+function CommissionRuleDialog({
+  rule,
+  catalogs,
+  hasDefault,
+  provider,
+  onClose,
+  onSaved
+}) {
+  const [name, setName] = React.useState(rule?.name ?? "");
+  const [description, setDescription] = React.useState(rule?.description ?? "");
+  const [priority, setPriority] = React.useState(String(rule?.priority ?? 1));
+  const [isActive, setIsActive] = React.useState(rule?.isActive ?? true);
+  const [isDefault, setIsDefault] = React.useState(rule?.isDefault ?? !hasDefault);
+  const [saving, setSaving] = React.useState(false);
+  const [error, setError] = React.useState(null);
+  const initial = React.useMemo(() => {
+    const get = (t, key = "ids") => rule?.criteria.find((c) => c.criteriaType === t)?.criteriaValue?.[key] ?? [];
+    return {
+      services: get("service"),
+      categories: get("category"),
+      professionals: get("professional"),
+      units: get("unit"),
+      weekdays: get("weekday", "days"),
+      ranges: get("time_range", "ranges")
+    };
+  }, [rule]);
+  const [services, setServices] = React.useState(initial.services);
+  const [categories, setCategories] = React.useState(initial.categories);
+  const [professionals, setProfessionals] = React.useState(initial.professionals);
+  const [units, setUnits] = React.useState(initial.units);
+  const [weekdays, setWeekdays] = React.useState(initial.weekdays);
+  const [ranges, setRanges] = React.useState(initial.ranges);
+  const criteriaCount = [services, categories, professionals, units].filter((a) => a.length > 0).length + (weekdays.length ? 1 : 0) + (ranges.length ? 1 : 0);
+  async function handleSave() {
+    if (!name.trim()) {
+      setError("A regra precisa de um nome.");
+      return;
+    }
+    setSaving(true);
+    setError(null);
+    try {
+      const criteria = [
+        { criteriaType: "service", criteriaValue: { ids: services } },
+        { criteriaType: "category", criteriaValue: { ids: categories } },
+        { criteriaType: "professional", criteriaValue: { ids: professionals } },
+        { criteriaType: "unit", criteriaValue: { ids: units } },
+        { criteriaType: "weekday", criteriaValue: { days: weekdays } },
+        // Faixa pela metade não é faixa: gravá-la tornaria a regra mais
+        // específica e restringiria por um horário que ninguém terminou de
+        // escrever.
+        { criteriaType: "time_range", criteriaValue: { ranges: ranges.filter((r) => r.from && r.to) } }
+      ];
+      await provider.saveCommissionRule?.({
+        id: rule?.id,
+        name: name.trim(),
+        description: description.trim() || null,
+        priority: Number(priority) || 0,
+        isDefault,
+        isActive,
+        criteria
+      });
+      await onSaved();
+    } catch (e) {
+      setError(e?.message ?? String(e));
+    } finally {
+      setSaving(false);
+    }
+  }
+  return /* @__PURE__ */ jsx(Modal, { open: true, onOpenChange: (o) => {
+    if (!o) onClose();
+  }, children: /* @__PURE__ */ jsxs(ModalContent, { size: "2xl", noPadding: true, className: "gap-0", children: [
+    /* @__PURE__ */ jsxs(ModalHeader, { className: "border-b px-5 py-4", children: [
+      /* @__PURE__ */ jsx(ModalTitle, { className: "text-base", children: rule ? "Editar regra de comiss\xE3o" : "Nova regra de comiss\xE3o" }),
+      /* @__PURE__ */ jsx(ModalDescription, { className: "text-xs", children: criteriaCount === 0 ? "Sem crit\xE9rios, esta regra vale para todos os atendimentos." : `${criteriaCount} crit\xE9rio${criteriaCount > 1 ? "s" : ""} \u2014 quanto mais casarem, mais forte a regra.` })
+    ] }),
+    /* @__PURE__ */ jsx(ModalBody, { className: "fz-container px-5 py-4", children: /* @__PURE__ */ jsxs("div", { className: "space-y-5", children: [
+      /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("label", { className: "text-[10px] font-medium uppercase text-muted-foreground", children: "Nome da regra" }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              value: name,
+              onChange: (e) => setName(e.target.value),
+              placeholder: "Ex.: Ultrassom 15%",
+              className: "mt-0.5"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("label", { className: "text-[10px] font-medium uppercase text-muted-foreground", children: "Descri\xE7\xE3o" }),
+          /* @__PURE__ */ jsx(
+            Textarea,
+            {
+              value: description,
+              onChange: (e) => setDescription(e.target.value),
+              rows: 2,
+              placeholder: "O que esta regra faz, em uma frase.",
+              className: "mt-0.5 resize-none px-2 py-1.5 text-xs"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "fz-fields fz-fields-2", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("label", { className: "text-[10px] font-medium uppercase text-muted-foreground", children: "Prioridade" }),
+            /* @__PURE__ */ jsx(Input, { type: "number", value: priority, onChange: (e) => setPriority(e.target.value), className: "mt-0.5" }),
+            /* @__PURE__ */ jsx("p", { className: "mt-1 text-[10px] text-muted-foreground", children: "S\xF3 desempata quando duas regras casam o mesmo n\xFAmero de crit\xE9rios (maior vence)." })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 pt-4", children: [
+            /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 text-xs", children: [
+              /* @__PURE__ */ jsx(Checkbox, { checked: isActive, onChange: setIsActive }),
+              " Regra ativa"
+            ] }),
+            /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 text-xs", children: [
+              /* @__PURE__ */ jsx(Checkbox, { checked: isDefault, onChange: setIsDefault }),
+              " Regra padr\xE3o da casa"
+            ] }),
+            isDefault && /* @__PURE__ */ jsx("p", { className: "text-[10px] text-muted-foreground", children: "Vale quando nenhuma outra casa. Os crit\xE9rios abaixo deixam de importar." })
+          ] })
+        ] })
+      ] }),
+      !isDefault && /* @__PURE__ */ jsxs("div", { className: "space-y-3 border-t pt-4", children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("h4", { className: "text-sm font-semibold", children: "Crit\xE9rios de aplica\xE7\xE3o" }),
+          /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Crit\xE9rio vazio vale para todos. Quanto mais crit\xE9rios casarem com o atendimento, mais espec\xEDfica \u2014 e mais forte \u2014 a regra." })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "fz-fields fz-fields-2", children: [
+          /* @__PURE__ */ jsx(Field, { label: "Servi\xE7os", children: /* @__PURE__ */ jsx(
+            MultiSelect,
+            {
+              allLabel: "Todos os servi\xE7os",
+              value: services,
+              onChange: setServices,
+              options: catalogs.services.map((s) => ({ value: s.id, label: s.name }))
+            }
+          ) }),
+          /* @__PURE__ */ jsx(Field, { label: "Grupos de servi\xE7o", children: /* @__PURE__ */ jsx(
+            MultiSelect,
+            {
+              allLabel: "Todos os grupos",
+              value: categories,
+              onChange: setCategories,
+              options: catalogs.categories.map((c) => ({ value: c.id, label: c.name }))
+            }
+          ) }),
+          /* @__PURE__ */ jsx(Field, { label: "Profissionais", children: /* @__PURE__ */ jsx(
+            MultiSelect,
+            {
+              allLabel: "Todos os profissionais",
+              value: professionals,
+              onChange: setProfessionals,
+              options: catalogs.professionals.map((p) => ({ value: p.id, label: p.name }))
+            }
+          ) }),
+          /* @__PURE__ */ jsx(Field, { label: "Unidades", children: /* @__PURE__ */ jsx(
+            MultiSelect,
+            {
+              allLabel: "Todas as unidades",
+              value: units,
+              onChange: setUnits,
+              options: catalogs.units.map((u) => ({ value: u.id, label: u.name }))
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ jsx(Field, { label: "Dias da semana", children: /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-3 rounded-input border border-input bg-card px-3 py-2", children: WEEKDAYS.map((d) => /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-1.5 text-xs", children: [
+          /* @__PURE__ */ jsx(
+            Checkbox,
+            {
+              checked: weekdays.includes(d.value),
+              onChange: (on) => setWeekdays(on ? [...weekdays, d.value] : weekdays.filter((x) => x !== d.value))
+            }
+          ),
+          d.label
+        ] }, d.value)) }) }),
+        /* @__PURE__ */ jsx(Field, { label: "Faixas de hor\xE1rio", children: /* @__PURE__ */ jsxs("div", { className: "space-y-2 rounded-input border border-input bg-card px-3 py-2", children: [
+          ranges.length === 0 && /* @__PURE__ */ jsx("p", { className: "text-[10px] text-muted-foreground", children: "Sem faixa, a regra vale em qualquer hor\xE1rio." }),
+          ranges.map((r, i) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                type: "time",
+                value: r.from,
+                className: "h-8 w-32 text-xs",
+                onChange: (e) => setRanges(ranges.map((x, j) => j === i ? { ...x, from: e.target.value } : x))
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: "\xE0s" }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                type: "time",
+                value: r.to,
+                className: "h-8 w-32 text-xs",
+                onChange: (e) => setRanges(ranges.map((x, j) => j === i ? { ...x, to: e.target.value } : x))
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "bare",
+                size: "bare",
+                type: "button",
+                "aria-label": "Remover faixa",
+                onClick: () => setRanges(ranges.filter((_, j) => j !== i)),
+                className: "rounded-button p-1 text-destructive hover:bg-destructive/10",
+                children: /* @__PURE__ */ jsx(Trash2, { className: "h-3.5 w-3.5" })
+              }
+            )
+          ] }, i)),
+          /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", onClick: () => setRanges([...ranges, { from: "", to: "" }]), children: [
+            /* @__PURE__ */ jsx(Plus, { className: "h-3 w-3" }),
+            " Faixa"
+          ] }),
+          /* @__PURE__ */ jsx("p", { className: "text-[10px] text-muted-foreground", children: "Uma faixa que termina antes de come\xE7ar atravessa a meia-noite \u2014 \xE9 assim que se escreve o adicional noturno." })
+        ] }) }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2 rounded-lg bg-muted/60 px-3 py-2", children: [
+          /* @__PURE__ */ jsx(Info, { className: "mt-0.5 h-3.5 w-3.5 shrink-0 text-muted-foreground" }),
+          /* @__PURE__ */ jsxs("p", { className: "text-[10px] text-muted-foreground", children: [
+            /* @__PURE__ */ jsx("strong", { children: "Ainda n\xE3o dispon\xEDveis:" }),
+            " ",
+            UNENFORCED_CRITERIA.map((c) => LABEL[c]).join(", "),
+            ". Profiss\xF5es e grupos de profissionais n\xE3o t\xEAm cadastro nesta vers\xE3o; a forma de pagamento s\xF3 se conhece quando o pagamento acontece, depois de a comiss\xE3o ser resolvida."
+          ] })
+        ] })
+      ] }),
+      error && /* @__PURE__ */ jsx("p", { className: "text-xs text-destructive", children: error })
+    ] }) }),
+    /* @__PURE__ */ jsxs(ModalFooter, { variant: "bar", children: [
+      /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", onClick: onClose, children: "Cancelar" }),
+      /* @__PURE__ */ jsx(Button, { size: "sm", onClick: handleSave, disabled: saving || !name.trim(), children: saving ? "Salvando\u2026" : "Salvar" })
+    ] })
+  ] }) });
+}
+var LABEL = {
+  profession: "Profiss\xF5es",
+  professional_group: "Grupos de Profissionais",
+  payment_method_type: "Formas de Pagamento"
+};
+function Field({ label, children }) {
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx("label", { className: "text-[10px] font-medium uppercase text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsx("div", { className: "mt-0.5", children })
+  ] });
+}
+var ACCOUNT_TYPES = [
+  { value: "professional_executor", label: "Profissional executor" },
+  { value: "professional", label: "Profissional espec\xEDfico" },
+  { value: "supplier", label: "Fornecedor" },
+  { value: "select_on_launch", label: "Selecionar no lan\xE7amento" }
+];
+var BASES = [
+  { value: "total", label: "Total (bruto)" },
+  { value: "net", label: "L\xEDquido de descontos" }
+];
+var TIER_MODES = [
+  { value: "none", label: "Nenhuma (valor por atendimento)" },
+  { value: "marginal", label: "Marginal (sobre o excedente de cada faixa)" },
+  { value: "retroactive", label: "Retroativa (faixa atingida aplica sobre o total)" },
+  { value: "guaranteed_min", label: "M\xEDnimo garantido (c\xE1lculo normal com piso)" }
+];
+function blankFunction(order) {
+  return {
+    functionName: "Profissional",
+    accountType: "professional_executor",
+    valueType: "percentage",
+    valueAmount: 0,
+    calculationBase: "net",
+    tierMode: "none",
+    minGuaranteed: null,
+    tiers: [],
+    isVariable: false,
+    displayOrder: order,
+    isActive: true
+  };
+}
+function CommissionFunctionsDialog({ rule, provider, onClose, onSaved }) {
+  const [functions, setFunctions] = React.useState(
+    rule.functions.length ? rule.functions : [blankFunction(0)]
+  );
+  const [saving, setSaving] = React.useState(false);
+  const [error, setError] = React.useState(null);
+  function patch(i, changes) {
+    setFunctions((fs) => fs.map((f, j) => j === i ? { ...f, ...changes } : f));
+  }
+  async function handleSave() {
+    setSaving(true);
+    setError(null);
+    try {
+      await provider.saveCommissionFunctions?.(rule.id, functions);
+      await onSaved();
+    } catch (e) {
+      setError(e?.message ?? String(e));
+    } finally {
+      setSaving(false);
+    }
+  }
+  return /* @__PURE__ */ jsx(Modal, { open: true, onOpenChange: (o) => {
+    if (!o) onClose();
+  }, children: /* @__PURE__ */ jsxs(ModalContent, { size: "2xl", noPadding: true, className: "gap-0", children: [
+    /* @__PURE__ */ jsxs(ModalHeader, { className: "border-b px-5 py-4", children: [
+      /* @__PURE__ */ jsxs(ModalTitle, { className: "text-base", children: [
+        "Fun\xE7\xF5es para comiss\xE3o \u2014 ",
+        rule.name
+      ] }),
+      /* @__PURE__ */ jsx(ModalDescription, { className: "text-xs", children: "Quem recebe e quanto. Uma regra pode pagar mais de uma pessoa pelo mesmo atendimento." })
+    ] }),
+    /* @__PURE__ */ jsx(ModalBody, { className: "fz-container px-5 py-4", children: /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+      functions.map((fn, i) => /* @__PURE__ */ jsxs("div", { className: "rounded-card border bg-card p-3", children: [
+        /* @__PURE__ */ jsxs("div", { className: "fz-fields fz-fields-3", children: [
+          /* @__PURE__ */ jsx(Field2, { label: "Fun\xE7\xE3o", children: /* @__PURE__ */ jsx(
+            Input,
+            {
+              value: fn.functionName,
+              placeholder: "Ex.: Profissional",
+              className: "h-9 text-xs",
+              onChange: (e) => patch(i, { functionName: e.target.value })
+            }
+          ) }),
+          /* @__PURE__ */ jsx(Field2, { label: "Conta padr\xE3o", children: /* @__PURE__ */ jsx(
+            ChoiceSelect,
+            {
+              value: fn.accountType,
+              onChange: (v) => patch(i, { accountType: v }),
+              options: ACCOUNT_TYPES
+            }
+          ) }),
+          /* @__PURE__ */ jsx(Field2, { label: "Sobre", children: /* @__PURE__ */ jsx(
+            ChoiceSelect,
+            {
+              value: fn.calculationBase,
+              onChange: (v) => patch(i, { calculationBase: v }),
+              options: BASES
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "fz-fields fz-fields-2 mt-3", children: [
+          /* @__PURE__ */ jsx(Field2, { label: "Faixa de produ\xE7\xE3o", children: /* @__PURE__ */ jsx(
+            ChoiceSelect,
+            {
+              value: fn.tierMode,
+              onChange: (v) => patch(i, { tierMode: v }),
+              options: TIER_MODES
+            }
+          ) }),
+          (fn.tierMode === "none" || fn.tierMode === "guaranteed_min") && /* @__PURE__ */ jsx(Field2, { label: "Valor", children: /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                type: "number",
+                value: String(fn.valueAmount),
+                className: "h-9 flex-1 text-xs",
+                onChange: (e) => patch(i, { valueAmount: Number(e.target.value) || 0 })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              ChoiceSelect,
+              {
+                className: "w-20",
+                value: fn.valueType,
+                onChange: (v) => patch(i, { valueType: v }),
+                options: [{ value: "percentage", label: "%" }, { value: "fixed", label: "R$" }]
+              }
+            )
+          ] }) })
+        ] }),
+        fn.tierMode === "guaranteed_min" && /* @__PURE__ */ jsx("div", { className: "mt-3", children: /* @__PURE__ */ jsxs(Field2, { label: "Piso mensal garantido (R$)", children: [
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              type: "number",
+              className: "h-9 text-xs",
+              value: fn.minGuaranteed == null ? "" : String(fn.minGuaranteed),
+              onChange: (e) => patch(i, { minGuaranteed: e.target.value === "" ? null : Number(e.target.value) })
+            }
+          ),
+          /* @__PURE__ */ jsx("p", { className: "mt-1 text-[10px] text-muted-foreground", children: "Recebe o maior entre o piso e a soma do c\xE1lculo normal no per\xEDodo." })
+        ] }) }),
+        (fn.tierMode === "marginal" || fn.tierMode === "retroactive") && /* @__PURE__ */ jsx(
+          TierTable,
+          {
+            tiers: fn.tiers,
+            onChange: (tiers) => patch(i, { tiers })
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "mt-3 flex items-center justify-between", children: [
+          /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 text-xs", children: [
+            /* @__PURE__ */ jsx(Checkbox, { checked: fn.isVariable, onChange: (v) => patch(i, { isVariable: v }) }),
+            "Valor vari\xE1vel"
+          ] }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "bare",
+              size: "bare",
+              type: "button",
+              "aria-label": "Remover fun\xE7\xE3o",
+              onClick: () => setFunctions(functions.filter((_, j) => j !== i)),
+              className: "rounded-button p-1.5 text-destructive hover:bg-destructive/10",
+              children: /* @__PURE__ */ jsx(Trash2, { className: "h-3.5 w-3.5" })
+            }
+          )
+        ] })
+      ] }, i)),
+      functions.length === 0 && /* @__PURE__ */ jsx("p", { className: "rounded-lg bg-warning/5 px-3 py-2 text-xs text-foreground", children: "Sem nenhuma fun\xE7\xE3o, a apura\xE7\xE3o paga o executor usando o valor da pr\xF3pria regra." }),
+      /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", onClick: () => setFunctions([...functions, blankFunction(functions.length)]), children: [
+        /* @__PURE__ */ jsx(Plus, { className: "h-3.5 w-3.5" }),
+        " Adicionar fun\xE7\xE3o"
+      ] }),
+      error && /* @__PURE__ */ jsx("p", { className: "text-xs text-destructive", children: error })
+    ] }) }),
+    /* @__PURE__ */ jsxs(ModalFooter, { variant: "bar", children: [
+      /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", onClick: onClose, children: "Fechar" }),
+      /* @__PURE__ */ jsx(Button, { size: "sm", onClick: handleSave, disabled: saving, children: saving ? "Salvando\u2026" : "Salvar" })
+    ] })
+  ] }) });
+}
+function TierTable({ tiers, onChange }) {
+  function patch(i, changes) {
+    onChange(tiers.map((t, j) => j === i ? { ...t, ...changes } : t));
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "mt-3 rounded-lg border px-3 py-2", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-xs font-medium", children: "Faixas sobre a produ\xE7\xE3o do per\xEDodo" }),
+      /* @__PURE__ */ jsxs(
+        Button,
+        {
+          variant: "outline",
+          size: "sm",
+          onClick: () => onChange([...tiers, { from: tiers.length ? 0 : 0, to: null, fixed: null, percent: null }]),
+          children: [
+            /* @__PURE__ */ jsx(Plus, { className: "h-3 w-3" }),
+            " Faixa"
+          ]
+        }
+      )
+    ] }),
+    tiers.length > 0 && /* @__PURE__ */ jsxs("div", { className: "mt-2 space-y-1.5", children: [
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[1fr_1fr_1fr_1fr_auto] gap-2 text-[10px] uppercase text-muted-foreground", children: [
+        /* @__PURE__ */ jsx("span", { children: "De (R$)" }),
+        /* @__PURE__ */ jsx("span", { children: "At\xE9 (vazio = sem limite)" }),
+        /* @__PURE__ */ jsx("span", { children: "Fixo (R$)" }),
+        /* @__PURE__ */ jsx("span", { children: "ou %" }),
+        /* @__PURE__ */ jsx("span", {})
+      ] }),
+      tiers.map((t, i) => /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[1fr_1fr_1fr_1fr_auto] items-center gap-2", children: [
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            type: "number",
+            className: "h-8 text-xs",
+            value: String(t.from ?? 0),
+            onChange: (e) => patch(i, { from: Number(e.target.value) || 0 })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            type: "number",
+            className: "h-8 text-xs",
+            value: t.to == null ? "" : String(t.to),
+            onChange: (e) => patch(i, { to: e.target.value === "" ? null : Number(e.target.value) })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            type: "number",
+            className: "h-8 text-xs",
+            value: t.fixed == null ? "" : String(t.fixed),
+            onChange: (e) => patch(i, { fixed: e.target.value === "" ? null : Number(e.target.value) })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            type: "number",
+            className: "h-8 text-xs",
+            value: t.percent == null ? "" : String(t.percent),
+            onChange: (e) => patch(i, { percent: e.target.value === "" ? null : Number(e.target.value) })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "bare",
+            size: "bare",
+            type: "button",
+            "aria-label": "Remover faixa",
+            onClick: () => onChange(tiers.filter((_, j) => j !== i)),
+            className: "rounded-button p-1 text-destructive hover:bg-destructive/10",
+            children: /* @__PURE__ */ jsx(Trash2, { className: "h-3.5 w-3.5" })
+          }
+        )
+      ] }, i))
+    ] }),
+    /* @__PURE__ */ jsx("p", { className: "mt-2 text-[10px] text-muted-foreground", children: "Ex.: 0\u20131.800 fixo R$ 180; acima de 1.800 \u2192 20% s\xF3 do que passar de 1.800." })
+  ] });
+}
+function Field2({ label, children }) {
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx("label", { className: "text-[10px] font-medium uppercase text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsx("div", { className: "mt-0.5", children })
+  ] });
+}
+function ChoiceSelect({
+  value,
+  onChange,
+  options,
+  className
+}) {
+  return /* @__PURE__ */ jsxs(Select, { value, onValueChange: onChange, children: [
+    /* @__PURE__ */ jsx(SelectTrigger, { className: `bg-card px-2 text-xs shadow-[inset_0_1px_0_rgb(0_0_0_/0.06)] ${className ?? ""}`, children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+    /* @__PURE__ */ jsx(SelectContent, { children: options.map((o) => /* @__PURE__ */ jsx(SelectItem, { value: o.value, children: o.label }, o.value)) })
+  ] });
+}
+var CRITERIA_LABEL = {
+  service: "Servi\xE7os",
+  category: "Grupos de Servi\xE7o",
+  professional: "Profissionais",
+  professional_group: "Grupos de Profissionais",
+  profession: "Profiss\xF5es",
+  unit: "Unidades",
+  payment_method_type: "Formas de Pagamento",
+  weekday: "Dias da Semana",
+  time_range: "Faixas de Hor\xE1rio"
+};
+function ruleMatches(rule, f, catalogs) {
+  for (const c of rule.criteria) {
+    const ids = c.criteriaValue?.ids ?? [];
+    switch (c.criteriaType) {
+      case "service":
+        if (!f.serviceId || !ids.includes(f.serviceId)) return false;
+        break;
+      case "category": {
+        const viaService = f.serviceId ? catalogs.services.find((s) => s.id === f.serviceId)?.categoryId ?? void 0 : void 0;
+        const cat = f.categoryId ?? viaService;
+        if (!cat || !ids.includes(cat)) return false;
+        break;
+      }
+      case "professional":
+        if (!f.professionalId || !ids.includes(f.professionalId)) return false;
+        break;
+      case "unit":
+        if (!f.unitId || !ids.includes(f.unitId)) return false;
+        break;
+    }
+  }
+  return true;
+}
+function rankRules(rules) {
+  return rules.slice().sort((a, b) => {
+    if (a.criteria.length !== b.criteria.length) return b.criteria.length - a.criteria.length;
+    if (a.priority !== b.priority) return b.priority - a.priority;
+    return Number(a.isDefault) - Number(b.isDefault);
+  });
+}
+function functionChip(fn) {
+  const who = fn.functionName || "Fun\xE7\xE3o";
+  if (fn.tierMode === "guaranteed_min") return `${who}: m\xEDnimo garantido`;
+  if (fn.tierMode === "marginal" || fn.tierMode === "retroactive") return `${who}: por faixa`;
+  return fn.valueType === "percentage" ? `${who}: ${fn.valueAmount}%` : `${who}: R$ ${fn.valueAmount.toFixed(2)}`;
+}
+function CommissionRulesView({ provider }) {
+  const [rules, setRules] = React.useState(null);
+  const [catalogs, setCatalogs] = React.useState({
+    services: [],
+    categories: [],
+    professionals: [],
+    units: []
+  });
+  const [error, setError] = React.useState(null);
+  const [funnel, setFunnel] = React.useState({});
+  const [editing, setEditing] = React.useState(null);
+  const [functionsFor, setFunctionsFor] = React.useState(null);
+  const [deleting, setDeleting] = React.useState(null);
+  const load = React.useCallback(async () => {
+    try {
+      setError(null);
+      const [r, c] = await Promise.all([
+        provider.getCommissionRules?.() ?? Promise.resolve([]),
+        provider.getCommissionCatalogs?.() ?? Promise.resolve(catalogs)
+      ]);
+      setRules(r);
+      setCatalogs(c);
+    } catch (e) {
+      setError(e?.message ?? String(e));
+      setRules([]);
+    }
+  }, [provider]);
+  React.useEffect(() => {
+    void load();
+  }, [load]);
+  const funnelActive = Object.values(funnel).some(Boolean);
+  const visible = React.useMemo(() => {
+    if (!rules) return [];
+    const ranked = rankRules(rules);
+    if (!funnelActive) return ranked;
+    return ranked.filter((r) => r.isDefault || ruleMatches(r, funnel, catalogs));
+  }, [rules, funnel, funnelActive, catalogs]);
+  const winner = React.useMemo(() => {
+    if (!funnelActive) return null;
+    return visible.find((r) => r.isActive && !r.isDefault) ?? visible.find((r) => r.isActive && r.isDefault) ?? null;
+  }, [visible, funnelActive]);
+  const hasDefault = (rules ?? []).some((r) => r.isDefault && r.isActive);
+  async function handleDelete() {
+    if (!deleting) return;
+    await provider.deleteCommissionRule?.(deleting.id);
+    setDeleting(null);
+    await load();
+  }
+  async function handleDuplicate(rule) {
+    await provider.duplicateCommissionRule?.(rule.id);
+    await load();
+  }
+  const headerActions = React.useMemo(() => [{
+    id: "new-rule",
+    label: "Adicionar regra",
+    icon: Plus,
+    intent: "primary",
+    creates: true,
+    onSelect: () => setEditing("new")
+  }], []);
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx(
+      SubpageHeader,
+      {
+        title: "Regras de Comiss\xE3o",
+        actions: /* @__PURE__ */ jsx(PageActions, { actions: headerActions })
+      }
+    ),
+    /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
+      "A regra ",
+      /* @__PURE__ */ jsx("strong", { className: "font-medium text-foreground", children: "mais espec\xEDfica" }),
+      " (mais crit\xE9rios casados) vence; a prioridade s\xF3 desempata; a padr\xE3o apanha o resto."
+    ] }),
+    error && /* @__PURE__ */ jsxs("div", { className: "rounded-card border border-destructive/30 bg-destructive/5 px-4 py-3 text-xs text-destructive", children: [
+      "N\xE3o foi poss\xEDvel carregar as regras: ",
+      error
+    ] }),
+    rules && rules.length > 0 && !hasDefault && /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2 rounded-card border border-warning/30 bg-warning/5 px-4 py-3", children: [
+      /* @__PURE__ */ jsx(AlertTriangle, { className: "mt-0.5 h-4 w-4 shrink-0 text-warning" }),
+      /* @__PURE__ */ jsxs("p", { className: "text-xs text-foreground", children: [
+        /* @__PURE__ */ jsx("strong", { children: "Nenhuma regra padr\xE3o ativa." }),
+        " O que n\xE3o casar com nenhuma regra espec\xEDfica n\xE3o vai comissionar \u2014 e isso s\xF3 aparece no fechamento."
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "rounded-card border bg-card p-4 shadow-sm", children: [
+      /* @__PURE__ */ jsxs("div", { className: "mb-3 flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(Filter, { className: "h-4 w-4 text-muted-foreground" }),
+        /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold", children: "Simular um atendimento" }),
+        funnelActive && /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "bare",
+            size: "bare",
+            onClick: () => setFunnel({}),
+            className: "font-normal ml-auto text-xs text-muted-foreground underline-offset-2 hover:text-foreground hover:underline",
+            children: "Limpar"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "fz-container", children: /* @__PURE__ */ jsxs("div", { className: "fz-fields fz-fields-4", children: [
+        /* @__PURE__ */ jsx(
+          FunnelField,
+          {
+            label: "Grupo de Servi\xE7os",
+            options: catalogs.categories,
+            value: funnel.categoryId,
+            onChange: (v) => setFunnel((f) => ({ ...f, categoryId: v }))
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          FunnelField,
+          {
+            label: "Servi\xE7o",
+            options: catalogs.services,
+            value: funnel.serviceId,
+            onChange: (v) => setFunnel((f) => ({ ...f, serviceId: v }))
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          FunnelField,
+          {
+            label: "Profissional",
+            options: catalogs.professionals,
+            value: funnel.professionalId,
+            onChange: (v) => setFunnel((f) => ({ ...f, professionalId: v }))
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          FunnelField,
+          {
+            label: "Unidade",
+            options: catalogs.units,
+            value: funnel.unitId,
+            onChange: (v) => setFunnel((f) => ({ ...f, unitId: v }))
+          }
+        )
+      ] }) }),
+      funnelActive && /* @__PURE__ */ jsx("p", { className: "mt-3 rounded-lg bg-muted/60 px-3 py-2 text-xs", children: winner ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        "Venceria: ",
+        /* @__PURE__ */ jsx("strong", { className: "text-foreground", children: winner.name }),
+        winner.isDefault && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: " (a padr\xE3o)" }),
+        winner.functions.length > 0 && /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+          " \xB7 ",
+          winner.functions.map(functionChip).join(" \xB7 ")
+        ] })
+      ] }) : /* @__PURE__ */ jsx("span", { className: "text-destructive", children: "Nenhuma regra casa \u2014 este atendimento n\xE3o comissionaria." }) })
+    ] }),
+    rules === null ? /* @__PURE__ */ jsx("div", { className: "space-y-3", children: [0, 1].map((i) => /* @__PURE__ */ jsxs("div", { className: "rounded-card border bg-card p-4 shadow-sm", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-20 rounded-full" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-40" })
+      ] }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "mt-2 h-3 w-72" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "mt-3 h-5 w-32 rounded-full" })
+    ] }, i)) }) : visible.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "rounded-card border bg-card px-4 py-10 text-center", children: [
+      /* @__PURE__ */ jsx(TrendingUp, { className: "mx-auto h-8 w-8 text-muted-foreground/40" }),
+      /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm font-medium", children: funnelActive ? "Nenhuma regra casa com esta combina\xE7\xE3o" : "Nenhuma regra de comiss\xE3o" }),
+      /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: funnelActive ? "Este atendimento n\xE3o comissionaria. Crie uma regra padr\xE3o para que nada fique de fora." : "Comece pela regra padr\xE3o \u2014 ela \xE9 o que vale quando nenhuma outra casa." }),
+      !funnelActive && /* @__PURE__ */ jsxs(Button, { size: "sm", className: "mt-4", onClick: () => setEditing("new"), children: [
+        /* @__PURE__ */ jsx(Plus, { className: "h-3.5 w-3.5" }),
+        " Criar regra"
+      ] })
+    ] }) : /* @__PURE__ */ jsx("div", { className: "space-y-3", children: visible.map((rule) => /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: `rounded-card border bg-card p-4 shadow-sm ${winner?.id === rule.id ? "border-primary/50 ring-1 ring-primary/20" : ""} ${!rule.isActive ? "opacity-60" : ""}`,
+        children: /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+              rule.isDefault ? /* @__PURE__ */ jsx(Badge, { variant: "default", className: "text-[10px]", children: "PADR\xC3O" }) : /* @__PURE__ */ jsxs(Badge, { variant: "outline", className: "text-[10px]", children: [
+                "REGRA #",
+                rule.priority
+              ] }),
+              /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-foreground", children: rule.name }),
+              !rule.isActive && /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "text-[10px]", children: "Inativa" })
+            ] }),
+            rule.description && /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs italic text-muted-foreground", children: rule.description }),
+            /* @__PURE__ */ jsx("div", { className: "mt-2 flex flex-wrap gap-1.5", children: rule.criteria.length === 0 ? (
+              // "Sem critério" parece esquecido; "vale para todos" é o
+              // que a regra realmente faz.
+              /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground", children: rule.isDefault ? "Aplicada quando nenhuma outra casa." : "Sem crit\xE9rios \u2014 vale para todos os atendimentos." })
+            ) : rule.criteria.map((c) => /* @__PURE__ */ jsxs(Badge, { variant: "outline", className: "text-[10px]", children: [
+              CRITERIA_LABEL[c.criteriaType],
+              " (",
+              countCriteria(c.criteriaValue),
+              ")",
+              UNENFORCED_CRITERIA.includes(c.criteriaType) && " \u26A0"
+            ] }, c.criteriaType)) }),
+            /* @__PURE__ */ jsxs("div", { className: "mt-3", children: [
+              /* @__PURE__ */ jsx("p", { className: "text-[10px] font-medium uppercase text-muted-foreground", children: "Fun\xE7\xF5es para comiss\xE3o" }),
+              /* @__PURE__ */ jsx("div", { className: "mt-1 flex flex-wrap gap-1.5", children: rule.functions.length === 0 ? /* @__PURE__ */ jsx("span", { className: "text-[10px] text-warning", children: "Nenhuma fun\xE7\xE3o \u2014 a apura\xE7\xE3o vai pagar o executor com o valor da regra." }) : rule.functions.map((fn, i) => /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "text-[10px]", children: functionChip(fn) }, fn.id ?? i)) })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 200, children: /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-1", children: [
+            !rule.isDefault && /* @__PURE__ */ jsx(IconButton, { label: "Duplicar regra", onClick: () => void handleDuplicate(rule), children: /* @__PURE__ */ jsx(Copy, { className: "h-3.5 w-3.5" }) }),
+            /* @__PURE__ */ jsx(IconButton, { label: "Editar regra", onClick: () => setEditing(rule), children: /* @__PURE__ */ jsx(Pencil, { className: "h-3.5 w-3.5" }) }),
+            /* @__PURE__ */ jsx(IconButton, { label: "Fun\xE7\xF5es (quem recebe e quanto)", onClick: () => setFunctionsFor(rule), children: /* @__PURE__ */ jsx(DollarSign, { className: "h-3.5 w-3.5" }) }),
+            !rule.isDefault && /* @__PURE__ */ jsx(IconButton, { label: "Excluir regra", destructive: true, onClick: () => setDeleting(rule), children: /* @__PURE__ */ jsx(Trash2, { className: "h-3.5 w-3.5" }) })
+          ] }) })
+        ] })
+      },
+      rule.id
+    )) }),
+    editing && /* @__PURE__ */ jsx(
+      CommissionRuleDialog,
+      {
+        rule: editing === "new" ? null : editing,
+        catalogs,
+        hasDefault,
+        provider,
+        onClose: () => setEditing(null),
+        onSaved: async () => {
+          setEditing(null);
+          await load();
+        }
+      },
+      editing === "new" ? "new" : editing.id
+    ),
+    functionsFor && /* @__PURE__ */ jsx(
+      CommissionFunctionsDialog,
+      {
+        rule: functionsFor,
+        provider,
+        onClose: () => setFunctionsFor(null),
+        onSaved: async () => {
+          setFunctionsFor(null);
+          await load();
+        }
+      },
+      functionsFor.id
+    ),
+    /* @__PURE__ */ jsx(
+      ConfirmDialog,
+      {
+        open: !!deleting,
+        onCancel: () => setDeleting(null),
+        title: "Excluir regra de comiss\xE3o",
+        description: `"${deleting?.name ?? ""}" e os seus crit\xE9rios e fun\xE7\xF5es ser\xE3o removidos. Comiss\xF5es j\xE1 apuradas n\xE3o mudam.`,
+        confirmLabel: "Excluir",
+        variant: "destructive",
+        onConfirm: () => {
+          void handleDelete();
+        }
+      }
+    )
+  ] });
+}
+function countCriteria(v) {
+  for (const key of ["ids", "days", "ranges"]) {
+    const arr = v?.[key];
+    if (Array.isArray(arr)) return arr.length;
+  }
+  return 0;
+}
+function IconButton({
+  label,
+  onClick,
+  destructive,
+  children
+}) {
+  return /* @__PURE__ */ jsxs(Tooltip, { children: [
+    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "bare",
+        size: "bare",
+        type: "button",
+        "aria-label": label,
+        onClick,
+        className: `font-normal whitespace-normal fz-tap inline-flex h-7 w-7 items-center justify-center rounded-button border bg-card transition-colors ${destructive ? "text-destructive hover:bg-destructive/10" : "text-muted-foreground hover:bg-muted hover:text-foreground"}`,
+        children
+      }
+    ) }),
+    /* @__PURE__ */ jsx(TooltipContent, { className: "text-xs", children: label })
+  ] });
+}
+function FunnelField({
+  label,
+  options,
+  value,
+  onChange
+}) {
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx("label", { className: "text-[10px] font-medium uppercase text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsx("div", { className: "mt-0.5", children: /* @__PURE__ */ jsx(
+      MultiSelect,
+      {
+        allLabel: `Qualquer ${label.toLowerCase()}`,
+        options: options.map((o) => ({ value: o.id, label: o.name })),
+        value: value ? [value] : [],
+        onChange: (v) => onChange(v.length ? v[v.length - 1] : void 0)
+      }
+    ) })
+  ] });
+}
+
+export { CommissionRulesView };
+//# sourceMappingURL=CommissionRulesView-2RW4ZCDT.js.map
+//# sourceMappingURL=CommissionRulesView-2RW4ZCDT.js.map