@fayz-ai/plugin-shop 0.11.2 → 0.12.0

package/dist/{ShopPage-YB5ZWECJ.js → ShopPage-VVLOH3RF.js}

@@ -2,7 +2,7 @@ import { errorMessage, shopCustomerLookup, listProductsDetailed, invalidateProdu
 import React2, { useState, useEffect, useMemo, useCallback, useRef } from 'react';
 import { Thumbnail, Button, DataTable, toast, ConfirmDialog, formatPhone, SearchSelect, Modal, ModalPortal, ModalOverlay, ModalContent, ModalHeader, ModalTitle, ModalBody, ModalFooter, Skeleton, PhoneField } from '@fayz-ai/ui';
 import { Minus, Plus, Trash2, CreditCard, XCircle, ShoppingBag, Package, Wallet, X, Pencil, MapPin, Search, Check, Copy, MessageCircle, CheckCircle2, Printer, RefreshCw, ExternalLink, Truck, AlertTriangle, Loader2 } from 'lucide-react';
-import { getShopProvider, formatDocument, resolveShippingLabelProvider, documentDigits, isValidDocument } from '@fayz-ai/shop';
+import { CHARGEABLE_PROVIDERS, supportsPaymentLink, getShopProvider, formatDocument, resolveShippingLabelProvider, documentDigits, isValidDocument } from '@fayz-ai/shop';
 import { useAdminPath, adminNavigateTo, OrderFormBlock, OrderFormView, OrderDetailSkeleton, OrderDetailBlock, OrderDetailRow, PersonLink, OrderDetailView as OrderDetailView$1, OrderListView, RecordPickerModal, useConnectors, CrudRecordModal } from '@fayz-ai/admin';
 import { usePluginRuntimeOptional, getSupabaseClientOptional } from '@fayz-ai/core';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -187,6 +187,15 @@ function validateNewOrder(draft, ending) {
       return `Para gerar a cobran\xE7a o adquirente exige ${missing.join(", ")} no cadastro do cliente.`;
     }
   }
