@fayz-ai/plugin-agenda 0.27.11 → 0.27.13

package/dist/CheckinPage-SGWK2TQZ.js

@@ -0,0 +1,904 @@
+import { useZoneFilled } from './chunk-VFQPXKXP.js';
+import { StatusFilterList, AppointmentModal } from './chunk-WNANVT4F.js';
+import { AgendaWorkspace, BookingCard, ClientContactButton, AgendaFilterRail, AdaptiveFilter } from './chunk-HGJI2JR6.js';
+import { setAgendaTenantId } from './chunk-A2VD5DVN.js';
+import { AgendaContextProvider, useAgendaConfig, useAgendaProvider, useAgendaStore } from './chunk-XTNSK4RJ.js';
+import React3 from 'react';
+import { usePluginRuntimeOptional, useTranslation, onAppPathChange, resolveDataProvider, formatCurrency } from '@fayz-ai/core';
+import { CircleDollarSign, LogIn, CalendarDays, Play, CheckCircle2, AlarmClock, UserX, Clock, User } from 'lucide-react';
+import { useFieldRules, deriveEntityKey, usePermissionOptional, WidgetSlot, openEntity, PaymentStatusBadge as PaymentStatusBadge$1, RightRailPage, CrudRecordModal } from '@fayz-ai/admin';
+import { SubpageHeader, Button, TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from '@fayz-ai/ui';
+import { FORMS_ZONES } from '@fayz-ai/forms/views/zones';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { FINANCIAL_ZONES } from '@fayz-ai/financial/views/zones';
+
+// src/lib/checkin-required.ts
+function missingRequiredFields(fields, row, skip = ["name"]) {
+  if (!row) return [];
+  const out = [];
+  for (const f of fields) {
+    if (!f.required || skip.includes(f.key)) continue;
+    const column = f.key.replace(/[A-Z]/g, (c) => `_${c.toLowerCase()}`);
+    const has = Object.prototype.hasOwnProperty.call(row, column) || Object.prototype.hasOwnProperty.call(row, f.key);
+    if (!has) continue;
+    const v = row[column] ?? row[f.key];
+    if (v == null || typeof v === "string" && v.trim() === "") {
+      out.push({ key: f.key, label: typeof f.label === "string" ? f.label : f.key });
+    }
+  }
+  return out;
+}
+var brl = (n) => formatCurrency(n, "BRL");
+function CheckinDialog({
+  booking,
+  statusLabel,
+  requirements = [],
+  onReceive,
+  onConfirm,
+  clientRecord,
+  onClose,
+  formatCurrency: formatCurrency3 = brl
+}) {
+  const canCompleteInline = !!clientRecord && requirements.some((r) => r.field);
+  const [completing, setCompleting] = React3.useState(false);
+  const [busy, setBusy] = React3.useState(false);
+  const [preenchendo, setPreenchendo] = React3.useState(null);
+  const [preenchidos, setPreenchidos] = React3.useState(0);
+  const [pendencias, setPendencias] = React3.useState([]);
+  const blocking = requirements.filter((r) => r.blocking);
+  const checklistFilled = useZoneFilled(FORMS_ZONES.personChecklist);
+  const registrationChecks = React3.useMemo(() => requirements.length === 0 ? [{ id: "cadastro", label: "Dados obrigat\xF3rios", state: "done", detail: "completos" }] : requirements.map((r) => ({
+    id: `cadastro:${r.label}`,
+    label: r.label,
+    state: r.blocking ? "late" : "todo",
+    detail: r.detail,
+    action: r.field && canCompleteInline ? { label: "Completar cadastro", onClick: () => setCompleting(true) } : r.action
+  })), [requirements, canCompleteInline]);
+  const paid = booking.paymentStatus === "paid";
+  const hasBill = !!booking.paymentStatus && booking.paymentStatus !== "none";
+  const when = new Date(booking.startsAt).toLocaleString("pt-BR", {
+    weekday: "long",
+    day: "2-digit",
+    month: "2-digit",
+    hour: "2-digit",
+    minute: "2-digit"
+  });
+  return /* @__PURE__ */ jsxs(
+    RightRailPage,
+    {
+      title: `${onConfirm ? "Check-in" : "Detalhes"} \u2014 ${booking.clientName ?? "Sem cliente"}`,
+      open: true,
+      onClose,
+      width: "max-w-md",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "min-h-0 flex-1 space-y-3 overflow-y-auto px-4 py-3", children: [
+          /* @__PURE__ */ jsxs("section", { className: "rounded-xl border px-3 py-2", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-[10px] font-medium uppercase text-muted-foreground", children: "Agendamento" }),
+            /* @__PURE__ */ jsxs("div", { className: "mt-1 flex flex-wrap items-center gap-2 text-xs", children: [
+              /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1", children: [
+                /* @__PURE__ */ jsx(Clock, { className: "h-3 w-3" }),
+                when,
+                booking.professionalName ? ` \xB7 ${booking.professionalName}` : ""
+              ] }),
+              /* @__PURE__ */ jsx("span", { className: "rounded-full bg-muted px-2 py-0.5 font-medium", children: statusLabel }),
+              booking.services?.length ? /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: booking.services.map((s) => s.name).join(", ") }) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Servi\xE7o n\xE3o informado" })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("section", { className: "rounded-xl border px-3 py-2", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-[10px] font-medium uppercase text-muted-foreground", children: "Cadastro do cliente" }),
+            /* @__PURE__ */ jsx(
+              WidgetSlot,
+              {
+                zone: FORMS_ZONES.personChecklist,
+                version: preenchidos,
+                personId: booking.clientId,
+                className: "mt-2",
+                extras: registrationChecks,
+                onPending: setPendencias,
+                onFill: (templateId) => setPreenchendo(templateId)
+              }
+            ),
+            !checklistFilled && /* @__PURE__ */ jsx("ul", { className: "mt-2 space-y-0.5 text-xs", children: registrationChecks.map((c) => /* @__PURE__ */ jsxs("li", { className: c.state === "done" ? "text-muted-foreground" : "font-medium text-foreground", children: [
+              c.label,
+              c.detail ? ` \u2014 ${c.detail}` : ""
+            ] }, c.id)) }),
+            canCompleteInline && /* @__PURE__ */ jsx(
+              CrudRecordModal,
+              {
+                open: completing,
+                onClose: () => setCompleting(false),
+                onSaved: () => setCompleting(false),
+                entityDef: clientRecord.entityDef,
+                load: clientRecord.load,
+                save: clientRecord.save,
+                title: `Completar cadastro \u2014 ${booking.clientName ?? "cliente"}`,
+                highlightMissing: true
+              }
+            ),
+            preenchendo && booking.clientId && /* @__PURE__ */ jsx(
+              WidgetSlot,
+              {
+                zone: FORMS_ZONES.formFill,
+                frame: "inline",
+                templateId: preenchendo,
+                personId: booking.clientId,
+                personName: booking.clientName,
+                onSaved: () => setPreenchidos((n) => n + 1),
+                onClose: () => setPreenchendo(null)
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("section", { className: "rounded-xl border px-3 py-2", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-[10px] font-medium uppercase text-muted-foreground", children: "Pagamento" }),
+            /* @__PURE__ */ jsxs("div", { className: "mt-1 flex items-center justify-between gap-2", children: [
+              /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: paid ? "Este atendimento j\xE1 est\xE1 pago." : hasBill ? `Em aberto${booking.orderTotal ? ` \xB7 ${formatCurrency3(booking.orderTotal)}` : ""}.` : "Nenhuma fatura vinculada a este agendamento." }),
+              onReceive && !paid && /* @__PURE__ */ jsxs(
+                Button,
+                {
+                  variant: "bare",
+                  size: "bare",
+                  onClick: () => onReceive(booking),
+                  className: "inline-flex shrink-0 items-center gap-1.5 rounded-button border border-input px-3 py-1.5 text-xs font-medium hover:bg-muted",
+                  children: [
+                    /* @__PURE__ */ jsx(CircleDollarSign, { className: "h-3.5 w-3.5" }),
+                    " Receber"
+                  ]
+                }
+              )
+            ] })
+          ] })
+        ] }),
+        onConfirm ? /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center justify-between gap-2 border-t px-4 py-3", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-[11px] text-muted-foreground", children: pendencias.length ? `Falta ${pendencias.join(", ")}.` : "" }),
+          /* @__PURE__ */ jsxs(
+            Button,
+            {
+              variant: "bare",
+              size: "bare",
+              disabled: busy || blocking.length > 0 || pendencias.length > 0,
+              title: pendencias.length ? `Falta ${pendencias.join(", ")}` : void 0,
+              onClick: async () => {
+                setBusy(true);
+                try {
+                  await onConfirm(booking);
+                } finally {
+                  setBusy(false);
+                }
+              },
+              className: "inline-flex shrink-0 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 disabled:pointer-events-auto disabled:opacity-50",
+              children: [
+                /* @__PURE__ */ jsx(User, { className: "h-3.5 w-3.5" }),
+                " ",
+                busy ? "Concluindo\u2026" : pendencias.length ? "Concluir (h\xE1 pend\xEAncias)" : "Concluir check-in"
+              ]
+            }
+          )
+        ] }) : null
+      ]
+    }
+  );
+}
+function PaymentStatusBadge(props) {
+  const t = useTranslation();
+  const labels = React3.useMemo(() => ({
+    none: t("agenda.payment.title"),
+    pending: t("agenda.payment.pending"),
+    partial: t("agenda.payment.partial"),
+    paid: t("agenda.payment.paid"),
+    overdue: t("agenda.payment.overdue"),
+    cancelled: t("agenda.payment.cancelled")
+  }), [t]);
+  return /* @__PURE__ */ jsx(PaymentStatusBadge$1, { ...props, labels });
+}
+var CHEGOU = /* @__PURE__ */ new Set(["waiting", "in_progress", "completed"]);
+function CheckinScoreboard({
+  bookings,
+  noShow = 0,
+  openAmount = 0,
+  formatCurrency: formatCurrency3,
+  selectedStatuses,
+  onPickStatus
+}) {
+  const agora = Date.now();
+  const total = bookings.length;
+  const chegaram = bookings.filter((b) => CHEGOU.has(b.status)).length;
+  const aguardando = bookings.filter((b) => b.status === "waiting").length;
+  const emAtendimento = bookings.filter((b) => b.status === "in_progress").length;
+  const atrasados = bookings.filter(
+    (b) => (b.status === "scheduled" || b.status === "confirmed") && new Date(b.startsAt).getTime() < agora
+  ).length;
+  const pct = total > 0 ? Math.round(chegaram / total * 100) : 0;
+  const tudoCerto = total > 0 && chegaram === total;
+  const pastilhas = [
+    {
+      key: "atrasado",
+      label: "atrasados",
+      n: atrasados,
+      Icon: AlarmClock,
+      status: null,
+      tone: "border-destructive/40 bg-destructive/10 text-destructive",
+      hideWhenZero: true
+    },
+    {
+      key: "waiting",
+      label: "aguardando",
+      n: aguardando,
+      Icon: LogIn,
+      status: "waiting",
+      tone: "border-warning/40 bg-warning/10 text-warning-foreground",
+      hideWhenZero: false
+    },
+    {
+      key: "in_progress",
+      label: "em atendimento",
+      n: emAtendimento,
+      Icon: CheckCircle2,
+      status: "in_progress",
+      tone: "border-success/40 bg-success/10 text-success",
+      hideWhenZero: false
+    },
+    {
+      key: "no_show",
+      label: "faltaram",
+      n: noShow,
+      Icon: UserX,
+      status: "no_show",
+      tone: "border-border bg-muted text-muted-foreground",
+      hideWhenZero: true
+    }
+  ].filter((p) => !(p.hideWhenZero && p.n === 0));
+  return /* @__PURE__ */ jsxs("div", { className: `rounded-lg border p-3 transition-colors ${tudoCerto ? "border-success/40 bg-success/5" : "border-border bg-card"}`, children: [
+    /* @__PURE__ */ jsxs("div", { className: "mb-2 flex flex-wrap items-baseline justify-between gap-x-4 gap-y-1", children: [
+      /* @__PURE__ */ jsxs("span", { className: "flex items-baseline gap-2", children: [
+        /* @__PURE__ */ jsxs("span", { className: `text-2xl font-semibold tabular-nums transition-colors ${tudoCerto ? "text-success" : "text-foreground"}`, children: [
+          pct,
+          "%"
+        ] }),
+        /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
+          chegaram,
+          " de ",
+          total,
+          " chegaram"
+        ] })
+      ] }),
+      openAmount > 0 && /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5 text-xs text-muted-foreground", children: [
+        /* @__PURE__ */ jsx(CircleDollarSign, { className: "h-3.5 w-3.5 shrink-0", "aria-hidden": true }),
+        /* @__PURE__ */ jsx("span", { className: "tabular-nums font-medium text-foreground", children: formatCurrency3(openAmount) }),
+        " ",
+        "a receber hoje"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "h-1.5 overflow-hidden rounded-full bg-muted",
+        role: "progressbar",
+        "aria-valuenow": pct,
+        "aria-valuemin": 0,
+        "aria-valuemax": 100,
+        "aria-label": "Quantos j\xE1 chegaram hoje",
+        children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: `h-full rounded-full transition-[width] duration-500 ease-out ${tudoCerto ? "bg-success" : "bg-primary"}`,
+            style: { width: `${pct}%` }
+          }
+        )
+      }
+    ),
+    pastilhas.length > 0 && /* @__PURE__ */ jsx("div", { className: "mt-2.5 flex flex-wrap items-center gap-1.5", children: pastilhas.map(({ key, label, n, Icon, status, tone }) => {
+      const ligado = status ? selectedStatuses.includes(status) : false;
+      const conteudo = /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Icon, { className: "h-3.5 w-3.5 shrink-0", "aria-hidden": true }),
+        /* @__PURE__ */ jsx("span", { className: "tabular-nums font-semibold", children: n }),
+        /* @__PURE__ */ jsx("span", { children: label })
+      ] });
+      const base = `inline-flex items-center gap-1.5 rounded-full border px-2.5 py-1 text-xs ${tone}`;
+      return status ? /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "bare",
+          size: "bare",
+          type: "button",
+          onClick: () => onPickStatus(status),
+          "aria-pressed": ligado,
+          className: `font-normal ${base} transition-all hover:brightness-95 active:scale-95 ${ligado ? "ring-1 ring-current" : ""}`,
+          children: conteudo
+        },
+        key
+      ) : /* @__PURE__ */ jsx("span", { className: base, children: conteudo }, key);
+    }) })
+  ] });
+}
+var CHECKIN_STATUSES = ["scheduled", "confirmed", "waiting", "in_progress"];
+var STATUS_TONE = {
+  scheduled: "bg-muted text-muted-foreground",
+  confirmed: "bg-primary/10 text-primary",
+  waiting: "bg-warning/15 text-warning-foreground",
+  in_progress: "bg-success/15 text-success"
+};
+var STATUS_FLAG = {
+  scheduled: "bg-muted-foreground/30",
+  confirmed: "bg-primary",
+  waiting: "bg-warning",
+  in_progress: "bg-success"
+};
+function todayRange() {
+  const start = /* @__PURE__ */ new Date();
+  start.setHours(0, 0, 0, 0);
+  const end = /* @__PURE__ */ new Date();
+  end.setHours(23, 59, 59, 999);
+  return { start: start.toISOString(), end: end.toISOString() };
+}
+function waitedFor(iso) {
+  const min = Math.floor((Date.now() - new Date(iso).getTime()) / 6e4);
+  if (min < 1) return "agora mesmo";
+  if (min < 60) return `h\xE1 ${min} min`;
+  const h = Math.floor(min / 60);
+  return `h\xE1 ${h}h${min % 60 ? ` ${min % 60}min` : ""}`;
+}
+function CheckinView({ onReceive, onOpenBooking, onOpenAttendance }) {
+  const t = useTranslation();
+  const config = useAgendaConfig();
+  const provider = useAgendaProvider();
+  const statusLabel = (v) => config.statuses.find((x) => x.value === v)?.label ?? v;
+  const checkinStatuses = React3.useMemo(
+    () => CHECKIN_STATUSES.map((v) => config.statuses.find((x) => x.value === v)).filter((x) => !!x),
+    [config.statuses]
+  );
+  const bookings = useAgendaStore((s) => s.bookings);
+  const loading = useAgendaStore((s) => s.bookingsLoading);
+  const fetchBookings = useAgendaStore((s) => s.fetchBookings);
+  const updateBookingStatus = useAgendaStore((s) => s.updateBookingStatus);
+  const [term, setTerm] = React3.useState("");
+  const [busyId, setBusyId] = React3.useState(null);
+  const [myPersonId, setMyPersonId] = React3.useState(void 0);
+  const [startRefusal, setStartRefusal] = React3.useState(null);
+  const [checkouts, setCheckouts] = React3.useState([]);
+  const [conferindo, setConferindo] = React3.useState(null);
+  const [checkoutRefusal, setCheckoutRefusal] = React3.useState(null);
+  const [panel, setPanel] = React3.useState(null);
+  const reviewing = panel?.kind === "review" ? panel.booking : null;
+  const clientDef = config.clientEntityDef;
+  const { applyRules } = useFieldRules(clientDef ? deriveEntityKey(clientDef) : "");
+  const clientFields = React3.useMemo(() => clientDef ? applyRules(clientDef.fields) : [], [clientDef, applyRules]);
+  const [clientRow, setClientRow] = React3.useState(null);
+  const [clientRowVersion, setClientRowVersion] = React3.useState(0);
+  React3.useEffect(() => {
+    const id = reviewing?.clientId;
+    if (!id || !config.contactLookup?.getById) {
+      setClientRow(null);
+      return;
+    }
+    let alive = true;
+    config.contactLookup.getById(id).then((r) => {
+      if (alive) setClientRow(r?.data ? { ...r.data, id } : null);
+    }).catch(() => {
+      if (alive) setClientRow(null);
+    });
+    return () => {
+      alive = false;
+    };
+  }, [reviewing?.clientId, config.contactLookup, clientRowVersion]);
+  React3.useEffect(() => {
+    const again = () => setClientRowVersion((n) => n + 1);
+    window.addEventListener("focus", again);
+    const off = onAppPathChange(again);
+    return () => {
+      window.removeEventListener("focus", again);
+      off();
+    };
+  }, []);
+  const clientProvider = React3.useMemo(
+    () => clientDef ? resolveDataProvider(clientDef) : null,
+    [clientDef]
+  );
+  const clientRecord = clientDef && clientProvider && reviewing?.clientId ? {
+    // The house's rules (CPF required…) are what the check-in judged; the modal must agree.
+    entityDef: { ...clientDef, fields: clientFields },
+    load: async () => {
+      const res = await clientProvider.list({ filters: { id: reviewing.clientId }, pageSize: 1, countMode: "none" });
+      return res?.data?.[0] ?? null;
+    },
+    save: async (data) => {
+      await clientProvider.update(reviewing.clientId, data);
+      setClientRowVersion((n) => n + 1);
+    }
+  } : void 0;
+  const editing = panel?.kind === "edit" ? panel.booking : null;
+  const charging = panel?.kind === "charge" ? panel.booking : null;
+  const setReviewing = (b) => setPanel(b ? { kind: "review", booking: b } : null);
+  const setEditing = (b) => setPanel(b ? { kind: "edit", booking: b } : null);
+  const setCharging = (b) => setPanel(b ? { kind: "charge", booking: b } : null);
+  const can = usePermissionOptional();
+  const accountMounted = useZoneFilled(FINANCIAL_ZONES.clientAccount);
+  const canReceive = accountMounted && (can("financial", "create") || can("financial.receivables", "create"));
+  React3.useEffect(() => {
+    void fetchBookings(todayRange(), [...CHECKIN_STATUSES]);
+  }, [fetchBookings]);
+  const [shownStatuses, setShownStatuses] = React3.useState([]);
+  const [shownPros, setShownPros] = React3.useState([]);
+  const prosToday = React3.useMemo(() => {
+    const seen = /* @__PURE__ */ new Map();
+    for (const b of bookings) if (b.professionalName) seen.set(b.professionalName, b.professionalName);
+    return [...seen.keys()].sort();
+  }, [bookings]);
+  const cards = React3.useMemo(() => {
+    const q = term.trim().toLowerCase();
+    return bookings.filter((b) => !shownStatuses.length || shownStatuses.includes(b.status)).filter((b) => !shownPros.length || b.professionalName && shownPros.includes(b.professionalName)).filter((b) => !q || (b.clientName ?? "").toLowerCase().includes(q) || (b.professionalName ?? "").toLowerCase().includes(q)).sort((a, b) => a.startsAt.localeCompare(b.startsAt));
+  }, [bookings, term, shownStatuses, shownPros]);
+  const waiting = cards.filter((b) => b.status === "waiting").length;
+  function requirementsFor(b) {
+    const out = [];
+    if (b.clientId && b.clientId === clientRow?.id) {
+      for (const m of missingRequiredFields(clientFields, clientRow)) {
+        out.push({
+          label: m.label,
+          detail: "obrigat\xF3rio no cadastro",
+          blocking: true,
+          field: clientFields.find((f) => f.key === m.key),
+          action: { label: "Completar cadastro", onClick: () => openEntity(b.clientId, "person", "customer") }
+        });
+      }
+    }
+    if (!b.clientName) out.push({ label: "Cliente", detail: "o agendamento n\xE3o nomeia ningu\xE9m", blocking: true });
+    if (!b.professionalId) out.push({ label: "Profissional", detail: "ningu\xE9m para executar" });
+    if (!b.services?.length) out.push({ label: "Servi\xE7o", detail: "nada a executar nem a cobrar" });
+    return out;
+  }
+  const money = (n) => formatCurrency(n, "BRL");
+  const [lost, setLost] = React3.useState({ cancelled: 0, noShow: 0 });
+  React3.useEffect(() => {
+    if (!provider.getLostCounts) return;
+    let cancelado = false;
+    provider.getLostCounts(todayRange()).then((c) => {
+      if (!cancelado) setLost(c);
+    }).catch(() => {
+    });
+    return () => {
+      cancelado = true;
+    };
+  }, [provider]);
+  const openAmount = React3.useMemo(
+    () => bookings.filter((b) => b.orderTotal && b.paymentStatus && b.paymentStatus !== "paid").reduce((soma, b) => soma + (b.orderTotal ?? 0), 0),
+    [bookings]
+  );
+  async function loadPaymentLines(orderId) {
+    const detail = await config.financialBridge?.getPaymentDetail(orderId);
+    return (detail?.movements ?? []).filter((m) => m.paymentDate).map((m) => ({
+      label: [m.paymentMethodTypeName, m.cardBrand, m.cardInstallments && m.cardInstallments > 1 ? `${m.cardInstallments}x` : null].filter(Boolean).join(" \xB7 ") || "Pagamento",
+      date: m.paymentDate ?? null,
+      amount: m.paidAmount
+    }));
+  }
+  React3.useEffect(() => {
+    let vivo = true;
+    (async () => {
+      try {
+        const id = await provider.getCurrentPersonId?.();
+        if (vivo) setMyPersonId(id ?? null);
+      } catch {
+        if (vivo) setMyPersonId(null);
+      }
+    })();
+    return () => {
+      vivo = false;
+    };
+  }, []);
+  const recarregarCheckouts = React3.useCallback(async () => {
+    try {
+      setCheckouts(await provider.getPendingCheckouts?.() ?? []);
+    } catch {
+      setCheckouts([]);
+    }
+  }, []);
+  React3.useEffect(() => {
+    void recarregarCheckouts();
+  }, [recarregarCheckouts]);
+  React3.useEffect(() => {
+    const parar = provider.subscribeToBookingChanges?.(() => {
+      void recarregarCheckouts();
+      void fetchBookings(todayRange(), [...CHECKIN_STATUSES]);
+    });
+    const rede = setInterval(() => {
+      if (document.visibilityState === "visible") void recarregarCheckouts();
+    }, 3e4);
+    const aoVoltar = () => {
+      if (document.visibilityState === "visible") void recarregarCheckouts();
+    };
+    document.addEventListener("visibilitychange", aoVoltar);
+    return () => {
+      parar?.();
+      clearInterval(rede);
+      document.removeEventListener("visibilitychange", aoVoltar);
+    };
+  }, [recarregarCheckouts]);
+  const RECUSA_CHECKOUT = {
+    not_found: "Este atendimento n\xE3o existe mais.",
+    sem_sessao: "Sess\xE3o expirada. Entre de novo para conferir.",
+    atendimento_nao_terminou: "O atendimento ainda n\xE3o foi encerrado \u2014 n\xE3o h\xE1 o que conferir."
+  };
+  async function concluirCheckout(b) {
+    const chave = b.clientId ?? b.id;
+    const doCliente = checkouts.filter((c) => (c.clientId ?? c.id) === chave);
+    setConferindo(b.id);
+    setCheckoutRefusal(null);
+    try {
+      for (const c of doCliente) {
+        const r = await provider.confirmCheckout?.(c.id);
+        if (r && r.ok !== true) {
+          setCheckoutRefusal(RECUSA_CHECKOUT[r.reason ?? ""] ?? "N\xE3o foi poss\xEDvel concluir o checkout.");
+          return;
+        }
+      }
+      await recarregarCheckouts();
+    } catch (e) {
+      setCheckoutRefusal(e?.message ?? "N\xE3o foi poss\xEDvel concluir o checkout.");
+    } finally {
+      setConferindo(null);
+    }
+  }
+  const RECUSA = {
+    sem_ficha_de_profissional: "Este login n\xE3o tem ficha de profissional. S\xF3 quem atende inicia o atendimento.",
+    nao_e_seu_atendimento: "Este atendimento \xE9 de outro profissional.",
+    nao_e_de_hoje: "S\xF3 d\xE1 para iniciar um atendimento de hoje.",
+    ja_encerrado: "Este atendimento j\xE1 foi encerrado.",
+    not_found: "Este agendamento n\xE3o existe mais."
+  };
+  function abrirAtendimento(b) {
+    if (onOpenAttendance) {
+      onOpenAttendance(b.id);
+      return;
+    }
+    if (b.clientId) openEntity(b.clientId, "person", "customer", "attendance");
+  }
+  async function startAttendance(b) {
+    setBusyId(b.id);
+    setStartRefusal(null);
+    try {
+      const r = await provider.startAttendance?.(b.id);
+      if (!r?.ok) {
+        setStartRefusal(RECUSA[r?.reason ?? ""] ?? "N\xE3o foi poss\xEDvel iniciar o atendimento.");
+        return;
+      }
+      await fetchBookings(todayRange(), [...CHECKIN_STATUSES]);
+      abrirAtendimento(b);
+    } finally {
+      setBusyId(null);
+    }
+  }
+  async function confirmCheckin(b) {
+    setBusyId(b.id);
+    try {
+      await updateBookingStatus(b.id, "waiting");
+      await fetchBookings(todayRange(), [...CHECKIN_STATUSES]);
+      setReviewing(null);
+    } finally {
+      setBusyId(null);
+    }
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx(
+      SubpageHeader,
+      {
+        title: "Check-in",
+        subtitle: waiting ? `${waiting} aguardando` : void 0
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      AgendaWorkspace,
+      {
+        rail: /* @__PURE__ */ jsx(
+          AgendaFilterRail,
+          {
+            search: {
+              value: term,
+              onChange: setTerm,
+              placeholder: "Buscar cliente ou profissional"
+            },
+            sections: [
+              {
+                id: "professionals",
+                title: t("agenda.sidebar.professionals"),
+                count: shownPros.length,
+                content: /* @__PURE__ */ jsxs(Fragment, { children: [
+                  loading && prosToday.length === 0 && [0, 1, 2].map((i) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2.5 px-1 py-1", children: [
+                    /* @__PURE__ */ jsx("div", { className: "h-4 w-4 animate-pulse rounded-sm bg-muted" }),
+                    /* @__PURE__ */ jsx("div", { className: "h-3.5 w-24 animate-pulse rounded bg-muted/70" })
+                  ] }, i)),
+                  /* @__PURE__ */ jsx(
+                    AdaptiveFilter,
+                    {
+                      options: prosToday.map((name) => ({ value: name, label: name, avatarUrl: null })),
+                      value: shownPros,
+                      onChange: setShownPros,
+                      allLabel: t("agenda.sidebar.allProfessionals")
+                    }
+                  )
+                ] })
+              },
+              {
+                id: "status",
+                title: t("agenda.sidebar.status"),
+                count: shownStatuses.length,
+                // Aberto por padrão: com a cor ao lado de cada nome, esta lista
+                // é também a LEGENDA dos selos da fila. Recolhida, o selo
+                // colorido do cartão fica sem dicionário.
+                defaultOpen: true,
+                content: /* @__PURE__ */ jsx(
+                  StatusFilterList,
+                  {
+                    statuses: checkinStatuses,
+                    selected: shownStatuses,
+                    onToggle: (value) => setShownStatuses((cur) => cur.includes(value) ? cur.filter((x) => x !== value) : [...cur, value])
+                  }
+                )
+              }
+            ]
+          }
+        ),
+        children: /* @__PURE__ */ jsxs("div", { className: "min-w-0 space-y-2", children: [
+          /* @__PURE__ */ jsx(
+            CheckinScoreboard,
+            {
+              bookings,
+              noShow: lost.noShow,
+              openAmount,
+              formatCurrency: money,
+              selectedStatuses: shownStatuses,
+              onPickStatus: (st) => setShownStatuses((cur) => cur.includes(st) ? cur.filter((x) => x !== st) : [...cur, st])
+            }
+          ),
+          /* @__PURE__ */ jsx("p", { className: "pb-1 pt-0.5 text-xs text-muted-foreground", children: "Receba o cliente, complete o cadastro e marque como aguardando." }),
+          checkouts.length > 0 && (() => {
+            const porCliente = [...new Map(checkouts.map((b) => [b.clientId ?? b.id, b])).values()];
+            return /* @__PURE__ */ jsxs("section", { className: "space-y-2 rounded-2xl border border-warning/40 bg-warning/5 p-3", children: [
+              /* @__PURE__ */ jsxs("h2", { className: "flex items-center gap-2 text-xs font-semibold text-warning-foreground", children: [
+                /* @__PURE__ */ jsx(CircleDollarSign, { className: "h-3.5 w-3.5", "aria-hidden": true }),
+                porCliente.length === 1 ? "1 checkout pendente" : `${porCliente.length} checkouts pendentes`
+              ] }),
+              checkoutRefusal && /* @__PURE__ */ jsx("p", { className: "rounded-lg bg-destructive/10 px-3 py-2 text-xs text-destructive", children: checkoutRefusal }),
+              /* @__PURE__ */ jsx("ul", { className: "space-y-2", children: porCliente.map((b) => /* @__PURE__ */ jsxs("li", { className: "flex flex-wrap items-center gap-2 rounded-xl border border-border bg-card px-3 py-2", children: [
+                /* @__PURE__ */ jsxs("div", { className: "min-w-0 basis-full sm:basis-0 sm:flex-1", children: [
+                  /* @__PURE__ */ jsx("p", { className: "truncate text-sm font-medium", children: b.clientName ?? "Cliente" }),
+                  /* @__PURE__ */ jsxs("p", { className: "truncate text-[11px] text-muted-foreground", children: [
+                    b.professionalName ?? "Sem profissional",
+                    " \xB7 ",
+                    b.startsAt.slice(11, 16),
+                    b.orderTotal != null && b.orderTotal > 0 ? ` \xB7 ${money(b.orderTotal)}` : "",
+                    (() => {
+                      const n = checkouts.filter((c) => (c.clientId ?? c.id) === (b.clientId ?? b.id)).length;
+                      return n > 1 ? ` \xB7 ${n} atendimentos` : "";
+                    })()
+                  ] })
+                ] }),
+                accountMounted && b.orderTotal != null && b.orderTotal > 0 && /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    variant: "bare",
+                    size: "bare",
+                    type: "button",
+                    onClick: () => setCharging(b),
+                    className: "shrink-0 rounded-button border border-input px-2.5 py-1.5 text-xs font-medium hover:bg-muted",
+                    children: "Ver conta"
+                  }
+                ),
+                (() => {
+                  const est = b.metadata?.checkout;
+                  if (est?.conferido) {
+                    return /* @__PURE__ */ jsxs("span", { className: "shrink-0 rounded-button bg-warning/15 px-2.5 py-1.5 text-[11px] font-medium text-warning-foreground", children: [
+                      "Conferido \xB7 falta receber",
+                      est.emAberto ? ` ${money(est.emAberto)}` : ""
+                    ] });
+                  }
+                  return /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      variant: "bare",
+                      size: "bare",
+                      type: "button",
+                      disabled: conferindo === b.id,
+                      onClick: () => concluirCheckout(b),
+                      className: "shrink-0 rounded-button bg-foreground px-3 py-1.5 text-xs font-semibold text-background disabled:opacity-40",
+                      children: conferindo === b.id ? "Conferindo\u2026" : "Concluir checkout"
+                    }
+                  );
+                })()
+              ] }, b.id)) })
+            ] });
+          })(),
+          startRefusal && /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2 rounded-lg bg-warning/10 px-3 py-2 text-xs text-warning-foreground", children: [
+            /* @__PURE__ */ jsx("span", { className: "flex-1", children: startRefusal }),
+            /* @__PURE__ */ jsx(Button, { variant: "bare", size: "bare", type: "button", onClick: () => setStartRefusal(null), className: "shrink-0 text-xs font-medium hover:underline", children: "Fechar" })
+          ] }),
+          loading && cards.length === 0 ? (
+            /* Esqueleto com a FORMA da linha: a fila não salta quando os dados
+               chegam, e a recepção já sabe onde olhar antes de haver o que ler. */
+            /* @__PURE__ */ jsx("ul", { className: "space-y-2", "aria-busy": "true", "aria-label": "Carregando a fila de hoje", children: [0, 1, 2, 3].map((i) => /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-3 rounded-2xl border border-border bg-card px-4 py-3", children: [
+              /* @__PURE__ */ jsx("div", { className: "h-4 w-12 animate-pulse rounded bg-muted" }),
+              /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1 space-y-1.5", children: [
+                /* @__PURE__ */ jsx("div", { className: "h-3.5 w-40 animate-pulse rounded bg-muted" }),
+                /* @__PURE__ */ jsx("div", { className: "h-3 w-24 animate-pulse rounded bg-muted/70" })
+              ] }),
+              /* @__PURE__ */ jsx("div", { className: "h-4 w-16 animate-pulse rounded bg-muted" }),
+              /* @__PURE__ */ jsx("div", { className: "h-6 w-20 animate-pulse rounded-full bg-muted" }),
+              /* @__PURE__ */ jsx("div", { className: "h-7 w-24 animate-pulse rounded-button bg-muted" })
+            ] }, i)) })
+          ) : cards.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "rounded-2xl border-2 border-dashed border-muted px-6 py-12 text-center", children: [
+            /* @__PURE__ */ jsx("div", { className: "mx-auto mb-3 flex h-12 w-12 items-center justify-center rounded-xl bg-muted text-muted-foreground", children: /* @__PURE__ */ jsx(LogIn, { className: "h-6 w-6" }) }),
+            /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: "Ningu\xE9m na fila" }),
+            /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: term ? "Nenhum atendimento de hoje casa com a busca." : "N\xE3o h\xE1 atendimentos para hoje." })
+          ] }) : /* @__PURE__ */ jsx("ul", { className: "space-y-2", children: cards.map((b) => {
+            const arrived = b.status === "waiting" || b.status === "in_progress";
+            const late = !arrived && b.status !== "completed" && new Date(b.startsAt).getTime() < Date.now();
+            return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 300, children: /* @__PURE__ */ jsx(
+              BookingCard,
+              {
+                booking: b,
+                clientKind: "customer",
+                busy: busyId === b.id,
+                selected: panel?.booking.id === b.id,
+                showMoney: false,
+                late,
+                flagClass: late ? "bg-destructive" : STATUS_FLAG[b.status] ?? "bg-border",
+                badge: /* @__PURE__ */ jsxs("span", { className: `rounded-full px-2 py-0.5 text-[10px] font-medium ${STATUS_TONE[b.status] ?? ""}`, children: [
+                  statusLabel(b.status),
+                  arrived && b.checkedInAt && /* @__PURE__ */ jsxs("span", { className: "ml-1 opacity-70", children: [
+                    "\xB7 ",
+                    waitedFor(b.checkedInAt)
+                  ] })
+                ] }),
+                aside: (
+                  /* Quanto é, e em que pé está. A recepção cobra na saída e
+                     precisa do valor na linha; procurá-lo abrindo o
+                     agendamento é um clique por cliente numa tela feita para
+                     não ter nenhum. Sem fatura levantada mostra só o número:
+                     um silêncio é mais honesto que "em aberto". */
+                  b.orderTotal != null && b.orderTotal > 0 ? /* @__PURE__ */ jsx(
+                    PaymentStatusBadge,
+                    {
+                      status: b.paymentStatus ?? "none",
+                      totalAmount: b.orderTotal,
+                      formatCurrency: money,
+                      compact: true,
+                      onLoadDetails: b.orderId ? () => loadPaymentLines(b.orderId) : void 0,
+                      onReceive: canReceive ? () => setCharging(b) : void 0,
+                      onOpenDetails: () => setCharging(b)
+                    }
+                  ) : void 0
+                ),
+                actions: /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsxs(Tooltip, { children: [
+                    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+                      Button,
+                      {
+                        variant: "bare",
+                        size: "bare",
+                        type: "button",
+                        onClick: () => onOpenBooking ? onOpenBooking(b) : setEditing(b),
+                        "aria-label": "Abrir agendamento",
+                        className: "inline-flex items-center justify-center rounded-button border border-input p-1.5 hover:bg-muted",
+                        children: /* @__PURE__ */ jsx(CalendarDays, { className: "h-3.5 w-3.5", "aria-hidden": true })
+                      }
+                    ) }),
+                    /* @__PURE__ */ jsx(TooltipContent, { children: "Abrir agendamento" })
+                  ] }),
+                  b.clientPhone && /* @__PURE__ */ jsx(ClientContactButton, { phone: b.clientPhone, compact: true }),
+                  arrived && b.status !== "completed" && myPersonId !== void 0 && (myPersonId === null || b.professionalId === myPersonId) && /* @__PURE__ */ jsxs(
+                    Button,
+                    {
+                      variant: "bare",
+                      size: "bare",
+                      type: "button",
+                      disabled: myPersonId === null || busyId === b.id,
+                      onClick: () => b.status === "in_progress" ? abrirAtendimento(b) : startAttendance(b),
+                      title: myPersonId === null ? RECUSA.sem_ficha_de_profissional : void 0,
+                      className: "inline-flex items-center gap-1.5 rounded-button bg-foreground px-3 py-1.5 text-xs font-semibold text-background disabled:pointer-events-auto disabled:opacity-40",
+                      children: [
+                        /* @__PURE__ */ jsx(Play, { className: "h-3.5 w-3.5", "aria-hidden": true }),
+                        b.status === "in_progress" ? "Continuar" : "Iniciar atendimento"
+                      ]
+                    }
+                  ),
+                  b.status === "completed" ? null : arrived ? /* @__PURE__ */ jsxs(
+                    Button,
+                    {
+                      variant: "bare",
+                      size: "bare",
+                      type: "button",
+                      onClick: () => setReviewing(b),
+                      className: "inline-flex items-center gap-1.5 rounded-button border border-input px-3 py-1.5 text-xs font-medium hover:bg-muted",
+                      children: [
+                        /* @__PURE__ */ jsx(CheckCircle2, { className: "h-3.5 w-3.5", "aria-hidden": true }),
+                        "Detalhes"
+                      ]
+                    }
+                  ) : /* @__PURE__ */ jsxs(
+                    Button,
+                    {
+                      variant: "bare",
+                      size: "bare",
+                      type: "button",
+                      disabled: busyId === b.id,
+                      onClick: () => setReviewing(b),
+                      className: "inline-flex items-center gap-1.5 rounded-button bg-foreground px-3 py-1.5 text-xs font-semibold text-background disabled:opacity-40",
+                      children: [
+                        /* @__PURE__ */ jsx(LogIn, { className: "h-3.5 w-3.5", "aria-hidden": true }),
+                        "Check-in"
+                      ]
+                    }
+                  )
+                ] })
+              }
+            ) }) }, b.id);
+          }) })
+        ] })
+      }
+    ),
+    reviewing && /* @__PURE__ */ jsx(
+      CheckinDialog,
+      {
+        booking: reviewing,
+        statusLabel: statusLabel(reviewing.status),
+        requirements: requirementsFor(reviewing),
+        onReceive: canReceive ? (b) => {
+          setReviewing(null);
+          setCharging(b);
+        } : void 0,
+        onConfirm: reviewing.status === "waiting" || reviewing.status === "in_progress" ? void 0 : confirmCheckin,
+        clientRecord,
+        onClose: () => setReviewing(null)
+      }
+    ),
+    editing && /* @__PURE__ */ jsx(
+      AppointmentModal,
+      {
+        open: true,
+        mode: "edit",
+        bookingId: editing.id,
+        onClose: () => {
+          setEditing(null);
+          void fetchBookings(todayRange(), [...CHECKIN_STATUSES]);
+        }
+      }
+    ),
+    charging?.clientId && /* @__PURE__ */ jsx(
+      WidgetSlot,
+      {
+        zone: FINANCIAL_ZONES.clientAccount,
+        personId: charging.clientId,
+        orderId: charging.orderId,
+        clientName: charging.clientName,
+        onGenerate: async () => {
+          if (onReceive) await onReceive(charging);
+          else {
+            const r = await provider.chargeCheckout?.(charging.id);
+            if (r && !r.ok) {
+              setCheckoutRefusal(RECUSA_CHECKOUT[r.reason ?? ""] ?? "N\xE3o foi poss\xEDvel gerar o recebimento.");
+              return;
+            }
+          }
+          await fetchBookings(todayRange(), [...CHECKIN_STATUSES]);
+          await recarregarCheckouts();
+        },
+        onClose: () => {
+          setCharging(null);
+          void fetchBookings(todayRange(), [...CHECKIN_STATUSES]);
+        }
+      }
+    )
+  ] });
+}
+function CheckinPage({ config, provider, store, onReceive, onOpenBooking }) {
+  const runtime = usePluginRuntimeOptional();
+  const tenantId = runtime?.context.tenant?.id;
+  React3.useEffect(() => {
+    setAgendaTenantId(tenantId);
+    return () => setAgendaTenantId(void 0);
+  }, [tenantId]);
+  return /* @__PURE__ */ jsx(AgendaContextProvider, { config, provider, store, children: /* @__PURE__ */ jsx(CheckinView, { onReceive, onOpenBooking }) });
+}
+
+export { CheckinPage };
+//# sourceMappingURL=CheckinPage-SGWK2TQZ.js.map
+//# sourceMappingURL=CheckinPage-SGWK2TQZ.js.map