@fayz-ai/plugin-orders 0.12.2 → 0.12.4

package/dist/index.js

@@ -2,13 +2,13 @@ import { getNextStatus, STATUS_FLOW } from './chunk-TYS3LCKX.js';
 export { ADVANCE_VERB, DEFAULT_STATUS_CONFIGS, KANBAN_COLUMNS, STATUS_FLOW, getNextStatus, getPreviousStatus, mapToKanbanColumn } from './chunk-TYS3LCKX.js';
 import * as React2 from 'react';
 import React2__default from 'react';
-import { fayzConnectorOAuth, OrderDetailPage, orderIsEditable, PageActions, adminNavigateTo, PluginSettingsPanel, dedup, usePermissionOptional } from '@fayz-ai/admin';
-import { Pencil } from 'lucide-react';
+import { fayzConnectorOAuth, OrderDetailPage, orderIsEditable, PageActions, adminNavigateTo, PluginSettingsPanel, dedup, usePermissionOptional, useConnectors, useConnectorsPanelAvailable, openConnectorsPanel, SettingsGroup, ToggleRow, AddConnectorButton, ConnectorRow, AddConnectorPanel, ConnectorDetail, TextRow } from '@fayz-ai/admin';
+import { Pencil, AlertTriangle, Loader2, Check } from 'lucide-react';
 import { createConnectionStore, connectionRuns, connectionSettings, connectionStatus, settingsStatus, getSupabaseClientOptional, usePluginRuntimeOptional, emitDomainEvent, errorMessage } from '@fayz-ai/core';
 import { createStore } from 'zustand/vanilla';
 import { toast } from 'sonner';
 import { ReceivePaymentModal } from '@fayz-ai/plugin-financial';
-import { Button, toast as toast$1 } from '@fayz-ai/ui';
+import { Button, Skeleton, toast as toast$1 } from '@fayz-ai/ui';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { createFayzClient } from '@fayz-ai/sdk';
 
@@ -755,8 +755,8 @@ async function runLifecycleHook(label, order, hook) {
   try {
     await hook(order);
   } catch (error) {
-    const message = errorMessage(error);
-    throw new Error(`Order was ${label}, but downstream synchronization is pending: ${message}`);
+    const message2 = errorMessage(error);
+    throw new Error(`Order was ${label}, but downstream synchronization is pending: ${message2}`);
   }
 }
 function createOrdersStore(provider, hooks = {}) {
@@ -990,6 +990,7 @@ var en = {
   "orders.newOrder.selectKind": "Order type",
   "orders.newOrder.dineIn": "Dine-in",
   "orders.newOrder.takeout": "Takeout",
+  "orders.delivery.settings": "Delivery settings",
   "orders.newOrder.delivery": "Delivery",
   "orders.newOrder.selectTable": "Select table",
   "orders.newOrder.addItems": "Add items",
@@ -1070,6 +1071,7 @@ var ptBR = {
   "orders.newOrder.selectKind": "Tipo de pedido",
   "orders.newOrder.dineIn": "Mesa",
   "orders.newOrder.takeout": "Para Viagem",
+  "orders.delivery.settings": "Configurar entrega",
   "orders.newOrder.delivery": "Delivery",
   "orders.newOrder.selectTable": "Selecionar mesa",
   "orders.newOrder.addItems": "Adicionar itens",
@@ -1616,6 +1618,286 @@ function OrderReceivableActions({ orderId, orderTotal, receivable, reload }) {
     )
   ] });
 }
