agx-chat-web 1.2.7 → 1.2.9

package/dist/agx-chat.esm.js

@@ -704,6 +704,7 @@ var time = function (value, options) {
         aux = dayjs.tz(value, dayjs.tz.guess());
     return new Date(Date.UTC(aux.year(), aux.month(), aux.date(), aux.hour(), aux.minute(), aux.second(), aux.millisecond()));
 };
+var SLA_WORKING_HOURS = { start: 9, end: 18 };
 var SlaDates = /** @class */ (function () {
     function SlaDates(seconds) {
         this.holidays = {
@@ -717,7 +718,7 @@ var SlaDates = /** @class */ (function () {
     };
     SlaDates.prototype.isWorkingHour = function (date) {
         var hour = date.hour();
-        return hour >= 9 && hour <= 18; // Between 9 AM and 5 PM (inclusive)
+        return hour >= SLA_WORKING_HOURS.start && hour < SLA_WORKING_HOURS.end; //Between 9 AM and 6 PM (inclusive)
     };
     SlaDates.prototype.isWeekendOrHoliday = function (date) {
         var weekDay = timeAsDayjs(date, { applyTimezone: false }).day();
@@ -873,23 +874,39 @@ function MessengerListItem(_a) {
     (0,external_react_namespaceObject.useEffect)(function () {
         var _a;
         var interval;
-        if (isInprogress && canSeeDetailsChat) {
-            var sla = new SlaDates(timeAsDayjs(item.currentTime).diff(item.createdAt, 'second'));
-            var diference = sla.calculateWorkingTime(timeAsDayjs(item.createdAt), timeAsDayjs(), { start: 9, end: 18 });
-            setCounter(diference);
-            if (sla.canUpdateClock(timeAsDayjs())) {
-                interval = setInterval(function () {
-                    setCounter(function (prev) { return (prev !== null ? prev + 1 : null); });
-                }, 1000);
+        var sla = new SlaDates(0);
+        var updateCounter = function () {
+            var now = timeAsDayjs(undefined, { server: true });
+            setCounter(sla.getDifferenceInSeconds(timeAsDayjs(item.createdAt, { server: true }), now, SLA_WORKING_HOURS));
+        };
+        var onVisibilityChange = function () {
+            if (document.visibilityState === 'visible') {
+                updateCounter();
             }
+        };
+        if (isInprogress && canSeeDetailsChat) {
+            updateCounter();
+            interval = setInterval(function () {
+                if (sla.canUpdateClock(timeAsDayjs(undefined, { server: true }))) {
+                    updateCounter();
+                }
+            }, 1000);
+            document.addEventListener('visibilitychange', onVisibilityChange);
         }
         else {
             setCounter((_a = item.SLATimePassed) !== null && _a !== void 0 ? _a : null);
         }
         return function () {
             clearInterval(interval);
+            document.removeEventListener('visibilitychange', onVisibilityChange);
         };
-    }, []);
+    }, [
+        item._id,
+        item.createdAt,
+        item.SLATimePassed,
+        isInprogress,
+        canSeeDetailsChat,
+    ]);
     (0,external_react_namespaceObject.useEffect)(function () {
         setUnreadMessages(item.totalUnreadMessages);
     }, [item]);
@@ -931,14 +948,24 @@ function MessengerListItem(_a) {
             : ''),
         external_react_namespaceObject["default"].createElement("div", { className: 'messenger__aside-list-item--info' },
             external_react_namespaceObject["default"].createElement("p", { className: 'messenger__aside-list-item--title' }, otherChatMember === null || otherChatMember === void 0 ? void 0 : otherChatMember.username),
-            (item === null || item === void 0 ? void 0 : item.reason) && (external_react_namespaceObject["default"].createElement("p", { className: 'messenger__aside-list-item--description' }, item.reason)),
+            (item.subject || item.reason) && (external_react_namespaceObject["default"].createElement(SubTitle, { item: item, nature: item.nature })),
             canSeeDetailsChat && external_react_namespaceObject["default"].createElement(ShowTimer, null)),
         item && (external_react_namespaceObject["default"].createElement("div", { className: 'messenger__aside-list-item--additional' },
-            canSeeDetailsChat && "#".concat(item.protocol),
-            unreadMessages > 0 && (external_react_namespaceObject["default"].createElement("div", { className: 'messenger__aside-list-item--unread' },
-                external_react_namespaceObject["default"].createElement("span", null, formatUnreadMessages(unreadMessages))))))));
+            canSeeDetailsChat && external_react_namespaceObject["default"].createElement("span", null, "#".concat(item.protocol)),
+            external_react_namespaceObject["default"].createElement("div", { className: 'messenger__aside-list-item--unread', style: {
+                    opacity: unreadMessages > 0 ? 1 : 0,
+                    visibility: unreadMessages > 0 ? 'visible' : 'hidden',
+                } },
+                external_react_namespaceObject["default"].createElement("span", null, formatUnreadMessages(unreadMessages)))))));
 }
 /* harmony default export */ const views_MessengerListItem = (MessengerListItem);
+function SubTitle(_a) {
+    var nature = _a.nature, item = _a.item;
+    if (nature === 'communication') {
+        return (external_react_namespaceObject["default"].createElement("p", { className: 'messenger__aside-list-item--description' }, item.subject));
+    }
+    return (external_react_namespaceObject["default"].createElement("p", { className: 'messenger__aside-list-item--description' }, item.reason));
+}
 
 ;// CONCATENATED MODULE: ./src/app/Messenger/components/ChatTabs/ChatTabs.tsx