@social-mail/social-mail-client 1.2.93 → 1.2.96

package/dist/web/AppIndex.pack.js

@@ -28821,7 +28821,13 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
         margin-bottom: 25px;
     }
     & .engagements {
-        & > * {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 5px;
+        margin-top: 5px;
+        margin-bottom: 5px;
+        align-items: center;
+        & > span {
             border: solid 1px lightgray;
             padding: 3px;
             padding-left: 7px;
@@ -28893,6 +28899,15 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
             this.registerDisposable(yield this.resolve(MailboxSocket).join(mb.mailboxID.toString(), {
               newMail: () => {
                 this.version++;
+              },
+              mailRead: (mailboxID, emailAddressID, emailID) => {
+                for (const iterator of this.mailsRepeater.items) {
+                  if (iterator.emailID !== emailID) {
+                    continue;
+                  }
+                  iterator.timeRead = DateTime.now;
+                  this.mailsRepeater.refreshItem(iterator);
+                }
               }
             }));
             this.renderer = XNode.create("div", null, XNode.create(AtomRepeater, Object.assign({
@@ -28910,12 +28925,29 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
               cancelToken
             })), {
               itemRenderer: thread => {
-                var _a, _b, _c, _d, _e, _f, _g;
+                var _a, _b, _c, _d, _e, _f, _g, _h;
                 const item = thread.email;
                 const internalDate = (_b = (_a = item.dateSent) !== null && _a !== void 0 ? _a : item.dateReceived) !== null && _b !== void 0 ? _b : item.dateCreated;
                 const sent = item.senderID === thread.mailboxID;
                 const remaining = DateTime.from((_c = item.dateSent) !== null && _c !== void 0 ? _c : DateTime.today).diff(DateTime.now);
                 const isSending = thread.email.status === "scheduled" && remaining.totalSeconds > 3;
+                const engagements = (_d = thread.email.engagements) !== null && _d !== void 0 ? _d : [];
+                const tags = ((_e = thread.email.tags) !== null && _e !== void 0 ? _e : "").split(",").filter(x => x);
+                let readStatus = "";
+                let readColor = "";
+                if (sent) {
+                  const timeRead = thread.timeRead && DateTime.from(thread.timeRead);
+                  if (timeRead) {
+                    readStatus = `Read ${DateFormats.relative.short(timeRead)}`;
+                    readColor = "green";
+                  } else if (item.status === "sent") {
+                    readStatus = "Sent";
+                    readColor = "yellow";
+                  } else {
+                    readStatus = "In queue";
+                    readColor = "lightblue";
+                  }
+                }
                 if (remaining.totalSeconds > 0) {
                   setTimeout(() => this.mailsRepeater.refreshItem(thread), 2000);
                 }
@@ -28929,8 +28961,8 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
                   text: item.subject
                 }), item.received ? XNode.create("div", null) : item.userID !== SocialMailApp.user.userID && XNode.create("div", {
                   "style-max-width": "20ch",
-                  title: (_d = item.senderUser) === null || _d === void 0 ? void 0 : _d.displayName,
-                  text: (_e = item.senderUser) === null || _e === void 0 ? void 0 : _e.displayName
+                  title: (_f = item.senderUser) === null || _f === void 0 ? void 0 : _f.displayName,
+                  text: (_g = item.senderUser) === null || _g === void 0 ? void 0 : _g.displayName
                 }), XNode.create("div", {
                   text: DateFormats.relative.short(internalDate),
                   title: DateFormats.withWeekDayAndTime(internalDate)
@@ -28942,22 +28974,29 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
                   height: "40vh"
                 }, XNode.create("div", Object.assign({
                   class: "message"
-                }, renderMail(thread)))), ((_f = item.engagements) === null || _f === void 0 ? void 0 : _f.length) && XNode.create("div", {
+                }, renderMail(thread)))), XNode.create("div", {
                   class: "engagements"
-                }, ...item.engagements.map(x => XNode.create("span", {
+                }, sent && XNode.create("i", {
+                  class: "fa-solid fa-circle-small",
+                  "style-color": readColor,
+                  title: readStatus
+                }), ...engagements.map(x => XNode.create("span", {
                   "data-click-event": "view-engagements",
                   "data-cursor": "pointer",
                   title: `View all ${x.engagement} ${x.count}`,
                   text: `${x.engagement} ${x.count}`
-                }))), ((_g = item.attachments) === null || _g === void 0 ? void 0 : _g.length) && XNode.create("div", {
+                }))), ((_h = item.attachments) === null || _h === void 0 ? void 0 : _h.length) && XNode.create("div", {
                   class: "attachments",
                   "data-layout": "flex-wrap-padding"
-                }, ...item.attachments.map(FilePreview)), thread.email.tags && XNode.create("div", {
-                  "data-layout": "row"
-                }, ...thread.email.tags.split(",").map(x => XNode.create("span", {
+                }, ...item.attachments.map(FilePreview)), XNode.create("div", {
+                  "data-layout": "row",
+                  "data-margin-top": "default",
+                  "data-margin-bottom": "default"
+                }, ...tags.map(x => XNode.create("span", {
                   text: `#${x.startsWith("#") ? x.substring(1) : x}`
                 }))), !sent && XNode.create("div", {
-                  "data-layout": "row"
+                  "data-layout": "row",
+                  "data-margin-top": "default"
                 }, XNode.create("i", {
                   "data-click-event": "react-email",
                   class: "fa-light fa-face-smile-plus",