+  if (ending === "link") {
+    const missing = [
+      !draft.customerEmail.trim() && "e-mail",
+      !draft.customerPhone.trim() && "telefone"
+    ].filter(Boolean);
+    if (missing.length) {
+      return `Para mandar o link o cadastro do cliente precisa de ${missing.join(" e ")}.`;
+    }
+  }
   return null;
 }
 function isDuplicateEmail(error) {
@@ -1014,7 +1023,7 @@ function OrderDetailView({ orderId, provider, onBack }) {
   useEffect(() => {
     void loadReceivable();
   }, [loadReceivable]);
-  if (loading) return /* @__PURE__ */ jsx(OrderDetailSkeleton, {});
+  if (loading) return /* @__PURE__ */ jsx(OrderDetailSkeleton, { parentLabel: "Pedidos", onBack });
   if (error) {
     return /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-800", children: [
       /* @__PURE__ */ jsx("p", { className: "font-medium", children: "N\xE3o foi poss\xEDvel carregar o pedido." }),
@@ -1318,6 +1327,8 @@ function NewOrderCharge({
   sessionId,
   emv,
   qrcodeBase64,
+  paymentUrl,
+  acquirer,
   total,
   currency: currency2,
   customerName,
@@ -1334,7 +1345,7 @@ function NewOrderCharge({
     if (settled.current) return;
     setChecking(true);
     try {
-      const result = await provider().settleCheckoutSession?.(sessionId);
+      const result = await provider().settleCheckoutSession?.(sessionId, acquirer);
       if (!result) return;
       if (result.state === "paid") {
         settled.current = true;
@@ -1350,7 +1361,7 @@ function NewOrderCharge({
     } finally {
       setChecking(false);
     }
-  }, [provider, sessionId, onPaid]);
+  }, [provider, sessionId, acquirer, onPaid]);
   useEffect(() => {
     if (!open) return;
     const timer = setInterval(() => {
@@ -1358,28 +1369,32 @@ function NewOrderCharge({
     }, POLL_MS);
     return () => clearInterval(timer);
   }, [open, check]);
+  const isLink = Boolean(paymentUrl && !emv);
+  const payable = paymentUrl ?? emv ?? "";
   async function copy() {
+    if (!payable) return;
     try {
-      await navigator.clipboard.writeText(emv);
+      await navigator.clipboard.writeText(payable);
       setCopied(true);
       setTimeout(() => setCopied(false), 2400);
     } catch {
     }
   }
-  const whatsapp = customerPhone ? `https://wa.me/${customerPhone.length > 11 ? customerPhone : `55${customerPhone}`}?text=${encodeURIComponent(
-    `Ol\xE1${customerName ? ` ${customerName.split(" ")[0]}` : ""}! Segue o Pix de ${money4} para o seu pedido:
+  const greeting = customerName ? ` ${customerName.split(" ")[0]}` : "";
+  const message = isLink ? `Ol\xE1${greeting}! Aqui est\xE1 o link para pagar seu pedido de ${money4}:
+
+${payable}
 
-${emv}`
-  )}` : null;
+Voc\xEA escolhe a forma de pagamento na p\xE1gina.` : `Ol\xE1${greeting}! Segue o Pix de ${money4} para o seu pedido:
+
+${payable}`;
+  const whatsapp = customerPhone && payable ? `https://wa.me/${customerPhone.length > 11 ? customerPhone : `55${customerPhone}`}?text=${encodeURIComponent(message)}` : null;
   return /* @__PURE__ */ jsx(Modal, { open, onOpenChange: (next) => {
     if (!next) onClose();
   }, children: /* @__PURE__ */ jsx(ModalPortal, { children: /* @__PURE__ */ jsx(ModalOverlay, { children: /* @__PURE__ */ jsxs(ModalContent, { size: "lg", "data-testid": "new-order-charge-modal", children: [
     /* @__PURE__ */ jsxs(ModalHeader, { className: "mb-4", children: [
-      /* @__PURE__ */ jsxs(ModalTitle, { children: [
-        "Pix de ",
-        money4
-      ] }),
-      state === "waiting" && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Vale por 15 minutos. O pedido \xE9 criado quando o pagamento cair." })
+      /* @__PURE__ */ jsx(ModalTitle, { children: isLink ? `Link de ${money4}` : `Pix de ${money4}` }),
+      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." })
     ] }),
     /* @__PURE__ */ jsxs(ModalBody, { children: [
       /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-4 sm:flex-row sm:items-start", children: [
@@ -1394,20 +1409,21 @@ ${emv}`
         ),
         /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1 space-y-3", children: [
           /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-muted-foreground", children: "Pix copia e cola" }),
+            /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-muted-foreground", children: isLink ? "Link de pagamento" : "Pix copia e cola" }),
             /* @__PURE__ */ jsx(
               "p",
               {
-                "data-testid": "new-order-emv",
+                "data-testid": isLink ? "new-order-payment-link" : "new-order-emv",
                 className: "mt-1 max-h-20 overflow-auto break-all rounded-md border bg-muted/30 p-2 font-mono text-[11px]",
-                children: emv
+                children: payable
               }
-            )
+            ),
+            isLink && /* @__PURE__ */ jsx("p", { className: "mt-1 text-[11px] text-muted-foreground", children: "O cliente escolhe Pix, boleto ou cart\xE3o na p\xE1gina do adquirente." })
           ] }),
           /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
             /* @__PURE__ */ jsxs(Button, { size: "sm", onClick: copy, "data-testid": "new-order-copy", children: [
               copied ? /* @__PURE__ */ jsx(Check, { className: "mr-1.5 h-3.5 w-3.5" }) : /* @__PURE__ */ jsx(Copy, { className: "mr-1.5 h-3.5 w-3.5" }),
-              copied ? "Copiado" : "Copiar c\xF3digo"
+              copied ? "Copiado" : isLink ? "Copiar link" : "Copiar c\xF3digo"
             ] }),
             whatsapp && /* @__PURE__ */ jsxs(
               "a",
@@ -1435,7 +1451,7 @@ ${emv}`
           /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }),
           " Pagamento confirmado \u2014 abrindo o pedido\u2026"
         ] }),
-        (state === "expired" || state === "failed") && /* @__PURE__ */ jsx("p", { className: "text-red-700", "data-testid": "new-order-dead", children: state === "expired" ? "O c\xF3digo expirou sem pagamento. O pedido continua aqui \u2014 d\xE1 para cobrar de outro jeito." : "O pagamento n\xE3o foi conclu\xEDdo. O pedido continua aqui \u2014 d\xE1 para cobrar de outro jeito." })
+        (state === "expired" || state === "failed") && /* @__PURE__ */ jsx("p", { className: "text-red-700", "data-testid": "new-order-dead", children: state === "expired" ? `${isLink ? "O link expirou" : "O c\xF3digo expirou"} sem pagamento. O pedido continua aqui \u2014 d\xE1 para cobrar de outro jeito.` : "O pagamento n\xE3o foi conclu\xEDdo. O pedido continua aqui \u2014 d\xE1 para cobrar de outro jeito." })
       ] })
     ] }),
     /* @__PURE__ */ jsxs(ModalFooter, { className: "mt-4 gap-2", children: [
@@ -1470,7 +1486,6 @@ var PAYMENT_METHODS = [
   { id: "boleto", label: "Boleto" },
   { id: "other", label: "Outro" }
 ];
-var CHARGEABLE_PROVIDERS = ["abacatepay"];
 var money3 = (value, currency2 = "BRL") => new Intl.NumberFormat("pt-BR", { style: "currency", currency: currency2 }).format(Number(value) || 0);
 var onlyDigits = (value) => value.replace(/\D/gu, "");
 var maskPostal = (value) => {
@@ -1514,6 +1529,7 @@ function NewOrderPage({ provider, onDone, onCancel }) {
   }, [provider]);
   const acquirer = settings?.paymentProvider ?? null;
   const canCharge = Boolean(acquirer && CHARGEABLE_PROVIDERS.includes(acquirer));
+  const canLink = canCharge && supportsPaymentLink(acquirer);
   const currency2 = settings?.currency ?? "BRL";
   const subtotal = useMemo(
     () => lines.reduce((sum, line) => sum + line.unitPrice * line.quantity, 0),
@@ -1624,7 +1640,7 @@ function NewOrderPage({ provider, onDone, onCancel }) {
     setSaving(true);
     setError(null);
     try {
-      if (ending === "charge") {
+      if (ending === "charge" || ending === "link") {
         const opened = await provider().openCheckoutSession?.({
           items: lines.map((line) => ({
             productId: line.productId,
@@ -1634,13 +1650,24 @@ function NewOrderPage({ provider, onDone, onCancel }) {
           })),
           customer: { name: customer.name.trim(), email: customer.email.trim().toLowerCase() },
           shippingAddress,
-          discountCode: discountCode.trim() || null
+          discountCode: discountCode.trim() || null,
+          // The one difference between the two endings, all the way down: same
+          // repricing, same frozen session, same settlement by webhook. What
+          // changes is whether the acquirer answers with a code to read out or
+          // an address to send.
+          asLink: ending === "link"
         });
-        if (!opened?.charge?.emv) throw new Error("A cobran\xE7a foi aberta sem c\xF3digo Pix. Tente de novo.");
+        if (ending === "link" && !opened?.paymentUrl) {
+          throw new Error("O adquirente n\xE3o devolveu o link de pagamento. Tente de novo.");
+        }
+        if (ending === "charge" && !opened?.charge?.emv) {
+          throw new Error("A cobran\xE7a foi aberta sem c\xF3digo Pix. Tente de novo.");
+        }
         setSession({
           sessionId: opened.sessionId,
-          emv: opened.charge.emv,
-          qrcode: opened.charge.qrcodeBase64,
+          emv: opened.charge?.emv ?? null,
+          qrcode: opened.charge?.qrcodeBase64 ?? null,
+          paymentUrl: opened.paymentUrl ?? null,
           total: opened.total
         });
         setChargeOpen(true);
@@ -1882,6 +1909,16 @@ function NewOrderPage({ provider, onDone, onCancel }) {
                   children: saving ? "Abrindo\u2026" : session ? "Ver cobran\xE7a" : "Gerar cobran\xE7a Pix"
                 }
               ),
+              canLink && !session && /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "outline",
+                  onClick: () => void finish("link"),
+                  disabled: saving,
+                  "data-testid": "new-order-link",
+                  children: saving ? "Gerando\u2026" : "Gerar link de pagamento"
+                }
+              ),
               /* @__PURE__ */ jsx(
                 Button,
                 {
@@ -1914,6 +1951,8 @@ function NewOrderPage({ provider, onDone, onCancel }) {
         sessionId: session.sessionId,
         emv: session.emv,
         qrcodeBase64: session.qrcode,
+        paymentUrl: session.paymentUrl,
+        acquirer,
         total: session.total,
         currency: currency2,
         customerPhone: onlyDigits(customer.phone),
@@ -2922,5 +2961,5 @@ var ShopPage = ({ provider, section }) => {
 ShopPage.displayName = "ShopPage";
 
 export { ShopPage };
-//# sourceMappingURL=ShopPage-YB5ZWECJ.js.map
-//# sourceMappingURL=ShopPage-YB5ZWECJ.js.map
+//# sourceMappingURL=ShopPage-VVLOH3RF.js.map
+//# sourceMappingURL=ShopPage-VVLOH3RF.js.map