@fayz-ai/plugin-shop 0.9.0 → 0.10.0

package/dist/ShopPage-JP27MZS2.js

@@ -1,690 +0,0 @@
-import { useState, useEffect, useCallback, useMemo } from 'react';
-import { DataTable } from '@fayz-ai/ui';
-import { getShopProvider } from '@fayz-ai/shop';
-import { useAdminPath, adminNavigateTo, OrderDetailSkeleton, OrderDetailBlock, OrderDetailRow, PersonLink, OrderDetailView as OrderDetailView$1 } 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 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 dateOnly = (iso) => new Date(iso).toLocaleDateString("pt-BR");
-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"
-};
-var RECEIVABLE_LABEL = {
-  open: "Em aberto",
-  partial: "Parcialmente recebido",
-  paid: "Recebido",
-  overdue: "Vencido",
-  cancelled: "Cancelado"
-};
-var SHIPMENT_LABEL = {
-  pending: "Aguardando coleta",
-  in_transit: "Em tr\xE2nsito",
-  delivered: "Entregue",
-  failed: "Falhou",
-  returned: "Devolvido",
-  cancelled: "Cancelado"
-};
-function toneOf(value) {
-  switch (value) {
-    case "paid":
-    case "fulfilled":
-    case "delivered":
-      return "success";
-    case "pending":
-    case "partial":
-    case "partially_fulfilled":
-    case "open":
-    case "in_transit":
-      return "warning";
-    case "refunded":
-    case "partially_refunded":
-    case "voided":
-    case "cancelled":
-    case "overdue":
-    case "failed":
-    case "returned":
-      return "destructive";
-    default:
-      return "muted";
-  }
-}
-function InlineBadge({ value }) {
-  const tone = toneOf(value);
-  const cls = {
-    success: "bg-emerald-100 text-emerald-800",
-    warning: "bg-amber-100 text-amber-800",
-    destructive: "bg-red-100 text-red-700",
-    info: "bg-sky-100 text-sky-800",
-    muted: "bg-muted text-muted-foreground"
-  };
-  return /* @__PURE__ */ jsx("span", { className: `inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium ${cls[tone]}`, children: LABEL[value] ?? value });
-}
-function deliveryFromNotes(notes) {
-  if (!notes) return null;
-  const match = notes.match(/entrega:\s*(.+)/i);
-  return (match?.[1] ?? "").trim() || null;
-}
-var shopOrderCache = /* @__PURE__ */ new Map();
-var shopShipmentsCache = /* @__PURE__ */ new Map();
-var shopReceivableCache = /* @__PURE__ */ new Map();
-function OrderDetailView({ orderId, provider, onBack }) {
-  const [order, setOrder] = useState(() => shopOrderCache.get(orderId) ?? null);
-  const [shipments, setShipments] = useState(() => shopShipmentsCache.get(orderId) ?? []);
-  const [loading, setLoading] = useState(() => !shopOrderCache.has(orderId));
-  const [error, setError] = useState(null);
-  const [confirming, setConfirming] = useState(false);
-  const [confirmError, setConfirmError] = useState(null);
-  const [receivable, setReceivable] = useState(() => shopReceivableCache.get(orderId) ?? null);
-  useEffect(() => {
-    let cancelled = false;
-    const cached = shopOrderCache.get(orderId);
-    if (cached) {
-      setOrder(cached);
-      setLoading(false);
-      return () => {
-        cancelled = true;
-      };
-    }
-    setLoading(true);
-    setError(null);
-    provider().getOrder(orderId).then((o) => {
-      if (!cancelled) {
-        if (o) shopOrderCache.set(orderId, o);
-        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;
-    if (shopShipmentsCache.has(orderId)) return () => {
-      cancelled = true;
-    };
-    db.from("fulfillments").select("*").eq("order_id", orderId).order("created_at", { ascending: false }).then(({ data: data2 }) => {
-      if (!cancelled) {
-        shopShipmentsCache.set(orderId, data2 ?? []);
-        setShipments(data2 ?? []);
-      }
-    });
-    return () => {
-      cancelled = true;
-    };
-  }, [orderId]);
-  useEffect(() => {
-    let cancelled = false;
-    const db = getSupabaseClientOptional();
-    if (!db) return;
-    if (shopReceivableCache.has(orderId)) {
-      setReceivable(shopReceivableCache.get(orderId) ?? null);
-      return () => {
-        cancelled = true;
-      };
-    }
-    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;
-      const rec = { balance: balance.data, bills: bills?.data ?? [] };
-      shopReceivableCache.set(orderId, rec);
-      setReceivable(rec);
-    })();
-    return () => {
-      cancelled = true;
-    };
-  }, [orderId, confirming]);
-  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 cur = order.currency;
-  const delivery = deliveryFromNotes(order.notes);
-  const addr = order.shippingAddress;
-  async function registerReceipt() {
-    if (!order) return;
-    shopReceivableCache.delete(order.id);
-    setConfirming(true);
-    setConfirmError(null);
-    try {
-      const fresh = await provider().confirmPayment?.(order.id) ?? await provider().getOrder(order.id);
-      if (fresh) {
-        shopOrderCache.set(order.id, fresh);
-        setOrder(fresh);
-      }
-    } catch (err) {
-      setConfirmError(err instanceof Error ? err.message : String(err));
-    } finally {
-      setConfirming(false);
-    }
-  }
-  const installments = receivable && receivable.bills.length > 1 ? receivable.bills.map((b) => ({
-    number: b.installment_number ?? 0,
-    amount: `${money(Number(b.paid_amount ?? 0), cur)} / ${money(Number(b.amount), cur)}`,
-    status: RECEIVABLE_LABEL[b.status] ?? b.status,
-    statusTone: toneOf(b.status),
-    dueDate: `vence ${dateOnly(b.due_date)}`
-  })) : [];
-  const data = {
-    title: `Pedido #${order.orderNumber}`,
-    subtitle: dateTime(order.createdAt),
-    badges: [
-      { label: LABEL[order.financialStatus] ?? order.financialStatus, tone: toneOf(order.financialStatus) },
-      { label: LABEL[order.fulfillmentStatus] ?? order.fulfillmentStatus, tone: toneOf(order.fulfillmentStatus) }
-    ],
-    customer: { name: order.customerName, email: order.customerEmail },
-    customerNode: /* @__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: `#/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." })
-    ] }),
-    items: order.items.map((it) => ({
-      id: it.id,
-      name: it.name,
-      description: it.sku,
-      imageUrl: it.imageUrl,
-      quantity: it.quantity,
-      unitPrice: money(it.unitPrice, cur),
-      total: money(it.total, cur)
-    })),
-    totals: [
-      { label: "Subtotal", value: money(order.subtotal, cur) },
-      ...order.discountTotal > 0 ? [{ label: `Desconto${order.discountCode ? ` (${order.discountCode})` : ""}`, value: `\u2212 ${money(order.discountTotal, cur)}`, muted: true }] : [],
-      { label: "Entrega", value: money(order.shippingTotal, cur) },
-      { label: "Impostos", value: money(order.taxTotal, cur) },
-      { label: "Total", value: money(order.total, cur), strong: true }
-    ],
-    paymentMethod: order.paymentMethodKind ? PAYMENT_LABEL[order.paymentMethodKind] ?? order.paymentMethodKind : void 0,
-    paidAt: order.paidAt ? dateTime(order.paidAt) : void 0,
-    receivable: receivable ? {
-      referenceNumber: receivable.balance.reference_number ?? void 0,
-      statusBadge: { label: RECEIVABLE_LABEL[receivable.balance.status] ?? receivable.balance.status, tone: toneOf(receivable.balance.status) },
-      rows: [
-        { label: "Faturado", value: money(receivable.balance.amount, cur) },
-        { label: "Recebido", value: money(receivable.balance.paid, cur) },
-        { label: "Saldo", value: money(receivable.balance.balance, cur), strong: true }
-      ],
-      installments,
-      actions: /* @__PURE__ */ jsxs(Fragment, { 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 w-full rounded-md border border-red-200 bg-red-50 px-3 py-2 text-xs text-red-800", children: confirmError })
-      ] }),
-      emptyLabel: "Sem conta a receber para este pedido."
-    } : { rows: [], installments: [], emptyLabel: "Sem conta a receber para este pedido." },
-    extraSections: /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(OrderDetailBlock, { 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__ */ jsx("p", { className: delivery ? "" : "text-muted-foreground", children: delivery ?? "Nenhum endere\xE7o registrado neste pedido." }),
-        /* @__PURE__ */ jsxs("div", { className: "border-t pt-2", children: [
-          /* @__PURE__ */ jsx(OrderDetailRow, { label: "Status", value: /* @__PURE__ */ jsx(InlineBadge, { value: order.fulfillmentStatus }) }),
-          shipments.length === 0 ? /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: "Nenhum envio registrado." }) : /* @__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(OrderDetailBlock, { title: "Hist\xF3rico", children: /* @__PURE__ */ jsxs("div", { className: "space-y-1 text-sm", children: [
-        /* @__PURE__ */ jsx(OrderDetailRow, { label: "Criado", value: dateTime(order.createdAt) }),
-        /* @__PURE__ */ jsx(OrderDetailRow, { label: "Atualizado", value: dateTime(order.updatedAt) }),
-        /* @__PURE__ */ jsx(OrderDetailRow, { label: "Situa\xE7\xE3o", value: /* @__PURE__ */ jsx(InlineBadge, { value: order.status }) })
-      ] }) }),
-      order.notes && /* @__PURE__ */ jsx(OrderDetailBlock, { title: "Observa\xE7\xF5es", children: /* @__PURE__ */ jsx("p", { className: "whitespace-pre-wrap text-sm text-muted-foreground", children: order.notes }) })
-    ] }),
-    onBack,
-    backLabel: "Pedidos"
-  };
-  return /* @__PURE__ */ jsx(OrderDetailView$1, { ...data });
-}
-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: `#/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-JP27MZS2.js.map
-//# sourceMappingURL=ShopPage-JP27MZS2.js.map