@fayz-ai/plugin-shop 0.2.5 → 0.8.1

package/src/views/productEntity.tsx

@@ -0,0 +1,229 @@
+import React from 'react'
+import type { EntityDef, EntityImageConfig, FieldDef } from '@fayz-ai/core'
+import type { Product, ShopProvider } from '@fayz-ai/shop'
+import { ProductImagesTab } from './ProductImagesTab'
+
+// ---------------------------------------------------------------------------
+// Storefront Product — the single source of truth for the shop product CRUD.
+// Drives the list columns AND the form sections via the generic CRUD scaffolding
+// (createCrudPage → CrudListView + CrudFormPage), same pattern plugin-inventory
+// uses for its ERP product.
+//
+// This is deliberately the STOREFRONT shape (what a shopper sees: name, price,
+// compare-at, images, publication status), not the ERP shape plugin-inventory
+// models (cost, margin, min/max levels). They are different products in
+// different tables — see the shop/inventory bridge note in the roadmap.
+//
+// Not modelled here because the schema has nowhere to put them yet:
+//   • variants (options/SKU/stock per variant) — needs plg_shop_variants
+//   • SEO title/description — needs columns on plg_shop_products
+//   • multi-category — the column is a single category_id
+// ---------------------------------------------------------------------------
+
+const STATUS_TONE: Record<string, string> = {
+  active: 'bg-emerald-100 text-emerald-800',
+  draft: 'bg-gray-100 text-gray-700',
+  archived: 'bg-orange-100 text-orange-700',
+}
+
+const STATUS_LABEL: Record<string, string> = {
+  active: 'Ativo',
+  draft: 'Rascunho',
+  archived: 'Arquivado',
+}
+
+function money(value: unknown, currency = 'BRL') {
+  const n = Number(value)
+  if (!Number.isFinite(n)) return '—'
+  return new Intl.NumberFormat('pt-BR', { style: 'currency', currency }).format(n)
+}
+
+/** `name` → `name-do-produto`, so the storefront URL is filled in for you. */
+export function slugify(value: string): string {
+  return value
+    .normalize('NFD')
+    .replace(/[\u0300-\u036f]/g, '')
+    .toLowerCase()
+    .trim()
+    .replace(/[^a-z0-9]+/g, '-')
+    .replace(/^-+|-+$/g, '')
+}
+
+/**
+ * Wires the form's image slot to the product's own images. `uploadProductImage`
+ * has existed on the provider all along with nothing calling it — the slot was a
+ * decorative square, so a product with a photo still showed an empty placeholder.
+ */
+function productImage(getProvider: () => ShopProvider): EntityImageConfig {
+  return {
+    get: (row) => {
+      const images = (row as Partial<Product>).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/*',
+  }
+}
+
+export function buildShopProductEntity(
+  currencyCode = 'BRL',
+  getProvider?: () => ShopProvider,
+): EntityDef<Product> {
+  const fields: FieldDef[] = [
+    // — 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: any) => (
+        <div className="flex items-center gap-3">
+          {row.images?.[0]?.url && (
+            <img
+              src={row.images[0].url}
+              alt=""
+              className="h-9 w-9 rounded object-cover"
+              loading="lazy"
+            />
+          )}
+          <div className="min-w-0">
+            <p className="truncate font-medium">{row.name}</p>
+            {row.sku && <p className="text-xs text-muted-foreground">{row.sku}</p>}
+          </div>
+        </div>
+      ),
+    },
+    {
+      key: 'slug', label: 'URL', type: 'text', group: 'general',
+      placeholder: 'gerado a partir do nome',
+      hint: 'Endereço do produto na loja. Deixe em branco para gerar automaticamente.',
+      showInTable: false,
+    },
+    {
+      key: 'description', label: 'Descrição', type: 'textarea', group: 'general', span: 2,
+      placeholder: 'Como é feito, como preparar, o que acompanha…',
+      showInTable: false,
+    },
+
+    // — Preço —
+    {
+      key: 'price', label: 'Preço de venda', type: 'currency', required: true,
+      group: 'pricing', currency: currencyCode, currencySymbol: 'R$', currencyLocale: 'pt-BR',
+      showInTable: true, sortable: true,
+      renderCell: (v, row: any) => (
+        <div className="text-right">
+          <span className="font-medium">{money(v, row.currency)}</span>
+          {row.compareAtPrice > row.price && (
+            <span className="ml-2 text-xs text-muted-foreground line-through">
+              {money(row.compareAtPrice, row.currency)}
+            </span>
+          )}
+        </div>
+      ),
+    },
+    {
+      key: 'compareAtPrice', label: 'Preço comparativo', type: 'currency', group: 'pricing',
+      currency: currencyCode, currencySymbol: 'R$', currencyLocale: 'pt-BR',
+      hint: 'Preço "de" riscado. Deixe vazio se não estiver em promoção.',
+      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 (
+          <span className={`block text-right ${n === 0 ? 'font-medium text-destructive' : n <= 3 ? 'text-orange-600' : ''}`}>
+            {n}
+          </span>
+        )
+      },
+    },
+
+    // — Publicação —
+    {
+      key: 'status', label: 'Status', type: 'segmented', required: true,
+      group: 'publishing', span: 2,
+      options: [
+        { label: 'Rascunho', value: 'draft', description: 'Só você vê. Não aparece na loja.' },
+        { label: 'Ativo', value: 'active', description: 'Publicado e à venda.' },
+        { label: 'Arquivado', value: 'archived', description: 'Fora da loja, histórico preservado.' },
+      ],
+      showInTable: true, sortable: false,
+      renderCell: (v) => {
+        const s = String(v ?? 'draft')
+        return (
+          <span className={`inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-medium ${STATUS_TONE[s] ?? STATUS_TONE.draft}`}>
+            {STATUS_LABEL[s] ?? s}
+          </span>
+        )
+      },
+    },
+    {
+      key: 'sortOrder', label: 'Ordem na vitrine', type: 'number', group: 'publishing',
+      placeholder: '0', hint: 'Menor aparece primeiro.', showInTable: false,
+    },
+
+    // — Envio —
+    {
+      key: 'isPhysical', label: 'Produto físico', type: 'boolean', group: 'shipping',
+      hint: 'Desmarque para itens digitais, que não 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ções', columns: 2, imageSlot: true },
+      { id: 'pricing', label: 'Preço', description: 'O preço comparativo vira o "de" riscado na vitrine.', columns: 3 },
+      { id: 'inventory', label: 'Estoque', columns: 2 },
+      { id: 'publishing', label: 'Publicação', 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) : undefined,
+    // 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 as never,
+          props: { getProvider },
+        }]
+      : undefined,
+  } as EntityDef<Product>
+}

package/src/views/shippingZoneEntity.tsx

@@ -0,0 +1,123 @@
+import React from 'react'
+import type { EntityDef, FieldDef } from '@fayz-ai/core'
+import type { ShippingZone } from '@fayz-ai/shop'
+
+// ---------------------------------------------------------------------------
+// Delivery zone — declarative CRUD, same contract as products and discounts.
+//
+// A zone is a range of postal codes with its own price and estimate. Ranges may
+// overlap on purpose: the cheapest match wins, which is how a merchant layers a
+// promotion over a broader zone without deleting the broader one.
+//
+// The two things worth being loud about in the UI:
+//   · a store with NO zones keeps charging its flat rate — zones are opt-in;
+//   · once the first zone exists, an address outside every zone can no longer
+//     order (shop_place_order refuses it), so the first save changes who can buy.
+// ---------------------------------------------------------------------------
+
+const cep = (value: string | undefined): string => {
+  const digits = String(value ?? '').replace(/\D/g, '').padStart(8, '0')
+  return `${digits.slice(0, 5)}-${digits.slice(5)}`
+}
+
+export function buildShopShippingZoneEntity(currency = 'BRL'): EntityDef<ShippingZone> {
+  const money = (value: number | null | undefined) =>
+    value == null
+      ? '—'
+      : new Intl.NumberFormat('pt-BR', { style: 'currency', currency }).format(Number(value))
+
+  const fields: FieldDef[] = [
+    {
+      key: 'name', label: 'Nome da zona', type: 'text', required: true, group: 'zone',
+      placeholder: 'Rio de Janeiro — 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óprio…',
+      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ício da faixa. Pode digitar com ou sem traço.',
+      showInTable: true,
+      renderCell: (_v, row: any) => (
+        <span className="whitespace-nowrap font-mono text-xs">
+          {cep(row.postalFrom)} → {cep(row.postalTo)}
+        </span>
+      ),
+    },
+    {
+      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: any) => <span className="tabular-nums">{money(value)}</span>,
+    },
+    {
+      key: 'freeAbove', label: 'Frete grátis acima de', type: 'number', group: 'pricing',
+      hint: 'Deixe vazio para nunca dar frete grátis nessa zona. Vale mais que a regra geral da loja.',
+      showInTable: true,
+      renderCell: (value: any) => <span className="tabular-nums">{money(value)}</span>,
+    },
+    {
+      key: 'etaMinDays', label: 'Prazo mínimo (dias)', type: 'number', group: 'delivery',
+      hint: '0 = no mesmo dia.',
+      showInTable: false,
+    },
+    {
+      key: 'etaMaxDays', label: 'Prazo máximo (dias)', type: 'number', group: 'delivery',
+      hint: 'O cliente vê a faixa "de X a Y dias úteis" na página do produto.',
+      showInTable: true,
+      renderCell: (_v, row: any) =>
+        row.etaMinDays == null && row.etaMaxDays == null
+          ? <span className="text-muted-foreground">—</span>
+          : <span>{row.etaMinDays ?? 0}–{row.etaMaxDays ?? row.etaMinDays} dias</span>,
+    },
+    {
+      key: 'active', label: 'Ativa', type: 'boolean', group: 'delivery',
+      hint: 'Desativar para de cotar essa faixa sem apagar a configuração.',
+      showInTable: true,
+      renderCell: (value: any) => (
+        <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'}`}>
+          {value ? 'Ativa' : 'Inativa'}
+        </span>
+      ),
+    },
+    {
+      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ço', columns: 2,
+        description: 'O frete cobrado é recalculado no servidor a cada pedido, a partir daqui.',
+      },
+      { id: 'delivery', label: 'Prazo e status', columns: 2 },
+    ],
+    facets: [{ field: 'active', allLabel: 'Todas' }],
+  } as EntityDef<ShippingZone>
+}

package/dist/ShopPage-65PPVKBD.js

@@ -1,271 +0,0 @@
-import { useState, useCallback, useEffect, useMemo } from 'react';
-import { DataTable } from '@fayz-ai/ui';
-import { getShopProvider } from '@fayz-ai/shop';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-// src/ShopPage.tsx
-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 ProductsTab({ provider }) {
-  const [products, setProducts] = useState([]);
-  const [loading, setLoading] = useState(true);
-  const [search, setSearch] = useState("");
-  const load = useCallback(async (opts) => {
-    setLoading(true);
-    try {
-      const data = await resolveShopProvider(provider).listProducts(opts);
-      setProducts(data);
-    } 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"
-      ] })
-    ] }),
-    loading ? /* @__PURE__ */ jsx("div", { className: "py-12 text-center text-sm text-muted-foreground", children: "Carregando..." }) : /* @__PURE__ */ jsx(
-      DataTable,
-      {
-        columns,
-        data: products,
-        variant: "card",
-        emptyMessage: "Nenhum produto encontrado."
-      }
-    )
-  ] });
-}
-function OrdersTab({ provider }) {
-  const [orders, setOrders] = useState([]);
-  const [loading, setLoading] = useState(true);
-  useEffect(() => {
-    resolveShopProvider(provider).listOrders({ limit: 50 }).then(setOrders).finally(() => setLoading(false));
-  }, [provider]);
-  const columns = useMemo(() => [
-    { accessorKey: "orderNumber", header: "Pedido", cell: ({ getValue }) => /* @__PURE__ */ jsxs("span", { className: "font-medium", children: [
-      "#",
-      getValue()
-    ] }) },
-    {
-      id: "customer",
-      accessorFn: (o) => o.customerName ?? o.customerEmail ?? "\u2014",
-      header: "Cliente",
-      cell: ({ getValue }) => /* @__PURE__ */ jsx("span", { children: getValue() })
-    },
-    {
-      accessorKey: "total",
-      header: () => /* @__PURE__ */ jsx("span", { className: "block text-right", children: "Total" }),
-      cell: ({ getValue, row }) => /* @__PURE__ */ jsx("div", { className: "text-right font-medium", children: currency(getValue(), row.original.currency) })
-    },
-    {
-      accessorKey: "financialStatus",
-      header: "Pagamento",
-      cell: ({ getValue }) => {
-        const status = getValue();
-        return badge(status, statusColors[status] ?? "bg-gray-100 text-gray-700");
-      }
-    },
-    {
-      accessorKey: "fulfillmentStatus",
-      header: "Entrega",
-      cell: ({ getValue }) => {
-        const status = getValue();
-        return badge(status, statusColors[status] ?? "bg-gray-100 text-gray-700");
-      }
-    },
-    {
-      accessorKey: "createdAt",
-      header: "Data",
-      cell: ({ getValue }) => /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: new Date(getValue()).toLocaleDateString("pt-BR") })
-    }
-  ], []);
-  return /* @__PURE__ */ jsx("div", { children: loading ? /* @__PURE__ */ jsx("div", { className: "py-12 text-center text-sm text-muted-foreground", children: "Carregando..." }) : /* @__PURE__ */ jsx(
-    DataTable,
-    {
-      columns,
-      data: orders,
-      variant: "card",
-      emptyMessage: "Nenhum pedido ainda."
-    }
-  ) });
-}
-function CustomersTab({ provider }) {
-  const [customers, setCustomers] = useState([]);
-  const [loading, setLoading] = useState(true);
-  useEffect(() => {
-    resolveShopProvider(provider).listCustomers({ limit: 50 }).then(setCustomers).finally(() => setLoading(false));
-  }, [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: loading ? /* @__PURE__ */ jsx("div", { className: "py-12 text-center text-sm text-muted-foreground", children: "Carregando..." }) : /* @__PURE__ */ jsx(
-    DataTable,
-    {
-      columns,
-      data: customers,
-      variant: "card",
-      emptyMessage: "Nenhum cliente ainda."
-    }
-  ) });
-}
-function DiscountsTab({ provider }) {
-  const [discounts, setDiscounts] = useState([]);
-  const [loading, setLoading] = useState(true);
-  useEffect(() => {
-    resolveShopProvider(provider).listDiscounts({ limit: 50 }).then(setDiscounts).finally(() => setLoading(false));
-  }, [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: loading ? /* @__PURE__ */ jsx("div", { className: "py-12 text-center text-sm text-muted-foreground", children: "Carregando..." }) : /* @__PURE__ */ jsx(
-    DataTable,
-    {
-      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 ShopPage = ({ provider }) => {
-  const [tab, setTab] = useState("products");
-  return /* @__PURE__ */ jsxs("div", { className: "p-6 max-w-7xl mx-auto", children: [
-    /* @__PURE__ */ jsxs("div", { className: "mb-6", children: [
-      /* @__PURE__ */ jsx("h1", { className: "text-2xl font-semibold", children: "Loja" }),
-      /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mt-1", children: "Gerencie produtos, pedidos, clientes e descontos." })
-    ] }),
-    /* @__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
-    )) }) }),
-    tab === "products" && /* @__PURE__ */ jsx(ProductsTab, { provider }),
-    tab === "orders" && /* @__PURE__ */ jsx(OrdersTab, { provider }),
-    tab === "customers" && /* @__PURE__ */ jsx(CustomersTab, { provider }),
-    tab === "discounts" && /* @__PURE__ */ jsx(DiscountsTab, { provider })
-  ] });
-};
-ShopPage.displayName = "ShopPage";
-
-export { ShopPage };
-//# sourceMappingURL=ShopPage-65PPVKBD.js.map
-//# sourceMappingURL=ShopPage-65PPVKBD.js.map