+var DEBOUNCE_MS = 400;
+var KEYS = {
+  enabled: "delivery.enabled",
+  fee: "delivery.fee",
+  freeOver: "delivery.free_over",
+  minOrder: "delivery.min_order",
+  etaMinutes: "delivery.eta_minutes",
+  radiusKm: "delivery.radius_km"
+};
+function message(e) {
+  if (e instanceof Error) return e.message;
+  if (typeof e === "object" && e && "message" in e) return String(e.message);
+  return String(e);
+}
+function useDeliverySettings(defaults = {}) {
+  const client = React2__default.useMemo(() => getSupabaseClientOptional(), []);
+  const supported = !!client;
+  const [stored, setStored] = React2__default.useState({});
+  const [loading, setLoading] = React2__default.useState(supported);
+  const [saving, setSaving] = React2__default.useState(false);
+  const [error, setError] = React2__default.useState(null);
+  const [loadError, setLoadError] = React2__default.useState(null);
+  React2__default.useEffect(() => {
+    if (!client) return;
+    let cancelled = false;
+    setLoading(true);
+    setLoadError(null);
+    void client.rpc("tenant_settings").then(({ data, error: e }) => {
+      if (cancelled) return;
+      if (e) {
+        setLoadError(message(e));
+        return;
+      }
+      const flat = data ?? {};
+      const next = {};
+      for (const [field, key] of Object.entries(KEYS)) {
+        if (key in flat && flat[key] !== null) next[field] = flat[key];
+        else if (key in flat && flat[key] === null) next[field] = null;
+      }
+      setStored(next);
+    }).catch((e) => {
+      if (!cancelled) setLoadError(message(e));
+    }).finally(() => {
+      if (!cancelled) setLoading(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [client]);
+  const pendingRef = React2__default.useRef({});
+  const timerRef = React2__default.useRef(null);
+  React2__default.useEffect(() => () => {
+    if (timerRef.current) clearTimeout(timerRef.current);
+  }, []);
+  const set = React2__default.useCallback((patch) => {
+    setStored((current) => ({ ...current, ...patch }));
+    if (!client) return;
+    setError(null);
+    setSaving(true);
+    pendingRef.current = { ...pendingRef.current, ...patch };
+    if (timerRef.current) clearTimeout(timerRef.current);
+    timerRef.current = setTimeout(() => {
+      const payload = pendingRef.current;
+      pendingRef.current = {};
+      void Promise.all(
+        Object.entries(payload).map(
+          ([field, value2]) => client.rpc("tenant_setting_set", { p_key: KEYS[field], p_value: value2 ?? null }).then(({ error: e }) => {
+            if (e) throw e;
+          })
+        )
+      ).catch((e) => setError(message(e))).finally(() => setSaving(false));
+    }, DEBOUNCE_MS);
+  }, [client]);
+  const value = React2__default.useMemo(() => ({ ...defaults, ...stored }), [defaults, stored]);
+  return { value, set, loading, saving, error, loadError, supported };
+}
+var MARKETPLACE_CATEGORIES = ["marketplace"];
+function parseAmount(text) {
+  const clean = text.replace(/\s/g, "").replace(",", ".");
+  if (!clean) return null;
+  const n = Number(clean);
+  return Number.isFinite(n) && n >= 0 ? n : NaN;
+}
+function amountText(value) {
+  if (value === null || value === void 0) return "";
+  return String(value).replace(".", ",");
+}
+function AmountRow({ label, description, hint, value, onCommit }) {
+  const [text, setText] = React2__default.useState(() => amountText(value));
+  const [invalid, setInvalid] = React2__default.useState(false);
+  React2__default.useEffect(() => {
+    setText(amountText(value));
+  }, [value]);
+  return /* @__PURE__ */ jsx(
+    TextRow,
+    {
+      label,
+      description,
+      value: text,
+      onChange: (next) => {
+        setText(next);
+        setInvalid(false);
+      },
+      onBlurCommit: () => {
+        const parsed = parseAmount(text);
+        if (Number.isNaN(parsed)) {
+          setInvalid(true);
+          return;
+        }
+        setInvalid(false);
+        onCommit(parsed);
+      },
+      hint: invalid ? "Use um n\xFAmero, como 9,90." : hint,
+      invalid,
+      placeholder: "0,00"
+    }
+  );
+}
+function DeliverySettings() {
+  const settings = useDeliverySettings({ enabled: true, fee: 0, minOrder: 0, etaMinutes: 45, radiusKm: 0 });
+  const { value, set } = settings;
+  const { connectors } = useConnectors({ hostPluginId: "orders", includeGrants: false });
+  const [adding, setAdding] = React2__default.useState(false);
+  const [selected, setSelected] = React2__default.useState(null);
+  const panelAvailable = useConnectorsPanelAvailable();
+  const openJourney = React2__default.useCallback((connector) => {
+    if (panelAvailable) openConnectorsPanel(connector);
+    else setSelected(connector);
+  }, [panelAvailable]);
+  const marketplaces = React2__default.useMemo(
+    () => (connectors ?? []).filter((c) => c.category && MARKETPLACE_CATEGORIES.includes(c.category)),
+    [connectors]
+  );
+  const patch = (next) => set(next);
+  if (!settings.supported) {
+    return /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-amber-500/30 bg-amber-500/5 p-4 text-sm", children: [
+      /* @__PURE__ */ jsxs("p", { className: "flex items-center gap-2 font-medium text-amber-700 dark:text-amber-500", children: [
+        /* @__PURE__ */ jsx(AlertTriangle, { className: "h-4 w-4 shrink-0" }),
+        "Este app n\xE3o guarda a configura\xE7\xE3o de entrega"
+      ] }),
+      /* @__PURE__ */ jsx("p", { className: "mt-1 text-muted-foreground", children: "N\xE3o h\xE1 backend montado aqui, ent\xE3o nada abaixo seria salvo \u2014 e por isso n\xE3o \xE9 mostrado." })
+    ] });
+  }
+  if (settings.loading) {
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-28 w-full rounded-lg" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-40 w-full rounded-lg" })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    settings.loadError && /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-destructive/30 bg-destructive/5 p-3 text-sm", children: [
+      /* @__PURE__ */ jsxs("p", { className: "flex items-center gap-2 font-medium text-destructive", children: [
+        /* @__PURE__ */ jsx(AlertTriangle, { className: "h-4 w-4 shrink-0" }),
+        "N\xE3o foi poss\xEDvel carregar a configura\xE7\xE3o de entrega"
+      ] }),
+      /* @__PURE__ */ jsx("p", { className: "mt-1 text-muted-foreground", children: "O que aparece abaixo s\xE3o os valores padr\xE3o, n\xE3o as suas escolhas. Recarregue a p\xE1gina antes de alterar algo \u2014 salvar agora sobrescreveria o que n\xE3o conseguimos ler." }),
+      /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: settings.loadError })
+    ] }),
+    /* @__PURE__ */ jsxs(
+      SettingsGroup,
+      {
+        title: "Entrega",
+        description: "Vale para o pedido que sai da casa. O quadro de despacho continua existindo com a entrega desligada \u2014 o hist\xF3rico n\xE3o some.",
+        children: [
+          /* @__PURE__ */ jsx(
+            ToggleRow,
+            {
+              label: "A casa entrega",
+              description: "Desligado, nenhum canal novo nasce como entrega.",
+              checked: value.enabled !== false,
+              onChange: (checked) => patch({ enabled: checked })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            AmountRow,
+            {
+              label: "Taxa de entrega",
+              description: "Cobrada por pedido, na moeda da casa.",
+              hint: "Zero = entrega sem taxa.",
+              value: value.fee,
+              onCommit: (next) => patch({ fee: next ?? 0 })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            AmountRow,
+            {
+              label: "Frete gr\xE1tis acima de",
+              description: "Acima deste valor de pedido a taxa \xE9 zerada.",
+              hint: "Vazio = a taxa vale sempre.",
+              value: value.freeOver,
+              onCommit: (next) => patch({ freeOver: next })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            AmountRow,
+            {
+              label: "Pedido m\xEDnimo",
+              description: "Abaixo disso a casa n\xE3o entrega.",
+              hint: "Zero = sem m\xEDnimo.",
+              value: value.minOrder,
+              onCommit: (next) => patch({ minOrder: next ?? 0 })
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      SettingsGroup,
+      {
+        title: "At\xE9 onde, e em quanto tempo",
+        description: "O que o cliente ouve quando pergunta \u2014 e o que o despacho promete.",
+        children: [
+          /* @__PURE__ */ jsx(
+            AmountRow,
+            {
+              label: "Tempo estimado (min)",
+              description: "Da confirma\xE7\xE3o at\xE9 a porta.",
+              value: value.etaMinutes,
+              onCommit: (next) => patch({ etaMinutes: next === null ? 0 : Math.round(next) })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            AmountRow,
+            {
+              label: "Raio de entrega (km)",
+              description: "Dist\xE2ncia m\xE1xima a partir da casa.",
+              hint: "Zero = sem limite declarado.",
+              value: value.radiusKm,
+              onCommit: (next) => patch({ radiusKm: next ?? 0 })
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-4 px-1 pb-1 pt-4", children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold", children: "Quem traz o pedido" }),
+          /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-[10px] text-muted-foreground", children: "Marketplaces conectados entram no quadro sozinhos, cada pedido marcado com a origem. A credencial vai para o cofre, nunca para o banco da casa." })
+        ] }),
+        /* @__PURE__ */ jsx(AddConnectorButton, { onClick: () => setAdding(true) })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "rounded-card border bg-card shadow-sm", children: marketplaces.length === 0 ? /* @__PURE__ */ jsx("p", { className: "p-4 text-sm text-muted-foreground", children: "Nenhum marketplace dispon\xEDvel para este app ainda. A entrega pr\xF3pria funciona sem nenhum." }) : /* @__PURE__ */ jsx("ul", { className: "divide-y", children: marketplaces.map((connector) => /* @__PURE__ */ jsx(ConnectorRow, { connector, onOpen: openJourney }, connector.id)) }) })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "flex min-h-5 items-center gap-1.5 px-1 text-xs text-muted-foreground", children: settings.error ? /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5 text-destructive", children: [
+      /* @__PURE__ */ jsx(AlertTriangle, { className: "h-3.5 w-3.5 shrink-0" }),
+      "N\xE3o foi poss\xEDvel salvar: ",
+      settings.error
+    ] }) : settings.saving ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Loader2, { className: "h-3.5 w-3.5 shrink-0 animate-spin" }),
+      "Salvando\u2026"
+    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Check, { className: "h-3.5 w-3.5 shrink-0" }),
+      "As altera\xE7\xF5es s\xE3o salvas automaticamente."
+    ] }) }),
+    /* @__PURE__ */ jsx(
+      AddConnectorPanel,
+      {
+        open: adding,
+        onOpenChange: setAdding,
+        connectors,
+        categories: MARKETPLACE_CATEGORIES,
+        onSelect: (connector) => {
+          setAdding(false);
+          openJourney(connector);
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ConnectorDetail,
+      {
+        connector: selected,
+        open: !!selected,
+        onOpenChange: (open) => {
+          if (!open) setSelected(null);
+        }
+      }
+    )
+  ] });
+}
 var DEFAULT_ORDERS_TABLE = "orders";
 var DEFAULT_ORDER_ITEMS_TABLE = "items";
 var ORDERS_METADATA_KEY = "fayzOrders";
