agx-chat-web 1.2.10 → 1.2.11

package/dist/agx-chat.esm.js

@@ -927,8 +927,16 @@ function pumpListSlaQueue() {
     }
 }
 function computeListSlaSeconds(createdAt) {
-    var sla = new SlaDates(0);
-    return sla.getDifferenceInSeconds(timeAsDayjs(createdAt, { server: true }), timeAsDayjs(undefined, { server: true }), SLA_WORKING_HOURS);
+    var start = timeAsDayjs(createdAt, { server: true });
+    var end = timeAsDayjs(undefined, { server: true });
+    if (!start.isValid() || !end.isValid() || end.isBefore(start))
+        return null;
+    return new SlaDates(0).getDifferenceInSeconds(start, end, SLA_WORKING_HOURS);
+}
+/** Próximo HH:MM de getDifferenceInSeconds */
+function msUntilNextSlaDisplayMinute(seconds) {
+    var remainder = seconds % 60;
+    return Math.max(250, (60 - remainder) * 1000);
 }
 function MessengerListItem(_a) {
     var _b, _c;
@@ -942,38 +950,80 @@ function MessengerListItem(_a) {
     var _e = (0,external_react_namespaceObject.useState)(''), background = _e[0], setBackground = _e[1];
     var rowRef = (0,external_react_namespaceObject.useRef)(null);
     var scheduledRef = (0,external_react_namespaceObject.useRef)(false);
+    var slaTimeoutRef = (0,external_react_namespaceObject.useRef)(undefined);
+    var isSelected = currentId === item._id;
+    var isSelectedRef = (0,external_react_namespaceObject.useRef)(isSelected);
+    var secondTickActiveRef = (0,external_react_namespaceObject.useRef)(false);
+    isSelectedRef.current = isSelected;
+    var isInprogress = ((_c = (_b = item.status) === null || _b === void 0 ? void 0 : _b.current) === null || _c === void 0 ? void 0 : _c.systemicValue) === 'inprogress';
     var beSnapshot = typeof item.SLATimePassed === 'number' ? item.SLATimePassed : null;
     var _f = (0,external_react_namespaceObject.useState)(function () {
         var _a;
-        if (beSnapshot != null)
+        if (!isInprogress && beSnapshot != null)
             return beSnapshot;
         return (_a = listSlaCache.get(item._id)) !== null && _a !== void 0 ? _a : null;
     }), idleSeconds = _f[0], setIdleSeconds = _f[1];
     var listSlaSeconds = canSeeDetailsChat && idleSeconds != null ? idleSeconds : null;
     var theme = useThemes().theme;
-    var isInprogress = ((_c = (_b = item.status) === null || _b === void 0 ? void 0 : _b.current) === null || _c === void 0 ? void 0 : _c.systemicValue) === 'inprogress';
     var otherChatMember = (0,external_react_namespaceObject.useMemo)(function () {
         return (item === null || item === void 0 ? void 0 : item.users.find(function (item) { return item.uniqueCode !== currentViewerId; })) ||
             item.creator;
     }, [item === null || item === void 0 ? void 0 : item.users, currentViewerId]);
-    // Agenda Gueff 1× por ticket (cache). Não usa setState de visibility no scroll.
+    var applyListSlaSeconds = function (seconds) {
+        listSlaCache.set(item._id, seconds);
+        setIdleSeconds(function (prev) {
+            if (prev != null &&
+                formatSlaHoursMinutes(prev) === formatSlaHoursMinutes(seconds)) {
+                return prev;
+            }
+            return seconds;
+        });
+    };
+    var clearSlaMinuteTimeout = function () {
+        if (slaTimeoutRef.current) {
+            clearTimeout(slaTimeoutRef.current);
+            slaTimeoutRef.current = undefined;
+        }
+    };
+    var refreshListSla = function (continueOnSlaMinute) {
+        var seconds = computeListSlaSeconds(item.createdAt);
+        if (seconds == null) {
+            scheduledRef.current = false;
+            return;
+        }
+        applyListSlaSeconds(seconds);
+        // Fila atrasada: se o ticket já está aberto, o interval 1s manda.
+        if (!continueOnSlaMinute ||
+            isSelectedRef.current ||
+            secondTickActiveRef.current) {
+            clearSlaMinuteTimeout();
+            return;
+        }
+        clearSlaMinuteTimeout();
+        slaTimeoutRef.current = setTimeout(function () {
+            refreshListSla(true);
+        }, msUntilNextSlaDisplayMinute(seconds));
+    };
     (0,external_react_namespaceObject.useEffect)(function () {
         var _a;
-        if (!canSeeDetailsChat || !isInprogress || !item.createdAt)
+        if (!canSeeDetailsChat) {
+            setIdleSeconds(null);
             return;
-        if (beSnapshot != null) {
-            if (idleSeconds !== beSnapshot)
-                setIdleSeconds(beSnapshot);
+        }
+        if (!isInprogress) {
+            setIdleSeconds(beSnapshot);
             return;
         }
+        if (!item.createdAt)
+            return;
+        scheduledRef.current = false;
+        var applyFresh = function () {
+            refreshListSla(!isSelectedRef.current);
+        };
         var cached = listSlaCache.get(item._id);
         if (cached != null) {
-            if (idleSeconds !== cached)
-                setIdleSeconds(cached);
-            return;
+            applyListSlaSeconds(cached);
         }
-        if (scheduledRef.current)
-            return;
         var node = rowRef.current;
         if (!node)
             return;
@@ -981,25 +1031,9 @@ function MessengerListItem(_a) {
         var scheduleOnce = function () {
             if (scheduledRef.current)
                 return;
-            if (listSlaCache.has(item._id)) {
-                var value = listSlaCache.get(item._id);
-                if (value != null)
-                    setIdleSeconds(value);
-                return;
-            }
             scheduledRef.current = true;
-            enqueueListSlaCalc(function () {
-                try {
-                    var seconds = computeListSlaSeconds(item.createdAt);
-                    listSlaCache.set(item._id, seconds);
-                    setIdleSeconds(seconds);
-                }
-                catch (_a) {
-                    scheduledRef.current = false;
-                }
-            });
+            enqueueListSlaCalc(applyFresh);
         };
-        // Já no viewport no mount → agenda; senão espera 1ª interseção (sem setState).
         var rect = node.getBoundingClientRect();
         var rootRect = root === null || root === void 0 ? void 0 : root.getBoundingClientRect();
         var roughlyVisible = rootRect
@@ -1007,25 +1041,58 @@ function MessengerListItem(_a) {
             : rect.top < window.innerHeight && rect.bottom > 0;
         if (roughlyVisible) {
             scheduleOnce();
-            return;
+            return undefined;
+        }
+        else {
+            var observer_1 = new IntersectionObserver(function (_a) {
+                var entry = _a[0];
+                if (!entry.isIntersecting)
+                    return;
+                scheduleOnce();
+                observer_1.disconnect();
+            }, { root: root, rootMargin: '80px 0px', threshold: 0 });
+            observer_1.observe(node);
+            return function () { return observer_1.disconnect(); };
+        }
+    }, [canSeeDetailsChat, beSnapshot, isInprogress, item._id, item.createdAt]);
+    // Chat aberto: mesma cadência do header (1s), UI só HH:MM.
+    // Restantes: refreshListSla no próximo minuto de getDifferenceInSeconds.
+    (0,external_react_namespaceObject.useEffect)(function () {
+        if (!canSeeDetailsChat || !isInprogress || !item.createdAt) {
+            return function () {
+                secondTickActiveRef.current = false;
+                clearSlaMinuteTimeout();
+            };
+        }
+        if (!isSelected) {
+            return function () {
+                secondTickActiveRef.current = false;
+                clearSlaMinuteTimeout();
+            };
         }
-        var observer = new IntersectionObserver(function (_a) {
-            var entry = _a[0];
-            if (!entry.isIntersecting)
+        secondTickActiveRef.current = true;
+        clearSlaMinuteTimeout();
+        var sync = function () {
+            var seconds = computeListSlaSeconds(item.createdAt);
+            if (seconds == null)
                 return;
-            scheduleOnce();
-            observer.disconnect();
-        }, { root: root, rootMargin: '80px 0px', threshold: 0 });
-        observer.observe(node);
-        return function () { return observer.disconnect(); };
-    }, [
-        canSeeDetailsChat,
-        beSnapshot,
-        isInprogress,
-        item._id,
-        item.createdAt,
-        idleSeconds,
-    ]);
+            applyListSlaSeconds(seconds);
+        };
+        sync();
+        var interval = setInterval(function () {
+            if (document.visibilityState !== 'visible')
+                return;
+            sync();
+        }, 1000);
+        return function () {
+            secondTickActiveRef.current = false;
+            clearInterval(interval);
+            clearSlaMinuteTimeout();
+            if (!isSelectedRef.current) {
+                refreshListSla(true);
+            }
+        };
+    }, [canSeeDetailsChat, isInprogress, isSelected, item._id, item.createdAt]);
     (0,external_react_namespaceObject.useEffect)(function () {
         setUnreadMessages(item.totalUnreadMessages);
     }, [item]);