@fayz-ai/plugin-shop 0.16.2 → 0.16.4

package/dist/{ShopPage-5IERN4E5.js → ShopPage-V65TI34Q.js}

@@ -1,10 +1,10 @@
-import { errorMessage, listProductsDetailed, invalidateProductLists, shopCustomerLookup, buildShopCustomerEntity, buildStockLocationsRegistry, listProductsCached, resolveTerm, candidateMeta } from './chunk-RPBKGW24.js';
+import { errorMessage, listProductsDetailed, invalidateProductLists, shopCustomerLookup, buildStockLocationsRegistry, listProductsCached, resolveTerm, candidateMeta } from './chunk-6DRDPROL.js';
 import * as React2 from 'react';
 import React2__default, { useState, useEffect, useMemo, useCallback, useRef } from 'react';
 import { Button, Modal, ModalContent, ModalHeader, ModalTitle, ModalDescription, ModalFooter, formatPhone, toast, DataTable, ConfirmDialog, SearchSelect, ModalPortal, ModalOverlay, ModalBody, Skeleton } from '@fayz-ai/ui';
 import { RotateCcw, QrCode, Pencil, Archive, Ban, CreditCard, XCircle, ShoppingBag, Package, Wallet, Plus, WandSparkles, X, MapPin, Link2, HandCoins, Check, Copy, Share2, MessageCircle, CheckCircle2, Printer, RefreshCw, ExternalLink, Truck, AlertTriangle, Loader2 } from 'lucide-react';
 import { CHARGEABLE_PROVIDERS, supportsPaymentLink, getShopProvider, formatDocument, resolveShippingLabelProvider, isValidDocument, documentDigits } from '@fayz-ai/shop';
-import { useAdminPath, adminNavigateTo, OrderFormBlock, OrderCreateScreen, useOrderReceivable, OrderDetailSkeleton, PageActions, OrderDetailBlock, OrderDetailRow, toOrderDetailReceivable, PersonLink, OrderDetailView as OrderDetailView$1, OrderListView, askAI, useConnectors, CrudRecordModal, useAgentSurface, duplicateWrite } from '@fayz-ai/admin';
+import { useAdminPath, adminNavigateTo, OrderFormBlock, OrderCreateScreen, useOrderReceivable, OrderDetailSkeleton, PageActions, OrderDetailBlock, OrderDetailRow, toOrderDetailReceivable, PersonLink, OrderDetailView as OrderDetailView$1, OrderListView, askAI, useConnectors, CrudRecordModal, useAgentSurface, ClientOrdersTab, createClientOrdersProvider, duplicateWrite } from '@fayz-ai/admin';
 import { ReceivePaymentModal } from '@fayz-ai/plugin-financial';
 import { usePluginRuntimeOptional, getSupabaseClientOptional } from '@fayz-ai/core';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -887,7 +887,7 @@ function NewOrderCharge({
   const [checking, setChecking] = useState(false);
   const settled = useRef(false);
   const inFlight = useRef(false);
-  const money4 = new Intl.NumberFormat("pt-BR", { style: "currency", currency: currency2 }).format(total);
+  const money5 = new Intl.NumberFormat("pt-BR", { style: "currency", currency: currency2 }).format(total);
   const check = useCallback(async () => {
     if (settled.current || !sessionId || inFlight.current) return;
     inFlight.current = true;
@@ -944,7 +944,7 @@ function NewOrderCharge({
       });
       return;
     }
-    const file = new File([blob], `pix-${money4.replace(/\D/gu, "")}.${blob.type.includes("svg") ? "svg" : "png"}`, { type: blob.type || "image/png" });
+    const file = new File([blob], `pix-${money5.replace(/\D/gu, "")}.${blob.type.includes("svg") ? "svg" : "png"}`, { type: blob.type || "image/png" });
     const share = navigator;
     try {
       if (share.canShare?.({ files: [file] })) {
@@ -962,11 +962,11 @@ function NewOrderCharge({
     }
   }
   const greeting = customerName ? ` ${customerName.split(" ")[0]}` : "";
-  const message = isLink ? `Ol\xE1${greeting}! Aqui est\xE1 o link para pagar seu pedido de ${money4}:
+  const message = isLink ? `Ol\xE1${greeting}! Aqui est\xE1 o link para pagar seu pedido de ${money5}:
 
 ${payable}
 
-Voc\xEA escolhe a forma de pagamento na p\xE1gina.` : `Ol\xE1${greeting}! Segue o Pix de ${money4} para o seu pedido:
+Voc\xEA escolhe a forma de pagamento na p\xE1gina.` : `Ol\xE1${greeting}! Segue o Pix de ${money5} para o seu pedido:
 
 ${payable}`;
   const whatsapp = customerPhone && payable ? `https://wa.me/${customerPhone.length > 11 ? customerPhone : `55${customerPhone}`}?text=${encodeURIComponent(message)}` : null;
@@ -974,7 +974,7 @@ ${payable}`;
     if (!next) onClose();
   }, children: /* @__PURE__ */ jsx(ModalPortal, { children: /* @__PURE__ */ jsx(ModalOverlay, { children: /* @__PURE__ */ jsxs(ModalContent, { size: "lg", "data-testid": "new-order-charge-modal", children: [
     /* @__PURE__ */ jsxs(ModalHeader, { className: "mb-4", children: [
-      /* @__PURE__ */ jsx(ModalTitle, { children: choosing || opening ? `Cobrar ${money4}` : isLink ? `Link de ${money4}` : `Pix de ${money4}` }),
+      /* @__PURE__ */ jsx(ModalTitle, { children: choosing || opening ? `Cobrar ${money5}` : isLink ? `Link de ${money5}` : `Pix de ${money5}` }),
       choosing && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Como o cliente vai pagar?" }),
       opening && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Abrindo a cobran\xE7a no adquirente\u2026" }),
       ready && state === "waiting" && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: isLink ? "Mande para o cliente. O pedido \xE9 criado quando o pagamento cair \u2014 pode fechar esta janela." : "Vale por 15 minutos. O pedido \xE9 criado quando o pagamento cair." })
@@ -1124,6 +1124,148 @@ ${payable}`;
     ] })
   ] }) }) }) });
 }