@@ -2045,7 +2327,7 @@ function createFayzOrdersProvider(options = {}) {
 }
 
 // src/index.ts
-var OrdersPage = React2__default.lazy(() => import('./OrdersPage-IKIIQALX.js').then((m) => ({ default: m.OrdersPage })));
+var OrdersPage = React2__default.lazy(() => import('./OrdersPage-ONJJMPY6.js').then((m) => ({ default: m.OrdersPage })));
 var DEFAULT_LABELS = {
   pageTitle: "Orders",
   kanban: "Orders",
@@ -2073,7 +2355,10 @@ function resolveConfig(options) {
     createRoute: options?.createRoute,
     editRoute: options?.editRoute,
     canEditOrder: options?.canEditOrder,
-    orderRoute: options?.orderRoute
+    orderRoute: options?.orderRoute,
+    floorView: options?.floorView !== false,
+    deliveryRoute: options?.deliveryRoute,
+    detailRail: options?.detailRail ?? "operate"
   };
 }
 function createOrdersPlugin(options) {
@@ -2083,11 +2368,19 @@ function createOrdersPlugin(options) {
     onOrderCompleted: config.onOrderCompleted,
     onOrderCancelled: config.onOrderCancelled
   });
-  const PageComponent = () => React2__default.createElement(
+  const screen = (extra) => () => React2__default.createElement(
     React2__default.Suspense,
     { fallback: null },
-    React2__default.createElement(OrdersPage, { config, provider, store: store7, registries: ordersRegistries, variant: options?.variant ?? "restaurant" })
+    React2__default.createElement(OrdersPage, {
+      config: extra ? { ...config, ...extra } : config,
+      provider,
+      store: store7,
+      registries: ordersRegistries,
+      variant: options?.variant ?? "restaurant"
+    })
   );
+  const PageComponent = screen();
+  const DeliveryRoute = screen({ pinnedView: "delivery" });
   const OrderDetailRoute = ({ id }) => id ? React2__default.createElement(OrderDetailPage, {
     orderId: id,
     backTo: "/orders",
@@ -2186,6 +2479,11 @@ function createOrdersPlugin(options) {
         component: PageComponent,
         permission: { feature: "orders", action: "read" }
       },
+      ...options?.deliveryRoute ? [{
+        path: options.deliveryRoute,
+        component: DeliveryRoute,
+        permission: { feature: "orders", action: "read" }
+      }] : [],
       {
         // The page the rail's "Ver pedido completo" points at. It used to exist
         // only in plugin-shop, so the restaurant's link opened a blank screen —
@@ -2272,7 +2570,29 @@ function createOrdersPlugin(options) {
         })(),
         order: 22,
         permission: { feature: "orders", action: "read" }
-      }
+      },
+      // Entrega — política da casa (taxa, mínimo, tempo, raio) e os
+      // marketplaces que trazem o pedido. Só existe onde o delivery existe: um
+      // app sem `modules.delivery` não ganha uma tela para configurar um
+      // serviço que não presta.
+      ...config.modules.delivery ? [{
+        id: "orders-delivery",
+        label: "Delivery",
+        icon: "Bike",
+        component: (() => {
+          const DeliverySettingsTab = () => React2__default.createElement(
+            React2__default.Suspense,
+            { fallback: null },
+            React2__default.createElement(DeliverySettings)
+          );
+          DeliverySettingsTab.displayName = "DeliverySettingsTab";
+          return DeliverySettingsTab;
+        })(),
+        order: 23,
+        // Quanto a casa cobra para entregar é decisão do dono, não de quem
+        // despacha: mesma régua da taxa de serviço em plugin-tables.
+        permission: { feature: "orders", action: "edit" }
+      }] : []
     ],
     locales: ordersLocales,
     // Offered regardless of `modules.delivery` — a takeout-only house still takes