@social-mail/social-mail-client 1.0.80 → 1.0.82

package/dist/admin/AdminAppIndex.pack.js

@@ -18909,10 +18909,10 @@ System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/web-con
 
     AmdLoader.instance.setup("@social-mail/social-mail-client/dist/admin/pages/domains/DomainListPage");
 
-System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/types", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/web/controls/AtomControl"], function (_export, _context) {
+System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/types", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/style/styled", "@web-atoms/core/dist/web/controls/AtomControl"], function (_export, _context) {
   "use strict";
 
-  var __awaiter, Bind, CancelToken, XNode, AtomControl, InfiniteRepeater, _a, loadMoreSet, pagedItemsSetter, scrollToBottom;
+  var __awaiter, Bind, CancelToken, XNode, styled, AtomControl, InfiniteRepeater, _a, loadMoreSet, pagedItemsSetter, scrollToBottom;
   _export("default", void 0);
   return {
     setters: [function (_tslib) {
@@ -18923,16 +18923,33 @@ System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dis
       CancelToken = _webAtomsCoreDistCoreTypes.CancelToken;
     }, function (_webAtomsCoreDistCoreXNode) {
       XNode = _webAtomsCoreDistCoreXNode.default;
+    }, function (_webAtomsCoreDistStyleStyled) {
+      styled = _webAtomsCoreDistStyleStyled.default;
     }, function (_webAtomsCoreDistWebControlsAtomControl) {
       AtomControl = _webAtomsCoreDistWebControlsAtomControl.AtomControl;
     }],
     execute: function () {
       loadMoreSet = Symbol("loadMoreSet");
+      styled.css`
+
+    margin: 10px;
+    padding: 10px;
+    & > span {
+        background-color: lightgray;
+        border-radius: 10px;
+        padding: 3px;
+        padding-left: 10px;
+        padding-right: 10px;
+        border: solid 1px gray;
+    }
+
+`.installGlobal("[data-load-more=load-more]");
       pagedItemsSetter = AtomControl.registerProperty("paged-items", "paged-items", (control, element, value) => {
         var _b, _c;
         if (value && value.items) {
           let cancelToken = control[loadMoreSet];
           (_b = control.footerRenderer) !== null && _b !== void 0 ? _b : control.footerRenderer = () => XNode.create("div", {
+            "data-load-more": "load-more",
             "data-click-event": "load-more-items"
           }, XNode.create("span", {
             text: "Load more ... "
@@ -29428,7 +29445,7 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
 System.register(["tslib", "@web-atoms/core/dist/core/InjectProperty", "@web-atoms/core/dist/core/XNode", "./service/MailService", "@web-atoms/web-controls/dist/basic/AtomRepeater", "../../../common/controls/repeater/InfiniteRepeater", "@web-atoms/core/dist/core/Bind", "@web-atoms/web-controls/dist/mobile-app/MasterDetailPage", "@web-atoms/core/dist/view-model/Action", "./ConversationPage", "@web-atoms/web-controls/dist/PageNavigator", "./ComposeMailPage", "@web-atoms/core/dist/style/styled", "../../../services/socket/sockets", "./ChooseMailboxPage", "@web-atoms/web-controls/dist/basic/PopupButton", "../../../common/pages/folders/ChooseTemplatePage", "@web-atoms/web-controls/dist/mobile-app/MobileApp"], function (_export, _context) {
   "use strict";
 
-  var __awaiter, __decorate, __metadata, InjectProperty, XNode, MailService, AtomRepeater, InfiniteRepeater, Bind, MasterDetailPage, Action, ConversationPage, PageNavigator, ComposeMailPage, styled, MailboxSocket, ChooseMailboxPage, MenuItem, PopupActionButton, ChooserTemplatePage, isMobileView, MailsPage, css;
+  var __awaiter, __decorate, __metadata, InjectProperty, XNode, MailService, AtomRepeater, InfiniteRepeater, Bind, MasterDetailPage, Action, ConversationPage, PageNavigator, ComposeMailPage, styled, MailboxSocket, ChooseMailboxPage, MenuItem, PopupActionButton, ChooserTemplatePage, isMobileView, MailsPage, css, displayName;
   _export("default", void 0);
   return {
     setters: [function (_tslib) {
@@ -29477,30 +29494,54 @@ System.register(["tslib", "@web-atoms/core/dist/core/InjectProperty", "@web-atom
     grid-template-columns: 1fr minmax(200px, 5fr) auto;
 }
 
+& [data-page-element=content] {
+    background-color: #80808030;
+}
+
     & .threads {
         display: flex;
         gap: 5px;
         flex-direction: column;
         overflow-x: hidden !important;
         & .mailbox-thread {
+            background-color: canvas;
             display: grid;
             grid-template-columns: 1fr auto auto;
-            grid-template-rows: auto 1fr;
+            grid-template-rows: 1fr auto auto;
             gap: 5px;
             padding: 5px;
-            border-radius: 5px;
+            padding-left: 10px;
+            padding-right: 10px;
+            border-radius: 10px;
+            margin-right: 5px;
+            border: solid 1px lightgray;
 
             & > .name {
                 grid-row: 1;
                 grid-column: 1;
+                overflow: hidden;
+                white-space: nowrap;
+                text-overflow: ellipsis;
             }
-            & > .email-address {
+            & > .subject {
                 grid-row: 2;
                 grid-column: 1;
+                overflow: hidden;
+                white-space: nowrap;
+                text-overflow: ellipsis;
+                font-size: smaller;
+            }
+            & > .summary {
+                grid-row: 3;
+                grid-column: 1;
+                overflow: hidden;
+                white-space: nowrap;
+                text-overflow: ellipsis;
+                font-size: smaller;
             }
             & > .unread {
                 grid-column: 2;
-                grid-row: 1 / span 2;
+                grid-row: 1 / span 3;
                 place-self: center;
                 font-weight: bold;
                 border-radius: 9999px;
@@ -29514,6 +29555,18 @@ System.register(["tslib", "@web-atoms/core/dist/core/InjectProperty", "@web-atom
         }
     }
 `.installLocal();
+      displayName = item => {
+        const {
+          emailAddress: {
+            emailAddress,
+            name
+          }
+        } = item;
+        if (name && name !== emailAddress) {
+          return name;
+        }
+        return emailAddress.split("@")[0];
+      };
       _export("default", MailsPage = class MailsPage extends MasterDetailPage {
         constructor() {
           super(...arguments);
@@ -29581,20 +29634,26 @@ System.register(["tslib", "@web-atoms/core/dist/core/InjectProperty", "@web-atom
               version: this.version,
               cancelToken
             })), {
-              itemRenderer: item => XNode.create("div", {
-                class: "mailbox-thread",
-                "data-unread": item.unread > 0
-              }, item.emailAddress.name !== item.emailAddress.emailAddress && XNode.create("div", {
-                class: "name",
-                text: item.emailAddress.name
-              }), XNode.create("div", {
-                class: "email-address",
-                text: item.emailAddress.emailAddress
-              }), item.unread && XNode.create("div", {
-                class: "unread",
-                text: item.unread,
-                title: `Unread ${item.unread} out of ${item.total}`
-              }))
+              itemRenderer: item => {
+                var _a, _b;
+                return XNode.create("div", {
+                  class: "mailbox-thread",
+                  "data-unread": item.unread > 0
+                }, XNode.create("div", {
+                  class: "name",
+                  text: displayName(item) + " " + item.emailAddress.emailAddress
+                }), XNode.create("div", {
+                  class: "subject",
+                  text: (_a = item.lastEmail) === null || _a === void 0 ? void 0 : _a.subject
+                }), XNode.create("div", {
+                  class: "summary",
+                  text: (_b = item.lastEmail) === null || _b === void 0 ? void 0 : _b.summary
+                }), item.unread && XNode.create("div", {
+                  class: "unread",
+                  text: item.unread,
+                  title: `Unread ${item.unread} out of ${item.total}`
+                }));
+              }
             })));
             this.registerDisposable(yield this.resolve(MailboxSocket).join(this.currentMailbox.mailboxID.toString(), {
               newMail: (_, emailAddressID, emailID) => {