@fayz-ai/plugin-shop 0.2.5 → 0.8.1

package/dist/ShopPage-HCLXMN7Q.js

@@ -0,0 +1,743 @@
+import { useState, useEffect, useCallback, useMemo } from 'react';
+import { DataTable, Skeleton, Card, CardContent } from '@fayz-ai/ui';
+import { getShopProvider } from '@fayz-ai/shop';
+import { useAdminPath, adminNavigateTo, PersonLink } from '@fayz-ai/saas';
+import { getSupabaseClientOptional } from '@fayz-ai/core';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+// src/ShopPage.tsx
+
+// src/views/customerLookup.ts
+function shopCustomerLookup(provider) {
+  return {
+    async getById(id) {
+      const c = await provider().getCustomer(id);
+      if (!c) return null;
+      const name = [c.firstName, c.lastName].filter(Boolean).join(" ");
+      return {
+        id: c.id,
+        label: name || c.email || "Cliente",
+        subtitle: c.email ?? void 0,
+        group: "shop_customer",
+        // PersonLink reads contact fields off `data`, so the keys must match the
+        // shape it expects (email/phone), not our camelCase type.
+        data: {
+          email: c.email ?? void 0,
+          phone: c.phone ?? void 0,
+          kind: "shop_customer",
+          orders_count: c.ordersCount,
+          total_spent: c.totalSpent
+        }
+      };
+    }
+  };
+}
+var RECEIVABLE_LABEL = {
+  open: "Em aberto",
+  partial: "Parcialmente recebido",
+  paid: "Recebido",
+  overdue: "Vencido",
+  cancelled: "Cancelado"
+};
+var RECEIVABLE_TONE = {
+  open: "bg-blue-100 text-blue-800",
+  partial: "bg-yellow-100 text-yellow-800",
+  paid: "bg-emerald-100 text-emerald-800",
+  overdue: "bg-red-100 text-red-700",
+  cancelled: "bg-gray-100 text-gray-700"
+};
+var SHIPMENT_LABEL = {
+  pending: "Aguardando coleta",
+  in_transit: "Em tr\xE2nsito",
+  delivered: "Entregue",
+  failed: "Falhou",
+  returned: "Devolvido",
+  cancelled: "Cancelado"
+};
+var money = (v, currency2 = "BRL") => new Intl.NumberFormat("pt-BR", { style: "currency", currency: currency2 }).format(Number(v) || 0);
+var dateTime = (iso) => new Intl.DateTimeFormat("pt-BR", {
+  day: "2-digit",
+  month: "2-digit",
+  year: "numeric",
+  hour: "2-digit",
+  minute: "2-digit"
+}).format(new Date(iso));
+var TONE = {
+  paid: "bg-emerald-100 text-emerald-800",
+  pending: "bg-yellow-100 text-yellow-800",
+  refunded: "bg-orange-100 text-orange-700",
+  partially_refunded: "bg-orange-100 text-orange-700",
+  voided: "bg-gray-100 text-gray-700",
+  fulfilled: "bg-emerald-100 text-emerald-800",
+  unfulfilled: "bg-gray-100 text-gray-700",
+  partially_fulfilled: "bg-blue-100 text-blue-800",
+  open: "bg-blue-100 text-blue-800",
+  cancelled: "bg-red-100 text-red-700",
+  archived: "bg-gray-100 text-gray-700"
+};
+var PAYMENT_LABEL = {
+  pix: "Pix",
+  credit_card: "Cart\xE3o de cr\xE9dito",
+  debit_card: "Cart\xE3o de d\xE9bito",
+  boleto: "Boleto",
+  cash: "Dinheiro",
+  other: "Outro"
+};
+var LABEL = {
+  paid: "Pago",
+  pending: "Aguardando pagamento",
+  refunded: "Estornado",
+  partially_refunded: "Estorno parcial",
+  voided: "Cancelado",
+  fulfilled: "Enviado",
+  unfulfilled: "N\xE3o enviado",
+  partially_fulfilled: "Envio parcial",
+  open: "Aberto",
+  cancelled: "Cancelado",
+  archived: "Arquivado"
+};
+function Badge({ value }) {
+  return /* @__PURE__ */ jsx("span", { className: `inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium ${TONE[value] ?? TONE.open}`, children: LABEL[value] ?? value });
+}
+function Block({ title, hint, children }) {
+  return /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(CardContent, { className: "pt-4", children: [
+    /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold", children: title }),
+    hint && /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-xs text-muted-foreground", children: hint }),
+    /* @__PURE__ */ jsx("div", { className: "mt-3", children })
+  ] }) });
+}
+function Row({ label, value, strong }) {
+  return /* @__PURE__ */ jsxs("div", { className: `flex items-baseline justify-between gap-4 py-1 ${strong ? "font-semibold" : ""}`, children: [
+    /* @__PURE__ */ jsx("span", { className: strong ? "" : "text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsx("span", { className: "tabular-nums", children: value })
+  ] });
+}
+function deliveryFromNotes(notes) {
+  if (!notes) return null;
+  const match = notes.match(/entrega:\s*(.+)/i);
+  return (match?.[1] ?? "").trim() || null;
+}
+function BlockSkeleton({ rows }) {
+  return /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(CardContent, { className: "pt-4", children: [
+    /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-28" }),
+    /* @__PURE__ */ jsx("div", { className: "mt-4 space-y-2.5", children: Array.from({ length: rows }).map((_, i) => /* @__PURE__ */ jsx(Skeleton, { className: `h-3 ${i % 3 === 2 ? "w-1/2" : i % 3 === 1 ? "w-2/3" : "w-full"}` }, i)) })
+  ] }) });
+}
+function OrderDetailSkeleton() {
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", "aria-busy": "true", "aria-live": "polite", children: [
+    /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-20" }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-3", children: [
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-48" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-20 rounded-full" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-24 rounded-full" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-32" })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "grid gap-4 lg:grid-cols-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "space-y-4 lg:col-span-2", children: [
+        /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(CardContent, { className: "pt-4", children: [
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-16" }),
+          /* @__PURE__ */ jsx(Skeleton, { className: "mt-1.5 h-3 w-24" }),
+          /* @__PURE__ */ jsx("div", { className: "mt-3 divide-y", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 py-2", children: [
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-10 shrink-0 rounded" }),
+            /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1 space-y-1.5", children: [
+              /* @__PURE__ */ jsx(Skeleton, { className: "h-3.5 w-2/5" }),
+              /* @__PURE__ */ jsx(Skeleton, { className: "h-2.5 w-20" })
+            ] }),
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-24" }),
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-16" })
+          ] }, i)) })
+        ] }) }),
+        /* @__PURE__ */ jsx(BlockSkeleton, { rows: 6 })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ jsx(BlockSkeleton, { rows: 2 }),
+        /* @__PURE__ */ jsx(BlockSkeleton, { rows: 4 }),
+        /* @__PURE__ */ jsx(BlockSkeleton, { rows: 3 })
+      ] })
+    ] })
+  ] });
+}
+function OrderDetailView({
+  orderId,
+  provider,
+  onBack
+}) {
+  const [order, setOrder] = useState(null);
+  const [shipments, setShipments] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const [confirming, setConfirming] = useState(false);
+  const [confirmError, setConfirmError] = useState(null);
+  const [receivable, setReceivable] = useState(null);
+  useEffect(() => {
+    let cancelled = false;
+    setLoading(true);
+    setError(null);
+    provider().getOrder(orderId).then((o) => {
+      if (!cancelled) setOrder(o);
+    }).catch((err) => {
+      if (!cancelled) setError(err instanceof Error ? err.message : String(err));
+    }).finally(() => {
+      if (!cancelled) setLoading(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [orderId, provider]);
+  useEffect(() => {
+    let cancelled = false;
+    const db = getSupabaseClientOptional();
+    if (!db) return;
+    db.from("fulfillments").select("*").eq("order_id", orderId).order("created_at", { ascending: false }).then(({ data }) => {
+      if (!cancelled) setShipments(data ?? []);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [orderId]);
+  if (loading) return /* @__PURE__ */ jsx(OrderDetailSkeleton, {});
+  if (error) {
+    return /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-800", children: [
+      /* @__PURE__ */ jsx("p", { className: "font-medium", children: "N\xE3o foi poss\xEDvel carregar o pedido." }),
+      /* @__PURE__ */ jsx("p", { className: "mt-1 text-red-700", children: error })
+    ] });
+  }
+  if (!order) return /* @__PURE__ */ jsx("div", { className: "py-12 text-center text-sm text-muted-foreground", children: "Pedido n\xE3o encontrado." });
+  const delivery = deliveryFromNotes(order.notes);
+  const addr = order.shippingAddress;
+  useEffect(() => {
+    let cancelled = false;
+    const db = getSupabaseClientOptional();
+    if (!db) return;
+    void (async () => {
+      const [balance, bills] = await Promise.all([
+        db.from("v_invoice_balances").select("*").eq("invoice_id", orderId).maybeSingle(),
+        db.from("plg_financial_movements").select("*").eq("invoice_id", orderId).eq("movement_kind", "bill").order("installment_number", { ascending: true })
+      ]);
+      if (cancelled || !balance?.data) return;
+      setReceivable({ balance: balance.data, bills: bills?.data ?? [] });
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [orderId, confirming]);
+  async function registerReceipt() {
+    if (!order) return;
+    setConfirming(true);
+    setConfirmError(null);
+    try {
+      const updated = await provider().confirmPayment?.(order.id);
+      if (updated) setOrder(updated);
+      else setOrder(await provider().getOrder(order.id));
+    } catch (err) {
+      setConfirmError(err instanceof Error ? err.message : String(err));
+    } finally {
+      setConfirming(false);
+    }
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx("button", { onClick: onBack, className: "text-sm text-muted-foreground hover:text-foreground", children: "\u2190 Pedidos" }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-3", children: [
+      /* @__PURE__ */ jsxs("h1", { className: "text-2xl font-semibold", children: [
+        "Pedido #",
+        order.orderNumber
+      ] }),
+      /* @__PURE__ */ jsx(Badge, { value: order.financialStatus }),
+      /* @__PURE__ */ jsx(Badge, { value: order.fulfillmentStatus }),
+      /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: dateTime(order.createdAt) })
+    ] }),
+    confirmError && /* @__PURE__ */ jsxs("p", { className: "rounded-md border border-red-200 bg-red-50 px-3 py-2 text-sm text-red-800", children: [
+      "N\xE3o foi poss\xEDvel confirmar o pagamento: ",
+      confirmError
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "grid gap-4 lg:grid-cols-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "space-y-4 lg:col-span-2", children: [
+        /* @__PURE__ */ jsx(Block, { title: "Itens", hint: `${order.items.length} item(ns)`, children: /* @__PURE__ */ jsx("div", { className: "divide-y", children: order.items.map((item) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 py-2", children: [
+          item.imageUrl ? /* @__PURE__ */ jsx("img", { src: item.imageUrl, alt: "", className: "h-10 w-10 shrink-0 rounded object-cover" }) : /* @__PURE__ */ jsx("div", { className: "h-10 w-10 shrink-0 rounded bg-muted" }),
+          /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsx("p", { className: "truncate text-sm font-medium", children: item.name }),
+            item.sku && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: item.sku })
+          ] }),
+          /* @__PURE__ */ jsxs("span", { className: "text-sm text-muted-foreground", children: [
+            item.quantity,
+            " \xD7 ",
+            money(item.unitPrice, order.currency)
+          ] }),
+          /* @__PURE__ */ jsx("span", { className: "w-24 text-right text-sm font-medium tabular-nums", children: money(item.total, order.currency) })
+        ] }, item.id)) }) }),
+        /* @__PURE__ */ jsx(Block, { title: "Pagamento", hint: "O que o financeiro precisa conciliar", children: /* @__PURE__ */ jsxs("div", { className: "text-sm", children: [
+          /* @__PURE__ */ jsx(Row, { label: "Subtotal", value: money(order.subtotal, order.currency) }),
+          order.discountTotal > 0 && /* @__PURE__ */ jsx(
+            Row,
+            {
+              label: `Desconto${order.discountCode ? ` (${order.discountCode})` : ""}`,
+              value: `\u2212 ${money(order.discountTotal, order.currency)}`
+            }
+          ),
+          /* @__PURE__ */ jsx(Row, { label: "Entrega", value: money(order.shippingTotal, order.currency) }),
+          /* @__PURE__ */ jsx(Row, { label: "Impostos", value: money(order.taxTotal, order.currency) }),
+          /* @__PURE__ */ jsx("div", { className: "mt-2 border-t pt-2", children: /* @__PURE__ */ jsx(Row, { label: "Total", value: money(order.total, order.currency), strong: true }) }),
+          /* @__PURE__ */ jsxs("div", { className: "mt-3 border-t pt-2", children: [
+            /* @__PURE__ */ jsx(Row, { label: "Forma de pagamento", value: PAYMENT_LABEL[order.paymentMethodKind ?? ""] ?? "\u2014" }),
+            order.paidAt && /* @__PURE__ */ jsx(Row, { label: "Pago em", value: dateTime(order.paidAt) })
+          ] }),
+          !order.paymentMethodKind && /* @__PURE__ */ jsx("p", { className: "mt-2 text-xs text-muted-foreground", children: "Este pedido \xE9 anterior ao registro de forma de pagamento." })
+        ] }) }),
+        /* @__PURE__ */ jsx(
+          Block,
+          {
+            title: "Contas a receber",
+            hint: "Criado automaticamente quando o pedido foi feito \u2014 o mesmo registro que o Financeiro l\xEA",
+            children: !receivable ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Sem conta a receber para este pedido." }) : /* @__PURE__ */ jsxs("div", { className: "text-sm", children: [
+              /* @__PURE__ */ jsxs("div", { className: "mb-3 flex flex-wrap items-center gap-2", children: [
+                /* @__PURE__ */ jsx("span", { className: "font-mono font-semibold", children: receivable.balance.reference_number ?? "\u2014" }),
+                /* @__PURE__ */ jsx("span", { className: `inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium ${RECEIVABLE_TONE[receivable.balance.status] ?? RECEIVABLE_TONE.open}`, children: RECEIVABLE_LABEL[receivable.balance.status] ?? receivable.balance.status })
+              ] }),
+              /* @__PURE__ */ jsx(Row, { label: "Faturado", value: money(receivable.balance.amount, order.currency) }),
+              /* @__PURE__ */ jsx(Row, { label: "Recebido", value: money(receivable.balance.paid, order.currency) }),
+              /* @__PURE__ */ jsx("div", { className: "mt-2 border-t pt-2", children: /* @__PURE__ */ jsx(Row, { label: "Saldo", value: money(receivable.balance.balance, order.currency), strong: true }) }),
+              receivable.bills.length > 1 && /* @__PURE__ */ jsx("ul", { className: "mt-3 space-y-1 border-t pt-2 text-xs", children: receivable.bills.map((bill) => /* @__PURE__ */ jsxs("li", { className: "flex items-baseline justify-between gap-3", children: [
+                /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+                  "Parcela ",
+                  bill.installment_number,
+                  " \xB7 vence ",
+                  new Date(bill.due_date).toLocaleDateString("pt-BR")
+                ] }),
+                /* @__PURE__ */ jsxs("span", { className: "tabular-nums", children: [
+                  money(Number(bill.paid_amount ?? 0), order.currency),
+                  " / ",
+                  money(Number(bill.amount), order.currency)
+                ] })
+              ] }, bill.id)) }),
+              /* @__PURE__ */ jsxs("div", { className: "mt-4 flex flex-wrap gap-2", children: [
+                receivable.balance.balance > 0 && receivable.balance.status !== "cancelled" && /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: registerReceipt,
+                    disabled: confirming,
+                    "data-testid": "order-register-receipt",
+                    className: "rounded-md bg-primary px-3 py-1.5 text-sm font-medium text-primary-foreground transition hover:opacity-90 disabled:opacity-60",
+                    children: confirming ? "Registrando\u2026" : "Registrar recebimento"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => adminNavigateTo("/financial"),
+                    className: "rounded-md border px-3 py-1.5 text-sm font-medium transition hover:bg-muted",
+                    children: "Abrir no Financeiro"
+                  }
+                )
+              ] }),
+              confirmError && /* @__PURE__ */ jsx("p", { className: "mt-2 rounded-md border border-red-200 bg-red-50 px-3 py-2 text-xs text-red-800", children: confirmError })
+            ] })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ jsx(Block, { title: "Cliente", children: /* @__PURE__ */ jsxs("div", { className: "space-y-1 text-sm", children: [
+          order.customerId ? /* @__PURE__ */ jsx(
+            PersonLink,
+            {
+              personId: order.customerId,
+              name: order.customerName ?? order.customerEmail ?? "Cliente",
+              lookup: shopCustomerLookup(provider),
+              profileHref: `#/shop/customers/${order.customerId}`,
+              className: "font-medium"
+            }
+          ) : /* @__PURE__ */ jsx("p", { className: "font-medium", children: order.customerName ?? "\u2014" }),
+          order.customerEmail && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: order.customerEmail }),
+          !order.customerId && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Compra sem cadastro \u2014 n\xE3o h\xE1 ficha de cliente para abrir." })
+        ] }) }),
+        /* @__PURE__ */ jsx(Block, { title: "Entrega", hint: "O que a log\xEDstica precisa", children: /* @__PURE__ */ jsxs("div", { className: "space-y-2 text-sm", children: [
+          addr ? /* @__PURE__ */ jsxs("div", { className: "space-y-0.5", children: [
+            /* @__PURE__ */ jsxs("p", { children: [
+              [addr.street, addr.number].filter(Boolean).join(", "),
+              addr.complement ? ` \u2014 ${addr.complement}` : ""
+            ] }),
+            addr.district && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: addr.district }),
+            /* @__PURE__ */ jsxs("p", { className: "text-muted-foreground", children: [
+              [addr.city, addr.state].filter((v) => v && v !== "\u2014").join("/"),
+              addr.postal_code ? ` \xB7 ${addr.postal_code}` : ""
+            ] }),
+            (addr.recipient || addr.phone) && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: [addr.recipient, addr.phone].filter(Boolean).join(" \xB7 ") })
+          ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("p", { className: delivery ? "" : "text-muted-foreground", children: delivery ?? "Nenhum endere\xE7o registrado neste pedido." }),
+            /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Pedido anterior ao endere\xE7o estruturado \u2014 s\xF3 existe o texto livre das observa\xE7\xF5es, sem CEP, n\xFAmero ou bairro separ\xE1veis." })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "border-t pt-2", children: [
+            /* @__PURE__ */ jsx(Row, { label: "Status", value: /* @__PURE__ */ jsx(Badge, { value: order.fulfillmentStatus }) }),
+            shipments.length === 0 ? /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: "Nenhum envio registrado. Ao despachar, informe transportadora e c\xF3digo de rastreio \u2014 o status do pedido \xE9 calculado a partir dos envios." }) : /* @__PURE__ */ jsx("div", { className: "mt-2 space-y-2", children: shipments.map((s) => /* @__PURE__ */ jsxs("div", { className: "rounded-md border px-2 py-1.5", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+                /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: [s.carrier, s.service].filter(Boolean).join(" \xB7 ") || "Envio" }),
+                /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground", children: SHIPMENT_LABEL[s.status] ?? s.status })
+              ] }),
+              s.tracking_code && /* @__PURE__ */ jsx("p", { className: "mt-0.5 font-mono text-xs", children: s.tracking_url ? /* @__PURE__ */ jsx("a", { href: s.tracking_url, target: "_blank", rel: "noreferrer", className: "text-primary hover:underline", children: s.tracking_code }) : s.tracking_code }),
+              /* @__PURE__ */ jsxs("div", { className: "mt-1 space-y-0.5 text-[11px] text-muted-foreground", children: [
+                s.shipped_at && /* @__PURE__ */ jsxs("p", { children: [
+                  "Despachado em ",
+                  dateTime(s.shipped_at)
+                ] }),
+                s.estimated_delivery_at && /* @__PURE__ */ jsxs("p", { children: [
+                  "Previs\xE3o: ",
+                  dateTime(s.estimated_delivery_at)
+                ] }),
+                s.delivered_at && /* @__PURE__ */ jsxs("p", { children: [
+                  "Entregue em ",
+                  dateTime(s.delivered_at)
+                ] })
+              ] })
+            ] }, s.id)) })
+          ] })
+        ] }) }),
+        /* @__PURE__ */ jsx(Block, { title: "Hist\xF3rico", children: /* @__PURE__ */ jsxs("div", { className: "space-y-1 text-sm", children: [
+          /* @__PURE__ */ jsx(Row, { label: "Criado", value: dateTime(order.createdAt) }),
+          /* @__PURE__ */ jsx(Row, { label: "Atualizado", value: dateTime(order.updatedAt) }),
+          /* @__PURE__ */ jsx(Row, { label: "Situa\xE7\xE3o", value: /* @__PURE__ */ jsx(Badge, { value: order.status }) })
+        ] }) }),
+        order.notes && /* @__PURE__ */ jsx(Block, { title: "Observa\xE7\xF5es", children: /* @__PURE__ */ jsx("p", { className: "whitespace-pre-wrap text-sm text-muted-foreground", children: order.notes }) })
+      ] })
+    ] })
+  ] });
+}
+function currency(value, code = "BRL", locale = "pt-BR") {
+  return new Intl.NumberFormat(locale, { style: "currency", currency: code }).format(value);
+}
+function badge(label, color) {
+  return /* @__PURE__ */ jsx("span", { className: `inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium ${color}`, children: label });
+}
+var statusColors = {
+  active: "bg-emerald-100 text-emerald-800",
+  draft: "bg-gray-100 text-gray-700",
+  archived: "bg-orange-100 text-orange-700",
+  open: "bg-blue-100 text-blue-800",
+  cancelled: "bg-red-100 text-red-700",
+  paid: "bg-emerald-100 text-emerald-800",
+  pending: "bg-yellow-100 text-yellow-800",
+  fulfilled: "bg-emerald-100 text-emerald-800",
+  unfulfilled: "bg-gray-100 text-gray-700",
+  "partially_fulfilled": "bg-blue-100 text-blue-800"
+};
+function resolveShopProvider(provider) {
+  return typeof provider === "function" ? provider() : provider ?? getShopProvider();
+}
+function useShopList(load, deps) {
+  const [items, setItems] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  useEffect(() => {
+    let cancelled = false;
+    setLoading(true);
+    setError(null);
+    load().then((data) => {
+      if (!cancelled) setItems(data);
+    }).catch((err) => {
+      if (!cancelled) setError(err instanceof Error ? err.message : String(err));
+    }).finally(() => {
+      if (!cancelled) setLoading(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, deps);
+  return { items, loading, error };
+}
+function ErrorState({ message }) {
+  return /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-800", children: [
+    /* @__PURE__ */ jsx("p", { className: "font-medium", children: "N\xE3o foi poss\xEDvel carregar estes dados." }),
+    /* @__PURE__ */ jsx("p", { className: "mt-1 text-red-700", children: message })
+  ] });
+}
+function ProductsTab({ provider }) {
+  const [products, setProducts] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const [search, setSearch] = useState("");
+  const [error, setError] = useState(null);
+  const load = useCallback(async (opts) => {
+    setLoading(true);
+    setError(null);
+    try {
+      const data = await resolveShopProvider(provider).listProducts(opts);
+      setProducts(data);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : String(err));
+    } finally {
+      setLoading(false);
+    }
+  }, [provider]);
+  useEffect(() => {
+    load();
+  }, [load]);
+  const handleSearch = (e) => {
+    const q = e.target.value;
+    setSearch(q);
+    load(q ? { search: q } : void 0);
+  };
+  const columns = useMemo(() => [
+    { accessorKey: "name", header: "Produto", cell: ({ getValue }) => /* @__PURE__ */ jsx("span", { className: "font-medium", children: getValue() }) },
+    { accessorKey: "sku", header: "SKU", cell: ({ getValue }) => /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: getValue() ?? "\u2014" }) },
+    {
+      accessorKey: "price",
+      header: () => /* @__PURE__ */ jsx("span", { className: "block text-right", children: "Pre\xE7o" }),
+      cell: ({ getValue, row }) => /* @__PURE__ */ jsx("div", { className: "text-right", children: currency(getValue(), row.original.currency) })
+    },
+    {
+      accessorKey: "inventoryCount",
+      header: () => /* @__PURE__ */ jsx("span", { className: "block text-right", children: "Estoque" }),
+      cell: ({ getValue }) => {
+        const count = getValue();
+        return /* @__PURE__ */ jsx("div", { className: "text-right", children: /* @__PURE__ */ jsx("span", { className: count === 0 ? "text-red-600 font-medium" : "", children: count }) });
+      }
+    },
+    {
+      accessorKey: "status",
+      header: "Status",
+      cell: ({ getValue }) => {
+        const status = getValue();
+        return badge(status, statusColors[status] ?? "bg-gray-100 text-gray-700");
+      }
+    }
+  ], []);
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-4", children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "search",
+          value: search,
+          onChange: handleSearch,
+          placeholder: "Buscar produtos...",
+          className: "border rounded-lg px-3 py-2 text-sm w-64 focus:outline-none focus:ring-2 focus:ring-primary/50"
+        }
+      ),
+      /* @__PURE__ */ jsxs("span", { className: "text-sm text-muted-foreground", children: [
+        products.length,
+        " produtos"
+      ] })
+    ] }),
+    error ? /* @__PURE__ */ jsx(ErrorState, { message: error }) : /* @__PURE__ */ jsx(
+      DataTable,
+      {
+        loading,
+        columns,
+        data: products,
+        variant: "card",
+        emptyMessage: "Nenhum produto encontrado."
+      }
+    )
+  ] });
+}
+function OrdersTab({ provider }) {
+  const { items: orders, loading, error } = useShopList(
+    () => resolveShopProvider(provider).listOrders({ limit: 50 }),
+    [provider]
+  );
+  const columns = useMemo(() => [
+    { accessorKey: "orderNumber", header: "Pedido", cell: ({ getValue }) => /* @__PURE__ */ jsxs("span", { className: "font-medium", children: [
+      "#",
+      getValue()
+    ] }) },
+    {
+      id: "customer",
+      accessorFn: (o) => o.customerName ?? o.customerEmail ?? "\u2014",
+      header: "Cliente",
+      // Links to the customer record. stopPropagation because the row itself
+      // opens the order — without it the click would do both.
+      cell: ({ getValue, row }) => {
+        const label = getValue();
+        const id = row.original.customerId;
+        if (!id) return /* @__PURE__ */ jsx("span", { children: label });
+        return /* @__PURE__ */ jsx(
+          PersonLink,
+          {
+            personId: id,
+            name: label,
+            lookup: shopCustomerLookup(() => resolveShopProvider(provider)),
+            profileHref: `#/shop/customers/${id}`
+          }
+        );
+      }
+    },
+    {
+      accessorKey: "total",
+      header: () => /* @__PURE__ */ jsx("span", { className: "block text-right", children: "Total" }),
+      cell: ({ getValue, row }) => /* @__PURE__ */ jsx("div", { className: "text-right font-medium", children: currency(getValue(), row.original.currency) })
+    },
+    {
+      accessorKey: "financialStatus",
+      header: "Pagamento",
+      cell: ({ getValue }) => {
+        const status = getValue();
+        return badge(status, statusColors[status] ?? "bg-gray-100 text-gray-700");
+      }
+    },
+    {
+      accessorKey: "fulfillmentStatus",
+      header: "Entrega",
+      cell: ({ getValue }) => {
+        const status = getValue();
+        return badge(status, statusColors[status] ?? "bg-gray-100 text-gray-700");
+      }
+    },
+    {
+      accessorKey: "createdAt",
+      header: "Data",
+      cell: ({ getValue }) => {
+        const d = new Date(getValue());
+        return /* @__PURE__ */ jsxs("span", { className: "whitespace-nowrap text-muted-foreground", children: [
+          d.toLocaleDateString("pt-BR"),
+          /* @__PURE__ */ jsx("span", { className: "ml-1.5 text-xs opacity-70", children: d.toLocaleTimeString("pt-BR", { hour: "2-digit", minute: "2-digit" }) })
+        ] });
+      }
+    }
+  ], []);
+  return /* @__PURE__ */ jsx("div", { children: error ? /* @__PURE__ */ jsx(ErrorState, { message: error }) : /* @__PURE__ */ jsx(
+    DataTable,
+    {
+      loading,
+      columns,
+      data: orders,
+      variant: "card",
+      emptyMessage: "Nenhum pedido ainda.",
+      onRowClick: (row) => adminNavigateTo(`/shop/orders/${row.id}`)
+    }
+  ) });
+}
+function CustomersTab({ provider }) {
+  const { items: customers, loading, error } = useShopList(
+    () => resolveShopProvider(provider).listCustomers({ limit: 50 }),
+    [provider]
+  );
+  const columns = useMemo(() => [
+    {
+      id: "name",
+      accessorFn: (c) => `${c.firstName} ${c.lastName}`,
+      header: "Nome",
+      cell: ({ row }) => /* @__PURE__ */ jsxs("span", { className: "font-medium", children: [
+        row.original.firstName,
+        " ",
+        row.original.lastName
+      ] })
+    },
+    { accessorKey: "email", header: "Email", cell: ({ getValue }) => /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: getValue() ?? "\u2014" }) },
+    { accessorKey: "phone", header: "Telefone", cell: ({ getValue }) => /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: getValue() ?? "\u2014" }) },
+    {
+      accessorKey: "ordersCount",
+      header: () => /* @__PURE__ */ jsx("span", { className: "block text-right", children: "Pedidos" }),
+      cell: ({ getValue }) => /* @__PURE__ */ jsx("div", { className: "text-right", children: getValue() })
+    },
+    {
+      accessorKey: "totalSpent",
+      header: () => /* @__PURE__ */ jsx("span", { className: "block text-right", children: "Total Gasto" }),
+      cell: ({ getValue }) => /* @__PURE__ */ jsx("div", { className: "text-right", children: currency(getValue()) })
+    }
+  ], []);
+  return /* @__PURE__ */ jsx("div", { children: error ? /* @__PURE__ */ jsx(ErrorState, { message: error }) : /* @__PURE__ */ jsx(
+    DataTable,
+    {
+      loading,
+      columns,
+      data: customers,
+      variant: "card",
+      emptyMessage: "Nenhum cliente ainda."
+    }
+  ) });
+}
+function DiscountsTab({ provider }) {
+  const { items: discounts, loading, error } = useShopList(
+    () => resolveShopProvider(provider).listDiscounts({ limit: 50 }),
+    [provider]
+  );
+  const columns = useMemo(() => [
+    { accessorKey: "title", header: "T\xEDtulo", cell: ({ getValue }) => /* @__PURE__ */ jsx("span", { className: "font-medium", children: getValue() }) },
+    { accessorKey: "code", header: "C\xF3digo", cell: ({ getValue }) => /* @__PURE__ */ jsx("span", { className: "font-mono text-sm", children: getValue() ?? "\u2014" }) },
+    { accessorKey: "type", header: "Tipo", cell: ({ getValue }) => /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: getValue() }) },
+    {
+      accessorKey: "value",
+      header: () => /* @__PURE__ */ jsx("span", { className: "block text-right", children: "Valor" }),
+      cell: ({ row }) => /* @__PURE__ */ jsx("div", { className: "text-right", children: row.original.type === "percentage" ? `${row.original.value}%` : currency(row.original.value) })
+    },
+    {
+      id: "usos",
+      accessorKey: "timesUsed",
+      header: () => /* @__PURE__ */ jsx("span", { className: "block text-right", children: "Usos" }),
+      cell: ({ row }) => /* @__PURE__ */ jsxs("div", { className: "text-right", children: [
+        row.original.timesUsed,
+        row.original.usageLimit ? ` / ${row.original.usageLimit}` : ""
+      ] })
+    },
+    {
+      accessorKey: "status",
+      header: "Status",
+      cell: ({ getValue }) => {
+        const status = getValue();
+        return badge(status, statusColors[status] ?? "bg-gray-100 text-gray-700");
+      }
+    }
+  ], []);
+  return /* @__PURE__ */ jsx("div", { children: error ? /* @__PURE__ */ jsx(ErrorState, { message: error }) : /* @__PURE__ */ jsx(
+    DataTable,
+    {
+      loading,
+      columns,
+      data: discounts,
+      variant: "card",
+      emptyMessage: "Nenhum desconto cadastrado."
+    }
+  ) });
+}
+var TABS = [
+  { id: "products", label: "Produtos" },
+  { id: "orders", label: "Pedidos" },
+  { id: "customers", label: "Clientes" },
+  { id: "discounts", label: "Descontos" }
+];
+var TAB_COPY = {
+  products: { title: "Produtos", subtitle: "Cat\xE1logo da loja: pre\xE7o, estoque e status." },
+  orders: { title: "Pedidos", subtitle: "Pedidos recebidos, pagamento e entrega." },
+  customers: { title: "Clientes", subtitle: "Quem comprou, quanto e com que frequ\xEAncia." },
+  discounts: { title: "Descontos", subtitle: "Cupons, regras de uso e desempenho." }
+};
+var ShopPage = ({ provider, section }) => {
+  const [tab, setTab] = useState(section ?? "products");
+  const active = section ?? tab;
+  const path = useAdminPath();
+  const orderId = section === "orders" ? path.match(/^\/shop\/orders\/([^/]+)$/)?.[1] : void 0;
+  if (orderId) {
+    return /* @__PURE__ */ jsx("div", { className: "p-6 max-w-7xl mx-auto", children: /* @__PURE__ */ jsx(
+      OrderDetailView,
+      {
+        orderId,
+        provider: () => resolveShopProvider(provider),
+        onBack: () => adminNavigateTo("/shop/orders")
+      }
+    ) });
+  }
+  const copy = section ? TAB_COPY[section] : { title: "Loja", subtitle: "Gerencie produtos, pedidos, clientes e descontos." };
+  return /* @__PURE__ */ jsxs("div", { className: "p-6 max-w-7xl mx-auto", children: [
+    /* @__PURE__ */ jsxs("div", { className: "mb-6", children: [
+      /* @__PURE__ */ jsx("h1", { className: "text-2xl font-semibold", children: copy.title }),
+      /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mt-1", children: copy.subtitle })
+    ] }),
+    !section && /* @__PURE__ */ jsx("div", { className: "border-b mb-6", children: /* @__PURE__ */ jsx("nav", { className: "flex gap-1", children: TABS.map((t) => /* @__PURE__ */ jsx(
+      "button",
+      {
+        onClick: () => setTab(t.id),
+        className: `px-4 py-2 text-sm font-medium border-b-2 transition-colors ${tab === t.id ? "border-primary text-primary" : "border-transparent text-muted-foreground hover:text-foreground"}`,
+        children: t.label
+      },
+      t.id
+    )) }) }),
+    active === "products" && /* @__PURE__ */ jsx(ProductsTab, { provider }),
+    active === "orders" && /* @__PURE__ */ jsx(OrdersTab, { provider }),
+    active === "customers" && /* @__PURE__ */ jsx(CustomersTab, { provider }),
+    active === "discounts" && /* @__PURE__ */ jsx(DiscountsTab, { provider })
+  ] });
+};
+ShopPage.displayName = "ShopPage";
+
+export { ShopPage };
+//# sourceMappingURL=ShopPage-HCLXMN7Q.js.map
+//# sourceMappingURL=ShopPage-HCLXMN7Q.js.map