@fayz-ai/plugin-shop 0.9.1 → 0.10.0

package/dist/ShopPage-ZBJRNMKQ.js

@@ -0,0 +1,2942 @@
+import { errorMessage, buildStockLocationsRegistry } from './chunk-EW4XJRA2.js';
+import React2, { useState, useEffect, useMemo, useCallback, useRef } from 'react';
+import { Thumbnail, Button, DataTable, toast, ConfirmDialog, formatPhone, SearchSelect, Modal, ModalPortal, ModalOverlay, ModalContent, ModalHeader, ModalTitle, ModalBody, ModalFooter, Skeleton, PhoneField } from '@fayz-ai/ui';
+import { Minus, Plus, Trash2, CreditCard, XCircle, ShoppingBag, Package, Wallet, X, Pencil, MapPin, Search, Check, Copy, MessageCircle, CheckCircle2, Printer, RefreshCw, ExternalLink, Truck, AlertTriangle, Loader2 } from 'lucide-react';
+import { getShopProvider, formatDocument, resolveShippingLabelProvider, documentDigits, isValidDocument } from '@fayz-ai/shop';
+import { useAdminPath, adminNavigateTo, OrderFormBlock, OrderFormView, OrderDetailSkeleton, OrderDetailBlock, OrderDetailRow, PersonLink, OrderDetailView as OrderDetailView$1, OrderListView, RecordPickerModal, useConnectors, CrudRecordModal } from '@fayz-ai/admin';
+import { usePluginRuntimeOptional, getSupabaseClientOptional } from '@fayz-ai/core';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+// 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
+        }
+      };
+    }
+  };
+}
+function ShipOrderForm({ orderId, provider, onShipped }) {
+  const [open, setOpen] = useState(false);
+  const [carrier, setCarrier] = useState("");
+  const [tracking, setTracking] = useState("");
+  const [saving, setSaving] = useState(false);
+  const [error, setError] = useState(null);
+  const db = getSupabaseClientOptional();
+  const supported = typeof provider().createFulfillment === "function" || typeof db?.rpc === "function";
+  if (!supported) return null;
+  async function ship() {
+    setSaving(true);
+    setError(null);
+    try {
+      if (typeof provider().createFulfillment === "function") {
+        await provider().createFulfillment?.({
+          orderId,
+          carrier: carrier.trim() || void 0,
+          trackingCode: tracking.trim() || void 0
+        });
+      } else {
+        const { error: rpcError } = await db.rpc("shop_create_fulfillment", {
+          p_order_id: orderId,
+          p_location_id: null,
+          p_carrier: carrier.trim() || null,
+          p_tracking: tracking.trim() || null,
+          p_items: null,
+          p_notes: null
+        });
+        if (rpcError) throw new Error(rpcError.message);
+      }
+      setOpen(false);
+      setCarrier("");
+      setTracking("");
+      onShipped();
+    } catch (err) {
+      setError(errorMessage(err));
+    } finally {
+      setSaving(false);
+    }
+  }
+  if (!open) {
+    return /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => setOpen(true),
+        "data-testid": "order-ship",
+        className: "mt-2 inline-flex items-center gap-1.5 rounded-md border px-3 py-1.5 text-sm font-medium transition hover:bg-muted",
+        children: [
+          /* @__PURE__ */ jsx(Truck, { className: "h-3.5 w-3.5" }),
+          "Marcar como enviado"
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "mt-2 space-y-2 rounded-md border bg-muted/30 p-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "fz-fields fz-fields-2 gap-2", children: [
+      /* @__PURE__ */ jsxs("label", { className: "block", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground", children: "Transportadora" }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            value: carrier,
+            onChange: (event) => setCarrier(event.target.value),
+            placeholder: "Correios, motoboy, entrega pr\xF3pria\u2026",
+            "data-testid": "order-ship-carrier",
+            className: "mt-1 w-full rounded-md border bg-background px-2.5 py-1.5 text-sm outline-none focus:border-primary"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("label", { className: "block", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground", children: "C\xF3digo de rastreio" }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            value: tracking,
+            onChange: (event) => setTracking(event.target.value),
+            placeholder: "Opcional",
+            "data-testid": "order-ship-tracking",
+            className: "mt-1 w-full rounded-md border bg-background px-2.5 py-1.5 text-sm outline-none focus:border-primary"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: tracking.trim() ? "Com rastreio o pedido j\xE1 sai como \xABem tr\xE2nsito\xBB e o comprador v\xEA o c\xF3digo." : "Sem rastreio o envio fica como \xABaguardando coleta\xBB \u2014 d\xE1 para completar depois." }),
+    /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Confirmar d\xE1 baixa no estoque destes itens." }),
+    error && /* @__PURE__ */ jsx("p", { className: "rounded-md border border-red-200 bg-red-50 px-2.5 py-1.5 text-xs text-red-800", children: error }),
+    /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: ship,
+          disabled: saving,
+          "data-testid": "order-ship-confirm",
+          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: saving ? "Registrando\u2026" : "Confirmar envio"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => {
+            setOpen(false);
+            setError(null);
+          },
+          className: "rounded-md border px-3 py-1.5 text-sm font-medium transition hover:bg-muted",
+          children: "Cancelar"
+        }
+      )
+    ] })
+  ] });
+}
+function pickDispatchLocation(locations, locationId) {
+  if (locationId) return locations.find((place) => place.id === locationId) ?? null;
+  const alive = locations.filter((place) => place.status !== "archived");
+  const dispatching = alive.filter((place) => place.shipsOnline !== false);
+  const pool = dispatching.length > 0 ? dispatching : alive;
+  return pool.find((place) => place.isDefault) ?? pool[0] ?? null;
+}
+function SenderLocationModal({
+  open,
+  onClose,
+  onSaved,
+  provider,
+  locationId
+}) {
+  const resolve = provider ?? (() => getShopProvider());
+  const registry = React2.useMemo(() => buildStockLocationsRegistry(resolve), [provider]);
+  const chosen = React2.useRef(null);
+  return /* @__PURE__ */ jsx(
+    CrudRecordModal,
+    {
+      open,
+      onClose,
+      onSaved,
+      entityDef: registry.entity,
+      title: "Remetente das etiquetas",
+      description: "\xC9 o que vai impresso na etiqueta, e \xE9 o que a transportadora confere.",
+      emptyLabel: "Esta loja n\xE3o tem nenhum local que despacha pedidos. Cadastre um em Entrega \u25B8 Locais.",
+      load: async () => {
+        const rows = await resolve().listStockLocations?.() ?? [];
+        const place = pickDispatchLocation(rows, locationId);
+        chosen.current = place?.id ?? null;
+        return place;
+      },
+      save: async (data) => {
+        if (!chosen.current) throw new Error("Nenhum local de despacho para salvar.");
+        return await resolve().updateStockLocation?.(chosen.current, data);
+      }
+    }
+  );
+}
+
+// src/views/new-order-rules.ts
+function chargeOutcome(state) {
+  if (state === "paid") return "paid";
+  if (state === "expired") return "expired";
+  if (state === "failed" || state === "cancelled") return "failed";
+  return "waiting";
+}
+function validateNewOrder(draft, ending) {
+  if (draft.lineCount === 0) return "Adicione pelo menos um produto ao pedido.";
+  if (draft.unresolvedVariants > 0) {
+    return "Escolha a varia\xE7\xE3o de cada produto que tem mais de uma op\xE7\xE3o.";
+  }
+  if (!draft.customerName.trim()) return "Informe o cliente.";
+  if (draft.delivers && !draft.addressComplete) return "Complete o endere\xE7o de entrega.";
+  if (draft.customerDocument && !draft.documentValid) return "Esse CPF/CNPJ n\xE3o confere.";
+  if (ending === "charge") {
+    const missing = [
+      !draft.customerEmail.trim() && "e-mail",
+      !draft.customerDocument.trim() && "CPF",
+      !draft.customerPhone.trim() && "telefone"
+    ].filter(Boolean);
+    if (missing.length) {
+      return `Para gerar a cobran\xE7a o adquirente exige ${missing.join(", ")} no cadastro do cliente.`;
+    }
+  }
+  return null;
+}
+function isDuplicateEmail(error) {
+  const code = String(error?.code ?? "");
+  if (code === "23505") return true;
+  const message = String(error?.message ?? error ?? "");
+  return /duplicate key value/iu.test(message) && /email/iu.test(message);
+}
+function isSenderRefusal(message) {
+  const text = String(message ?? "");
+  return /\bfrom\./iu.test(text) || /remetente/iu.test(text);
+}
+var money = (value) => new Intl.NumberFormat("pt-BR", { style: "currency", currency: "BRL" }).format(Number(value) || 0);
+var eta = (option) => {
+  const min = option.etaMinDays ?? null;
+  const max = option.etaMaxDays ?? null;
+  if (!min && !max) return null;
+  if (min && max && min !== max) return `${min}\u2013${max} dias`;
+  return `${max ?? min} dia(s)`;
+};
+function ShipWithCarrier({ orderId, provider, preferredCarrier, onShipped }) {
+  const { connectors } = useConnectors({ hostPluginId: "shop", includeGrants: false });
+  const carrier = useMemo(() => resolveShippingLabelProvider({
+    connected: (connectors ?? []).filter((c) => c.state === "connected").map((c) => c.slug),
+    preferred: preferredCarrier
+  }), [connectors, preferredCarrier]);
+  const [options, setOptions] = useState(null);
+  const [label, setLabel] = useState(null);
+  const [chosen, setChosen] = useState(null);
+  const [open, setOpen] = useState(false);
+  const [confirming, setConfirming] = useState(false);
+  const [busy, setBusy] = useState(false);
+  const [error, setError] = useState(null);
+  const [unavailable, setUnavailable] = useState(false);
+  const [fixingSender, setFixingSender] = useState(false);
+  const [celebrating, setCelebrating] = useState(false);
+  const load = useCallback(async () => {
+    setBusy(true);
+    setError(null);
+    try {
+      const result = await carrier?.quote(orderId);
+      if (!result) {
+        setUnavailable(true);
+        return;
+      }
+      setOptions(result.options);
+      setLabel(result.label);
+      setChosen(result.options[0]?.serviceId ?? null);
+    } catch (err) {
+      const message = errorMessage(err);
+      if (/conectada|not_connected|404/iu.test(message)) setUnavailable(true);
+      else setError(message);
+    } finally {
+      setBusy(false);
+    }
+  }, [orderId, carrier]);
+  useEffect(() => {
+    if (open && options === null) void load();
+  }, [open, options, load]);
+  useEffect(() => {
+    let cancelled = false;
+    carrier?.quote(orderId).then((result) => {
+      if (cancelled || !result?.label) return;
+      setLabel(result.label);
+      setOptions(result.options);
+      setOpen(true);
+    }).catch(() => {
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [orderId]);
+  useEffect(() => {
+    if (!celebrating) return;
+    const timer = setTimeout(() => setCelebrating(false), 8e3);
+    return () => clearTimeout(timer);
+  }, [celebrating]);
+  if (!carrier || unavailable) return null;
+  async function buy() {
+    const service2 = options?.find((option) => option.serviceId === chosen);
+    if (!chosen || !service2) {
+      setConfirming(false);
+      setError("A cota\xE7\xE3o mudou. Escolha o servi\xE7o de novo antes de comprar.");
+      return;
+    }
+    setBusy(true);
+    setError(null);
+    try {
+      const bought = await carrier?.buy(orderId, chosen);
+      if (!bought?.labelId) {
+        throw new Error("A transportadora aceitou o pedido mas n\xE3o devolveu a etiqueta. Tente de novo em instantes.");
+      }
+      setLabel(bought);
+      setConfirming(false);
+      setCelebrating(true);
+      onShipped();
+    } catch (err) {
+      setError(errorMessage(err));
+    } finally {
+      setBusy(false);
+    }
+  }
+  async function refreshTracking() {
+    setBusy(true);
+    setError(null);
+    try {
+      const tracking = await carrier?.track(orderId);
+      setLabel((current) => current ? { ...current, tracking: tracking ?? current.tracking } : current);
+      onShipped();
+    } catch (err) {
+      setError(errorMessage(err));
+    } finally {
+      setBusy(false);
+    }
+  }
+  async function print() {
+    setBusy(true);
+    setError(null);
+    try {
+      const url = await carrier?.print(orderId) ?? label?.labelUrl;
+      if (url) window.open(url, "_blank", "noopener");
+      else setError("A transportadora ainda n\xE3o liberou o PDF da etiqueta.");
+    } catch (err) {
+      setError(errorMessage(err));
+    } finally {
+      setBusy(false);
+    }
+  }
+  if (label?.labelId) {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: `mt-2 space-y-2 rounded-md border p-3 transition-colors ${celebrating ? "border-emerald-300 bg-emerald-50/60" : "bg-muted/30"}`,
+        "data-testid": "carrier-label",
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+            /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5 text-sm font-medium", children: [
+              celebrating && /* @__PURE__ */ jsx(CheckCircle2, { className: "h-4 w-4 shrink-0 text-emerald-600" }),
+              "Etiqueta comprada"
+            ] }),
+            label.tracking?.code && /* @__PURE__ */ jsx("span", { className: "font-mono text-xs", children: label.tracking.code })
+          ] }),
+          celebrating && /* @__PURE__ */ jsx("p", { className: "text-xs text-emerald-800", role: "status", "data-testid": "carrier-bought", children: "Compra conclu\xEDda. Imprima a etiqueta e cole no pacote \u2014 o rastreio passa a chegar sozinho." }),
+          label.tracking?.status && /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
+            "Situa\xE7\xE3o na transportadora: ",
+            label.tracking.status
+          ] }),
+          /* @__PURE__ */ jsx(CarrierError, { error, onFix: () => setFixingSender(true) }),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
+            /* @__PURE__ */ jsxs(Button, { size: "sm", onClick: print, disabled: busy, "data-testid": "carrier-print", children: [
+              /* @__PURE__ */ jsx(Printer, { className: "mr-1.5 h-3.5 w-3.5" }),
+              "Imprimir etiqueta"
+            ] }),
+            /* @__PURE__ */ jsxs(Button, { size: "sm", variant: "outline", onClick: refreshTracking, disabled: busy, "data-testid": "carrier-track", children: [
+              /* @__PURE__ */ jsx(RefreshCw, { className: "mr-1.5 h-3.5 w-3.5" }),
+              "Atualizar rastreio"
+            ] }),
+            label.tracking?.url && /* @__PURE__ */ jsxs(
+              "a",
+              {
+                href: label.tracking.url,
+                target: "_blank",
+                rel: "noreferrer",
+                className: "inline-flex items-center rounded-md border px-3 py-1.5 text-sm font-medium transition hover:bg-muted",
+                children: [
+                  /* @__PURE__ */ jsx(ExternalLink, { className: "mr-1.5 h-3.5 w-3.5" }),
+                  "Acompanhar"
+                ]
+              }
+            )
+          ] })
+        ]
+      }
+    );
+  }
+  if (!open) {
+    return /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => setOpen(true),
+        "data-testid": "carrier-open",
+        className: "mt-2 inline-flex items-center gap-1.5 rounded-md border px-3 py-1.5 text-sm font-medium transition hover:bg-muted",
+        children: [
+          /* @__PURE__ */ jsx(Truck, { className: "h-3.5 w-3.5" }),
+          "Comprar etiqueta na ",
+          carrier.label
+        ]
+      }
+    );
+  }
+  const service = options?.find((option) => option.serviceId === chosen);
+  const pending = confirming ? service : void 0;
+  return /* @__PURE__ */ jsxs("div", { className: "mt-2 space-y-2 rounded-md border bg-muted/30 p-3", "data-testid": "carrier-buy", children: [
+    busy && options === null && /* @__PURE__ */ jsx("div", { className: "space-y-1.5", "data-testid": "carrier-quoting", "aria-busy": "true", "aria-label": "Cotando com a transportadora", children: [0, 1].map((row) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 rounded-md border p-2", children: [
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-4 shrink-0 rounded-full" }),
+      /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1 space-y-1.5", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-3.5 w-40" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-16" })
+      ] }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-3.5 w-14" })
+    ] }, row)) }),
+    options?.length === 0 && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "A transportadora n\xE3o atende este endere\xE7o com os dados deste pedido." }),
+    options && options.length > 0 && // Locked while the confirmation is open: the panel below quotes a price,
+    // and a radio that still moves makes it a promise about the wrong row.
+    /* @__PURE__ */ jsx("div", { className: `space-y-1.5 ${pending ? "pointer-events-none opacity-50" : ""}`, children: options.map((option) => /* @__PURE__ */ jsxs(
+      "label",
+      {
+        className: `flex cursor-pointer items-center gap-2 rounded-md border p-2 text-sm transition ${chosen === option.serviceId ? "border-primary bg-primary/5" : "hover:bg-muted/50"}`,
+        children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "radio",
+              name: "carrier-service",
+              checked: chosen === option.serviceId,
+              disabled: Boolean(pending),
+              onChange: () => setChosen(option.serviceId),
+              "data-testid": "carrier-service"
+            }
+          ),
+          /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsxs("span", { className: "block truncate", children: [
+              option.carrier,
+              " \xB7 ",
+              option.name
+            ] }),
+            eta(option) && /* @__PURE__ */ jsx("span", { className: "block text-xs text-muted-foreground", children: eta(option) })
+          ] }),
+          /* @__PURE__ */ jsx("span", { className: "tabular-nums", children: money(option.price) })
+        ]
+      },
+      option.serviceId
+    )) }),
+    !pending && /* @__PURE__ */ jsx(CarrierError, { error, onFix: () => setFixingSender(true) }),
+    /* @__PURE__ */ jsx(
+      SenderLocationModal,
+      {
+        provider,
+        open: fixingSender,
+        onClose: () => setFixingSender(false),
+        onSaved: () => {
+          setFixingSender(false);
+          setConfirming(false);
+          setError(null);
+          void load();
+        }
+      }
+    ),
+    pending ? /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "space-y-2 rounded-md border border-amber-300 bg-amber-50 px-2.5 py-2",
+        role: "alertdialog",
+        "aria-label": "Confirmar compra da etiqueta",
+        "data-testid": "carrier-confirm-panel",
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2", children: [
+            /* @__PURE__ */ jsx(AlertTriangle, { className: "mt-0.5 h-4 w-4 shrink-0 text-amber-600" }),
+            /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1 space-y-1.5", children: [
+              /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-amber-900", children: "Confirmar compra da etiqueta" }),
+              /* @__PURE__ */ jsxs("div", { className: "flex items-baseline justify-between gap-2 rounded border border-amber-200 bg-white/70 px-2 py-1.5", children: [
+                /* @__PURE__ */ jsxs("span", { className: "min-w-0", children: [
+                  /* @__PURE__ */ jsxs("span", { className: "block truncate text-xs", children: [
+                    pending.carrier,
+                    " \xB7 ",
+                    pending.name
+                  ] }),
+                  eta(pending) && /* @__PURE__ */ jsx("span", { className: "block text-[11px] text-muted-foreground", children: eta(pending) })
+                ] }),
+                /* @__PURE__ */ jsx("span", { className: "shrink-0 text-sm font-semibold tabular-nums", children: money(pending.price) })
+              ] }),
+              /* @__PURE__ */ jsxs("p", { className: "text-[11px] text-amber-900", children: [
+                "O valor \xE9 debitado do saldo da sua conta na ",
+                carrier.label,
+                ". A etiqueta sai na hora e o rastreio passa a chegar sozinho."
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx(CarrierError, { error, onFix: () => setFixingSender(true) }),
+          /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2", children: [
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                size: "sm",
+                variant: "outline",
+                onClick: () => {
+                  setConfirming(false);
+                  setError(null);
+                },
+                disabled: busy,
+                "data-testid": "carrier-confirm-back",
+                children: "Voltar"
+              }
+            ),
+            /* @__PURE__ */ jsxs(Button, { size: "sm", onClick: buy, disabled: busy, "data-testid": "carrier-confirm", children: [
+              busy && /* @__PURE__ */ jsx(Loader2, { className: "mr-1.5 h-3.5 w-3.5 animate-spin" }),
+              busy ? "Comprando\u2026" : error ? "Tentar de novo" : `Comprar ${money(pending.price)}`
+            ] })
+          ] })
+        ]
+      }
+    ) : /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2", children: [
+      /* @__PURE__ */ jsx(Button, { size: "sm", variant: "ghost", onClick: () => setOpen(false), "data-testid": "carrier-close", children: "Fechar" }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          size: "sm",
+          onClick: () => {
+            setError(null);
+            setConfirming(true);
+          },
+          disabled: busy || !chosen,
+          "data-testid": "carrier-buy-start",
+          children: "Selecionar etiqueta"
+        }
+      )
+    ] })
+  ] });
+}
+function CarrierError({ error, onFix }) {
+  if (!error) return null;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role: "alert",
+      "data-testid": "carrier-error",
+      className: "rounded-md border border-red-200 bg-red-50 px-2.5 py-1.5 text-xs text-red-800",
+      children: [
+        /* @__PURE__ */ jsx("p", { children: error }),
+        isSenderRefusal(error) && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: onFix,
+            "data-testid": "carrier-fix-sender",
+            className: "mt-1 font-medium underline underline-offset-2",
+            children: "Completar o cadastro do remetente"
+          }
+        )
+      ]
+    }
+  );
+}
+function ShipmentActions({ fulfillmentId, status, hasTracking, provider, onChanged }) {
+  const [mode, setMode] = useState("idle");
+  const [tracking, setTracking] = useState("");
+  const [trackingUrl, setTrackingUrl] = useState("");
+  const [carrier, setCarrier] = useState("");
+  const [busy, setBusy] = useState(false);
+  const [error, setError] = useState(null);
+  const db = getSupabaseClientOptional();
+  if (status === "cancelled" || status === "returned") return null;
+  if (!db && typeof provider().shipFulfillment !== "function") return null;
+  async function run(action) {
+    setBusy(true);
+    setError(null);
+    try {
+      await action();
+      setMode("idle");
+      setTracking("");
+      setTrackingUrl("");
+      setCarrier("");
+      onChanged();
+    } catch (err) {
+      setError(errorMessage(err));
+    } finally {
+      setBusy(false);
+    }
+  }
+  const saveTracking = () => run(async () => {
+    const code = tracking.trim();
+    if (!code) throw new Error("Informe o c\xF3digo que a transportadora deu.");
+    const url = trackingUrl.trim() || null;
+    const who = carrier.trim() || null;
+    if (typeof provider().shipFulfillment === "function") {
+      await provider().shipFulfillment?.(fulfillmentId, {
+        trackingCode: code,
+        trackingUrl: url ?? void 0,
+        carrier: who ?? void 0
+      });
+      return;
+    }
+    const { error: rpcError } = await db.rpc("shop_ship_fulfillment", {
+      p_fulfillment_id: fulfillmentId,
+      p_tracking: code,
+      p_tracking_url: url,
+      p_carrier: who
+    });
+    if (rpcError) throw new Error(rpcError.message);
+  });
+  const markDelivered = () => run(async () => {
+    if (typeof provider().deliverFulfillment === "function") {
+      await provider().deliverFulfillment?.(fulfillmentId);
+      return;
+    }
+    const { error: rpcError } = await db.rpc("shop_deliver_fulfillment", {
+      p_fulfillment_id: fulfillmentId,
+      p_delivered_at: null
+    });
+    if (rpcError) throw new Error(rpcError.message);
+  });
+  const cancelShipment = () => run(async () => {
+    if (typeof provider().cancelFulfillment === "function") {
+      await provider().cancelFulfillment?.(fulfillmentId);
+      return;
+    }
+    const { error: rpcError } = await db.rpc("shop_cancel_fulfillment", {
+      p_fulfillment_id: fulfillmentId,
+      p_note: null
+    });
+    if (rpcError) throw new Error(rpcError.message);
+  });
+  const link = "rounded px-1.5 py-0.5 text-[11px] font-medium transition hover:bg-muted";
+  if (mode === "tracking") {
+    return /* @__PURE__ */ jsxs("div", { className: "mt-1.5 space-y-1.5", children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          value: carrier,
+          onChange: (event) => setCarrier(event.target.value),
+          placeholder: "Transportadora (Correios, motoboy\u2026)",
+          "data-testid": "shipment-carrier-input",
+          className: "w-full rounded-md border bg-background px-2 py-1 text-xs outline-none focus:border-primary"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          value: tracking,
+          onChange: (event) => setTracking(event.target.value),
+          placeholder: "C\xF3digo de rastreio",
+          "data-testid": "shipment-tracking-input",
+          className: "w-full rounded-md border bg-background px-2 py-1 text-xs outline-none focus:border-primary"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          value: trackingUrl,
+          onChange: (event) => setTrackingUrl(event.target.value),
+          placeholder: "Link de rastreio (opcional)",
+          "data-testid": "shipment-tracking-url-input",
+          className: "w-full rounded-md border bg-background px-2 py-1 text-xs outline-none focus:border-primary"
+        }
+      ),
+      error && /* @__PURE__ */ jsx("p", { className: "text-[11px] text-red-700", children: error }),
+      /* @__PURE__ */ jsxs("div", { className: "flex gap-1.5", children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: saveTracking,
+            disabled: busy,
+            "data-testid": "shipment-tracking-save",
+            className: "rounded bg-primary px-2 py-0.5 text-[11px] font-medium text-primary-foreground disabled:opacity-60",
+            children: busy ? "Salvando\u2026" : "Salvar"
+          }
+        ),
+        /* @__PURE__ */ jsx("button", { type: "button", onClick: () => {
+          setMode("idle");
+          setError(null);
+        }, className: `border ${link}`, children: "Voltar" })
+      ] })
+    ] });
+  }
+  if (mode === "cancel") {
+    return /* @__PURE__ */ jsxs("div", { className: "mt-1.5 space-y-1.5 rounded border border-red-200 bg-red-50 p-1.5", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-[11px] text-red-900", children: "Cancelar devolve os itens ao estoque." }),
+      error && /* @__PURE__ */ jsx("p", { className: "text-[11px] text-red-700", children: error }),
+      /* @__PURE__ */ jsxs("div", { className: "flex gap-1.5", children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: cancelShipment,
+            disabled: busy,
+            "data-testid": "shipment-cancel-confirm",
+            className: "rounded bg-red-600 px-2 py-0.5 text-[11px] font-medium text-white disabled:opacity-60",
+            children: busy ? "Cancelando\u2026" : "Cancelar envio"
+          }
+        ),
+        /* @__PURE__ */ jsx("button", { type: "button", onClick: () => {
+          setMode("idle");
+          setError(null);
+        }, className: `border bg-background ${link}`, children: "Voltar" })
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "mt-1.5 flex flex-wrap items-center gap-1.5", children: [
+    !hasTracking && /* @__PURE__ */ jsx("button", { type: "button", onClick: () => setMode("tracking"), "data-testid": "shipment-add-tracking", className: `border ${link}`, children: "Informar rastreio" }),
+    status !== "delivered" && /* @__PURE__ */ jsx("button", { type: "button", onClick: markDelivered, disabled: busy, "data-testid": "shipment-deliver", className: `border ${link}`, children: busy ? "Salvando\u2026" : "Marcar como entregue" }),
+    status !== "delivered" && /* @__PURE__ */ jsx("button", { type: "button", onClick: () => setMode("cancel"), "data-testid": "shipment-cancel", className: `border border-red-200 text-red-700 hover:bg-red-50 ${link}`, children: "Cancelar envio" }),
+    error && /* @__PURE__ */ jsx("p", { className: "w-full text-[11px] text-red-700", children: error })
+  ] });
+}
+var SOURCE_LABEL = {
+  bling: "Bling",
+  appmax: "AppMax",
+  abacatepay: "AbacatePay"
+};
+var KIND_LABEL = {
+  sales_order: "Pedido de venda",
+  payment: "Cobran\xE7a",
+  nfe: "Nota fiscal"
+};
+var STATUS_LABEL = {
+  filed: "Registrado",
+  pending: "Aguardando",
+  paid: "Pago",
+  failed: "Falhou",
+  refunded: "Estornado",
+  draft: "Rascunho"
+};
+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));
+function OrderProviderLinks({ orderId }) {
+  const [links, setLinks] = useState(null);
+  useEffect(() => {
+    let cancelled = false;
+    const db = getSupabaseClientOptional();
+    if (!db) return;
+    db.from("plg_shop_order_links").select("id,source,kind,external_id,external_number,url,status,synced_at").eq("order_id", orderId).neq("kind", "payment").order("created_at", { ascending: true }).then(({ data }) => {
+      if (!cancelled) setLinks(data ?? []);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [orderId]);
+  if (!links || links.length === 0) return null;
+  return /* @__PURE__ */ jsx(OrderDetailBlock, { title: "Nos sistemas conectados", hint: "Onde este pedido j\xE1 chegou", children: /* @__PURE__ */ jsx("div", { className: "space-y-2 text-sm", "data-testid": "order-provider-links", children: links.map((link) => /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-baseline justify-between gap-x-3 gap-y-0.5", children: [
+    /* @__PURE__ */ jsxs("span", { className: "font-medium", children: [
+      SOURCE_LABEL[link.source] ?? link.source,
+      " \xB7 ",
+      KIND_LABEL[link.kind] ?? link.kind
+    ] }),
+    /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+      link.url ? /* @__PURE__ */ jsx("a", { href: link.url, target: "_blank", rel: "noreferrer", className: "font-mono text-xs text-primary hover:underline", children: link.external_number ?? link.external_id }) : /* @__PURE__ */ jsx("span", { className: "font-mono text-xs", children: link.external_number ?? link.external_id }),
+      link.status && /* @__PURE__ */ jsx("span", { className: "ml-2 text-xs", children: STATUS_LABEL[link.status] ?? link.status })
+    ] }),
+    link.synced_at && /* @__PURE__ */ jsxs("span", { className: "w-full text-[11px] text-muted-foreground", children: [
+      "atualizado em ",
+      dateTime(link.synced_at)
+    ] })
+  ] }, link.id)) }) });
+}
+var PROVIDER_LABEL = {
+  abacatepay: "AbacatePay",
+  appmax: "AppMax",
+  mercadopago: "Mercado Pago",
+  stripe: "Stripe"
+};
+var STATUS_LABEL2 = {
+  paid: "Confirmado",
+  pending: "Aguardando",
+  failed: "Recusado",
+  refunded: "Estornado"
+};
+function OrderPaymentDetail({ orderId }) {
+  const [link, setLink] = useState(null);
+  const [copied, setCopied] = useState(false);
+  useEffect(() => {
+    let cancelled = false;
+    const db = getSupabaseClientOptional();
+    if (!db) return;
+    db.from("plg_shop_order_links").select("source,external_id,url,status").eq("order_id", orderId).eq("kind", "payment").order("created_at", { ascending: false }).limit(1).then(({ data }) => {
+      if (!cancelled) setLink(data?.[0] ?? null);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [orderId]);
+  if (!link) return null;
+  async function copy() {
+    if (!link) return;
+    try {
+      await navigator.clipboard.writeText(link.external_id);
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2400);
+    } catch {
+    }
+  }
+  return /* @__PURE__ */ jsxs("div", { "data-testid": "order-payment-detail", className: "mt-1 space-y-1.5", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-baseline justify-between gap-3 text-sm", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Cobrado por" }),
+      /* @__PURE__ */ jsxs("span", { className: "font-medium", children: [
+        PROVIDER_LABEL[link.source] ?? link.source,
+        link.status && /* @__PURE__ */ jsx("span", { className: "ml-2 text-xs text-muted-foreground", children: STATUS_LABEL2[link.status] ?? link.status })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-baseline justify-between gap-3 text-sm", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Comprovante" }),
+      /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsx("code", { className: "max-w-[16rem] truncate font-mono text-xs", title: link.external_id, children: link.external_id }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: copy,
+            "aria-label": "Copiar o c\xF3digo da cobran\xE7a",
+            "data-testid": "order-payment-copy",
+            className: "rounded p-1 text-muted-foreground transition hover:bg-muted hover:text-foreground",
+            children: copied ? /* @__PURE__ */ jsx(Check, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ jsx(Copy, { className: "h-3.5 w-3.5" })
+          }
+        ),
+        link.url && /* @__PURE__ */ jsx(
+          "a",
+          {
+            href: link.url,
+            target: "_blank",
+            rel: "noreferrer",
+            "aria-label": "Abrir no provedor",
+            className: "rounded p-1 text-muted-foreground transition hover:bg-muted hover:text-foreground",
+            children: /* @__PURE__ */ jsx(ExternalLink, { className: "h-3.5 w-3.5" })
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+async function cancelShopOrder(provider, orderId, reason) {
+  if (typeof provider.cancelOrder === "function") {
+    await provider.cancelOrder(orderId, reason);
+    return;
+  }
+  const db = getSupabaseClientOptional();
+  if (!db?.rpc) throw new Error("Cancelamento indispon\xEDvel nesta loja.");
+  const { error } = await db.rpc("shop_cancel_order", { p_order_id: orderId, p_reason: reason ?? null });
+  if (error) throw new Error(error.message);
+}
+var money2 = (v, currency2 = "BRL") => new Intl.NumberFormat("pt-BR", { style: "currency", currency: currency2 }).format(Number(v) || 0);
+var dateTime2 = (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 paidAtLabel = (iso) => {
+  const at = new Date(iso);
+  const midnightUtc = at.getUTCHours() === 0 && at.getUTCMinutes() === 0 && at.getUTCSeconds() === 0;
+  return midnightUtc ? new Intl.DateTimeFormat("pt-BR", {
+    day: "2-digit",
+    month: "2-digit",
+    year: "numeric",
+    timeZone: "UTC"
+  }).format(at) : dateTime2(iso);
+};
+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 ORDER_STATUS_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",
+  pending: "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: ORDER_STATUS_LABEL[value] ?? value });
+}
+var LIFECYCLE_CONFIRM = {
+  cancelled: {
+    cta: "Cancelar pedido",
+    warning: "Cancelar encerra os envios em aberto, devolve o estoque que estava reservado para este pedido e cancela a cobran\xE7a que ainda n\xE3o foi paga."
+  },
+  archived: {
+    cta: "Arquivar",
+    warning: "Arquivar tira o pedido do dia a dia sem mudar nada do que j\xE1 aconteceu. D\xE1 para reabrir depois."
+  },
+  // Reopening is only a status change: it does not re-reserve the stock a cancel
+  // gave back, nor re-open the charge it closed. Saying so beats a merchant
+  // assuming the order came back exactly as it was.
+  open: {
+    cta: "Reabrir",
+    warning: "O pedido volta para a lista de abertos. O estoque e a cobran\xE7a N\xC3O voltam sozinhos \u2014 se foi cancelado, confira os dois antes de despachar."
+  }
+};
+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 runtime = usePluginRuntimeOptional();
+  const hasFinancial = (runtime?.activePlugins ?? []).some((p) => p.id === "financial");
+  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 [pendingStatus, setPendingStatus] = useState(null);
+  const [statusSaving, setStatusSaving] = useState(false);
+  const [statusError, setStatusError] = useState(null);
+  const [cancelReason, setCancelReason] = useState("");
+  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) return;
+      if (err?.code === "22P02") {
+        setOrder(null);
+        return;
+      }
+      setError(errorMessage(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]);
+  const loadReceivable = useCallback(async (force = false) => {
+    const db = getSupabaseClientOptional();
+    if (!db) return;
+    if (force) shopReceivableCache.delete(orderId);
+    else if (shopReceivableCache.has(orderId)) {
+      setReceivable(shopReceivableCache.get(orderId) ?? null);
+      return;
+    }
+    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 (!balance?.data) return;
+    const rec = { balance: balance.data, bills: bills?.data ?? [] };
+    shopReceivableCache.set(orderId, rec);
+    setReceivable(rec);
+  }, [orderId]);
+  useEffect(() => {
+    void loadReceivable();
+  }, [loadReceivable]);
+  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 reloadShipments() {
+    shopShipmentsCache.delete(orderId);
+    shopOrderCache.delete(orderId);
+    const db = getSupabaseClientOptional();
+    if (db) {
+      const { data: data2 } = await db.from("fulfillments").select("*").eq("order_id", orderId).order("created_at", { ascending: false });
+      shopShipmentsCache.set(orderId, data2 ?? []);
+      setShipments(data2 ?? []);
+    }
+    const fresh = await provider().getOrder(orderId);
+    if (fresh) {
+      shopOrderCache.set(orderId, fresh);
+      setOrder(fresh);
+    }
+  }
+  async function registerReceipt() {
+    if (!order) return;
+    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);
+      }
+      await loadReceivable(true);
+    } catch (err) {
+      setConfirmError(errorMessage(err));
+    } finally {
+      setConfirming(false);
+    }
+  }
+  async function applyStatus(next) {
+    if (!order) return;
+    setStatusSaving(true);
+    setStatusError(null);
+    try {
+      if (next === "cancelled") {
+        await cancelShopOrder(provider(), order.id, cancelReason.trim() || void 0);
+        shopOrderCache.delete(order.id);
+        shopShipmentsCache.delete(order.id);
+        const fresh = await provider().getOrder(order.id);
+        if (fresh) {
+          shopOrderCache.set(order.id, fresh);
+          setOrder(fresh);
+        }
+        await reloadShipments();
+        await loadReceivable(true);
+      } else {
+        const updated = await provider().updateOrder(order.id, { status: next });
+        if (updated) {
+          shopOrderCache.set(order.id, updated);
+          setOrder(updated);
+        }
+      }
+      setPendingStatus(null);
+      setCancelReason("");
+    } catch (err) {
+      setStatusError(errorMessage(err));
+    } finally {
+      setStatusSaving(false);
+    }
+  }
+  const destructive = pendingStatus === "cancelled";
+  const statusActions = pendingStatus ? /* @__PURE__ */ jsxs("div", { className: `w-full space-y-2 rounded-md border px-3 py-2 ${destructive ? "border-red-300 bg-red-50" : "border-amber-300 bg-amber-50"}`, children: [
+    /* @__PURE__ */ jsx("p", { className: `text-xs ${destructive ? "text-red-900" : "text-amber-900"}`, children: LIFECYCLE_CONFIRM[pendingStatus].warning }),
+    destructive && order.financialStatus === "paid" && /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-red-900", children: "Este pedido est\xE1 pago. Cancelar N\xC3O devolve o dinheiro \u2014 o estorno \xE9 feito na m\xE3o, no Financeiro ou no seu meio de pagamento." }),
+    destructive && /* @__PURE__ */ jsx(
+      "input",
+      {
+        value: cancelReason,
+        onChange: (event) => setCancelReason(event.target.value),
+        placeholder: "Motivo (opcional) \u2014 fica no hist\xF3rico do pedido",
+        "data-testid": "order-cancel-reason",
+        className: "w-full rounded-md border bg-background px-2.5 py-1.5 text-sm outline-none focus:border-primary"
+      }
+    ),
+    statusError && /* @__PURE__ */ jsx("p", { className: "rounded-md border border-red-200 bg-white px-2.5 py-1.5 text-xs text-red-800", children: statusError }),
+    /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => applyStatus(pendingStatus),
+          disabled: statusSaving,
+          "data-testid": "order-status-confirm",
+          className: `rounded-md px-3 py-1.5 text-sm font-medium text-white transition disabled:opacity-60 ${destructive ? "bg-red-600 hover:bg-red-700" : "bg-primary hover:opacity-90"}`,
+          children: statusSaving ? "Salvando\u2026" : LIFECYCLE_CONFIRM[pendingStatus].cta
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => {
+            setPendingStatus(null);
+            setStatusError(null);
+            setCancelReason("");
+          },
+          className: "rounded-md border bg-background px-3 py-1.5 text-sm font-medium transition hover:bg-muted",
+          children: "Voltar"
+        }
+      )
+    ] })
+  ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+    order.status !== "open" && /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => setPendingStatus("open"),
+        "data-testid": "order-reopen",
+        className: "rounded-md border px-3 py-1.5 text-sm font-medium transition hover:bg-muted",
+        children: "Reabrir pedido"
+      }
+    ),
+    order.status === "open" && /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => setPendingStatus("archived"),
+        "data-testid": "order-archive",
+        className: "rounded-md border px-3 py-1.5 text-sm font-medium transition hover:bg-muted",
+        children: "Arquivar"
+      }
+    ),
+    order.status !== "cancelled" && /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => setPendingStatus("cancelled"),
+        "data-testid": "order-cancel",
+        className: "rounded-md border border-red-200 px-3 py-1.5 text-sm font-medium text-red-700 transition hover:bg-red-50",
+        children: "Cancelar pedido"
+      }
+    ),
+    statusError && /* @__PURE__ */ jsx("p", { className: "w-full rounded-md border border-red-200 bg-red-50 px-3 py-2 text-xs text-red-800", children: statusError })
+  ] });
+  const installments = receivable && receivable.bills.length > 0 ? receivable.bills.map((b) => ({
+    number: b.installment_number ?? 0,
+    amount: `${money2(Number(b.paid_amount ?? 0), cur)} / ${money2(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: dateTime2(order.createdAt),
+    badges: [
+      { label: ORDER_STATUS_LABEL[order.financialStatus] ?? order.financialStatus, tone: toneOf(order.financialStatus) },
+      { label: ORDER_STATUS_LABEL[order.fulfillmentStatus] ?? order.fulfillmentStatus, tone: toneOf(order.fulfillmentStatus) }
+    ],
+    actions: statusActions,
+    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: money2(it.unitPrice, cur),
+      total: money2(it.total, cur)
+    })),
+    totals: [
+      { label: "Subtotal", value: money2(order.subtotal, cur) },
+      ...order.discountTotal > 0 ? [{ label: `Desconto${order.discountCode ? ` (${order.discountCode})` : ""}`, value: `\u2212 ${money2(order.discountTotal, cur)}`, muted: true }] : [],
+      { label: "Entrega", value: money2(order.shippingTotal, cur) },
+      { label: "Impostos", value: money2(order.taxTotal, cur) },
+      { label: "Total", value: money2(order.total, cur), strong: true }
+    ],
+    paymentMethod: order.paymentMethodKind ? PAYMENT_LABEL[order.paymentMethodKind] ?? order.paymentMethodKind : void 0,
+    paidAt: order.paidAt ? paidAtLabel(order.paidAt) : void 0,
+    paymentExtra: /* @__PURE__ */ jsx(OrderPaymentDetail, { orderId: order.id }),
+    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: money2(receivable.balance.amount, cur) },
+        { label: "Recebido", value: money2(receivable.balance.paid, cur) },
+        { label: "Saldo", value: money2(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"
+          }
+        ),
+        hasFinancial && /* @__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 ",
+                dateTime2(s.shipped_at)
+              ] }),
+              s.estimated_delivery_at && /* @__PURE__ */ jsxs("p", { children: [
+                "Previs\xE3o: ",
+                dateTime2(s.estimated_delivery_at)
+              ] }),
+              s.delivered_at && /* @__PURE__ */ jsxs("p", { children: [
+                "Entregue em ",
+                dateTime2(s.delivered_at)
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx(
+              ShipmentActions,
+              {
+                fulfillmentId: s.id,
+                status: s.status,
+                hasTracking: Boolean(s.tracking_code),
+                provider,
+                onChanged: reloadShipments
+              }
+            )
+          ] }, s.id)) }),
+          order.fulfillmentStatus !== "fulfilled" && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(ShipWithCarrier, { orderId: order.id, provider, onShipped: reloadShipments }),
+            /* @__PURE__ */ jsx(ShipOrderForm, { orderId: order.id, provider, onShipped: reloadShipments })
+          ] })
+        ] })
+      ] }) }),
+      /* @__PURE__ */ jsx(OrderProviderLinks, { orderId: order.id }),
+      /* @__PURE__ */ jsx(OrderDetailBlock, { title: "Hist\xF3rico", children: /* @__PURE__ */ jsxs("div", { className: "space-y-1 text-sm", children: [
+        /* @__PURE__ */ jsx(OrderDetailRow, { label: "Criado", value: dateTime2(order.createdAt) }),
+        /* @__PURE__ */ jsx(OrderDetailRow, { label: "Atualizado", value: dateTime2(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 });
+}
+var POLL_MS = 4e3;
+function NewOrderCharge({
+  open,
+  provider,
+  sessionId,
+  emv,
+  qrcodeBase64,
+  total,
+  currency: currency2,
+  customerName,
+  customerPhone,
+  onPaid,
+  onClose
+}) {
+  const [state, setState] = useState("waiting");
+  const [copied, setCopied] = useState(false);
+  const [checking, setChecking] = useState(false);
+  const settled = useRef(false);
+  const money4 = new Intl.NumberFormat("pt-BR", { style: "currency", currency: currency2 }).format(total);
+  const check = useCallback(async () => {
+    if (settled.current) return;
+    setChecking(true);
+    try {
+      const result = await provider().settleCheckoutSession?.(sessionId);
+      if (!result) return;
+      if (result.state === "paid") {
+        settled.current = true;
+        setState("paid");
+        setTimeout(() => onPaid(result.orderId ?? void 0), 1200);
+        return;
+      }
+      const outcome = chargeOutcome(result.state);
+      if (outcome !== "waiting") {
+        settled.current = true;
+        setState(outcome);
+      }
+    } finally {
+      setChecking(false);
+    }
+  }, [provider, sessionId, onPaid]);
+  useEffect(() => {
+    if (!open) return;
+    const timer = setInterval(() => {
+      void check();
+    }, POLL_MS);
+    return () => clearInterval(timer);
+  }, [open, check]);
+  async function copy() {
+    try {
+      await navigator.clipboard.writeText(emv);
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2400);
+    } catch {
+    }
+  }
+  const whatsapp = customerPhone ? `https://wa.me/${customerPhone.length > 11 ? customerPhone : `55${customerPhone}`}?text=${encodeURIComponent(
+    `Ol\xE1${customerName ? ` ${customerName.split(" ")[0]}` : ""}! Segue o Pix de ${money4} para o seu pedido:
+
+${emv}`
+  )}` : null;
+  return /* @__PURE__ */ jsx(Modal, { open, onOpenChange: (next) => {
+    if (!next) onClose();
+  }, children: /* @__PURE__ */ jsx(ModalPortal, { children: /* @__PURE__ */ jsx(ModalOverlay, { children: /* @__PURE__ */ jsxs(ModalContent, { size: "lg", "data-testid": "new-order-charge-modal", children: [
+    /* @__PURE__ */ jsxs(ModalHeader, { className: "mb-4", children: [
+      /* @__PURE__ */ jsxs(ModalTitle, { children: [
+        "Pix de ",
+        money4
+      ] }),
+      state === "waiting" && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Vale por 15 minutos. O pedido \xE9 criado quando o pagamento cair." })
+    ] }),
+    /* @__PURE__ */ jsxs(ModalBody, { children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-4 sm:flex-row sm:items-start", children: [
+        qrcodeBase64 && /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: `data:image/png;base64,${qrcodeBase64}`,
+            alt: "QR code do Pix",
+            "data-testid": "new-order-qr",
+            className: "h-40 w-40 shrink-0 rounded-md border bg-white p-2"
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1 space-y-3", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-muted-foreground", children: "Pix copia e cola" }),
+            /* @__PURE__ */ jsx(
+              "p",
+              {
+                "data-testid": "new-order-emv",
+                className: "mt-1 max-h-20 overflow-auto break-all rounded-md border bg-muted/30 p-2 font-mono text-[11px]",
+                children: emv
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
+            /* @__PURE__ */ jsxs(Button, { size: "sm", onClick: copy, "data-testid": "new-order-copy", children: [
+              copied ? /* @__PURE__ */ jsx(Check, { className: "mr-1.5 h-3.5 w-3.5" }) : /* @__PURE__ */ jsx(Copy, { className: "mr-1.5 h-3.5 w-3.5" }),
+              copied ? "Copiado" : "Copiar c\xF3digo"
+            ] }),
+            whatsapp && /* @__PURE__ */ jsxs(
+              "a",
+              {
+                href: whatsapp,
+                target: "_blank",
+                rel: "noreferrer",
+                "data-testid": "new-order-whatsapp",
+                className: "inline-flex items-center rounded-md border px-3 py-1.5 text-sm font-medium transition hover:bg-muted",
+                children: [
+                  /* @__PURE__ */ jsx(MessageCircle, { className: "mr-1.5 h-3.5 w-3.5" }),
+                  "Mandar no WhatsApp"
+                ]
+              }
+            )
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "mt-4 rounded-md border bg-muted/30 px-3 py-2 text-sm", children: [
+        state === "waiting" && /* @__PURE__ */ jsxs("p", { className: "flex items-center gap-2 text-muted-foreground", "data-testid": "new-order-waiting", children: [
+          /* @__PURE__ */ jsx("span", { className: "h-2 w-2 animate-pulse rounded-full bg-amber-500" }),
+          "Aguardando o pagamento\u2026 a tela confirma sozinha."
+        ] }),
+        state === "paid" && /* @__PURE__ */ jsxs("p", { className: "flex items-center gap-2 font-medium text-emerald-700", "data-testid": "new-order-paid", children: [
+          /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }),
+          " Pagamento confirmado \u2014 abrindo o pedido\u2026"
+        ] }),
+        (state === "expired" || state === "failed") && /* @__PURE__ */ jsx("p", { className: "text-red-700", "data-testid": "new-order-dead", children: state === "expired" ? "O c\xF3digo expirou sem pagamento. O pedido continua aqui \u2014 d\xE1 para cobrar de outro jeito." : "O pagamento n\xE3o foi conclu\xEDdo. O pedido continua aqui \u2014 d\xE1 para cobrar de outro jeito." })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(ModalFooter, { className: "mt-4 gap-2", children: [
+      state === "waiting" && /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: () => void check(), disabled: checking, "data-testid": "new-order-check", children: checking ? "Conferindo\u2026" : "J\xE1 pagou? Conferir" }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: state === "waiting" ? "ghost" : "default",
+          onClick: onClose,
+          "data-testid": "new-order-charge-close",
+          children: state === "waiting" ? "Fechar" : "Voltar ao pedido"
+        }
+      )
+    ] })
+  ] }) }) }) });
+}
+var EMPTY_CUSTOMER = { id: null, name: "", email: "", phone: "", document: "" };
+var EMPTY_ADDRESS = {
+  postalCode: "",
+  street: "",
+  number: "",
+  complement: "",
+  district: "",
+  city: "",
+  state: ""
+};
+var PAYMENT_METHODS = [
+  { id: "pix", label: "Pix" },
+  { id: "cash", label: "Dinheiro" },
+  { id: "credit_card", label: "Cart\xE3o de cr\xE9dito" },
+  { id: "debit_card", label: "Cart\xE3o de d\xE9bito" },
+  { id: "boleto", label: "Boleto" },
+  { id: "other", label: "Outro" }
+];
+var CHARGEABLE_PROVIDERS = ["abacatepay"];
+var money3 = (value, currency2 = "BRL") => new Intl.NumberFormat("pt-BR", { style: "currency", currency: currency2 }).format(Number(value) || 0);
+var onlyDigits = (value) => value.replace(/\D/gu, "");
+var maskPostal = (value) => {
+  const digits = onlyDigits(value).slice(0, 8);
+  return digits.length > 5 ? `${digits.slice(0, 5)}-${digits.slice(5)}` : digits;
+};
+var fieldClass = "mt-1 w-full rounded-md border bg-background px-2.5 py-1.5 text-sm outline-none focus:border-primary";
+function Field({ label, hint, children }) {
+  return /* @__PURE__ */ jsxs("label", { className: "block", children: [
+    /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground", children: label }),
+    children,
+    hint && /* @__PURE__ */ jsx("span", { className: "mt-0.5 block text-[11px] text-muted-foreground", children: hint })
+  ] });
+}
+function NewOrderPage({ provider, onDone, onCancel }) {
+  const [lines, setLines] = useState([]);
+  const [customer, setCustomer] = useState(EMPTY_CUSTOMER);
+  const [address, setAddress] = useState(EMPTY_ADDRESS);
+  const [notes, setNotes] = useState("");
+  const [discountCode, setDiscountCode] = useState("");
+  const [couponOpen, setCouponOpen] = useState(false);
+  const [settling, setSettling] = useState(false);
+  const [method, setMethod] = useState("pix");
+  const [reference, setReference] = useState("");
+  const [settings, setSettings] = useState(null);
+  const [freight, setFreight] = useState(null);
+  const [saving, setSaving] = useState(false);
+  const [error, setError] = useState(null);
+  const [session, setSession] = useState(null);
+  const [chargeOpen, setChargeOpen] = useState(false);
+  const [editingCustomer, setEditingCustomer] = useState(false);
+  useEffect(() => {
+    let cancelled = false;
+    provider().getStoreSettings?.().then((value) => {
+      if (!cancelled) setSettings(value ?? null);
+    }).catch(() => {
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [provider]);
+  const acquirer = settings?.paymentProvider ?? null;
+  const canCharge = Boolean(acquirer && CHARGEABLE_PROVIDERS.includes(acquirer));
+  const currency2 = settings?.currency ?? "BRL";
+  const subtotal = useMemo(
+    () => lines.reduce((sum, line) => sum + line.unitPrice * line.quantity, 0),
+    [lines]
+  );
+  const postalDigits = onlyDigits(address.postalCode);
+  const delivers = postalDigits.length === 8;
+  const shipping = delivers ? freight?.price ?? 0 : 0;
+  const quoteFreight = useCallback(async (postal) => {
+    if (postal.length !== 8 || subtotal <= 0) {
+      setFreight(null);
+      return;
+    }
+    try {
+      const options = await provider().quoteShipping?.(postal, subtotal);
+      const cheapest = (options ?? []).slice().sort((a, b) => a.rate - b.rate)[0];
+      setFreight(cheapest ? { price: cheapest.rate, label: cheapest.name || cheapest.carrier || "Entrega" } : null);
+    } catch {
+      setFreight(null);
+    }
+  }, [provider, subtotal]);
+  useEffect(() => {
+    void quoteFreight(postalDigits);
+  }, [postalDigits, quoteFreight]);
+  function addLine(product, variants) {
+    const sellable = variants.filter((v) => v.status !== "archived");
+    const only = sellable.length === 1 ? sellable[0] : null;
+    setLines((current) => {
+      const existing = current.find((line) => line.productId === product.id && !line.variants.length);
+      if (existing && sellable.length <= 1) {
+        return current.map((line) => line.key === existing.key ? { ...line, quantity: line.quantity + 1 } : line);
+      }
+      return [...current, {
+        key: `${product.id}:${current.length}`,
+        productId: product.id,
+        name: product.name,
+        sku: only?.sku ?? product.sku ?? null,
+        imageUrl: product.images?.[0]?.url ?? null,
+        unitPrice: only?.price ?? product.price,
+        quantity: 1,
+        variants: sellable.length > 1 ? sellable : [],
+        variantId: only?.id ?? null,
+        optionsLabel: null
+      }];
+    });
+  }
+  const setQuantity = (key, quantity) => setLines((current) => current.map((line) => line.key === key ? { ...line, quantity: Math.max(0, quantity) } : line).filter((line) => line.quantity > 0));
+  const pickVariant = (key, variantId) => setLines((current) => current.map((line) => {
+    if (line.key !== key) return line;
+    const variant = line.variants.find((v) => v.id === variantId);
+    return variant ? {
+      ...line,
+      variantId: variant.id,
+      sku: variant.sku ?? line.sku,
+      unitPrice: variant.price ?? line.unitPrice,
+      optionsLabel: Object.values(variant.options ?? {}).join(" / ") || null
+    } : line;
+  }));
+  const shippingAddress = delivers ? {
+    postalCode: postalDigits,
+    street: address.street.trim(),
+    number: address.number.trim() || void 0,
+    complement: address.complement.trim() || void 0,
+    district: address.district.trim() || void 0,
+    city: address.city.trim(),
+    state: address.state.trim().toUpperCase(),
+    country: "BR",
+    recipient: customer.name.trim() || void 0,
+    phone: onlyDigits(customer.phone) || void 0,
+    document: onlyDigits(customer.document) || void 0
+  } : void 0;
+  function validate(ending) {
+    return validateNewOrder({
+      lineCount: lines.length,
+      unresolvedVariants: lines.filter((line) => line.variants.length > 0 && !line.variantId).length,
+      customerName: customer.name,
+      customerEmail: customer.email,
+      customerPhone: onlyDigits(customer.phone),
+      customerDocument: customer.document.trim(),
+      documentValid: isValidDocument(customer.document),
+      delivers,
+      addressComplete: Boolean(address.street.trim() && address.city.trim() && address.state.trim())
+    }, ending);
+  }
+  async function resolveCustomerId() {
+    if (customer.id) return customer.id;
+    const email = customer.email.trim().toLowerCase();
+    const [first, ...rest] = customer.name.trim().split(/\s+/u);
+    if (email) {
+      const found = await provider().listCustomers({ search: email, limit: 5 });
+      const hit = found.find((c) => (c.email ?? "").toLowerCase() === email);
+      if (hit) return hit.id;
+    }
+    const created = await provider().createCustomer({
+      firstName: first ?? customer.name.trim(),
+      lastName: rest.join(" "),
+      email: email || void 0,
+      phone: onlyDigits(customer.phone) || void 0
+    });
+    return created.id;
+  }
+  async function finish(ending) {
+    const invalid = validate(ending);
+    if (invalid) {
+      setError(invalid);
+      return;
+    }
+    setSaving(true);
+    setError(null);
+    try {
+      if (ending === "charge") {
+        const opened = await provider().openCheckoutSession?.({
+          items: lines.map((line) => ({
+            productId: line.productId,
+            variantId: line.variantId,
+            quantity: line.quantity,
+            optionsLabel: line.optionsLabel
+          })),
+          customer: { name: customer.name.trim(), email: customer.email.trim().toLowerCase() },
+          shippingAddress,
+          discountCode: discountCode.trim() || null
+        });
+        if (!opened?.charge?.emv) throw new Error("A cobran\xE7a foi aberta sem c\xF3digo Pix. Tente de novo.");
+        setSession({
+          sessionId: opened.sessionId,
+          emv: opened.charge.emv,
+          qrcode: opened.charge.qrcodeBase64,
+          total: opened.total
+        });
+        setChargeOpen(true);
+        return;
+      }
+      const customerId = await resolveCustomerId();
+      const order = await provider().placeOrder({
+        customerId,
+        customer: { name: customer.name.trim(), email: customer.email.trim().toLowerCase() || void 0 },
+        items: lines.map((line) => ({
+          productId: line.productId,
+          variantId: line.variantId ?? void 0,
+          quantity: line.quantity,
+          optionsLabel: line.optionsLabel ?? void 0
+        })),
+        shippingAddress,
+        discountCode: discountCode.trim() || void 0,
+        paymentMethod: ending === "received" ? method : void 0,
+        notes: notes.trim() || void 0
+      });
+      if (ending === "received") {
+        await provider().confirmPayment?.(order.id, reference.trim() || `manual:${method}`);
+      }
+      onDone(order.id);
+    } catch (err) {
+      setError(errorMessage(err));
+    } finally {
+      setSaving(false);
+    }
+  }
+  const sideSections = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(OrderFormBlock, { title: "Cliente", children: /* @__PURE__ */ jsx(
+      CustomerPicker,
+      {
+        provider,
+        value: customer,
+        onChange: setCustomer,
+        editing: editingCustomer,
+        onEditing: setEditingCustomer
+      }
+    ) }),
+    /* @__PURE__ */ jsx(OrderFormBlock, { title: "Entrega", children: /* @__PURE__ */ jsx(
+      DeliveryAddress,
+      {
+        provider,
+        customerId: customer.id,
+        address,
+        onChange: setAddress
+      }
+    ) }),
+    /* @__PURE__ */ jsx(OrderFormBlock, { title: "Observa\xE7\xF5es", children: /* @__PURE__ */ jsx(
+      "textarea",
+      {
+        value: notes,
+        onChange: (event) => setNotes(event.target.value),
+        rows: 2,
+        placeholder: "Combinado por telefone: entregar depois das 18h\u2026",
+        "data-testid": "new-order-notes",
+        className: "w-full resize-y rounded-md border bg-background px-2.5 py-1.5 text-sm outline-none focus:border-primary"
+      }
+    ) })
+  ] });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      OrderFormView,
+      {
+        title: "Novo pedido",
+        parentLabel: "Pedidos",
+        onBack: onCancel,
+        subtitle: "Venda por telefone, WhatsApp ou balc\xE3o",
+        sideSections,
+        children: [
+          /* @__PURE__ */ jsxs(OrderFormBlock, { title: "Produtos", children: [
+            /* @__PURE__ */ jsx(ProductPicker, { provider, onPick: addLine, currency: currency2 }),
+            lines.length > 0 && /* @__PURE__ */ jsx("div", { className: "mt-3 divide-y", children: lines.map((line) => /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-3 py-2", children: [
+              /* @__PURE__ */ jsx(Thumbnail, { src: line.imageUrl, size: "lg" }),
+              /* @__PURE__ */ jsxs("div", { className: "min-w-[9rem] flex-1", children: [
+                /* @__PURE__ */ jsx("p", { className: "truncate text-sm font-medium", children: line.name }),
+                line.variants.length > 0 ? /* @__PURE__ */ jsxs(
+                  "select",
+                  {
+                    value: line.variantId ?? "",
+                    onChange: (event) => pickVariant(line.key, event.target.value),
+                    "data-testid": "new-order-variant",
+                    className: "mt-1 rounded-md border bg-background px-2 py-1 text-xs outline-none focus:border-primary",
+                    children: [
+                      /* @__PURE__ */ jsx("option", { value: "", children: "Escolha a varia\xE7\xE3o\u2026" }),
+                      line.variants.map((variant) => /* @__PURE__ */ jsx("option", { value: variant.id, children: Object.values(variant.options ?? {}).join(" / ") || variant.sku || "Varia\xE7\xE3o" }, variant.id))
+                    ]
+                  }
+                ) : (
+                  // The line shows its total; from two units on, the unit
+                  // price is the number the merchant is asked to repeat.
+                  /* @__PURE__ */ jsx("p", { className: "truncate text-xs text-muted-foreground", children: line.quantity > 1 ? `${line.quantity} \xD7 ${money3(line.unitPrice, currency2)}` : line.sku })
+                )
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    "aria-label": "Menos um",
+                    onClick: () => setQuantity(line.key, line.quantity - 1),
+                    className: "fz-tap flex items-center justify-center rounded-md border p-1.5 transition hover:bg-muted",
+                    children: /* @__PURE__ */ jsx(Minus, { className: "h-3.5 w-3.5" })
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    value: line.quantity,
+                    onChange: (event) => setQuantity(line.key, Number(onlyDigits(event.target.value) || 0)),
+                    "aria-label": "Quantidade",
+                    "data-testid": "new-order-quantity",
+                    className: "fz-tap w-14 rounded-md border bg-background px-1 py-1.5 text-center text-sm tabular-nums outline-none focus:border-primary"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    "aria-label": "Mais um",
+                    onClick: () => setQuantity(line.key, line.quantity + 1),
+                    className: "fz-tap flex items-center justify-center rounded-md border p-1.5 transition hover:bg-muted",
+                    children: /* @__PURE__ */ jsx(Plus, { className: "h-3.5 w-3.5" })
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsx("div", { className: "ml-auto w-24 shrink-0 text-right text-sm tabular-nums", children: money3(line.unitPrice * line.quantity, currency2) }),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  "aria-label": "Remover item",
+                  onClick: () => setQuantity(line.key, 0),
+                  className: "fz-tap flex items-center justify-center rounded-md p-1.5 text-muted-foreground transition hover:bg-muted hover:text-foreground",
+                  children: /* @__PURE__ */ jsx(Trash2, { className: "h-3.5 w-3.5" })
+                }
+              )
+            ] }, line.key)) })
+          ] }),
+          /* @__PURE__ */ jsxs(OrderFormBlock, { title: "Pagamento", children: [
+            /* @__PURE__ */ jsxs("div", { className: "space-y-1.5 text-sm", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+                /* @__PURE__ */ jsx("span", { children: "Subtotal" }),
+                /* @__PURE__ */ jsx("span", { className: "tabular-nums", children: money3(subtotal, currency2) })
+              ] }),
+              /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between gap-3", children: couponOpen || discountCode ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Cupom" }),
+                /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    value: discountCode,
+                    onChange: (event) => setDiscountCode(event.target.value.toUpperCase()),
+                    placeholder: "C\xD3DIGO",
+                    autoFocus: true,
+                    "data-testid": "new-order-discount",
+                    className: "w-40 rounded-md border bg-background px-2 py-1 text-right text-sm uppercase outline-none focus:border-primary"
+                  }
+                )
+              ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => setCouponOpen(true),
+                    "data-testid": "new-order-add-coupon",
+                    className: "text-sm text-muted-foreground underline-offset-2 transition hover:text-foreground hover:underline",
+                    children: "Adicionar cupom"
+                  }
+                ),
+                /* @__PURE__ */ jsx("span", { className: "tabular-nums text-muted-foreground", children: "\u2014" })
+              ] }) }),
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+                /* @__PURE__ */ jsx("span", { className: delivers ? "" : "text-muted-foreground", children: delivers ? `Entrega${freight ? ` \xB7 ${freight.label}` : ""}` : "Entrega" }),
+                /* @__PURE__ */ jsx("span", { className: "tabular-nums", children: delivers ? money3(shipping, currency2) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "sem entrega" }) })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border-t pt-2 text-base", children: [
+                /* @__PURE__ */ jsx("span", { className: "font-medium", children: "Total" }),
+                /* @__PURE__ */ jsx("span", { className: "font-semibold tabular-nums", "data-testid": "new-order-total", children: money3(subtotal + shipping, currency2) })
+              ] })
+            ] }),
+            settling && /* @__PURE__ */ jsxs("div", { className: "fz-fields fz-fields-2 mt-3 gap-2 rounded-md border bg-muted/30 p-3", children: [
+              /* @__PURE__ */ jsx(Field, { label: "Como recebeu", children: /* @__PURE__ */ jsx(
+                "select",
+                {
+                  value: method,
+                  onChange: (event) => setMethod(event.target.value),
+                  "data-testid": "new-order-method",
+                  className: fieldClass,
+                  children: PAYMENT_METHODS.map((option) => /* @__PURE__ */ jsx("option", { value: option.id, children: option.label }, option.id))
+                }
+              ) }),
+              /* @__PURE__ */ jsx(Field, { label: "Comprovante", hint: "Id da transa\xE7\xE3o, n\xFAmero do recibo \u2014 fica no pedido", children: /* @__PURE__ */ jsx(
+                "input",
+                {
+                  value: reference,
+                  onChange: (event) => setReference(event.target.value),
+                  placeholder: "Opcional",
+                  "data-testid": "new-order-reference",
+                  className: fieldClass
+                }
+              ) })
+            ] }),
+            error && /* @__PURE__ */ jsxs(
+              "div",
+              {
+                role: "alert",
+                "data-testid": "new-order-error",
+                className: "mt-3 rounded-md border border-red-200 bg-red-50 px-3 py-2 text-sm text-red-800",
+                children: [
+                  /* @__PURE__ */ jsx("p", { children: error }),
+                  customer.id && /cliente/iu.test(error) && /* @__PURE__ */ jsxs(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => setEditingCustomer(true),
+                      "data-testid": "new-order-fix-customer",
+                      className: "mt-1 font-medium underline underline-offset-2",
+                      children: [
+                        "Editar cadastro de ",
+                        customer.name
+                      ]
+                    }
+                  )
+                ]
+              }
+            ),
+            lines.length > 0 && /* @__PURE__ */ jsx("div", { className: "mt-4 flex flex-wrap items-center gap-2", children: settling ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(Button, { onClick: () => void finish("received"), disabled: saving, "data-testid": "new-order-confirm-received", children: saving ? "Criando\u2026" : "Confirmar pagamento" }),
+              /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: () => setSettling(false), children: "Voltar" })
+            ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+              canCharge && /* @__PURE__ */ jsx(
+                Button,
+                {
+                  onClick: () => session ? setChargeOpen(true) : void finish("charge"),
+                  disabled: saving,
+                  "data-testid": "new-order-charge",
+                  children: saving ? "Abrindo\u2026" : session ? "Ver cobran\xE7a" : "Gerar cobran\xE7a Pix"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: canCharge ? "outline" : "default",
+                  onClick: () => setSettling(true),
+                  "data-testid": "new-order-received",
+                  children: "J\xE1 recebi"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "ghost",
+                  onClick: () => void finish("later"),
+                  disabled: saving,
+                  "data-testid": "new-order-later",
+                  children: "Cobrar depois"
+                }
+              )
+            ] }) })
+          ] })
+        ]
+      }
+    ),
+    session && /* @__PURE__ */ jsx(
+      NewOrderCharge,
+      {
+        open: chargeOpen,
+        provider,
+        sessionId: session.sessionId,
+        emv: session.emv,
+        qrcodeBase64: session.qrcode,
+        total: session.total,
+        currency: currency2,
+        customerPhone: onlyDigits(customer.phone),
+        customerName: customer.name,
+        onPaid: onDone,
+        onClose: () => setChargeOpen(false)
+      }
+    )
+  ] });
+}
+function ProductPicker({ provider, onPick, currency: currency2 }) {
+  const [open, setOpen] = useState(false);
+  const search = useCallback(
+    (term) => provider().listProducts({ search: term || void 0, status: "active", limit: 20 }),
+    [provider]
+  );
+  async function add(products) {
+    for (const product of products) {
+      let variants = [];
+      try {
+        variants = (await provider().getProductVariants?.(product.id))?.variants ?? [];
+      } catch {
+      }
+      onPick(product, variants);
+    }
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => setOpen(true),
+        "data-testid": "new-order-product-search",
+        className: "fz-tap flex w-full items-center gap-2 rounded-md border bg-background px-2.5 py-2.5 text-left text-sm text-muted-foreground transition hover:border-primary",
+        children: [
+          /* @__PURE__ */ jsx(Search, { className: "h-4 w-4 shrink-0" }),
+          "Buscar produto por nome ou SKU"
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      RecordPickerModal,
+      {
+        open,
+        onClose: () => setOpen(false),
+        title: "Selecionar produtos",
+        placeholder: "Buscar produtos",
+        confirmLabel: "Adicionar",
+        emptyLabel: "Nenhum produto encontrado.",
+        columns: { product: "Produto", meta: "Estoque", value: "Pre\xE7o" },
+        search,
+        rowKey: (product) => product.id,
+        renderRow: (product) => ({
+          imageUrl: product.images?.[0]?.url ?? null,
+          title: product.name,
+          subtitle: product.sku ?? void 0,
+          meta: product.inventoryCount ?? 0,
+          value: money3(product.price, currency2)
+        }),
+        onConfirm: (products) => {
+          void add(products);
+        }
+      }
+    )
+  ] });
+}
+function CustomerPicker({ provider, value, onChange, editing, onEditing }) {
+  const [creating, setCreating] = useState(null);
+  const setEditing = onEditing;
+  if (value.id) {
+    const missing = [
+      !value.phone && "telefone",
+      !value.email && "e-mail",
+      !value.document && "CPF"
+    ].filter(Boolean);
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2 rounded-md border bg-muted/30 p-2.5", children: [
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1 text-sm", children: [
+          /* @__PURE__ */ jsx("p", { className: "truncate font-medium", children: value.name }),
+          value.email && /* @__PURE__ */ jsx("p", { className: "truncate text-xs text-muted-foreground", children: value.email }),
+          value.phone && /* @__PURE__ */ jsx("p", { className: "truncate text-xs text-muted-foreground", children: formatPhone(value.phone) }),
+          value.document && /* @__PURE__ */ jsx("p", { className: "truncate text-xs text-muted-foreground", children: formatDocument(value.document) })
+        ] }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "aria-label": "Trocar cliente",
+            "data-testid": "new-order-customer-clear",
+            onClick: () => onChange(EMPTY_CUSTOMER),
+            className: "fz-tap flex items-center justify-center rounded p-1 text-muted-foreground transition hover:bg-muted hover:text-foreground",
+            children: /* @__PURE__ */ jsx(X, { className: "h-3.5 w-3.5" })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-3", children: [
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => setEditing(true),
+            "data-testid": "new-order-customer-edit",
+            className: "inline-flex items-center gap-1.5 text-sm text-muted-foreground underline-offset-2 transition hover:text-foreground hover:underline",
+            children: [
+              /* @__PURE__ */ jsx(Pencil, { className: "h-3.5 w-3.5" }),
+              "Editar cadastro"
+            ]
+          }
+        ),
+        missing.length > 0 && /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
+          "Falta ",
+          missing.join(", ")
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(
+        CustomerModal,
+        {
+          open: editing,
+          customerId: value.id,
+          initial: value,
+          provider,
+          onClose: () => setEditing(false),
+          onSaved: (saved) => {
+            onChange({
+              id: saved.id,
+              name: `${saved.firstName} ${saved.lastName}`.trim(),
+              email: saved.email ?? "",
+              phone: saved.phone ?? "",
+              document: saved.document ?? ""
+            });
+            setEditing(false);
+          }
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      SearchSelect,
+      {
+        value: "",
+        placeholder: "Buscar ou criar cliente",
+        noResultsLabel: "Nenhum cliente com esse nome.",
+        searchingLabel: "Buscando\u2026",
+        allowCreate: true,
+        createLabel: "Criar cliente",
+        onCreate: (query) => setCreating(query),
+        onSearch: async (query) => {
+          const found = await provider().listCustomers({ search: query || void 0, limit: 6 });
+          return found.map((c) => ({
+            id: c.id,
+            label: `${c.firstName} ${c.lastName}`.trim(),
+            subtitle: c.email ?? c.phone ?? void 0,
+            data: c
+          }));
+        },
+        onChange: (id, option) => {
+          const found = option?.data;
+          if (!found) return;
+          onChange({
+            id,
+            name: `${found.firstName} ${found.lastName}`.trim(),
+            email: found.email ?? "",
+            phone: found.phone ?? "",
+            document: found.document ?? ""
+          });
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      CustomerModal,
+      {
+        open: creating !== null,
+        initialName: creating ?? "",
+        provider,
+        onClose: () => setCreating(null),
+        onSaved: (saved) => {
+          onChange({
+            id: saved.id,
+            name: `${saved.firstName} ${saved.lastName}`.trim(),
+            email: saved.email ?? "",
+            phone: saved.phone ?? "",
+            document: saved.document ?? ""
+          });
+          setCreating(null);
+        }
+      }
+    )
+  ] });
+}
+function CustomerModal({ open, initialName, customerId, initial, provider, onClose, onSaved }) {
+  const [first, setFirst] = useState("");
+  const [last, setLast] = useState("");
+  const [email, setEmail] = useState("");
+  const [phone, setPhone] = useState("");
+  const [document, setDocument] = useState("");
+  const [saving, setSaving] = useState(false);
+  const [error, setError] = useState(null);
+  const [duplicate, setDuplicate] = useState(null);
+  useEffect(() => {
+    if (!open) return;
+    const [head, ...rest] = String(initial?.name ?? initialName ?? "").trim().split(/\s+/u);
+    setFirst(head ?? "");
+    setLast(rest.join(" "));
+    setEmail(initial?.email ?? "");
+    setPhone(initial?.phone ?? "");
+    setDocument(initial?.document ?? "");
+    setError(null);
+    setDuplicate(null);
+  }, [open, initialName, initial]);
+  async function save() {
+    if (!first.trim()) {
+      setError("O nome \xE9 obrigat\xF3rio.");
+      return;
+    }
+    if (document && !isValidDocument(document)) {
+      setError("Esse CPF/CNPJ n\xE3o confere.");
+      return;
+    }
+    setSaving(true);
+    setError(null);
+    setDuplicate(null);
+    try {
+      const fields = {
+        firstName: first.trim(),
+        lastName: last.trim(),
+        email: email.trim().toLowerCase() || void 0,
+        phone: onlyDigits(phone) || void 0,
+        document: documentDigits(document) || void 0
+      };
+      const saved = customerId ? await provider().updateCustomer(customerId, fields) : await provider().createCustomer(fields);
+      onSaved(saved);
+    } catch (err) {
+      if (isDuplicateEmail(err)) {
+        const existing = await provider().listCustomers({ search: email.trim().toLowerCase(), limit: 5 }).catch(() => []);
+        const hit = existing.find((c) => (c.email ?? "").toLowerCase() === email.trim().toLowerCase());
+        if (hit) {
+          setDuplicate(hit);
+          return;
+        }
+        setError("J\xE1 existe um cliente com esse e-mail nesta loja. Procure por ele na busca.");
+        return;
+      }
+      setError(errorMessage(err));
+    } finally {
+      setSaving(false);
+    }
+  }
+  return /* @__PURE__ */ jsx(Modal, { open, onOpenChange: (next) => {
+    if (!next) onClose();
+  }, children: /* @__PURE__ */ jsx(ModalPortal, { children: /* @__PURE__ */ jsx(ModalOverlay, { children: /* @__PURE__ */ jsxs(ModalContent, { size: "lg", children: [
+    /* @__PURE__ */ jsx(ModalHeader, { className: "mb-4", children: /* @__PURE__ */ jsx(ModalTitle, { children: customerId ? "Cadastro do cliente" : "Novo cliente" }) }),
+    /* @__PURE__ */ jsxs(ModalBody, { className: "space-y-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "fz-fields fz-fields-2 gap-3", children: [
+        /* @__PURE__ */ jsx(Field, { label: "Nome", children: /* @__PURE__ */ jsx(
+          "input",
+          {
+            value: first,
+            onChange: (e) => setFirst(e.target.value),
+            autoFocus: true,
+            "data-testid": "new-customer-first",
+            className: fieldClass
+          }
+        ) }),
+        /* @__PURE__ */ jsx(Field, { label: "Sobrenome", children: /* @__PURE__ */ jsx(
+          "input",
+          {
+            value: last,
+            onChange: (e) => setLast(e.target.value),
+            "data-testid": "new-customer-last",
+            className: fieldClass
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ jsx(Field, { label: "Telefone", children: /* @__PURE__ */ jsx("div", { className: "mt-1", children: /* @__PURE__ */ jsx(PhoneField, { value: phone, onChange: setPhone, "data-testid": "new-customer-phone" }) }) }),
+      /* @__PURE__ */ jsx(Field, { label: "E-mail", children: /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "email",
+          value: email,
+          onChange: (e) => setEmail(e.target.value),
+          "data-testid": "new-customer-email",
+          className: fieldClass
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Field, { label: "CPF / CNPJ", hint: "Necess\xE1rio para cobran\xE7a online e para a nota fiscal", children: /* @__PURE__ */ jsx(
+        "input",
+        {
+          value: formatDocument(document),
+          onChange: (e) => setDocument(documentDigits(e.target.value)),
+          placeholder: "000.000.000-00",
+          "data-testid": "new-customer-document",
+          className: fieldClass
+        }
+      ) }),
+      duplicate && /* @__PURE__ */ jsxs(
+        "div",
+        {
+          role: "alert",
+          "data-testid": "new-customer-duplicate",
+          className: "rounded-md border border-amber-200 bg-amber-50 px-3 py-2 text-sm text-amber-900",
+          children: [
+            /* @__PURE__ */ jsxs("p", { children: [
+              /* @__PURE__ */ jsxs("strong", { children: [
+                duplicate.firstName,
+                " ",
+                duplicate.lastName
+              ] }),
+              " j\xE1 \xE9 cliente com esse e-mail."
+            ] }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => onSaved(duplicate),
+                "data-testid": "new-customer-use-existing",
+                className: "mt-1 font-medium underline underline-offset-2",
+                children: "Usar este cliente"
+              }
+            )
+          ]
+        }
+      ),
+      error && /* @__PURE__ */ jsx("p", { role: "alert", className: "rounded-md border border-red-200 bg-red-50 px-3 py-2 text-sm text-red-800", children: error })
+    ] }),
+    /* @__PURE__ */ jsxs(ModalFooter, { className: "mt-4 gap-2", children: [
+      /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: onClose, children: "Cancelar" }),
+      /* @__PURE__ */ jsx(Button, { onClick: save, disabled: saving, "data-testid": "new-customer-save", children: saving ? "Salvando\u2026" : customerId ? "Salvar" : "Criar cliente" })
+    ] })
+  ] }) }) }) });
+}
+function DeliveryAddress({ provider, customerId, address, onChange }) {
+  const [saved, setSaved] = useState([]);
+  const [chosen, setChosen] = useState(null);
+  const [editing, setEditing] = useState(false);
+  const use = useCallback((row) => {
+    setChosen(row.id);
+    setEditing(false);
+    onChange({
+      postalCode: row.postalCode ?? "",
+      street: row.street ?? "",
+      number: row.number ?? "",
+      complement: row.complement ?? "",
+      district: row.district ?? "",
+      city: row.city ?? "",
+      state: row.state ?? ""
+    });
+  }, [onChange]);
+  useEffect(() => {
+    if (!customerId) {
+      setSaved([]);
+      return;
+    }
+    let cancelled = false;
+    provider().listCustomerAddresses?.(customerId).then((rows) => {
+      if (cancelled || !rows?.length) return;
+      setSaved(rows);
+      use(rows[0]);
+    }).catch(() => {
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [customerId, provider]);
+  const filled = Boolean(address.postalCode && address.street);
+  if (!editing) {
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      saved.map((row) => /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => use(row),
+          "data-testid": "new-order-saved-address",
+          className: `block w-full rounded-md border p-2.5 text-left text-sm transition ${chosen === row.id ? "border-primary bg-primary/5" : "hover:bg-muted/50"}`,
+          children: [
+            /* @__PURE__ */ jsx("span", { className: "block", children: [row.street, row.number].filter(Boolean).join(", ") }),
+            /* @__PURE__ */ jsxs("span", { className: "block text-xs text-muted-foreground", children: [
+              [row.district, row.city, row.state].filter(Boolean).join(" \xB7 "),
+              row.postalCode ? ` \xB7 ${maskPostal(row.postalCode)}` : ""
+            ] })
+          ]
+        },
+        row.id
+      )),
+      saved.length === 0 && filled && /* @__PURE__ */ jsxs("div", { className: "rounded-md border p-2.5 text-sm", "data-testid": "new-order-address-summary", children: [
+        /* @__PURE__ */ jsx("p", { children: [address.street, address.number].filter(Boolean).join(", ") }),
+        /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
+          [address.district, address.city, address.state].filter(Boolean).join(" \xB7 "),
+          " \xB7 ",
+          maskPostal(address.postalCode)
+        ] })
+      ] }),
+      saved.length === 0 && !filled && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Sem endere\xE7o = retirada." }),
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => setEditing(true),
+          "data-testid": "new-order-add-address",
+          className: "inline-flex items-center gap-1.5 text-sm text-muted-foreground underline-offset-2 transition hover:text-foreground hover:underline",
+          children: [
+            /* @__PURE__ */ jsx(MapPin, { className: "h-3.5 w-3.5" }),
+            filled ? "Usar outro endere\xE7o" : "Adicionar endere\xE7o"
+          ]
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "fz-fields fz-fields-2 gap-2", children: [
+    /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+      PostalField,
+      {
+        value: address.postalCode,
+        onChange: (postalCode) => onChange({ ...address, postalCode }),
+        onResolved: (found) => onChange({ ...address, ...found })
+      }
+    ) }),
+    /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Field, { label: "N\xFAmero", children: /* @__PURE__ */ jsx(
+      "input",
+      {
+        value: address.number,
+        onChange: (e) => onChange({ ...address, number: e.target.value }),
+        "data-testid": "new-order-number",
+        className: fieldClass
+      }
+    ) }) }),
+    /* @__PURE__ */ jsx("div", { className: "fz-field-wide", children: /* @__PURE__ */ jsx(Field, { label: "Rua", children: /* @__PURE__ */ jsx(
+      "input",
+      {
+        value: address.street,
+        onChange: (e) => onChange({ ...address, street: e.target.value }),
+        "data-testid": "new-order-street",
+        className: fieldClass
+      }
+    ) }) }),
+    /* @__PURE__ */ jsx("div", { className: "fz-field-wide", children: /* @__PURE__ */ jsx(Field, { label: "Complemento", children: /* @__PURE__ */ jsx(
+      "input",
+      {
+        value: address.complement,
+        onChange: (e) => onChange({ ...address, complement: e.target.value }),
+        placeholder: "Apto, bloco, ponto de refer\xEAncia",
+        className: fieldClass
+      }
+    ) }) }),
+    /* @__PURE__ */ jsx("div", { className: "fz-field-wide", children: /* @__PURE__ */ jsx(Field, { label: "Bairro", children: /* @__PURE__ */ jsx(
+      "input",
+      {
+        value: address.district,
+        onChange: (e) => onChange({ ...address, district: e.target.value }),
+        className: fieldClass
+      }
+    ) }) }),
+    /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Field, { label: "Cidade", children: /* @__PURE__ */ jsx(
+      "input",
+      {
+        value: address.city,
+        onChange: (e) => onChange({ ...address, city: e.target.value }),
+        className: fieldClass
+      }
+    ) }) }),
+    /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Field, { label: "UF", children: /* @__PURE__ */ jsx(
+      "input",
+      {
+        value: address.state,
+        maxLength: 2,
+        onChange: (e) => onChange({ ...address, state: e.target.value.toUpperCase() }),
+        className: fieldClass
+      }
+    ) }) }),
+    /* @__PURE__ */ jsxs("div", { className: "fz-field-wide flex gap-3", children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => setEditing(false),
+          "data-testid": "new-order-address-done",
+          className: "text-sm font-medium text-primary underline-offset-2 hover:underline",
+          children: "Pronto"
+        }
+      ),
+      filled && /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          "data-testid": "new-order-address-clear",
+          onClick: () => {
+            onChange(EMPTY_ADDRESS);
+            setChosen(null);
+            setEditing(false);
+          },
+          className: "text-sm text-muted-foreground underline-offset-2 hover:underline",
+          children: "Remover entrega"
+        }
+      )
+    ] })
+  ] });
+}
+function PostalField({ value, onChange, onResolved }) {
+  const [looking, setLooking] = useState(false);
+  const [missing, setMissing] = useState(false);
+  useEffect(() => {
+    const digits = onlyDigits(value);
+    if (digits.length !== 8) {
+      setMissing(false);
+      return;
+    }
+    let cancelled = false;
+    setLooking(true);
+    fetch(`https://viacep.com.br/ws/${digits}/json/`).then((response) => response.json()).then((found) => {
+      if (cancelled) return;
+      if (found?.erro) {
+        setMissing(true);
+        return;
+      }
+      setMissing(false);
+      onResolved({
+        street: found.logradouro || "",
+        district: found.bairro || "",
+        city: found.localidade || "",
+        state: (found.uf || "").toUpperCase()
+      });
+    }).catch(() => {
+    }).finally(() => {
+      if (!cancelled) setLooking(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [value]);
+  return /* @__PURE__ */ jsx(Field, { label: "CEP", hint: looking ? "Buscando\u2026" : missing ? "CEP n\xE3o encontrado \u2014 preencha \xE0 m\xE3o" : void 0, children: /* @__PURE__ */ jsx(
+    "input",
+    {
+      value: maskPostal(value),
+      onChange: (event) => onChange(event.target.value),
+      placeholder: "00000-000",
+      inputMode: "numeric",
+      "data-testid": "new-order-postal",
+      className: fieldClass
+    }
+  ) });
+}
+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);
+  const [nonce, setNonce] = useState(0);
+  useEffect(() => {
+    let cancelled = false;
+    setLoading(true);
+    setError(null);
+    load().then((data) => {
+      if (!cancelled) setItems(data);
+    }).catch((err) => {
+      if (!cancelled) setError(errorMessage(err));
+    }).finally(() => {
+      if (!cancelled) setLoading(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [...deps, nonce]);
+  return { items, loading, error, reload: useCallback(() => setNonce((n) => n + 1), []) };
+}
+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(errorMessage(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, reload } = useShopList(
+    () => resolveShopProvider(provider).listOrders({ limit: 200 }),
+    [provider]
+  );
+  const [cancelTarget, setCancelTarget] = useState(null);
+  const [bulkBusy, setBulkBusy] = useState(false);
+  const markPaid = useCallback(async (rows) => {
+    const targets = rows.filter((o) => o.financialStatus !== "paid" && o.status !== "cancelled");
+    if (targets.length === 0) {
+      toast.error("Nenhum dos pedidos selecionados est\xE1 aguardando pagamento.");
+      return;
+    }
+    const shop = resolveShopProvider(provider);
+    if (typeof shop.confirmPayment !== "function") {
+      toast.error("Esta loja n\xE3o registra recebimento por aqui.");
+      return;
+    }
+    setBulkBusy(true);
+    let done = 0;
+    let failed = 0;
+    for (const order of targets) {
+      try {
+        await shop.confirmPayment(order.id);
+        done++;
+      } catch (err) {
+        failed++;
+        console.warn("[shop] confirmPayment failed", order.id, err);
+      }
+    }
+    setBulkBusy(false);
+    if (done > 0) toast.success(`${done} pedido(s) marcados como pagos`);
+    if (failed > 0) toast.error(`${failed} pedido(s) n\xE3o puderam ser atualizados`);
+    reload();
+  }, [provider, reload]);
+  const confirmCancel = useCallback(async () => {
+    const targets = (cancelTarget ?? []).filter((o) => o.status !== "cancelled");
+    setBulkBusy(true);
+    let done = 0;
+    let failed = 0;
+    const shop = resolveShopProvider(provider);
+    for (const order of targets) {
+      try {
+        await cancelShopOrder(shop, order.id);
+        done++;
+      } catch (err) {
+        failed++;
+        console.warn("[shop] cancelOrder failed", order.id, err);
+      }
+    }
+    setBulkBusy(false);
+    setCancelTarget(null);
+    if (done > 0) toast.success(`${done} pedido(s) cancelados`);
+    if (failed > 0) toast.error(`${failed} pedido(s) n\xE3o puderam ser cancelados`);
+    reload();
+  }, [cancelTarget, provider, reload]);
+  const bulkActions = useMemo(() => [
+    {
+      id: "mark-paid",
+      label: "Marcar como pago",
+      icon: CreditCard,
+      disabled: bulkBusy,
+      onSelect: markPaid
+    },
+    {
+      id: "cancel",
+      label: "Cancelar pedidos",
+      icon: XCircle,
+      destructive: true,
+      overflow: true,
+      disabled: bulkBusy,
+      onSelect: (rows) => setCancelTarget(rows)
+    }
+  ], [bulkBusy, markPaid]);
+  const columns = useMemo(() => [
+    { key: "orderNumber", header: "Pedido", render: (o) => /* @__PURE__ */ jsxs("span", { className: "font-medium", children: [
+      "#",
+      o.orderNumber
+    ] }) },
+    {
+      key: "customer",
+      header: "Cliente",
+      // Links to the customer record. The row itself opens the order, so the
+      // link stops the click from doing both.
+      render: (o) => {
+        const label = o.customerName ?? o.customerEmail ?? "\u2014";
+        if (!o.customerId) return /* @__PURE__ */ jsx("span", { children: label });
+        return /* @__PURE__ */ jsx(
+          PersonLink,
+          {
+            personId: o.customerId,
+            name: label,
+            lookup: shopCustomerLookup(() => resolveShopProvider(provider)),
+            profileHref: `#/customers/${o.customerId}`
+          }
+        );
+      }
+    },
+    { key: "total", header: "Total", align: "right", render: (o) => /* @__PURE__ */ jsx("span", { className: "font-medium", children: currency(o.total, o.currency) }) },
+    {
+      key: "financialStatus",
+      header: "Pagamento",
+      render: (o) => badge(ORDER_STATUS_LABEL[o.financialStatus] ?? o.financialStatus, statusColors[o.financialStatus] ?? "bg-gray-100 text-gray-700")
+    },
+    {
+      key: "fulfillmentStatus",
+      header: "Entrega",
+      render: (o) => {
+        if (o.status && o.status !== "open") {
+          return badge(ORDER_STATUS_LABEL[o.status] ?? o.status, statusColors[o.status] ?? "bg-gray-100 text-gray-700");
+        }
+        const shipments = (o.shipments ?? []).filter((s) => s.status !== "cancelled");
+        if (shipments.length > 0 && shipments.every((s) => s.status === "delivered")) {
+          return badge("Entregue", "bg-emerald-100 text-emerald-800");
+        }
+        return badge(ORDER_STATUS_LABEL[o.fulfillmentStatus] ?? o.fulfillmentStatus, statusColors[o.fulfillmentStatus] ?? "bg-gray-100 text-gray-700");
+      }
+    },
+    {
+      key: "createdAt",
+      header: "Data",
+      render: (o) => {
+        const d = new Date(o.createdAt);
+        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" }) })
+        ] });
+      }
+    }
+  ], [provider]);
+  const stats = useMemo(() => {
+    const live = orders.filter((o) => o.status !== "cancelled");
+    const delivered = (o) => {
+      const shipments = (o.shipments ?? []).filter((s) => s.status !== "cancelled");
+      return shipments.length > 0 && shipments.every((s) => s.status === "delivered");
+    };
+    const toShip = live.filter((o) => o.fulfillmentStatus !== "fulfilled" && !delivered(o));
+    const toReceive = live.filter((o) => o.financialStatus === "pending");
+    const billed = live.filter((o) => o.financialStatus === "paid").reduce((sum, o) => sum + o.total, 0);
+    return [
+      { label: "Pedidos", value: String(live.length), icon: ShoppingBag },
+      { label: "A enviar", value: String(toShip.length), icon: Package },
+      { label: "A receber", value: String(toReceive.length), icon: CreditCard },
+      { label: "Recebido", value: currency(billed), icon: Wallet, hint: "Soma dos pedidos pagos nesta lista" }
+    ];
+  }, [orders]);
+  if (error) return /* @__PURE__ */ jsx(ErrorState, { message: error });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      OrderListView,
+      {
+        actions: /* @__PURE__ */ jsx(Button, { onClick: () => adminNavigateTo("/orders/new"), "data-testid": "orders-create", children: "+ Criar pedido" }),
+        stats,
+        columns,
+        rows: orders,
+        loading,
+        empty: "Nenhum pedido ainda. Vendeu por telefone? Crie o pedido aqui.",
+        searchText: (o) => [o.orderNumber, o.customerName, o.customerEmail].filter(Boolean).join(" "),
+        searchPlaceholder: "Buscar por n\xFAmero, cliente ou e-mail\u2026",
+        onRowClick: (row) => adminNavigateTo(`/orders/${row.id}`),
+        bulkActions
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ConfirmDialog,
+      {
+        open: cancelTarget !== null,
+        variant: "destructive",
+        loading: bulkBusy,
+        title: `Cancelar ${cancelTarget?.length ?? 0} pedido(s)?`,
+        description: "O estoque reservado volta para a loja e o recebimento \xE9 encerrado. N\xE3o d\xE1 para desfazer.",
+        confirmLabel: "Cancelar pedidos",
+        cancelLabel: "Voltar",
+        onCancel: () => {
+          if (!bulkBusy) setCancelTarget(null);
+        },
+        onConfirm: confirmCancel
+      }
+    )
+  ] });
+}
+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(/^\/orders\/([^/]+)$/)?.[1] : void 0;
+  if (section === "orders" && orderId === "new") {
+    return /* @__PURE__ */ jsx(
+      NewOrderPage,
+      {
+        provider: () => resolveShopProvider(provider),
+        onDone: (id) => adminNavigateTo(id ? `/orders/${id}` : "/orders"),
+        onCancel: () => adminNavigateTo("/orders")
+      }
+    );
+  }
+  if (orderId) {
+    return /* @__PURE__ */ jsx("div", { className: "max-w-7xl", children: /* @__PURE__ */ jsx(
+      OrderDetailView,
+      {
+        orderId,
+        provider: () => resolveShopProvider(provider),
+        onBack: () => adminNavigateTo("/orders")
+      }
+    ) });
+  }
+  const copy = section ? TAB_COPY[section] : { title: "Loja", subtitle: "Gerencie produtos, pedidos, clientes e descontos." };
+  return (
+    // No padding of its own: AdminShell already wraps every page in `p-3 md:p-6`,
+    // and a second p-6 here sat the orders list lower and wider than every CRUD
+    // screen next to it.
+    /* @__PURE__ */ jsxs("div", { children: [
+      section !== "orders" && /* @__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-ZBJRNMKQ.js.map
+//# sourceMappingURL=ShopPage-ZBJRNMKQ.js.map