@fayz-ai/plugin-financial 0.25.9 → 0.26.0

package/dist/chunk-MGDAJLUQ.js

@@ -0,0 +1,823 @@
+import { useFinancialConfig, useFinancialProvider, useFinancialStore, formatCurrency } from './chunk-CNXAVGSW.js';
+import React2, { useState, useEffect, useMemo } from 'react';
+import { ChevronDown, Eye, Inbox, Landmark, Clock, ClipboardCheck, Play, ChevronUp, Calculator, Square, ChevronRight, Printer, X, Check } from 'lucide-react';
+import { useTranslation, currentAppPath, appHref } from '@fayz-ai/core';
+import { Button, SubpageHeader, PageTabs, CurrencyInput, Textarea, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, Skeleton, Modal, ModalContent, ModalHeader, ModalTitle, ModalDescription, ModalBody, ModalFooter, openPrintWindow, printDocument, Input } from '@fayz-ai/ui';
+import { useAuth, GetStarted } from '@fayz-ai/admin';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+function CashSessionReviewModal({ sessionId, open, onOpenChange, mode, onReviewed }) {
+  const t = useTranslation();
+  const { currency } = useFinancialConfig();
+  const provider = useFinancialProvider();
+  const { user } = useAuth();
+  const me = user?.id ?? null;
+  const [summary, setSummary] = useState(null);
+  const [movements, setMovements] = useState(null);
+  const [review, setReview] = useState(null);
+  const [error, setError] = useState(null);
+  const [busy, setBusy] = useState(false);
+  useEffect(() => {
+    if (!open) return;
+    let cancelled = false;
+    setSummary(null);
+    setMovements(null);
+    setReview(null);
+    setError(null);
+    async function load() {
+      try {
+        const [s, m] = await Promise.all([
+          provider.getCashSessionSummary(sessionId),
+          provider.getMovements({ cashSessionId: sessionId, status: "paid", pageSize: 200 })
+        ]);
+        if (cancelled) return;
+        setSummary(s);
+        setMovements(m.data);
+        if (mode === "details") {
+          const reviews = await provider.getCashSessionReviews?.() ?? [];
+          if (cancelled) return;
+          setReview(reviews.find((r) => r.sessionId === sessionId) ?? null);
+        }
+      } catch (e) {
+        if (!cancelled) setError(e?.message ?? String(e));
+      }
+    }
+    void load();
+    return () => {
+      cancelled = true;
+    };
+  }, [open, sessionId, mode, provider]);
+  const session = summary?.session;
+  const fechei = !!me && session?.closedByUserId === me;
+  const loading = summary === null || movements === null;
+  async function decide(verdict) {
+    setBusy(true);
+    setError(null);
+    try {
+      await provider.reviewCashSession?.(sessionId, verdict);
+      onReviewed?.();
+      onOpenChange(false);
+    } catch (e) {
+      setError(e?.message ?? String(e));
+    } finally {
+      setBusy(false);
+    }
+  }
+  function handlePrint() {
+    if (!session) return;
+    const popup = openPrintWindow("width=720,height=900");
+    if (!popup) return;
+    const title = session.bankAccountName ?? t("financial.cash.title");
+    const rows = (movements ?? []).map((m) => `<tr><td>${m.paymentDate ? new Date(m.paymentDate).toLocaleString() : "\u2014"}</td><td>${m.method ? t(`financial.method.${m.method}`) : "\u2014"}</td><td style="text-align:right">${m.direction === "credit" ? "+" : "-"}${formatCurrency(m.paidAmount, currency)}</td></tr>`).join("");
+    printDocument({
+      title,
+      css: "body{font:12px sans-serif}table{width:100%;border-collapse:collapse;margin-top:16px}th,td{border-bottom:1px solid #ddd;padding:8px;text-align:left}h1{font-size:16px;margin-bottom:8px}p{margin:2px 0}",
+      body: `<h1>${title}</h1><p>${t("financial.cash.opened")}: ${new Date(session.openedAt).toLocaleString()}${session.openedByName ? ` ${t("financial.cash.by")} ${session.openedByName}` : ""}</p>` + (session.closedAt ? `<p>${t("financial.cash.closeLabel")}: ${new Date(session.closedAt).toLocaleString()}${session.closedByName ? ` ${t("financial.cash.by")} ${session.closedByName}` : ""}</p>` : "") + `<p>${t("financial.cash.openingBalance")}: ${formatCurrency(session.openingBalance, currency)}</p><p>${t("financial.cash.finalValue")}: ${formatCurrency(session.closingBalance ?? 0, currency)}</p><p>${t("financial.cash.difference")}: ${(session.difference ?? 0) >= 0 ? "+" : ""}${formatCurrency(session.difference ?? 0, currency)}</p><table><thead><tr><th>${t("financial.cash.opened")}</th><th>${t("financial.cash.method")}</th><th style="text-align:right">${t("financial.cash.finalValue")}</th></tr></thead><tbody>${rows}</tbody></table>`,
+      target: popup
+    });
+  }
+  return /* @__PURE__ */ jsx(Modal, { open, onOpenChange, children: /* @__PURE__ */ jsxs(ModalContent, { size: "lg", noPadding: true, className: "gap-0", children: [
+    /* @__PURE__ */ jsxs(ModalHeader, { className: "border-b px-4 py-3", children: [
+      /* @__PURE__ */ jsx(ModalTitle, { className: "text-sm", children: mode === "review" ? t("financial.cash.reviewModalTitle") : t("financial.cash.detailsModalTitle") }),
+      /* @__PURE__ */ jsx(ModalDescription, { className: "text-xs", children: session?.bankAccountName ?? t("financial.cash.title") })
+    ] }),
+    /* @__PURE__ */ jsxs(ModalBody, { className: "p-4 space-y-4", children: [
+      error && /* @__PURE__ */ jsx("p", { className: "text-xs text-destructive", children: error }),
+      loading ? /* @__PURE__ */ jsx("div", { className: "space-y-2", children: [0, 1, 2].map((i) => /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-full" }, i)) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs("div", { className: "rounded-lg border bg-muted/30 p-3 space-y-1", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-[10px] font-semibold text-muted-foreground uppercase mb-1", children: t("financial.cash.summary") }),
+          /* @__PURE__ */ jsx(SummaryRow, { label: t("financial.cash.openingBalance"), value: formatCurrency(session.openingBalance, currency) }),
+          /* @__PURE__ */ jsx(SummaryRow, { label: t("financial.cash.finalValue"), value: formatCurrency(session.closingBalance ?? 0, currency), strong: true }),
+          /* @__PURE__ */ jsx(
+            SummaryRow,
+            {
+              label: t("financial.cash.difference"),
+              value: `${(session.difference ?? 0) >= 0 ? "+" : ""}${formatCurrency(session.difference ?? 0, currency)}`,
+              tone: (session.difference ?? 0) > 0 ? "success" : (session.difference ?? 0) < 0 ? "destructive" : void 0
+            }
+          ),
+          /* @__PURE__ */ jsx(SummaryRow, { label: t("financial.cash.movementCount"), value: String(summary.movementCount) }),
+          /* @__PURE__ */ jsx(SummaryRow, { label: t("financial.cash.totalIn"), value: formatCurrency(summary.totalInflow, currency) }),
+          /* @__PURE__ */ jsx(SummaryRow, { label: t("financial.cash.totalOut"), value: formatCurrency(summary.totalOutflow, currency) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "rounded-lg border", children: [
+          /* @__PURE__ */ jsx("p", { className: "px-3 py-2 text-[10px] font-semibold text-muted-foreground uppercase border-b", children: t("financial.cash.transactions") }),
+          (movements ?? []).length === 0 ? /* @__PURE__ */ jsx("p", { className: "px-3 py-4 text-center text-xs text-muted-foreground", children: t("financial.cash.noTransactions") }) : /* @__PURE__ */ jsx("div", { className: "max-h-64 overflow-y-auto divide-y", children: movements.map((m) => /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-3 py-2 text-xs", children: [
+            /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+              /* @__PURE__ */ jsx("p", { className: "font-medium", children: m.method ? t(`financial.method.${m.method}`) : "\u2014" }),
+              /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: m.paymentDate ? new Date(m.paymentDate).toLocaleString() : "\u2014" })
+            ] }),
+            /* @__PURE__ */ jsxs("span", { className: `shrink-0 tabular-nums font-medium ${m.direction === "credit" ? "text-success" : "text-destructive"}`, children: [
+              m.direction === "credit" ? "+" : "-",
+              formatCurrency(m.paidAmount, currency)
+            ] })
+          ] }, m.id)) })
+        ] }),
+        mode === "details" && /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
+          review?.reviewStatus === "approved" ? t("financial.cash.verdictApproved") : review?.reviewStatus === "rejected" ? t("financial.cash.verdictRejected") : t("financial.cash.verdictPending"),
+          review?.reviewerName ? ` \xB7 ${t("financial.cash.reviewedBy")} ${review.reviewerName}` : ""
+        ] }),
+        mode === "review" && fechei && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("financial.cash.cannotReviewOwn") })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(ModalFooter, { className: "border-t px-4 py-3", children: [
+      /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", onClick: handlePrint, disabled: loading, children: [
+        /* @__PURE__ */ jsx(Printer, { className: "h-3.5 w-3.5" }),
+        " ",
+        t("financial.cash.print")
+      ] }),
+      mode === "review" && !fechei && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", disabled: busy || loading, onClick: () => void decide("rejected"), children: [
+          /* @__PURE__ */ jsx(X, { className: "h-3.5 w-3.5" }),
+          " ",
+          t("financial.cash.reject")
+        ] }),
+        /* @__PURE__ */ jsxs(Button, { size: "sm", disabled: busy || loading, onClick: () => void decide("approved"), children: [
+          /* @__PURE__ */ jsx(Check, { className: "h-3.5 w-3.5" }),
+          " ",
+          t("financial.cash.confirmAndApprove")
+        ] })
+      ] })
+    ] })
+  ] }) });
+}
+function SummaryRow({ label, value, strong, tone }) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-xs", children: [
+    /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsx("span", { className: `tabular-nums ${strong ? "text-sm font-bold" : "font-medium"} ${tone === "success" ? "text-success" : tone === "destructive" ? "text-destructive" : ""}`, children: value })
+  ] });
+}
+var BRL_DENOMINATIONS = [
+  { label: "R$ 200", value: 200, type: "bill" },
+  { label: "R$ 100", value: 100, type: "bill" },
+  { label: "R$ 50", value: 50, type: "bill" },
+  { label: "R$ 20", value: 20, type: "bill" },
+  { label: "R$ 10", value: 10, type: "bill" },
+  { label: "R$ 5", value: 5, type: "bill" },
+  { label: "R$ 2", value: 2, type: "bill" },
+  { label: "R$ 1", value: 1, type: "coin" },
+  { label: "R$ 0,50", value: 0.5, type: "coin" },
+  { label: "R$ 0,25", value: 0.25, type: "coin" },
+  { label: "R$ 0,10", value: 0.1, type: "coin" },
+  { label: "R$ 0,05", value: 0.05, type: "coin" }
+];
+function DenominationCounter({
+  denominations,
+  counts,
+  onChange,
+  currency
+}) {
+  const t = useTranslation();
+  const bills = denominations.filter((d) => d.type === "bill");
+  const coins = denominations.filter((d) => d.type === "coin");
+  function setCount(value, count) {
+    onChange({ ...counts, [value]: Math.max(0, count) });
+  }
+  function renderRow(d) {
+    const qty = counts[d.value] ?? 0;
+    const subtotal = qty * d.value;
+    return (
+      // Larguras fixas somavam ~304px por coluna; dentro do diálogo a coluna
+      // tem ~200px e "R$ 200" quebrava em duas linhas, deixando as notas com
+      // alturas diferentes. O rótulo não quebra e o subtotal é quem cede.
+      // `max-w`: numa coluna de 1125px o `flex-1` jogava o subtotal a 380px do
+      // "=", e o olho perdia a linha entre a nota e o valor dela.
+      /* @__PURE__ */ jsxs("div", { className: "flex max-w-[17rem] items-center gap-1.5 py-1", children: [
+        /* @__PURE__ */ jsx("span", { className: "w-14 shrink-0 whitespace-nowrap text-xs font-medium text-muted-foreground", children: d.label }),
+        /* @__PURE__ */ jsx("span", { className: "shrink-0 text-muted-foreground text-xs", children: "\xD7" }),
+        /* @__PURE__ */ jsx("div", { className: "w-12 shrink-0", children: /* @__PURE__ */ jsx(
+          Input,
+          {
+            type: "number",
+            min: 0,
+            value: qty || "",
+            onChange: (e) => setCount(d.value, parseInt(e.target.value) || 0),
+            placeholder: "0",
+            className: "h-auto rounded border-border bg-background px-1.5 py-1 text-center text-xs tabular-nums shadow-none"
+          }
+        ) }),
+        /* @__PURE__ */ jsx("span", { className: "shrink-0 text-xs text-muted-foreground", children: "=" }),
+        /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 whitespace-nowrap text-xs text-right tabular-nums font-medium", children: formatCurrency(subtotal, currency) })
+      ] }, d.value)
+    );
+  }
+  return (
+    // O contador leva o PRÓPRIO ponto de medida. `fz-fields-2` responde ao
+    // `fz-container` mais próximo, e a página do Financeiro não marca um — as
+    // notas ficavam numa coluna só com 1125px de largura, enquanto no diálogo
+    // (que marca) o `sm:` antigo lia a JANELA e insistia em duas colunas de
+    // 200px. Medindo a si mesmo, acerta nos dois lugares.
+    /* @__PURE__ */ jsx("div", { className: "fz-container", children: /* @__PURE__ */ jsxs("div", { className: "fz-fields fz-fields-2", children: [
+      bills.length > 0 && /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("p", { className: "text-[10px] font-semibold text-muted-foreground uppercase mb-1", children: t("financial.cash.bills") }),
+        bills.map(renderRow)
+      ] }),
+      coins.length > 0 && /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("p", { className: "text-[10px] font-semibold text-muted-foreground uppercase mb-1", children: t("financial.cash.coins") }),
+        coins.map(renderRow)
+      ] })
+    ] }) })
+  );
+}
+function CashOpeningPanel({
+  cashAccounts,
+  currency,
+  onOpen
+}) {
+  const [selectedAccountId, setSelectedAccountId] = useState(cashAccounts[0]?.id ?? "");
+  useEffect(() => {
+    if (!cashAccounts.length) return;
+    if (!cashAccounts.some((a) => a.id === selectedAccountId)) {
+      setSelectedAccountId(cashAccounts[0].id);
+    }
+  }, [cashAccounts, selectedAccountId]);
+  const [balance, setBalance] = useState(0);
+  const [submitting, setSubmitting] = useState(false);
+  const t = useTranslation();
+  const { user } = useAuth();
+  if (cashAccounts.length === 0) {
+    return /* @__PURE__ */ jsx(
+      GetStarted,
+      {
+        feature: "financial.caixas",
+        title: t("financial.cash.title"),
+        heading: t("financial.cash.empty.heading"),
+        because: t("financial.cash.empty.because"),
+        steps: [
+          {
+            label: t("financial.cash.empty.step"),
+            where: t("financial.cash.empty.stepWhere")
+          }
+        ]
+      }
+    );
+  }
+  async function handleOpen() {
+    setSubmitting(true);
+    try {
+      await onOpen(selectedAccountId, balance);
+      setBalance(0);
+    } finally {
+      setSubmitting(false);
+    }
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "p-4 space-y-4", children: [
+    /* @__PURE__ */ jsx("div", { className: "fz-container", children: /* @__PURE__ */ jsxs("div", { className: "fz-fields fz-fields-2", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("label", { className: "text-[10px] font-medium text-muted-foreground uppercase", children: t("financial.cash.user") }),
+        /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm font-medium truncate", children: user?.email ?? "\u2014" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("label", { className: "text-[10px] font-medium text-muted-foreground uppercase", children: t("financial.cash.openingDate") }),
+        /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm font-medium capitalize", children: (/* @__PURE__ */ new Date()).toLocaleDateString("pt-BR", { weekday: "long", day: "2-digit", month: "long", year: "numeric" }) })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx("div", { className: "fz-container", children: /* @__PURE__ */ jsxs("div", { className: "fz-fields fz-fields-2", children: [
+      /* @__PURE__ */ jsx(
+        CurrencyInput,
+        {
+          value: balance,
+          onChange: setBalance,
+          symbol: currency.symbol,
+          locale: currency.locale,
+          currencyCode: currency.code,
+          label: t("financial.cash.openingBalance")
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("label", { className: "text-[10px] font-medium text-muted-foreground uppercase", children: t("financial.cash.accountLabel") }),
+        /* @__PURE__ */ jsxs(Select, { value: selectedAccountId, onValueChange: setSelectedAccountId, children: [
+          /* @__PURE__ */ jsx(SelectTrigger, { className: "mt-0.5 h-auto bg-card px-2 py-1.5 text-xs shadow-[inset_0_1px_0_rgb(0_0_0_/0.06)]", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+          /* @__PURE__ */ jsx(SelectContent, { children: cashAccounts.map((a) => /* @__PURE__ */ jsx(SelectItem, { value: a.id, children: a.name }, a.id)) })
+        ] })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsxs(
+      Button,
+      {
+        variant: "bare",
+        size: "bare",
+        "data-tour": "financial.cash-open",
+        onClick: () => void handleOpen(),
+        disabled: submitting || balance < 0,
+        className: "inline-flex items-center gap-1.5 rounded-button bg-primary border border-primary px-4 py-1.5 text-xs font-medium text-primary-foreground hover:bg-primary/90 shadow-button-primary active:shadow-button-inset transition-colors disabled:opacity-50",
+        children: [
+          /* @__PURE__ */ jsx(Inbox, { className: "h-3 w-3" }),
+          " ",
+          submitting ? t("financial.cash.opening") : t("financial.quickActions.openCashRegister")
+        ]
+      }
+    )
+  ] });
+}
+function CashClosingPanel({
+  session,
+  currency,
+  onClose
+}) {
+  const [mode, setMode] = useState("quick");
+  const [quickBalance, setQuickBalance] = useState(0);
+  const [counts, setCounts] = useState({});
+  const [notes, setNotes] = useState("");
+  const [submitting, setSubmitting] = useState(false);
+  const t = useTranslation();
+  const countedTotal = useMemo(() => {
+    return BRL_DENOMINATIONS.reduce((sum, d) => sum + (counts[d.value] ?? 0) * d.value, 0);
+  }, [counts]);
+  const effectiveBalance = mode === "count" ? countedTotal : quickBalance;
+  const expected = session.expectedCash ?? session.openingBalance;
+  const difference = effectiveBalance - expected;
+  async function handleClose() {
+    setSubmitting(true);
+    try {
+      await onClose(session.id, effectiveBalance, notes || void 0);
+    } finally {
+      setSubmitting(false);
+    }
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-3 pt-3 border-t", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex gap-1 rounded-lg border p-0.5 w-fit", children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "bare",
+          size: "bare",
+          onClick: () => setMode("quick"),
+          className: `px-3 py-1 text-xs rounded-md font-medium transition-colors ${mode === "quick" ? "bg-primary text-primary-foreground" : "hover:bg-muted"}`,
+          children: t("financial.cash.quickAmount")
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        Button,
+        {
+          variant: "bare",
+          size: "bare",
+          onClick: () => setMode("count"),
+          className: `inline-flex items-center gap-1 px-3 py-1 text-xs rounded-md font-medium transition-colors ${mode === "count" ? "bg-primary text-primary-foreground" : "hover:bg-muted"}`,
+          children: [
+            /* @__PURE__ */ jsx(Calculator, { className: "h-3 w-3" }),
+            " ",
+            t("financial.cash.count")
+          ]
+        }
+      )
+    ] }),
+    mode === "quick" ? /* @__PURE__ */ jsx(
+      CurrencyInput,
+      {
+        value: quickBalance,
+        onChange: setQuickBalance,
+        symbol: currency.symbol,
+        locale: currency.locale,
+        currencyCode: currency.code,
+        label: t("financial.cash.closingBalance")
+      }
+    ) : /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+      /* @__PURE__ */ jsx(
+        DenominationCounter,
+        {
+          denominations: BRL_DENOMINATIONS,
+          counts,
+          onChange: setCounts,
+          currency
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between pt-2 border-t", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground uppercase", children: t("financial.cash.countedTotal") }),
+        /* @__PURE__ */ jsx("span", { className: "text-lg font-bold", children: formatCurrency(countedTotal, currency) })
+      ] })
+    ] }),
+    session.receivedByMethod && Object.keys(session.receivedByMethod).length > 0 && /* @__PURE__ */ jsxs("div", { className: "rounded-lg border px-3 py-2 space-y-1", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-[10px] font-medium text-muted-foreground uppercase", children: t("financial.cash.receivedInShift") }),
+      Object.entries(session.receivedByMethod).map(([method, total]) => /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-xs", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t(`financial.method.${method}`) }),
+        /* @__PURE__ */ jsx("span", { className: "tabular-nums", children: formatCurrency(Number(total), currency) })
+      ] }, method))
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "rounded-lg bg-muted/50 px-3 py-2 space-y-1", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-xs", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("financial.cash.expectedInDrawer") }),
+        /* @__PURE__ */ jsx("span", { className: "tabular-nums font-medium", children: formatCurrency(expected, currency) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-xs", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("financial.cash.countedTotal") }),
+        /* @__PURE__ */ jsx("span", { className: "tabular-nums font-medium", children: formatCurrency(effectiveBalance, currency) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border-t pt-1", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-xs font-medium", children: t("financial.cash.difference") }),
+        /* @__PURE__ */ jsxs("span", { className: `text-sm font-bold tabular-nums ${difference > 0 ? "text-success" : difference < 0 ? "text-destructive" : "text-muted-foreground"}`, children: [
+          difference >= 0 ? "+" : "",
+          formatCurrency(difference, currency)
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("label", { className: "text-[10px] font-medium text-muted-foreground uppercase", children: t("financial.cash.closingNotes") }),
+      /* @__PURE__ */ jsx(
+        Textarea,
+        {
+          value: notes,
+          onChange: (e) => setNotes(e.target.value),
+          rows: 2,
+          placeholder: t("financial.cash.closingObservations"),
+          className: "mt-0.5 px-2 py-1.5 text-xs resize-none"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs(
+      Button,
+      {
+        variant: "destructive",
+        size: "sm",
+        onClick: handleClose,
+        disabled: submitting || effectiveBalance < 0,
+        children: [
+          /* @__PURE__ */ jsx(Square, { className: "h-3.5 w-3.5" }),
+          submitting ? t("financial.cash.closing") : t("financial.cash.closeSession")
+        ]
+      }
+    )
+  ] });
+}
+function dayKeyOf(iso) {
+  if (!iso) return "";
+  const d = new Date(iso);
+  return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, "0")}-${String(d.getDate()).padStart(2, "0")}`;
+}
+function groupByClosingDay(rows) {
+  const days = [];
+  const sorted = [...rows].sort((a, b) => (b.closedAt ?? "").localeCompare(a.closedAt ?? ""));
+  for (const r of sorted) {
+    const key = dayKeyOf(r.closedAt);
+    const last = days[days.length - 1];
+    if (last && last.key === key) last.rows.push(r);
+    else days.push({ key, rows: [r] });
+  }
+  return days;
+}
+function DayHeader({ dayKey, count }) {
+  const t = useTranslation();
+  let label = "\u2014";
+  if (dayKey === dayKeyOf((/* @__PURE__ */ new Date()).toISOString())) label = t("financial.cash.reviewToday");
+  else if (dayKey === dayKeyOf(new Date(Date.now() - 864e5).toISOString())) label = t("financial.cash.reviewYesterday");
+  else if (dayKey) {
+    const [y, m, d] = dayKey.split("-").map(Number);
+    label = new Date(y, m - 1, d).toLocaleDateString(void 0, { weekday: "long", day: "2-digit", month: "2-digit" });
+  }
+  return (
+    // Stays on screen while its day scrolls, stopping under the page's tab band
+    // like a list's column header. Opaque: rows pass underneath it.
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "sticky z-10 flex items-center gap-2 border-b bg-muted px-4 py-1.5 text-xs font-medium text-muted-foreground",
+        style: { top: "var(--fz-page-band-h, 0px)" },
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "first-letter:uppercase", children: label }),
+          /* @__PURE__ */ jsx("span", { className: "rounded-full bg-background px-1.5 text-[10px] tabular-nums", children: count })
+        ]
+      }
+    )
+  );
+}
+var HOUR_MINUTE = { hour: "2-digit", minute: "2-digit" };
+var PANEL_REVIEW_LIMIT = 3;
+var REVIEW_TAB_QUERY = "tab=review";
+function ReviewQueue({
+  variant,
+  rows,
+  error,
+  onReload,
+  showHeader = true
+}) {
+  const t = useTranslation();
+  const { currency } = useFinancialConfig();
+  const { user } = useAuth();
+  const me = user?.id ?? null;
+  const [reviewing, setReviewing] = useState(null);
+  const pendentes = (rows ?? []).filter((r) => r.reviewStatus === "pending");
+  const setCashSessionModalOpen = useFinancialStore((s) => s.setCashSessionModalOpen);
+  const compact = variant === "panel";
+  const shown = compact ? [...pendentes].sort((a, b) => Math.abs(b.difference) - Math.abs(a.difference) || (a.closedAt ?? "").localeCompare(b.closedAt ?? "")).slice(0, PANEL_REVIEW_LIMIT) : pendentes;
+  const hidden = pendentes.length - shown.length;
+  const days = compact ? [] : groupByClosingDay(pendentes);
+  const sectionClass = variant === "panel" ? "" : "rounded-card border bg-card shadow-sm";
+  return /* @__PURE__ */ jsxs("div", { className: sectionClass, children: [
+    showHeader && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 border-b px-4 py-3", children: [
+      /* @__PURE__ */ jsx(ClipboardCheck, { className: "h-4 w-4 text-info" }),
+      /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold", children: t("financial.cash.reviewQueue") }),
+      pendentes.length > 0 && /* @__PURE__ */ jsx("span", { className: "rounded-full bg-info/10 px-2 py-0.5 text-[10px] font-semibold text-info", children: pendentes.length })
+    ] }),
+    showHeader && !compact && /* @__PURE__ */ jsx("p", { className: "px-4 pt-3 text-[11px] text-muted-foreground", children: "Quem abre e fecha o caixa n\xE3o \xE9 quem confere. Um fechamento fica aqui at\xE9 algu\xE9m da ger\xEAncia ou do financeiro aprovar." }),
+    error && /* @__PURE__ */ jsx("p", { className: "px-4 pt-2 text-xs text-destructive", children: error }),
+    rows === null ? /* @__PURE__ */ jsx("div", { className: "space-y-2 p-4", children: [0, 1].map((i) => /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-48" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-7 w-32" })
+    ] }, i)) }) : pendentes.length === 0 ? /* @__PURE__ */ jsx("p", { className: "px-4 py-6 text-center text-sm text-muted-foreground", children: t("financial.cash.reviewQueueEmpty") }) : /* @__PURE__ */ jsxs("div", { className: "divide-y", children: [
+      (compact ? [{ key: "", rows: shown }] : days).map((day) => /* @__PURE__ */ jsxs(React2.Fragment, { children: [
+        !compact && /* @__PURE__ */ jsx(DayHeader, { dayKey: day.key, count: day.rows.length }),
+        day.rows.map((r) => {
+          const fechei = !!me && r.closedByUserId === me;
+          const amount = /* @__PURE__ */ jsxs(Fragment, { children: [
+            formatCurrency(r.closingBalance, currency),
+            r.difference !== 0 && /* @__PURE__ */ jsxs("span", { className: `ml-2 text-xs tabular-nums ${r.difference > 0 ? "text-success" : "text-destructive"}`, children: [
+              r.difference > 0 ? "+" : "",
+              formatCurrency(r.difference, currency)
+            ] })
+          ] });
+          const action = fechei ? (
+            // Estado que impede não oferece a ação — e diz por quê.
+            /* @__PURE__ */ jsx("p", { className: "text-[11px] text-muted-foreground", children: t("financial.cash.cannotReviewOwn") })
+          ) : /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", className: "shrink-0", onClick: () => setReviewing(r.sessionId), children: [
+            /* @__PURE__ */ jsx(ClipboardCheck, { className: "h-3.5 w-3.5" }),
+            " ",
+            t("financial.cash.review")
+          ] });
+          if (compact) {
+            return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 px-4 py-2", children: [
+              /* @__PURE__ */ jsx("p", { className: "shrink-0 text-sm font-medium tabular-nums text-foreground", children: amount }),
+              /* @__PURE__ */ jsxs("p", { className: "min-w-0 flex-1 truncate text-xs text-muted-foreground", children: [
+                r.closedByName ?? "\u2014",
+                r.closedAt ? ` \xB7 ${new Date(r.closedAt).toLocaleDateString(void 0, { day: "2-digit", month: "2-digit" })}` : ""
+              ] }),
+              action
+            ] }, r.sessionId);
+          }
+          return /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3 px-4 py-3", children: [
+            /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+              /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-foreground", children: amount }),
+              /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
+                t("financial.cash.closedBy"),
+                " ",
+                r.closedByName ?? "\u2014",
+                r.closedAt ? ` \xB7 ${new Date(r.closedAt).toLocaleTimeString(void 0, HOUR_MINUTE)}` : ""
+              ] })
+            ] }),
+            action
+          ] }, r.sessionId);
+        })
+      ] }, day.key || "all")),
+      hidden > 0 && /* @__PURE__ */ jsxs(
+        "a",
+        {
+          href: appHref(`/financial/cash/registers?${REVIEW_TAB_QUERY}`),
+          onClick: () => setCashSessionModalOpen(false),
+          className: "flex items-center justify-between px-4 py-2.5 text-xs font-medium text-primary transition-colors hover:bg-muted/50",
+          children: [
+            t("financial.cash.reviewSeeAll", { count: String(pendentes.length) }),
+            /* @__PURE__ */ jsx(ChevronRight, { className: "h-3.5 w-3.5" })
+          ]
+        }
+      )
+    ] }),
+    reviewing && /* @__PURE__ */ jsx(
+      CashSessionReviewModal,
+      {
+        sessionId: reviewing,
+        mode: "review",
+        open: true,
+        onOpenChange: (o) => {
+          if (!o) setReviewing(null);
+        },
+        onReviewed: () => {
+          setReviewing(null);
+          onReload();
+        }
+      }
+    )
+  ] });
+}
+function CashRegistersView({ variant = "page" } = {}) {
+  const t = useTranslation();
+  const { currency, labels } = useFinancialConfig();
+  const provider = useFinancialProvider();
+  const bankAccounts = useFinancialStore((s) => s.bankAccounts);
+  const cashSessions = useFinancialStore((s) => s.cashSessions);
+  const fetchBankAccounts = useFinancialStore((s) => s.fetchBankAccounts);
+  const fetchCashSessions = useFinancialStore((s) => s.fetchCashSessions);
+  const openCashSession = useFinancialStore((s) => s.openCashSession);
+  const closeCashSession = useFinancialStore((s) => s.closeCashSession);
+  const setCashSessionModalOpen = useFinancialStore((s) => s.setCashSessionModalOpen);
+  const [expandedClosing, setExpandedClosing] = useState(null);
+  const [viewingDetails, setViewingDetails] = useState(null);
+  const [tab, setTab] = useState(
+    () => currentAppPath().includes(REVIEW_TAB_QUERY) ? "review" : "open"
+  );
+  const [reviewRows, setReviewRows] = useState(null);
+  const [reviewError, setReviewError] = useState(null);
+  const loadReviews = React2.useCallback(async () => {
+    try {
+      setReviewError(null);
+      setReviewRows(await provider.getCashSessionReviews?.() ?? []);
+    } catch (e) {
+      setReviewError(e?.message ?? String(e));
+      setReviewRows([]);
+    }
+  }, [provider]);
+  useEffect(() => {
+    fetchBankAccounts();
+    fetchCashSessions();
+    void loadReviews();
+  }, []);
+  const cashAccounts = bankAccounts.filter((a) => a.accountType === "cash_physical");
+  const openSessions = cashSessions.filter((s) => s.status === "open");
+  const closedSessions = cashSessions.filter((s) => s.status === "closed");
+  const pendingReviews = (reviewRows ?? []).filter((r) => r.reviewStatus === "pending");
+  const inPanel = variant === "panel";
+  const sectionClass = inPanel ? "" : "rounded-card border bg-card shadow-sm";
+  async function handleOpen(accountId, balance, notes) {
+    await openCashSession({ bankAccountId: accountId, openingBalance: balance, notes });
+  }
+  async function handleClose(sessionId, balance, notes) {
+    await closeCashSession({ sessionId, closingBalance: balance, notes });
+    setExpandedClosing(null);
+  }
+  const openSessionsList = /* @__PURE__ */ jsx("div", { className: "divide-y", children: openSessions.map((session) => /* @__PURE__ */ jsxs("div", { className: "p-4 space-y-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-foreground truncate", children: session.bankAccountName ?? t("financial.cash.title") }),
+        /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
+          t("financial.cash.opened"),
+          " ",
+          new Date(session.openedAt).toLocaleString(),
+          session.openedByName ? ` ${t("financial.cash.by")} ${session.openedByName}` : ""
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "text-right shrink-0", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-[10px] text-muted-foreground uppercase", children: t("financial.cash.openingBalance") }),
+        /* @__PURE__ */ jsx("p", { className: "text-lg font-bold tabular-nums text-foreground", children: formatCurrency(session.openingBalance, currency) })
+      ] })
+    ] }),
+    expandedClosing === session.id ? /* @__PURE__ */ jsx(CashClosingPanel, { session, currency, onClose: handleClose }) : /* @__PURE__ */ jsxs(
+      Button,
+      {
+        variant: "bare",
+        size: "bare",
+        "data-tour": "financial.cash-close",
+        onClick: () => setExpandedClosing(session.id),
+        className: "inline-flex items-center gap-1.5 text-xs text-destructive hover:text-destructive font-medium transition-colors",
+        children: [
+          /* @__PURE__ */ jsx(ChevronDown, { className: "h-3 w-3" }),
+          " ",
+          t("financial.cash.closeThisSession")
+        ]
+      }
+    )
+  ] }, session.id)) });
+  const closedSessionsList = /* @__PURE__ */ jsx("div", { className: "divide-y", children: groupByClosingDay(closedSessions).map((day) => /* @__PURE__ */ jsxs(React2.Fragment, { children: [
+    /* @__PURE__ */ jsx(DayHeader, { dayKey: day.key, count: day.rows.length }),
+    day.rows.map((session) => /* @__PURE__ */ jsx("div", { className: "px-4 py-3", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: session.bankAccountName ?? t("financial.cash.title") }),
+        /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
+          dayKeyOf(session.openedAt) === dayKeyOf(session.closedAt) ? new Date(session.openedAt).toLocaleTimeString(void 0, HOUR_MINUTE) : new Date(session.openedAt).toLocaleString(void 0, { day: "2-digit", month: "2-digit", ...HOUR_MINUTE }),
+          " \u2014 ",
+          session.closedAt ? new Date(session.closedAt).toLocaleTimeString(void 0, HOUR_MINUTE) : ""
+        ] }),
+        session.openedByName && /* @__PURE__ */ jsxs("p", { className: "text-[10px] text-muted-foreground", children: [
+          t("financial.cash.by"),
+          " ",
+          session.openedByName
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-start gap-3", children: [
+        /* @__PURE__ */ jsxs("div", { className: "text-right", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 text-xs text-muted-foreground", children: [
+            /* @__PURE__ */ jsxs("span", { children: [
+              t("financial.cash.openLabel"),
+              ": ",
+              formatCurrency(session.openingBalance, currency)
+            ] }),
+            /* @__PURE__ */ jsxs("span", { children: [
+              t("financial.cash.closeLabel"),
+              ": ",
+              formatCurrency(session.closingBalance ?? 0, currency)
+            ] })
+          ] }),
+          session.difference !== void 0 && session.difference !== 0 && /* @__PURE__ */ jsxs("p", { className: `text-xs font-semibold tabular-nums mt-0.5 ${session.difference > 0 ? "text-success" : "text-destructive"}`, children: [
+            t("financial.cash.diff"),
+            ": ",
+            session.difference >= 0 ? "+" : "",
+            formatCurrency(session.difference, currency)
+          ] }),
+          session.notes && /* @__PURE__ */ jsx("p", { className: "text-[10px] text-muted-foreground mt-0.5 max-w-[200px] truncate", title: session.notes, children: session.notes })
+        ] }),
+        /* @__PURE__ */ jsxs(Button, { variant: "ghost", size: "sm", onClick: () => setViewingDetails(session.id), children: [
+          /* @__PURE__ */ jsx(Eye, { className: "h-3.5 w-3.5" }),
+          " ",
+          t("financial.cash.details")
+        ] })
+      ] })
+    ] }) }, session.id))
+  ] }, day.key || "all")) });
+  return /* @__PURE__ */ jsxs("div", { className: inPanel ? "" : "space-y-4", children: [
+    !inPanel && /* @__PURE__ */ jsx(
+      SubpageHeader,
+      {
+        title: labels.cashRegisters ?? t("financial.cash.title"),
+        subtitle: t("financial.cash.subtitle"),
+        actions: cashAccounts.length > openSessions.length ? (
+          // A ABERTURA mora no diálogo da casca, não na página: este botão
+          // abre O MESMO modal do ícone do cabeçalho, em vez de desenhar o
+          // formulário de novo aqui dentro.
+          /* @__PURE__ */ jsxs(Button, { "data-tour": "financial.cash-open", size: "sm", onClick: () => setCashSessionModalOpen(true), children: [
+            /* @__PURE__ */ jsx(Inbox, { className: "h-3.5 w-3.5" }),
+            " ",
+            t("financial.quickActions.openCashRegister")
+          ] })
+        ) : void 0
+      }
+    ),
+    inPanel ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs("div", { className: sectionClass, children: [
+        /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between px-4 py-3 border-b", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(Landmark, { className: "h-4 w-4 text-info" }),
+          /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold", children: t("financial.cash.openSessions") }),
+          openSessions.length > 0 && /* @__PURE__ */ jsx("span", { className: "rounded-full bg-info/10 text-info px-2 py-0.5 text-[10px] font-semibold", children: openSessions.length })
+        ] }) }),
+        openSessions.length === 0 ? /* @__PURE__ */ jsx(CashOpeningPanel, { cashAccounts, currency, onOpen: handleOpen }) : openSessionsList
+      ] }),
+      openSessions.length > 0 && cashAccounts.length > openSessions.length && /* @__PURE__ */ jsx("div", { className: "border-t", children: /* @__PURE__ */ jsx(OpenAnotherCollapsible, { cashAccounts, openSessions, currency, onOpen: handleOpen, variant }) }),
+      /* @__PURE__ */ jsx(ReviewQueue, { variant, rows: reviewRows, error: reviewError, onReload: loadReviews }),
+      /* @__PURE__ */ jsxs(
+        "a",
+        {
+          href: appHref("/financial/cash/registers"),
+          className: "flex items-center gap-2 border-t px-4 py-3 text-xs font-medium text-muted-foreground transition-colors hover:bg-muted/50 hover:text-foreground",
+          children: [
+            /* @__PURE__ */ jsx(Clock, { className: "h-3.5 w-3.5" }),
+            t("financial.cash.sessionHistory"),
+            closedSessions.length > 0 && /* @__PURE__ */ jsxs("span", { className: "text-[10px] text-muted-foreground", children: [
+              "(",
+              closedSessions.length,
+              ")"
+            ] })
+          ]
+        }
+      )
+    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        PageTabs,
+        {
+          "aria-label": labels.cashRegisters ?? t("financial.cash.title"),
+          value: tab,
+          onChange: setTab,
+          tabs: [
+            { value: "open", label: t("financial.cash.tabOpen"), icon: Landmark, count: openSessions.length },
+            { value: "closed", label: t("financial.cash.tabClosed"), icon: Clock, count: closedSessions.length },
+            { value: "review", label: t("financial.cash.tabReview"), icon: ClipboardCheck, count: pendingReviews.length }
+          ]
+        }
+      ),
+      tab === "open" && /* @__PURE__ */ jsx("div", { className: sectionClass, children: openSessions.length === 0 ? /* @__PURE__ */ jsx("p", { className: "px-4 py-8 text-center text-sm text-muted-foreground", children: t("financial.cash.noOpenSessions") }) : openSessionsList }),
+      tab === "closed" && /* @__PURE__ */ jsx("div", { className: sectionClass, children: closedSessions.length === 0 ? /* @__PURE__ */ jsx("div", { className: "px-4 py-8 text-center text-sm text-muted-foreground", children: t("financial.cash.noClosedSessions") }) : closedSessionsList }),
+      tab === "review" && /* @__PURE__ */ jsx(ReviewQueue, { variant, rows: reviewRows, error: reviewError, onReload: loadReviews, showHeader: false })
+    ] }),
+    viewingDetails && /* @__PURE__ */ jsx(
+      CashSessionReviewModal,
+      {
+        sessionId: viewingDetails,
+        mode: "details",
+        open: true,
+        onOpenChange: (o) => {
+          if (!o) setViewingDetails(null);
+        }
+      }
+    )
+  ] });
+}
+function OpenAnotherCollapsible({
+  cashAccounts,
+  openSessions,
+  currency,
+  onOpen,
+  variant = "page"
+}) {
+  const t = useTranslation();
+  const [expanded, setExpanded] = useState(false);
+  const availableAccounts = cashAccounts.filter((a) => !openSessions.some((s) => s.bankAccountId === a.id));
+  if (availableAccounts.length === 0) return null;
+  return /* @__PURE__ */ jsxs("div", { className: variant === "panel" ? "" : "rounded-card border bg-card shadow-sm", children: [
+    /* @__PURE__ */ jsxs(
+      Button,
+      {
+        variant: "bare",
+        size: "bare",
+        onClick: () => setExpanded(!expanded),
+        className: "gap-0 rounded-none whitespace-normal w-full flex items-center justify-between px-4 py-3 text-xs font-medium hover:bg-muted/50 transition-colors",
+        children: [
+          /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(Play, { className: "h-3 w-3 text-primary" }),
+            t("financial.cash.openAnother")
+          ] }),
+          expanded ? /* @__PURE__ */ jsx(ChevronUp, { className: "h-3 w-3" }) : /* @__PURE__ */ jsx(ChevronDown, { className: "h-3 w-3" })
+        ]
+      }
+    ),
+    expanded && /* @__PURE__ */ jsx(CashOpeningPanel, { cashAccounts: availableAccounts, currency, onOpen })
+  ] });
+}
+
+export { CashRegistersView };
+//# sourceMappingURL=chunk-MGDAJLUQ.js.map
+//# sourceMappingURL=chunk-MGDAJLUQ.js.map