@fayz-ai/pos 0.24.0 → 0.24.2

package/dist/index.js

@@ -1,7 +1,7 @@
 import { haptic, createKeymap, directionOf, moveFocus } from '@fayz-ai/core/interaction';
 export { comboOf, createKeymap, haptic, setHapticsEnabled } from '@fayz-ai/core/interaction';
 import { forwardRef, memo, useState, useRef, useCallback, useEffect, useMemo, useReducer, Fragment as Fragment$1 } from 'react';
-import { UserPlus, X, Check, Phone, User, Receipt, RotateCcw, FileCheck, FileWarning, ChevronDown, Pencil, ChevronLeft, ChevronRight, Plus, ChevronUp, ChefHat, AlertTriangle, Printer, Percent, QrCode, CreditCard, Banknote, Trash2, Clock, Minus, Bike, History, PackageCheck, CheckCheck, Package, MapPin, ShieldCheck, Keyboard, CalendarClock, Users, UserRound, Search, Utensils, BellRing, UserX, UserCheck, Delete, UtensilsCrossed, Info, ClipboardList, LayoutGrid, ShoppingBag, ConciergeBell, Map as Map$1, Settings2, Square, Circle, PenLine, MoreHorizontal, Store, Tag, Star, Ticket, Ban, ArrowLeftRight, Gift, UserMinus, CheckCircle2, Crosshair, Unlink, MousePointerClick, PencilRuler, RefreshCw, MapPinOff, Eye, EyeOff, Undo2, TriangleAlert, ArrowRight, Pizza, Wheat, Sandwich, IceCreamCone, CakeSlice, Coffee, Croissant, CupSoda, Salad, Beef, Wine, GlassWater, Soup, Fish, Wrench, CalendarCheck } from 'lucide-react';
+import { UserPlus, X, Check, Phone, User, Receipt, RotateCcw, FileCheck, FileWarning, ChevronDown, Pencil, ChevronLeft, ChevronRight, Plus, ChevronUp, ChefHat, AlertTriangle, Printer, Percent, QrCode, CreditCard, Banknote, Trash2, Clock, Minus, Bike, History, PackageCheck, CheckCheck, Package, MapPin, ShieldCheck, Loader2, Keyboard, CalendarClock, Users, UserRound, Search, Utensils, BellRing, UserX, UserCheck, Delete, UtensilsCrossed, Info, ClipboardList, LayoutGrid, ShoppingBag, ConciergeBell, Map as Map$1, Settings2, Square, Circle, PenLine, MoreHorizontal, Store, Tag, Star, Ticket, Ban, ArrowLeftRight, Gift, UserMinus, CheckCircle2, Crosshair, Unlink, MousePointerClick, PencilRuler, RefreshCw, MapPinOff, Eye, EyeOff, Undo2, TriangleAlert, ArrowRight, Pizza, Wheat, Sandwich, IceCreamCone, CakeSlice, Coffee, Croissant, CupSoda, Salad, Beef, Wine, GlassWater, Soup, Fish, Wrench, CalendarCheck } from 'lucide-react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { describeError, channelOfOrder } from '@fayz-ai/core';
 import { createPortal } from 'react-dom';
@@ -4968,12 +4968,12 @@ function DeliveryBoard({ orders, activeId, onSelect, now, channelsConnected, his
       }
     ),
     /* @__PURE__ */ jsxs("div", { className: "pos-board__bar", children: [
-      /* @__PURE__ */ jsx("p", { className: "pos-board__note", children: DELIVERED_LINGER_NOTE }),
       onToggleHistory && /* @__PURE__ */ jsxs(PosButton, { className: "pos-pill", "aria-pressed": !!historyOpen, onClick: onToggleHistory, children: [
         /* @__PURE__ */ jsx(History, { size: 14 }),
         " ",
         historyOpen ? "Ocultar hist\xF3rico" : "Hist\xF3rico do dia"
-      ] })
+      ] }),
+      /* @__PURE__ */ jsx("p", { className: "pos-board__note", children: DELIVERED_LINGER_NOTE })
     ] }),
     /* @__PURE__ */ jsx("div", { className: "pos-board", children: DELIVERY_COLUMNS.map(({ name, states, tone }) => {
       const Icon = ICONE[name] ?? Clock;
@@ -5079,7 +5079,8 @@ function DispatchRail({
   open,
   containerRef,
   extra,
-  carrier
+  carrier,
+  waiting
 }) {
   const status = order.dispatch ?? "received";
   const next = nextDispatch(status);
@@ -5190,11 +5191,15 @@ function DispatchRail({
         ] }),
         extra,
         /* @__PURE__ */ jsxs("div", { className: "pos-cta", style: { display: "grid", gap: "var(--pos-2x)" }, children: [
-          held ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          waiting ? /* @__PURE__ */ jsxs(PosButton, { className: "pos-btn", disabled: true, "aria-busy": true, children: [
+            /* @__PURE__ */ jsx(Loader2, { size: 18, className: "pos-spin", "aria-hidden": true }),
+            " ",
+            waiting
+          ] }) : held ? /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsx(PosButton, { className: "pos-btn", disabled: true, children: carrier.label }),
             /* @__PURE__ */ jsx("p", { className: "pos-t-sm", style: { margin: 0, textAlign: "center", color: "var(--pos-fg-3)" }, children: carrier.note })
           ] }) : next ? /* @__PURE__ */ jsx(PosButton, { className: "pos-btn", onClick: () => onAdvance(next), children: ADVANCE_LABEL[next] }) : /* @__PURE__ */ jsx(PosButton, { className: "pos-btn", disabled: true, children: "Entregue" }),
-          /* @__PURE__ */ jsx(PosButton, { className: "pos-btn pos-btn--ghost", style: { width: "100%" }, onClick: onCancel, children: "Cancelar pedido" })
+          /* @__PURE__ */ jsx(PosButton, { className: "pos-btn pos-btn--ghost", style: { width: "100%" }, onClick: onCancel, disabled: !!waiting, children: "Cancelar pedido" })
         ] })
       ]
     }
@@ -7909,6 +7914,7 @@ function PosScreen({
     ),
     [closedTickets, canalMarcado, menu?.view]
   );
+  const [dispatchWaiting, setDispatchWaiting] = useState({});
   const [deliveryHistory, setDeliveryHistory] = useState(false);
   const closeDetailsRef = useRef(() => {
   });
@@ -9102,9 +9108,23 @@ function PosScreen({
               now,
               open: railOpen,
               onAdvance: (to) => {
-                setDispatched((prev) => ({ ...prev, [activePosition.id]: to }));
-                void onDispatch?.(activePosition.id, to);
+                const id = activePosition.id;
+                const sent = onDispatch?.(id, to);
+                if (!sent || typeof sent.then !== "function") {
+                  setDispatched((prev) => ({ ...prev, [id]: to }));
+                  return;
+                }
+                setDispatchWaiting((w) => ({ ...w, [id]: to }));
+                void sent.then((ok) => {
+                  if (ok !== false) setDispatched((prev) => ({ ...prev, [id]: to }));
+                }).catch(() => {
+                }).finally(() => setDispatchWaiting((w) => {
+                  const next = { ...w };
+                  delete next[id];
+                  return next;
+                }));
               },
+              waiting: dispatchWaiting[activePosition.id] ? `Aguardando confirma\xE7\xE3o do ${activePosition.channel ?? "canal"}\u2026` : null,
               onCancel: () => handleAction("cancel_order"),
               onCloseDetails: () => closeDetailsRef.current(),
               extra: renderDispatchExtra?.(activePosition, ticket),