+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__ */ jsxs("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsx("p", { className: "truncate font-medium", children: [row.firstName, row.lastName].filter(Boolean).join(" ") }),
+        row.email && /* @__PURE__ */ 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: "email",
+      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: "phone",
+      group: "contact",
+      placeholder: "(21) 99999-0000",
+      searchable: true,
+      showInTable: true,
+      sortable: false,
+      renderCell: (v) => /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: v || "\u2014" })
+    },
+    // The column, the type and the provider all carried `document` already; the
+    // form was the only place it could not be typed. Which meant a store could
+    // see "cliente sem CPF/CNPJ" on every Bling run and have nowhere to fix it.
+    {
+      // Masked while typing, digits stored — the same rule the phone field
+      // follows. A formatted CPF in the column means no search for the bare
+      // number ever finds it.
+      key: "document",
+      label: "CPF / CNPJ",
+      type: "custom",
+      group: "contact",
+      placeholder: "000.000.000-00",
+      searchable: true,
+      hint: "Necess\xE1rio para emitir nota \u2014 sem ele o cliente n\xE3o sobe para o ERP.",
+      showInTable: false,
+      renderInput: ({ value, onChange }) => /* @__PURE__ */ jsx(
+        "input",
+        {
+          value: formatDocument(String(value ?? "")),
+          onChange: (e) => onChange(documentDigits(e.target.value)),
+          placeholder: "000.000.000-00",
+          inputMode: "numeric",
+          className: "flex h-9 w-full rounded-input border border-input bg-background px-3 py-1.5 text-sm shadow-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+        }
+      )
+    },
+    // — Histórico (somente leitura) —
+    {
+      key: "ordersCount",
+      label: "Pedidos",
+      type: "number",
+      showInForm: false,
+      showInTable: true,
+      sortable: true,
+      renderCell: (v) => /* @__PURE__ */ 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__ */ 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: ClientOrdersTab,
+      props: {
+        provider: 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) => adminNavigateTo(`/shop/orders/${doc.id}`)
+        }
+      }
+    }],
+    fieldGroups: [
+      { id: "contact", label: "Contato", columns: 2 },
+      { id: "internal", label: "Notas internas", columns: 1 }
+    ]
+  };
+}
 var onlyDigits = (value) => value.replace(/\D/gu, "");
 function CustomerModal({ open, initialName, customerId, initial, provider, onClose, onSaved }) {
   const entityDef = useMemo(() => buildShopCustomerEntity(), []);
@@ -1245,7 +1387,7 @@ function CustomerModal({ open, initialName, customerId, initial, provider, onClo
     }
   );
 }
