@social-mail/social-mail-client 1.2.95 → 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;
@@ -28919,12 +28925,14 @@ 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) {
@@ -28953,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)
@@ -28966,28 +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"
-                }, XNode.create("i", {
-                  class: "fa-solid fa-circle-small",
-                  "style-color": readColor,
-                  title: readStatus
-                })) : XNode.create("div", {
-                  "data-layout": "row"
+                }))), !sent && XNode.create("div", {
+                  "data-layout": "row",
+                  "data-margin-top": "default"
                 }, XNode.create("i", {
                   "data-click-event": "react-email",
                   class: "fa-light fa-face-smile-plus",