@fayz-ai/plugin-shop 0.2.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Faya Labs
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,48 @@
+# @fayz-ai/plugin-shop
+
+> Drop a real storefront admin into any Fayz app — products, orders, customers, discounts.
+
+[![npm](https://img.shields.io/npm/v/@fayz-ai/plugin-shop.svg)](https://www.npmjs.com/package/@fayz-ai/plugin-shop)
+[![license](https://img.shields.io/npm/l/@fayz-ai/plugin-shop.svg)](https://github.com/FayaLabs/fayz-sdk/blob/main/LICENSE)
+
+Every vertical eventually wants to sell something. A salon sells retail product, a restaurant sells gift cards, a clinic sells packages. `plugin-shop` is the e-commerce admin surface that snaps into that need — a catalog, orders, customers, and discounts — without making you rebuild Shopify from scratch.
+
+It builds on the `@fayz-ai/shop` engine, so the data layer is real and pluggable. Wire it to your own backend with a `provider`, scope it to the active organization automatically, and let the host AI assistant query your catalog and orders out of the box. The philosophy: commerce is a plugin, not a platform — compose it alongside inventory, orders, and menu to make a real SaaS.
+
+## What's inside
+- **Navigation + page** — a `/shop` admin surface (products, orders, customers, discounts) rendered with `@fayz-ai/ui` data tables
+- **Pluggable data** — inject a `ShopProvider` via `provider`, or fall back to the SDK runtime scoped to the active org
+- **AI tools** — `listProducts` (filter by name/status) and `listOrders` (filter by financial/fulfillment status), with built-in prompt suggestions
+- **Settings tab** — a Shop settings panel showing configured currency
+- **Re-exported domain types** — `Product`, `Order`, `ShopCustomer`, `Discount`, `Category`, and their input types, so you only depend on this package
+
+## Install
+```bash
+npm install @fayz-ai/plugin-shop
+```
+Peer deps: `@fayz-ai/core`, `@fayz-ai/ui`, `@fayz-ai/saas`, `@fayz-ai/shop` (+ react, react-dom).
+
+## Usage
+```tsx
+import { defineSaas } from '@fayz-ai/saas'
+import { createShopPlugin } from '@fayz-ai/plugin-shop'
+
+export const app = defineSaas({
+  // ...
+  plugins: [
+    createShopPlugin({
+      navLabel: 'Store',
+      currency: { code: 'BRL', locale: 'pt-BR', symbol: 'R$' },
+      // provider: myShopProvider, // optional — wire your own data access
+    }),
+  ],
+})
+```
+
+Options: `navPosition`, `navSection`, `navLabel`, `scope`, `verticalId`, `currency`, `provider`.
+
+## Part of the Fayz SDK
+A composable plugin for the Fayz SDK. Pairs naturally with `@fayz-ai/plugin-orders`, `@fayz-ai/plugin-inventory`, and `@fayz-ai/plugin-menu` to build a full order-to-cash storefront.
+
+## Roadmap & contributing
+Built and evolving in the open. See the [Fayz SDK roadmap](../../docs/ROADMAP.md#plugin-shop) for current gaps, missing features, and good first issues.

package/dist/ShopPage-65PPVKBD.js

@@ -0,0 +1,271 @@
+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

package/dist/ShopPage-65PPVKBD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ShopPage.tsx"],"names":[],"mappings":"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","file":"ShopPage-65PPVKBD.js","sourcesContent":["import React, { useEffect, useState, useCallback, useMemo } from 'react'\nimport type { ColumnDef } from '@tanstack/react-table'\nimport { DataTable } from '@fayz-ai/ui'\nimport { getShopProvider } from '@fayz-ai/shop'\nimport type { Product, Order, ShopCustomer, Discount, ListProductsOptions, ShopProvider } from '@fayz-ai/shop'\n\nexport type ShopProviderResolver = ShopProvider | (() => ShopProvider)\n\nexport interface ShopPageProps {\n  provider?: ShopProviderResolver\n}\n\n// ---------------------------------------------------------------------------\n// Shared helpers\n// ---------------------------------------------------------------------------\n\nfunction currency(value: number, code = 'BRL', locale = 'pt-BR') {\n  return new Intl.NumberFormat(locale, { style: 'currency', currency: code }).format(value)\n}\n\nfunction badge(label: string, color: string) {\n  return (\n    <span className={`inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium ${color}`}>\n      {label}\n    </span>\n  )\n}\n\nconst statusColors: Record<string, string> = {\n  active: 'bg-emerald-100 text-emerald-800',\n  draft: 'bg-gray-100 text-gray-700',\n  archived: 'bg-orange-100 text-orange-700',\n  open: 'bg-blue-100 text-blue-800',\n  cancelled: 'bg-red-100 text-red-700',\n  paid: 'bg-emerald-100 text-emerald-800',\n  pending: 'bg-yellow-100 text-yellow-800',\n  fulfilled: 'bg-emerald-100 text-emerald-800',\n  unfulfilled: 'bg-gray-100 text-gray-700',\n  'partially_fulfilled': 'bg-blue-100 text-blue-800',\n}\n\nfunction resolveShopProvider(provider?: ShopProviderResolver): ShopProvider {\n  return typeof provider === 'function' ? provider() : provider ?? getShopProvider()\n}\n\n// ---------------------------------------------------------------------------\n// Products tab\n// ---------------------------------------------------------------------------\n\nfunction ProductsTab({ provider }: ShopPageProps) {\n  const [products, setProducts] = useState<Product[]>([])\n  const [loading, setLoading] = useState(true)\n  const [search, setSearch] = useState('')\n\n  const load = useCallback(async (opts?: ListProductsOptions) => {\n    setLoading(true)\n    try {\n      const data = await resolveShopProvider(provider).listProducts(opts)\n      setProducts(data)\n    } finally {\n      setLoading(false)\n    }\n  }, [provider])\n\n  useEffect(() => { load() }, [load])\n\n  const handleSearch = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const q = e.target.value\n    setSearch(q)\n    load(q ? { search: q } : undefined)\n  }\n\n  const columns = useMemo<ColumnDef<Product, any>[]>(() => [\n    { accessorKey: 'name', header: 'Produto', cell: ({ getValue }) => <span className=\"font-medium\">{getValue() as string}</span> },\n    { accessorKey: 'sku', header: 'SKU', cell: ({ getValue }) => <span className=\"text-muted-foreground\">{(getValue() as string | undefined) ?? '—'}</span> },\n    {\n      accessorKey: 'price', header: () => <span className=\"block text-right\">Preço</span>,\n      cell: ({ getValue, row }) => <div className=\"text-right\">{currency(getValue() as number, row.original.currency)}</div>,\n    },\n    {\n      accessorKey: 'inventoryCount', header: () => <span className=\"block text-right\">Estoque</span>,\n      cell: ({ getValue }) => {\n        const count = getValue() as number\n        return <div className=\"text-right\"><span className={count === 0 ? 'text-red-600 font-medium' : ''}>{count}</span></div>\n      },\n    },\n    {\n      accessorKey: 'status', header: 'Status',\n      cell: ({ getValue }) => {\n        const status = getValue() as string\n        return badge(status, statusColors[status] ?? 'bg-gray-100 text-gray-700')\n      },\n    },\n  ], [])\n\n  return (\n    <div>\n      <div className=\"flex items-center justify-between mb-4\">\n        <input\n          type=\"search\" value={search} onChange={handleSearch}\n          placeholder=\"Buscar produtos...\"\n          className=\"border rounded-lg px-3 py-2 text-sm w-64 focus:outline-none focus:ring-2 focus:ring-primary/50\"\n        />\n        <span className=\"text-sm text-muted-foreground\">{products.length} produtos</span>\n      </div>\n\n      {loading ? (\n        <div className=\"py-12 text-center text-sm text-muted-foreground\">Carregando...</div>\n      ) : (\n        <DataTable\n          columns={columns}\n          data={products}\n          variant=\"card\"\n          emptyMessage=\"Nenhum produto encontrado.\"\n        />\n      )}\n    </div>\n  )\n}\n\n// ---------------------------------------------------------------------------\n// Orders tab\n// ---------------------------------------------------------------------------\n\nfunction OrdersTab({ provider }: ShopPageProps) {\n  const [orders, setOrders] = useState<Order[]>([])\n  const [loading, setLoading] = useState(true)\n\n  useEffect(() => {\n    resolveShopProvider(provider).listOrders({ limit: 50 }).then(setOrders).finally(() => setLoading(false))\n  }, [provider])\n\n  const columns = useMemo<ColumnDef<Order, any>[]>(() => [\n    { accessorKey: 'orderNumber', header: 'Pedido', cell: ({ getValue }) => <span className=\"font-medium\">#{getValue() as string}</span> },\n    {\n      id: 'customer', accessorFn: (o) => o.customerName ?? o.customerEmail ?? '—', header: 'Cliente',\n      cell: ({ getValue }) => <span>{getValue() as string}</span>,\n    },\n    {\n      accessorKey: 'total', header: () => <span className=\"block text-right\">Total</span>,\n      cell: ({ getValue, row }) => <div className=\"text-right font-medium\">{currency(getValue() as number, row.original.currency)}</div>,\n    },\n    {\n      accessorKey: 'financialStatus', header: 'Pagamento',\n      cell: ({ getValue }) => {\n        const status = getValue() as string\n        return badge(status, statusColors[status] ?? 'bg-gray-100 text-gray-700')\n      },\n    },\n    {\n      accessorKey: 'fulfillmentStatus', header: 'Entrega',\n      cell: ({ getValue }) => {\n        const status = getValue() as string\n        return badge(status, statusColors[status] ?? 'bg-gray-100 text-gray-700')\n      },\n    },\n    {\n      accessorKey: 'createdAt', header: 'Data',\n      cell: ({ getValue }) => <span className=\"text-muted-foreground\">{new Date(getValue() as string).toLocaleDateString('pt-BR')}</span>,\n    },\n  ], [])\n\n  return (\n    <div>\n      {loading ? (\n        <div className=\"py-12 text-center text-sm text-muted-foreground\">Carregando...</div>\n      ) : (\n        <DataTable\n          columns={columns}\n          data={orders}\n          variant=\"card\"\n          emptyMessage=\"Nenhum pedido ainda.\"\n        />\n      )}\n    </div>\n  )\n}\n\n// ---------------------------------------------------------------------------\n// Customers tab\n// ---------------------------------------------------------------------------\n\nfunction CustomersTab({ provider }: ShopPageProps) {\n  const [customers, setCustomers] = useState<ShopCustomer[]>([])\n  const [loading, setLoading] = useState(true)\n\n  useEffect(() => {\n    resolveShopProvider(provider).listCustomers({ limit: 50 }).then(setCustomers).finally(() => setLoading(false))\n  }, [provider])\n\n  const columns = useMemo<ColumnDef<ShopCustomer, any>[]>(() => [\n    {\n      id: 'name', accessorFn: (c) => `${c.firstName} ${c.lastName}`, header: 'Nome',\n      cell: ({ row }) => <span className=\"font-medium\">{row.original.firstName} {row.original.lastName}</span>,\n    },\n    { accessorKey: 'email', header: 'Email', cell: ({ getValue }) => <span className=\"text-muted-foreground\">{(getValue() as string | undefined) ?? '—'}</span> },\n    { accessorKey: 'phone', header: 'Telefone', cell: ({ getValue }) => <span className=\"text-muted-foreground\">{(getValue() as string | undefined) ?? '—'}</span> },\n    {\n      accessorKey: 'ordersCount', header: () => <span className=\"block text-right\">Pedidos</span>,\n      cell: ({ getValue }) => <div className=\"text-right\">{getValue() as number}</div>,\n    },\n    {\n      accessorKey: 'totalSpent', header: () => <span className=\"block text-right\">Total Gasto</span>,\n      cell: ({ getValue }) => <div className=\"text-right\">{currency(getValue() as number)}</div>,\n    },\n  ], [])\n\n  return (\n    <div>\n      {loading ? (\n        <div className=\"py-12 text-center text-sm text-muted-foreground\">Carregando...</div>\n      ) : (\n        <DataTable\n          columns={columns}\n          data={customers}\n          variant=\"card\"\n          emptyMessage=\"Nenhum cliente ainda.\"\n        />\n      )}\n    </div>\n  )\n}\n\n// ---------------------------------------------------------------------------\n// Discounts tab\n// ---------------------------------------------------------------------------\n\nfunction DiscountsTab({ provider }: ShopPageProps) {\n  const [discounts, setDiscounts] = useState<Discount[]>([])\n  const [loading, setLoading] = useState(true)\n\n  useEffect(() => {\n    resolveShopProvider(provider).listDiscounts({ limit: 50 }).then(setDiscounts).finally(() => setLoading(false))\n  }, [provider])\n\n  const columns = useMemo<ColumnDef<Discount, any>[]>(() => [\n    { accessorKey: 'title', header: 'Título', cell: ({ getValue }) => <span className=\"font-medium\">{getValue() as string}</span> },\n    { accessorKey: 'code', header: 'Código', cell: ({ getValue }) => <span className=\"font-mono text-sm\">{(getValue() as string | undefined) ?? '—'}</span> },\n    { accessorKey: 'type', header: 'Tipo', cell: ({ getValue }) => <span className=\"text-muted-foreground\">{getValue() as string}</span> },\n    {\n      accessorKey: 'value', header: () => <span className=\"block text-right\">Valor</span>,\n      cell: ({ row }) => <div className=\"text-right\">{row.original.type === 'percentage' ? `${row.original.value}%` : currency(row.original.value)}</div>,\n    },\n    {\n      id: 'usos', accessorKey: 'timesUsed', header: () => <span className=\"block text-right\">Usos</span>,\n      cell: ({ row }) => <div className=\"text-right\">{row.original.timesUsed}{row.original.usageLimit ? ` / ${row.original.usageLimit}` : ''}</div>,\n    },\n    {\n      accessorKey: 'status', header: 'Status',\n      cell: ({ getValue }) => {\n        const status = getValue() as string\n        return badge(status, statusColors[status] ?? 'bg-gray-100 text-gray-700')\n      },\n    },\n  ], [])\n\n  return (\n    <div>\n      {loading ? (\n        <div className=\"py-12 text-center text-sm text-muted-foreground\">Carregando...</div>\n      ) : (\n        <DataTable\n          columns={columns}\n          data={discounts}\n          variant=\"card\"\n          emptyMessage=\"Nenhum desconto cadastrado.\"\n        />\n      )}\n    </div>\n  )\n}\n\n// ---------------------------------------------------------------------------\n// Main page\n// ---------------------------------------------------------------------------\n\nconst TABS = [\n  { id: 'products',  label: 'Produtos' },\n  { id: 'orders',    label: 'Pedidos' },\n  { id: 'customers', label: 'Clientes' },\n  { id: 'discounts', label: 'Descontos' },\n] as const\n\ntype TabId = typeof TABS[number]['id']\n\nexport const ShopPage: React.FC<ShopPageProps> = ({ provider }) => {\n  const [tab, setTab] = useState<TabId>('products')\n\n  return (\n    <div className=\"p-6 max-w-7xl mx-auto\">\n      <div className=\"mb-6\">\n        <h1 className=\"text-2xl font-semibold\">Loja</h1>\n        <p className=\"text-muted-foreground mt-1\">Gerencie produtos, pedidos, clientes e descontos.</p>\n      </div>\n\n      {/* Tabs */}\n      <div className=\"border-b mb-6\">\n        <nav className=\"flex gap-1\">\n          {TABS.map(t => (\n            <button\n              key={t.id}\n              onClick={() => setTab(t.id)}\n              className={`px-4 py-2 text-sm font-medium border-b-2 transition-colors ${\n                tab === t.id\n                  ? 'border-primary text-primary'\n                  : 'border-transparent text-muted-foreground hover:text-foreground'\n              }`}\n            >\n              {t.label}\n            </button>\n          ))}\n        </nav>\n      </div>\n\n      {tab === 'products'  && <ProductsTab provider={provider} />}\n      {tab === 'orders'    && <OrdersTab provider={provider} />}\n      {tab === 'customers' && <CustomersTab provider={provider} />}\n      {tab === 'discounts' && <DiscountsTab provider={provider} />}\n    </div>\n  )\n}\n\nShopPage.displayName = 'ShopPage'\n"]}