@fayz-ai/plugin-shop 0.8.0 → 0.8.1

package/dist/index.cjs

@@ -1,15 +1,919 @@
 'use strict';
 
-var React = require('react');
+var React2 = require('react');
 var shop = require('@fayz-ai/shop');
 var saas = require('@fayz-ai/saas');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var React__default = /*#__PURE__*/_interopDefault(React);
+var React2__default = /*#__PURE__*/_interopDefault(React2);
 
 // src/index.ts
+function ProductImagesTab({ item, getProvider }) {
+  const product = item;
+  const [images, setImages] = React2.useState([]);
+  const [busy, setBusy] = React2.useState(false);
+  const [error, setError] = React2.useState(null);
+  const fileRef = React2.useRef(null);
+  async function reload() {
+    const fresh = await getProvider().getProduct(product.id);
+    setImages(sortImages(fresh?.images ?? []));
+  }
+  React2.useEffect(() => {
+    void reload().catch(() => {
+    });
+  }, [product.id]);
+  async function run(action) {
+    setBusy(true);
+    setError(null);
+    try {
+      await action();
+      await reload();
+    } catch (err) {
+      setError(err instanceof Error ? err.message : String(err));
+    } finally {
+      setBusy(false);
+    }
+  }
+  async function upload(files) {
+    if (!files?.length) return;
+    await run(async () => {
+      for (const file of Array.from(files)) {
+        await getProvider().uploadProductImage(product.id, file);
+      }
+      if (fileRef.current) fileRef.current.value = "";
+    });
+  }
+  function move(index, delta) {
+    const target = index + delta;
+    if (target < 0 || target >= images.length) return;
+    const a = images[index];
+    const b = images[target];
+    void run(async () => {
+      const update2 = getProvider().updateProductImage;
+      if (!update2) throw new Error("Este provider n\xE3o suporta reordenar imagens.");
+      await update2(a.id, { sortOrder: b.sortOrder ?? target });
+      await update2(b.id, { sortOrder: a.sortOrder ?? index });
+    });
+  }
+  const update = getProvider().updateProductImage;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-semibold", children: "Fotos do produto" }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: "A primeira foto \xE9 a capa \u2014 aparece no cat\xE1logo, no carrinho e no pedido. As demais viram o carrossel na p\xE1gina do produto." })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "inline-flex cursor-pointer items-center rounded-md bg-primary px-3 py-1.5 text-sm font-medium text-primary-foreground transition hover:opacity-90", children: [
+        busy ? "Enviando\u2026" : "Adicionar fotos",
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            ref: fileRef,
+            type: "file",
+            accept: "image/*",
+            multiple: true,
+            disabled: busy,
+            className: "hidden",
+            onChange: (event) => void upload(event.target.files)
+          }
+        )
+      ] })
+    ] }),
+    error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "rounded-md border border-red-200 bg-red-50 px-3 py-2 text-sm text-red-800", children: error }),
+    images.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "rounded-lg border border-dashed px-4 py-10 text-center text-sm text-muted-foreground", children: "Nenhuma foto ainda. Produtos com mais de uma foto vendem melhor \u2014 mostre a embalagem, o produto pronto e uma refer\xEAncia de tamanho." }) : /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "grid grid-cols-2 gap-3 sm:grid-cols-3 lg:grid-cols-4", children: images.map((image, index) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "overflow-hidden rounded-lg border", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative aspect-square bg-muted", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("img", { src: image.url, alt: image.altText ?? "", className: "h-full w-full object-cover" }),
+        image.isPrimary && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute left-2 top-2 rounded-full bg-primary px-2 py-0.5 text-[11px] font-bold text-primary-foreground", children: "Capa" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-1 px-2 py-1.5", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            IconButton,
+            {
+              label: "Mover para tr\xE1s",
+              disabled: busy || index === 0,
+              onClick: () => move(index, -1),
+              children: "\u2190"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            IconButton,
+            {
+              label: "Mover para frente",
+              disabled: busy || index === images.length - 1,
+              onClick: () => move(index, 1),
+              children: "\u2192"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-1", children: [
+          !image.isPrimary && update && /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              disabled: busy,
+              onClick: () => void run(() => update(image.id, { isPrimary: true })),
+              className: "rounded px-1.5 py-0.5 text-xs text-muted-foreground hover:bg-muted hover:text-foreground disabled:opacity-50",
+              children: "Usar como capa"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              disabled: busy,
+              onClick: () => void run(() => getProvider().deleteProductImage(image.id)),
+              className: "rounded px-1.5 py-0.5 text-xs text-red-600 hover:bg-red-50 disabled:opacity-50",
+              children: "Excluir"
+            }
+          )
+        ] })
+      ] })
+    ] }, image.id)) })
+  ] });
+}
+function IconButton({ label, disabled, onClick, children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      type: "button",
+      "aria-label": label,
+      title: label,
+      disabled,
+      onClick,
+      className: "rounded border px-1.5 py-0.5 text-xs text-muted-foreground transition hover:bg-muted hover:text-foreground disabled:opacity-40",
+      children
+    }
+  );
+}
+function sortImages(images) {
+  return [...images].sort((a, b) => {
+    if (a.isPrimary !== b.isPrimary) return a.isPrimary ? -1 : 1;
+    return (a.sortOrder ?? 0) - (b.sortOrder ?? 0);
+  });
+}
+var STATUS_TONE = {
+  active: "bg-emerald-100 text-emerald-800",
+  draft: "bg-gray-100 text-gray-700",
+  archived: "bg-orange-100 text-orange-700"
+};
+var STATUS_LABEL = {
+  active: "Ativo",
+  draft: "Rascunho",
+  archived: "Arquivado"
+};
+function money(value, currency = "BRL") {
+  const n = Number(value);
+  if (!Number.isFinite(n)) return "\u2014";
+  return new Intl.NumberFormat("pt-BR", { style: "currency", currency }).format(n);
+}
+function slugify(value) {
+  return value.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase().trim().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "");
+}
+function productImage(getProvider) {
+  return {
+    get: (row) => {
+      const images = row.images;
+      return images?.find((i) => i.isPrimary)?.url ?? images?.[0]?.url;
+    },
+    upload: async (file, row) => {
+      if (!row.id) throw new Error("Salve o produto antes de enviar a imagem.");
+      const image = await getProvider().uploadProductImage(row.id, file);
+      return image.url;
+    },
+    accept: "image/*"
+  };
+}
+function buildShopProductEntity(currencyCode = "BRL", getProvider) {
+  const fields = [
+    // — Geral —
+    {
+      key: "name",
+      label: "Nome do produto",
+      type: "text",
+      required: true,
+      group: "general",
+      placeholder: "Costela Bovina Defumada 400g",
+      searchable: true,
+      showInTable: true,
+      sortable: true,
+      renderCell: (_v, row) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+        row.images?.[0]?.url && /* @__PURE__ */ jsxRuntime.jsx(
+          "img",
+          {
+            src: row.images[0].url,
+            alt: "",
+            className: "h-9 w-9 rounded object-cover",
+            loading: "lazy"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "truncate font-medium", children: row.name }),
+          row.sku && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: row.sku })
+        ] })
+      ] })
+    },
+    {
+      key: "slug",
+      label: "URL",
+      type: "text",
+      group: "general",
+      placeholder: "gerado a partir do nome",
+      hint: "Endere\xE7o do produto na loja. Deixe em branco para gerar automaticamente.",
+      showInTable: false
+    },
+    {
+      key: "description",
+      label: "Descri\xE7\xE3o",
+      type: "textarea",
+      group: "general",
+      span: 2,
+      placeholder: "Como \xE9 feito, como preparar, o que acompanha\u2026",
+      showInTable: false
+    },
+    // — Preço —
+    {
+      key: "price",
+      label: "Pre\xE7o de venda",
+      type: "currency",
+      required: true,
+      group: "pricing",
+      currency: currencyCode,
+      currencySymbol: "R$",
+      currencyLocale: "pt-BR",
+      showInTable: true,
+      sortable: true,
+      renderCell: (v, row) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-right", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: money(v, row.currency) }),
+        row.compareAtPrice > row.price && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-2 text-xs text-muted-foreground line-through", children: money(row.compareAtPrice, row.currency) })
+      ] })
+    },
+    {
+      key: "compareAtPrice",
+      label: "Pre\xE7o comparativo",
+      type: "currency",
+      group: "pricing",
+      currency: currencyCode,
+      currencySymbol: "R$",
+      currencyLocale: "pt-BR",
+      hint: 'Pre\xE7o "de" riscado. Deixe vazio se n\xE3o estiver em promo\xE7\xE3o.',
+      showInTable: false
+    },
+    {
+      key: "discount",
+      label: "Desconto",
+      type: "computed",
+      group: "pricing",
+      showInTable: false,
+      compute: (vals) => {
+        const price = Number(vals.price) || 0;
+        const compare = Number(vals.compareAtPrice) || 0;
+        if (compare <= 0 || price <= 0 || compare <= price) return null;
+        const pct = (compare - price) / compare * 100;
+        return { display: `-${pct.toFixed(0)}%`, tone: "positive" };
+      }
+    },
+    // — Estoque —
+    {
+      key: "sku",
+      label: "SKU",
+      type: "text",
+      group: "inventory",
+      placeholder: "ART-001",
+      searchable: true,
+      showInTable: false
+    },
+    {
+      key: "inventoryCount",
+      label: "Estoque",
+      type: "number",
+      group: "inventory",
+      min: 0,
+      placeholder: "0",
+      hint: "Chega a zero e o produto aparece como esgotado na loja.",
+      showInTable: true,
+      sortable: true,
+      renderCell: (v) => {
+        const n = Number(v) || 0;
+        return /* @__PURE__ */ jsxRuntime.jsx("span", { className: `block text-right ${n === 0 ? "font-medium text-destructive" : n <= 3 ? "text-orange-600" : ""}`, children: n });
+      }
+    },
+    // — Publicação —
+    {
+      key: "status",
+      label: "Status",
+      type: "segmented",
+      required: true,
+      group: "publishing",
+      span: 2,
+      options: [
+        { label: "Rascunho", value: "draft", description: "S\xF3 voc\xEA v\xEA. N\xE3o aparece na loja." },
+        { label: "Ativo", value: "active", description: "Publicado e \xE0 venda." },
+        { label: "Arquivado", value: "archived", description: "Fora da loja, hist\xF3rico preservado." }
+      ],
+      showInTable: true,
+      sortable: false,
+      renderCell: (v) => {
+        const s = String(v ?? "draft");
+        return /* @__PURE__ */ jsxRuntime.jsx("span", { className: `inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-medium ${STATUS_TONE[s] ?? STATUS_TONE.draft}`, children: STATUS_LABEL[s] ?? s });
+      }
+    },
+    {
+      key: "sortOrder",
+      label: "Ordem na vitrine",
+      type: "number",
+      group: "publishing",
+      placeholder: "0",
+      hint: "Menor aparece primeiro.",
+      showInTable: false
+    },
+    // — Envio —
+    {
+      key: "isPhysical",
+      label: "Produto f\xEDsico",
+      type: "boolean",
+      group: "shipping",
+      hint: "Desmarque para itens digitais, que n\xE3o calculam frete.",
+      showInTable: false
+    },
+    { key: "weight", label: "Peso", type: "number", group: "shipping", min: 0, placeholder: "0.4", showInTable: false },
+    {
+      key: "weightUnit",
+      label: "Unidade",
+      type: "select",
+      group: "shipping",
+      showInTable: false,
+      options: [{ label: "kg", value: "kg" }, { label: "g", value: "g" }, { label: "lb", value: "lb" }]
+    }
+  ];
+  return {
+    name: "Produto",
+    namePlural: "Produtos",
+    icon: "Package",
+    displayField: "name",
+    fields,
+    fieldGroups: [
+      // imageSlot renders the scaffolding's image uploader alongside the group.
+      { id: "general", label: "Informa\xE7\xF5es", columns: 2, imageSlot: true },
+      { id: "pricing", label: "Pre\xE7o", description: 'O pre\xE7o comparativo vira o "de" riscado na vitrine.', columns: 3 },
+      { id: "inventory", label: "Estoque", columns: 2 },
+      { id: "publishing", label: "Publica\xE7\xE3o", description: "Controla se o produto aparece na loja.", columns: 2 },
+      { id: "shipping", label: "Envio", columns: 3 }
+    ],
+    facets: [{ field: "status", allLabel: "Todos" }],
+    image: getProvider ? productImage(getProvider) : void 0,
+    // The form's image slot sets the COVER; this tab manages the rest of the
+    // gallery. plg_shop_product_images has always held a collection, and until
+    // now nothing in the admin could add a second row to it — so the storefront
+    // carousel had exactly one slide for every product in the pool.
+    detailTabs: getProvider ? [{
+      id: "images",
+      label: "Fotos",
+      icon: "Image",
+      component: ProductImagesTab,
+      props: { getProvider }
+    }] : void 0
+  };
+}
+function money2(value) {
+  const n = Number(value);
+  if (!Number.isFinite(n)) return "R$ 0,00";
+  return new Intl.NumberFormat("pt-BR", { style: "currency", currency: "BRL" }).format(n);
+}
+function buildShopCustomerEntity() {
+  const fields = [
+    // — Contato —
+    {
+      key: "firstName",
+      label: "Nome",
+      type: "text",
+      required: true,
+      group: "contact",
+      placeholder: "Maria",
+      searchable: true,
+      showInTable: true,
+      sortable: true,
+      renderCell: (_v, row) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "truncate font-medium", children: [row.firstName, row.lastName].filter(Boolean).join(" ") }),
+        row.email && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "truncate text-xs text-muted-foreground", children: row.email })
+      ] })
+    },
+    { key: "lastName", label: "Sobrenome", type: "text", group: "contact", placeholder: "Silva", searchable: true, showInTable: false },
+    {
+      key: "email",
+      label: "E-mail",
+      type: "text",
+      group: "contact",
+      placeholder: "maria@exemplo.com",
+      searchable: true,
+      hint: "\xC9 por ele que o pedido \xE9 vinculado ao cliente no checkout.",
+      showInTable: false
+    },
+    {
+      key: "phone",
+      label: "Telefone",
+      type: "text",
+      group: "contact",
+      placeholder: "(21) 99999-0000",
+      searchable: true,
+      showInTable: true,
+      sortable: false,
+      renderCell: (v) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: v || "\u2014" })
+    },
+    // — Histórico (somente leitura) —
+    {
+      key: "ordersCount",
+      label: "Pedidos",
+      type: "number",
+      showInForm: false,
+      showInTable: true,
+      sortable: true,
+      renderCell: (v) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block text-right", children: Number(v) || 0 })
+    },
+    {
+      key: "totalSpent",
+      label: "Total gasto",
+      type: "number",
+      showInForm: false,
+      showInTable: true,
+      sortable: true,
+      renderCell: (v) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block text-right font-medium", children: money2(v) })
+    },
+    // — Interno —
+    {
+      key: "notes",
+      label: "Observa\xE7\xF5es",
+      type: "textarea",
+      group: "internal",
+      span: 2,
+      placeholder: "Prefer\xEAncias, restri\xE7\xF5es, combinados de entrega\u2026",
+      hint: "Vis\xEDvel s\xF3 no admin. O cliente nunca v\xEA.",
+      showInTable: false
+    }
+  ];
+  return {
+    name: "Cliente",
+    namePlural: "Clientes",
+    icon: "Users",
+    displayField: "firstName",
+    // `person` layout brings the shared archetype tabs — including Endereços,
+    // which reads the core addresses table and therefore works in every app.
+    layout: "person",
+    // Without archetypeKind the shell shows every person tab, including the
+    // staff-only Agenda (its visibleFor filter only runs when a kind is set).
+    data: { table: "plg_shop_customers", archetypeKind: "customer" },
+    fields,
+    // The SAME tab and the SAME provider beauty-saas uses. Since the shop's
+    // orders now live in public.orders with party_id set, the canonical provider
+    // already returns them — a shop-specific adapter would be a second
+    // implementation of "list this person's orders", which is how two apps end
+    // up with two different answers to the same question.
+    detailTabs: [{
+      id: "orders",
+      label: "Pedidos",
+      icon: "ShoppingBag",
+      aliases: ["appointments", "quotes"],
+      component: saas.ClientOrdersTab,
+      props: {
+        provider: saas.createClientOrdersProvider(),
+        currency: { code: "BRL", locale: "pt-BR" },
+        // The one part that legitimately differs per app: where a document
+        // leads. Beauty sends a booking to the agenda and an invoice to
+        // receivables; a shop order goes to the order screen.
+        navigator: {
+          onNavigate: (doc) => saas.adminNavigateTo(`/shop/orders/${doc.id}`)
+        }
+      }
+    }],
+    fieldGroups: [
+      { id: "contact", label: "Contato", columns: 2 },
+      { id: "internal", label: "Notas internas", columns: 1 }
+    ]
+  };
+}
+var STATUS_TONE2 = {
+  active: "bg-emerald-100 text-emerald-800",
+  draft: "bg-gray-100 text-gray-700",
+  expired: "bg-orange-100 text-orange-700",
+  disabled: "bg-red-100 text-red-700"
+};
+function buildShopDiscountEntity() {
+  const fields = [
+    // — Cupom —
+    {
+      key: "title",
+      label: "Nome interno",
+      type: "text",
+      required: true,
+      group: "coupon",
+      placeholder: "Bem-vindo 10%",
+      hint: "S\xF3 o admin v\xEA. Serve para voc\xEA identificar a campanha.",
+      searchable: true,
+      showInTable: true,
+      sortable: true,
+      renderCell: (_v, row) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "truncate font-medium", children: row.title }),
+        row.code && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-mono text-xs text-muted-foreground", children: row.code })
+      ] })
+    },
+    {
+      key: "code",
+      label: "C\xF3digo",
+      type: "text",
+      group: "coupon",
+      placeholder: "ARTORIUS10",
+      hint: "O que o cliente digita no carrinho. Mai\xFAsculas e min\xFAsculas n\xE3o importam.",
+      searchable: true,
+      showInTable: false
+    },
+    // — Regra —
+    {
+      key: "type",
+      label: "Tipo",
+      type: "segmented",
+      required: true,
+      group: "rule",
+      span: 2,
+      options: [
+        { label: "Percentual", value: "percentage", description: "Desconta uma % do subtotal." },
+        { label: "Valor fixo", value: "fixed_amount", description: "Desconta um valor em reais." },
+        { label: "Frete gr\xE1tis", value: "free_shipping", description: "Zera o frete do pedido." }
+      ],
+      showInTable: true,
+      sortable: false,
+      renderCell: (v) => {
+        const labels = {
+          percentage: "Percentual",
+          fixed_amount: "Valor fixo",
+          free_shipping: "Frete gr\xE1tis",
+          buy_x_get_y: "Leve X pague Y"
+        };
+        return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: labels[String(v)] ?? String(v) });
+      }
+    },
+    {
+      key: "value",
+      label: "Valor",
+      type: "number",
+      group: "rule",
+      min: 0,
+      placeholder: "10",
+      hint: "Percentual: 10 = 10%. Valor fixo: 10 = R$ 10,00. Frete gr\xE1tis ignora este campo.",
+      showInTable: true,
+      sortable: true,
+      renderCell: (_v, row) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block text-right font-medium", children: row.type === "percentage" ? `${row.value}%` : row.type === "free_shipping" ? "\u2014" : new Intl.NumberFormat("pt-BR", { style: "currency", currency: "BRL" }).format(Number(row.value) || 0) })
+    },
+    // — Limites —
+    {
+      key: "usageLimit",
+      label: "Limite de usos",
+      type: "number",
+      group: "limits",
+      min: 0,
+      placeholder: "sem limite",
+      hint: "Deixe vazio para uso ilimitado.",
+      showInTable: false
+    },
+    {
+      key: "oncePerCustomer",
+      label: "Uma vez por cliente",
+      type: "boolean",
+      group: "limits",
+      hint: "S\xF3 vale para quem se identifica no checkout \u2014 compra como visitante n\xE3o \xE9 rastreada.",
+      showInTable: false
+    },
+    {
+      key: "timesUsed",
+      label: "Usos",
+      type: "number",
+      showInForm: false,
+      showInTable: true,
+      sortable: true,
+      renderCell: (_v, row) => /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "block text-right text-muted-foreground", children: [
+        row.timesUsed,
+        row.usageLimit ? ` / ${row.usageLimit}` : ""
+      ] })
+    },
+    // — Vigência —
+    { key: "startsAt", label: "In\xEDcio", type: "date", group: "schedule", showInTable: false },
+    {
+      key: "endsAt",
+      label: "Fim",
+      type: "date",
+      group: "schedule",
+      hint: "Vazio = sem data de expira\xE7\xE3o.",
+      showInTable: false
+    },
+    {
+      key: "status",
+      label: "Status",
+      type: "segmented",
+      required: true,
+      group: "schedule",
+      span: 2,
+      options: [
+        { label: "Rascunho", value: "draft", description: "N\xE3o aceito no carrinho." },
+        { label: "Ativo", value: "active", description: "Valendo agora." },
+        { label: "Desativado", value: "disabled", description: "Suspenso sem apagar o hist\xF3rico." }
+      ],
+      showInTable: true,
+      sortable: false,
+      renderCell: (v) => {
+        const s = String(v ?? "draft");
+        return /* @__PURE__ */ jsxRuntime.jsx("span", { className: `inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-medium ${STATUS_TONE2[s] ?? STATUS_TONE2.draft}`, children: s });
+      }
+    }
+  ];
+  return {
+    name: "Desconto",
+    namePlural: "Descontos",
+    icon: "Tag",
+    displayField: "title",
+    fields,
+    fieldGroups: [
+      { id: "coupon", label: "Cupom", columns: 2 },
+      { id: "rule", label: "Regra", description: "O desconto \xE9 recalculado no servidor a cada pedido.", columns: 2 },
+      { id: "limits", label: "Limites de uso", columns: 2 },
+      { id: "schedule", label: "Vig\xEAncia", columns: 2 }
+    ],
+    facets: [{ field: "status", allLabel: "Todos" }]
+  };
+}
+var cep = (value) => {
+  const digits = String(value ?? "").replace(/\D/g, "").padStart(8, "0");
+  return `${digits.slice(0, 5)}-${digits.slice(5)}`;
+};
+function buildShopShippingZoneEntity(currency = "BRL") {
+  const money3 = (value) => value == null ? "\u2014" : new Intl.NumberFormat("pt-BR", { style: "currency", currency }).format(Number(value));
+  const fields = [
+    {
+      key: "name",
+      label: "Nome da zona",
+      type: "text",
+      required: true,
+      group: "zone",
+      placeholder: "Rio de Janeiro \u2014 capital",
+      hint: "Aparece para o cliente na hora de escolher a entrega.",
+      searchable: true,
+      showInTable: true,
+      sortable: true
+    },
+    {
+      key: "carrier",
+      label: "Transportadora",
+      type: "text",
+      group: "zone",
+      placeholder: "Correios, motoboy pr\xF3prio\u2026",
+      hint: "Opcional. Mostrado antes do nome da zona quando preenchido.",
+      showInTable: true
+    },
+    {
+      key: "postalFrom",
+      label: "CEP inicial",
+      type: "text",
+      required: true,
+      group: "zone",
+      placeholder: "20000-000",
+      hint: "In\xEDcio da faixa. Pode digitar com ou sem tra\xE7o.",
+      showInTable: true,
+      renderCell: (_v, row) => /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "whitespace-nowrap font-mono text-xs", children: [
+        cep(row.postalFrom),
+        " \u2192 ",
+        cep(row.postalTo)
+      ] })
+    },
+    {
+      key: "postalTo",
+      label: "CEP final",
+      type: "text",
+      required: true,
+      group: "zone",
+      placeholder: "23799-999",
+      hint: "Fim da faixa, inclusive.",
+      showInTable: false
+    },
+    {
+      key: "rate",
+      label: "Valor do frete",
+      type: "number",
+      required: true,
+      group: "pricing",
+      hint: "Cobrado nos pedidos entregues nessa faixa.",
+      showInTable: true,
+      sortable: true,
+      renderCell: (value) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "tabular-nums", children: money3(value) })
+    },
+    {
+      key: "freeAbove",
+      label: "Frete gr\xE1tis acima de",
+      type: "number",
+      group: "pricing",
+      hint: "Deixe vazio para nunca dar frete gr\xE1tis nessa zona. Vale mais que a regra geral da loja.",
+      showInTable: true,
+      renderCell: (value) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "tabular-nums", children: money3(value) })
+    },
+    {
+      key: "etaMinDays",
+      label: "Prazo m\xEDnimo (dias)",
+      type: "number",
+      group: "delivery",
+      hint: "0 = no mesmo dia.",
+      showInTable: false
+    },
+    {
+      key: "etaMaxDays",
+      label: "Prazo m\xE1ximo (dias)",
+      type: "number",
+      group: "delivery",
+      hint: 'O cliente v\xEA a faixa "de X a Y dias \xFAteis" na p\xE1gina do produto.',
+      showInTable: true,
+      renderCell: (_v, row) => row.etaMinDays == null && row.etaMaxDays == null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "\u2014" }) : /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+        row.etaMinDays ?? 0,
+        "\u2013",
+        row.etaMaxDays ?? row.etaMinDays,
+        " dias"
+      ] })
+    },
+    {
+      key: "active",
+      label: "Ativa",
+      type: "boolean",
+      group: "delivery",
+      hint: "Desativar para de cotar essa faixa sem apagar a configura\xE7\xE3o.",
+      showInTable: true,
+      renderCell: (value) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: `rounded-full px-2 py-0.5 text-xs font-medium ${value ? "bg-emerald-100 text-emerald-800" : "bg-gray-100 text-gray-700"}`, children: value ? "Ativa" : "Inativa" })
+    },
+    {
+      key: "sortOrder",
+      label: "Ordem",
+      type: "number",
+      group: "delivery",
+      hint: "Desempate quando duas zonas custam o mesmo. Menor aparece primeiro.",
+      showInTable: false
+    }
+  ];
+  return {
+    name: "Zona de entrega",
+    namePlural: "Entrega",
+    icon: "Truck",
+    displayField: "name",
+    fields,
+    fieldGroups: [
+      {
+        id: "zone",
+        label: "Faixa de CEP",
+        columns: 2,
+        description: "Faixas podem se sobrepor: quando duas cobrem o mesmo CEP, o cliente paga a mais barata."
+      },
+      {
+        id: "pricing",
+        label: "Pre\xE7o",
+        columns: 2,
+        description: "O frete cobrado \xE9 recalculado no servidor a cada pedido, a partir daqui."
+      },
+      { id: "delivery", label: "Prazo e status", columns: 2 }
+    ],
+    facets: [{ field: "active", allLabel: "Todas" }]
+  };
+}
+
+// src/data/shared.ts
+var resolve = (p) => typeof p === "function" ? p() : p;
+function applyQuery(rows, query, facetKey) {
+  const prop = (row, key) => row[key];
+  let data = rows;
+  if (facetKey) {
+    const wanted = query.filters?.[facetKey];
+    if (wanted && wanted !== "all") data = data.filter((row) => prop(row, facetKey) === wanted);
+  }
+  if (query.sortBy) {
+    const dir = query.sortDir === "desc" ? -1 : 1;
+    const key = query.sortBy;
+    data = [...data].sort((a, b) => {
+      const av = prop(a, key);
+      const bv = prop(b, key);
+      if (typeof av === "number" && typeof bv === "number") return (av - bv) * dir;
+      return String(av ?? "").localeCompare(String(bv ?? ""), "pt-BR") * dir;
+    });
+  }
+  const total = data.length;
+  const page = query.page ?? 1;
+  const size = query.pageSize ?? total;
+  return { data: data.slice((page - 1) * size, page * size), total };
+}
+
+// src/data/productDataProvider.ts
+function createShopProductDataProvider(provider) {
+  return {
+    async list(query) {
+      const rows = await resolve(provider).listProducts(
+        query.search ? { search: query.search } : void 0
+      );
+      return applyQuery(rows, query, "status");
+    },
+    async create(data) {
+      const input = data;
+      const slug = input.slug?.trim() || slugify(String(input.name ?? ""));
+      return resolve(provider).createProduct({
+        ...input,
+        slug
+      });
+    },
+    async update(id, data) {
+      const patch = { ...data };
+      if (patch.slug !== void 0 && !String(patch.slug).trim()) {
+        patch.slug = slugify(String(patch.name ?? ""));
+      }
+      return resolve(provider).updateProduct(id, patch);
+    },
+    async remove(id) {
+      await resolve(provider).deleteProduct(id);
+    }
+  };
+}
+
+// src/data/customerDataProvider.ts
+function createShopCustomerDataProvider(provider) {
+  return {
+    async list(query) {
+      const rows = await resolve(provider).listCustomers(
+        query.search ? { search: query.search } : void 0
+      );
+      return applyQuery(rows, query);
+    },
+    async create(data) {
+      return resolve(provider).createCustomer(data);
+    },
+    async update(id, data) {
+      const { ordersCount: _o, totalSpent: _t, ...patch } = data;
+      return resolve(provider).updateCustomer(id, patch);
+    },
+    async remove(id) {
+      await resolve(provider).deleteCustomer(id);
+    }
+  };
+}
+
+// src/data/discountDataProvider.ts
+function createShopDiscountDataProvider(provider) {
+  return {
+    async list(query) {
+      const rows = await resolve(provider).listDiscounts();
+      const term = query.search?.trim().toLowerCase();
+      const filtered = term ? rows.filter((d) => d.title.toLowerCase().includes(term) || (d.code ?? "").toLowerCase().includes(term)) : rows;
+      return applyQuery(filtered, query, "status");
+    },
+    async create(data) {
+      const input = data;
+      return resolve(provider).createDiscount({
+        ...input,
+        // Codes are matched case-insensitively server-side; store them upper so
+        // the admin list reads consistently.
+        code: input.code ? String(input.code).trim().toUpperCase() : void 0
+      });
+    },
+    async update(id, data) {
+      const { timesUsed: _used, ...patch } = data;
+      if (patch.code !== void 0) {
+        patch.code = patch.code ? String(patch.code).trim().toUpperCase() : null;
+      }
+      return resolve(provider).updateDiscount(id, patch);
+    },
+    async remove(id) {
+      await resolve(provider).deleteDiscount(id);
+    }
+  };
+}
+
+// src/data/shippingZoneDataProvider.ts
+function createShopShippingZoneDataProvider(provider) {
+  const shop = () => {
+    const p = resolve(provider);
+    if (!p.listShippingZones) {
+      throw new Error("Este provider de loja n\xE3o suporta zonas de entrega.");
+    }
+    return p;
+  };
+  return {
+    async list(query) {
+      const rows = await shop().listShippingZones();
+      const term = query.search?.trim().toLowerCase();
+      const filtered = term ? rows.filter((z) => z.name.toLowerCase().includes(term) || (z.carrier ?? "").toLowerCase().includes(term)) : rows;
+      return applyQuery(filtered, query);
+    },
+    async create(data) {
+      return shop().createShippingZone(data);
+    },
+    async update(id, data) {
+      const { id: _id, tenantId: _tenant, ...patch } = data;
+      return shop().updateShippingZone(id, patch);
+    },
+    async remove(id) {
+      await shop().deleteShippingZone(id);
+    }
+  };
+}
 var CURRENCIES = [
   { value: "BRL", label: "Real (R$)" },
   { value: "USD", label: "US Dollar ($)" },
@@ -22,15 +926,15 @@ var LOCALES = [
   { value: "es-ES", label: "Espa\xF1ol" }
 ];
 function ShopSettings({ currency }) {
-  const [code, setCode] = React__default.default.useState(currency?.code ?? "BRL");
-  const [locale, setLocale] = React__default.default.useState(currency?.locale ?? "pt-BR");
-  const [showOutOfStock, setShowOutOfStock] = React__default.default.useState(true);
-  const [trackInventory, setTrackInventory] = React__default.default.useState(true);
-  const [requireSku, setRequireSku] = React__default.default.useState(false);
-  const [guestCheckout, setGuestCheckout] = React__default.default.useState(true);
-  const [enableDiscounts, setEnableDiscounts] = React__default.default.useState(true);
-  const [orderEmails, setOrderEmails] = React__default.default.useState(true);
-  const [lowStockAlerts, setLowStockAlerts] = React__default.default.useState(false);
+  const [code, setCode] = React2__default.default.useState(currency?.code ?? "BRL");
+  const [locale, setLocale] = React2__default.default.useState(currency?.locale ?? "pt-BR");
+  const [showOutOfStock, setShowOutOfStock] = React2__default.default.useState(true);
+  const [trackInventory, setTrackInventory] = React2__default.default.useState(true);
+  const [requireSku, setRequireSku] = React2__default.default.useState(false);
+  const [guestCheckout, setGuestCheckout] = React2__default.default.useState(true);
+  const [enableDiscounts, setEnableDiscounts] = React2__default.default.useState(true);
+  const [orderEmails, setOrderEmails] = React2__default.default.useState(true);
+  const [lowStockAlerts, setLowStockAlerts] = React2__default.default.useState(false);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxRuntime.jsxs(saas.SettingsGroup, { title: "Loja", description: "Moeda e formata\xE7\xE3o da vitrine.", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -127,18 +1031,55 @@ function ShopSettings({ currency }) {
 }
 
 // src/index.ts
-var ShopPage = React__default.default.lazy(() => import('./ShopPage-PG5GKOZU.cjs').then((m) => ({ default: m.ShopPage })));
+var ShopPage = React2__default.default.lazy(() => import('./ShopPage-JF2SQBKO.cjs').then((m) => ({ default: m.ShopPage })));
 function createShopPlugin(options) {
   const curr = { code: "BRL", locale: "pt-BR", symbol: "R$", ...options?.currency };
   shop.setShopTenantResolver(() => saas.useOrganizationStore.getState().currentOrg?.id);
-  const PageComponent = () => React__default.default.createElement(
-    React__default.default.Suspense,
-    { fallback: null },
-    React__default.default.createElement(ShopPage, {
-      provider: options?.provider
-    })
-  );
-  PageComponent.displayName = "ShopPageWrapper";
+  saas.registerEntityPath("shop_customer", "/shop/customers");
+  const pageFor = (section) => {
+    const Wrapped = () => React2__default.default.createElement(
+      React2__default.default.Suspense,
+      { fallback: null },
+      React2__default.default.createElement(
+        ShopPage,
+        { provider: options?.provider, section }
+      )
+    );
+    Wrapped.displayName = section ? `ShopPage:${section}` : "ShopPageWrapper";
+    return Wrapped;
+  };
+  const resolveProvider = () => typeof options?.provider === "function" ? options.provider() : options?.provider ?? shop.getShopProvider();
+  const ProductsCrudPage = saas.createCrudPage(buildShopProductEntity(curr.code, resolveProvider), {
+    dataProvider: createShopProductDataProvider(resolveProvider),
+    feature: "shop"
+  });
+  const CustomersCrudPage = saas.createCrudPage(buildShopCustomerEntity(), {
+    dataProvider: createShopCustomerDataProvider(resolveProvider),
+    feature: "shop"
+  });
+  const DiscountsCrudPage = saas.createCrudPage(buildShopDiscountEntity(), {
+    dataProvider: createShopDiscountDataProvider(resolveProvider),
+    feature: "shop"
+  });
+  const ShippingZonesCrudPage = saas.createCrudPage(buildShopShippingZoneEntity(curr.code), {
+    dataProvider: createShopShippingZoneDataProvider(resolveProvider),
+    feature: "shop"
+  });
+  const CRUD_PAGES = {
+    products: ProductsCrudPage,
+    customers: CustomersCrudPage,
+    discounts: DiscountsCrudPage,
+    shipping: ShippingZonesCrudPage
+  };
+  const SECTIONS = [
+    { id: "products", label: options?.sectionLabels?.products ?? "Produtos", icon: "Package" },
+    { id: "orders", label: options?.sectionLabels?.orders ?? "Pedidos", icon: "ShoppingCart" },
+    { id: "customers", label: options?.sectionLabels?.customers ?? "Clientes", icon: "Users" },
+    { id: "discounts", label: options?.sectionLabels?.discounts ?? "Descontos", icon: "Tag" },
+    { id: "shipping", label: options?.sectionLabels?.shipping ?? "Entrega", icon: "Truck" }
+  ];
+  const navSection = options?.navSection ?? "main";
+  const navPosition = options?.navPosition ?? 6;
   return {
     id: "shop",
     name: options?.navLabel ?? "Shop",
@@ -153,20 +1094,36 @@ function createShopPlugin(options) {
     dependencies: [],
     navigation: [
       {
-        section: options?.navSection ?? "main",
-        position: options?.navPosition ?? 6,
+        section: navSection,
+        position: navPosition,
         label: options?.navLabel ?? "Shop",
         route: "/shop",
         icon: "ShoppingBag",
+        permission: { feature: "shop", action: "read" },
+        // "Loja" and "Produtos" are the same screen — don't list both.
+        indexChild: false
+      },
+      ...SECTIONS.map((s, i) => ({
+        section: navSection,
+        position: navPosition + i + 1,
+        label: s.label,
+        route: `/shop/${s.id}`,
+        icon: s.icon,
         permission: { feature: "shop", action: "read" }
-      }
+      }))
     ],
     routes: [
       {
+        // Kept so existing links to /shop still resolve; renders the tabbed page.
         path: "/shop",
-        component: PageComponent,
+        component: pageFor(),
         permission: { feature: "shop", action: "read" }
-      }
+      },
+      ...SECTIONS.map((s) => ({
+        path: `/shop/${s.id}`,
+        component: CRUD_PAGES[s.id] ?? pageFor(s.id),
+        permission: { feature: "shop", action: "read" }
+      }))
     ],
     widgets: [],
     aiTools: [
@@ -215,7 +1172,7 @@ function createShopPlugin(options) {
         label: "Shop",
         icon: "ShoppingBag",
         component: (() => {
-          const ShopSettingsTab = () => React__default.default.createElement(ShopSettings, { currency: curr });
+          const ShopSettingsTab = () => React2__default.default.createElement(ShopSettings, { currency: curr });
           ShopSettingsTab.displayName = "ShopSettingsTab";
           return ShopSettingsTab;
         })(),