-var money2 = (v, currency2 = "BRL") => new Intl.NumberFormat("pt-BR", { style: "currency", currency: currency2 }).format(Number(v) || 0);
+var money3 = (v, currency2 = "BRL") => new Intl.NumberFormat("pt-BR", { style: "currency", currency: currency2 }).format(Number(v) || 0);
 var dateTime2 = (iso) => new Intl.DateTimeFormat("pt-BR", { day: "2-digit", month: "2-digit", year: "numeric", hour: "2-digit", minute: "2-digit" }).format(new Date(iso));
 var dateOnly = (iso) => new Date(iso).toLocaleDateString("pt-BR");
 var paidAtLabel = (iso) => {
@@ -1693,15 +1835,15 @@ function OrderDetailView({ orderId, provider, onBack }) {
       description: it.sku,
       imageUrl: it.imageUrl,
       quantity: it.quantity,
-      unitPrice: money2(it.unitPrice, cur),
-      total: money2(it.total, cur)
+      unitPrice: money3(it.unitPrice, cur),
+      total: money3(it.total, cur)
     })),
     totals: [
-      { label: "Subtotal", value: money2(order.subtotal, cur) },
-      ...order.discountTotal > 0 ? [{ label: `Desconto${order.discountCode ? ` (${order.discountCode})` : ""}`, value: `\u2212 ${money2(order.discountTotal, cur)}`, muted: true }] : [],
-      { label: "Entrega", value: money2(order.shippingTotal, cur) },
-      { label: "Impostos", value: money2(order.taxTotal, cur) },
-      { label: "Total", value: money2(order.total, cur), strong: true }
+      { label: "Subtotal", value: money3(order.subtotal, cur) },
+      ...order.discountTotal > 0 ? [{ label: `Desconto${order.discountCode ? ` (${order.discountCode})` : ""}`, value: `\u2212 ${money3(order.discountTotal, cur)}`, muted: true }] : [],
+      { label: "Entrega", value: money3(order.shippingTotal, cur) },
+      { label: "Impostos", value: money3(order.taxTotal, cur) },
+      { label: "Total", value: money3(order.total, cur), strong: true }
     ],
     paymentMethod: order.paymentMethodKind ? PAYMENT_LABEL[order.paymentMethodKind] ?? order.paymentMethodKind : void 0,
     paidAt: order.paidAt ? paidAtLabel(order.paidAt) : void 0,
@@ -1711,7 +1853,7 @@ function OrderDetailView({ orderId, provider, onBack }) {
     // here is the only part that is the shop's: the verbs, which need a writer.
     receivable: toOrderDetailReceivable(
       receivable,
-      (value) => money2(value, cur),
+      (value) => money3(value, cur),
       {
         dateOnly: (value) => value ? dateOnly(value) : "",
         actions: /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -2038,7 +2180,7 @@ var PAYMENT_METHODS = [
   { id: "boleto", label: "Boleto" },
   { id: "other", label: "Outro" }
 ];
-var money3 = (value, currency2 = "BRL") => new Intl.NumberFormat("pt-BR", { style: "currency", currency: currency2 }).format(Number(value) || 0);
+var money4 = (value, currency2 = "BRL") => new Intl.NumberFormat("pt-BR", { style: "currency", currency: currency2 }).format(Number(value) || 0);
 var onlyDigits2 = (value) => value.replace(/\D/gu, "");
 var maskPostal = (value) => {
   const digits2 = onlyDigits2(value).slice(0, 8);
@@ -2388,7 +2530,7 @@ function NewOrderPage({ provider, onDone, onCancel, orderId }) {
       key: "shipping",
       label: delivers ? `Entrega${freight ? ` \xB7 ${freight.label}` : ""}` : "Entrega",
       muted: !delivers,
-      value: delivers ? money3(shipping, currency2) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "sem entrega" })
+      value: delivers ? money4(shipping, currency2) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "sem entrega" })
     }
   ], [couponOpen, discountCode, delivers, freight, shipping, currency2]);
   const errorActions = /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -2557,7 +2699,7 @@ function NewOrderPage({ provider, onDone, onCancel, orderId }) {
           title: product.name,
           subtitle: product.sku ?? void 0,
           meta: product.inventoryCount ?? 0,
-          value: money3(product.price, currency2)
+          value: money4(product.price, currency2)
         }),
         toLines,
         onRefresh: invalidateProductLists,
@@ -2565,7 +2707,7 @@ function NewOrderPage({ provider, onDone, onCancel, orderId }) {
       },
       lines,
       onLinesChange: setLines,
-      formatMoney: (value) => money3(value, currency2),
+      formatMoney: (value) => money4(value, currency2),
       totalsTitle: "Pagamento",
       totalRows,
       extraTotal: shipping,
@@ -3959,5 +4101,5 @@ var ShopPage = ({ provider, section }) => {
 ShopPage.displayName = "ShopPage";
 
 export { ShopPage };
-//# sourceMappingURL=ShopPage-5IERN4E5.js.map
-//# sourceMappingURL=ShopPage-5IERN4E5.js.map
+//# sourceMappingURL=ShopPage-V65TI34Q.js.map
+//# sourceMappingURL=ShopPage-V65TI34Q.js.map