@fayz-ai/plugin-shop 0.8.1 → 0.8.4

package/dist/{ShopPage-HCLXMN7Q.js → ShopPage-JP27MZS2.js}

@@ -1,7 +1,7 @@
 import { useState, useEffect, useCallback, useMemo } from 'react';
-import { DataTable, Skeleton, Card, CardContent } from '@fayz-ai/ui';
+import { DataTable } from '@fayz-ai/ui';
 import { getShopProvider } from '@fayz-ai/shop';
-import { useAdminPath, adminNavigateTo, PersonLink } from '@fayz-ai/saas';
+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';
 
@@ -32,49 +32,9 @@ function shopCustomerLookup(provider) {
     }
   };
 }
-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 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",
@@ -96,85 +56,89 @@ var LABEL = {
   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 })
-  ] }) });
+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 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 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;
 }
-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);
+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(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) setOrder(o);
+      if (!cancelled) {
+        if (o) shopOrderCache.set(orderId, o);
+        setOrder(o);
+      }
     }).catch((err) => {
       if (!cancelled) setError(err instanceof Error ? err.message : String(err));
     }).finally(() => {
@@ -188,219 +152,202 @@ function OrderDetailView({
     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 ?? []);
+    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]);
-  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;
+    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;
-      setReceivable({ balance: balance.data, bills: bills?.data ?? [] });
+      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 updated = await provider().confirmPayment?.(order.id);
-      if (updated) setOrder(updated);
-      else setOrder(await provider().getOrder(order.id));
+      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);
     }
   }
-  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
+  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." })
     ] }),
-    /* @__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." })
-        ] }) }),
+    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(
-          Block,
+          "button",
           {
-            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 })
-            ] })
+            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 })
       ] }),
-      /* @__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." })
+      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}` : ""
           ] }),
-          /* @__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 })
+          (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.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.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 }) })
-      ] })
-    ] })
-  ] });
+            ] })
+          ] }, 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);
@@ -555,7 +502,7 @@ function OrdersTab({ provider }) {
             personId: id,
             name: label,
             lookup: shopCustomerLookup(() => resolveShopProvider(provider)),
-            profileHref: `#/shop/customers/${id}`
+            profileHref: `#/customers/${id}`
           }
         );
       }
@@ -739,5 +686,5 @@ var ShopPage = ({ provider, section }) => {
 ShopPage.displayName = "ShopPage";
 
 export { ShopPage };
-//# sourceMappingURL=ShopPage-HCLXMN7Q.js.map
-//# sourceMappingURL=ShopPage-HCLXMN7Q.js.map
+//# sourceMappingURL=ShopPage-JP27MZS2.js.map
+//# sourceMappingURL=ShopPage-JP27MZS2.js.map