@fayz-ai/pos 0.24.4 → 0.24.5

package/dist/index.js

@@ -4939,7 +4939,7 @@ function lateness(p, now) {
   return Math.floor((now - new Date(p.dueAt).getTime()) / 6e4);
 }
 var GHOST_MS = 300;
-function DeliveryBoard({ orders, activeId, onSelect, now, channelsConnected, historyOpen, onToggleHistory }) {
+function DeliveryBoard({ orders, activeId, onSelect, now, channelsConnected, historyOpen, onToggleHistory, loading }) {
   const seen = useRef({});
   const [ghosts, setGhosts] = useState([]);
   useEffect(() => {
@@ -4959,7 +4959,7 @@ function DeliveryBoard({ orders, activeId, onSelect, now, channelsConnected, his
     return () => window.clearTimeout(t);
   }, [orders]);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    orders.length === 0 && channelsConnected === false && /* @__PURE__ */ jsx(
+    !loading && orders.length === 0 && channelsConnected === false && /* @__PURE__ */ jsx(
       EmptyState,
       {
         title: "Nenhum canal de delivery conectado",
@@ -4993,7 +4993,7 @@ function DeliveryBoard({ orders, activeId, onSelect, now, channelsConnected, his
               /* @__PURE__ */ jsxs("header", { className: "pos-col__head", children: [
                 /* @__PURE__ */ jsx(Icon, { size: 15, strokeWidth: 2.2, "aria-hidden": true }),
                 /* @__PURE__ */ jsx("span", { className: "pos-col__t", children: name }),
-                /* @__PURE__ */ jsx("span", { className: "pos-col__n pos-num", children: column.length })
+                /* @__PURE__ */ jsx("span", { className: "pos-col__n pos-num", children: loading && column.length === 0 ? "" : column.length })
               ] }),
               /* @__PURE__ */ jsxs("div", { className: "pos-col__body", children: [
                 column.map((o) => {
@@ -5043,7 +5043,11 @@ function DeliveryBoard({ orders, activeId, onSelect, now, channelsConnected, his
                   );
                 }),
                 ghosts.filter((g) => deliveryColumnOf(g.from)?.name === name).map((g) => /* @__PURE__ */ jsx("span", { className: "pos-card pos-card--ghost", "aria-hidden": true }, `ghost-${g.id}`)),
-                column.length === 0 && ghosts.every((g) => deliveryColumnOf(g.from)?.name !== name) && /* @__PURE__ */ jsx("p", { className: "pos-col__empty", children: "Nenhum" })
+                loading && column.length === 0 ? [0, 1].map((i) => /* @__PURE__ */ jsxs("span", { className: "pos-card pos-skel", "aria-hidden": true, style: { display: "grid", gap: 8 }, children: [
+                  /* @__PURE__ */ jsx("span", { className: "pos-skel__b", style: { width: "40%", height: 14 } }),
+                  /* @__PURE__ */ jsx("span", { className: "pos-skel__b", style: { width: `${70 - i * 15}%`, height: 12 } }),
+                  /* @__PURE__ */ jsx("span", { className: "pos-skel__b", style: { width: "30%", height: 12 } })
+                ] }, `skel-${i}`)) : column.length === 0 && ghosts.every((g) => deliveryColumnOf(g.from)?.name !== name) && /* @__PURE__ */ jsx("p", { className: "pos-col__empty", children: "Nenhum" })
               ] })
             ]
           },
@@ -8795,6 +8799,7 @@ function PosScreen({
                 activeId: activePositionId,
                 onSelect: selectPosition,
                 now,
+                loading,
                 historyOpen: deliveryHistory && !activePosition,
                 onToggleHistory: activePosition ? void 0 : () => setDeliveryHistory((v) => !v)
               }