@social-mail/social-mail-client 1.0.12 → 1.0.16

package/dist/admin/AdminAppIndex.pack.js

@@ -1864,7 +1864,7 @@ const UMD = new UMDClass();
 
         AmdLoader.instance.register(
             ["@social-mail/social-mail-client","@web-atoms/core","@web-atoms/web-controls","reflect-metadata","@web-atoms/date-time","@web-atoms/data-styles","@web-atoms/entity"],
-            ["@social-mail/social-mail-client/dist/admin/AdminAppIndex","@web-atoms/core/dist/Pack","@web-atoms/web-controls/dist/desktop-app/MobileDesktopApp","@web-atoms/web-controls/dist/mobile-app/MobileApp","@web-atoms/core/dist/core/AtomLoader","@web-atoms/core/dist/services/JsonService","@web-atoms/core/dist/core/StringHelper","@web-atoms/core/dist/di/RegisterSingleton","@web-atoms/core/dist/di/Register","@web-atoms/core/dist/core/types","reflect-metadata","@web-atoms/core/dist/core/AtomMap","@web-atoms/core/dist/di/ServiceCollection","@web-atoms/core/dist/di/TypeKey","@web-atoms/date-time/dist/DateTime","@web-atoms/date-time/dist/TimeSpan","@web-atoms/core/dist/services/ReferenceService","@web-atoms/core/dist/di/DISingleton","@web-atoms/core/dist/core/AtomUri","@web-atoms/core/dist/web/core/AtomUI","@web-atoms/core/dist/core/Command","@web-atoms/core/dist/core/EventScope","@web-atoms/core/dist/core/Route","@web-atoms/core/dist/core/InheritedProperty","@web-atoms/core/dist/core/AtomBinder","@web-atoms/core/dist/core/sleep","@web-atoms/core/dist/core/XNode","@web-atoms/core/dist/core/Bind","@web-atoms/core/dist/core/ExpressionParser","@web-atoms/core/dist/services/NavigationService","@web-atoms/core/dist/core/AtomComponent","@web-atoms/core/dist/App","@web-atoms/core/dist/core/AtomDispatcher","@web-atoms/core/dist/di/ServiceProvider","@web-atoms/core/dist/core/TransientDisposable","@web-atoms/core/dist/di/Inject","@web-atoms/core/dist/services/BusyIndicatorService","@web-atoms/core/dist/core/AtomBridge","@web-atoms/core/dist/core/AtomDisposableList","@web-atoms/core/dist/core/AtomWatcher","@web-atoms/core/dist/core/PropertyMap","@web-atoms/core/dist/core/FormattedString","@web-atoms/core/dist/web/controls/AtomControl","@web-atoms/core/dist/core/BindableProperty","@web-atoms/core/dist/core/WebImage","@web-atoms/core/dist/web/styles/AtomStyle","@web-atoms/core/dist/web/styles/AtomStyleSheet","@web-atoms/core/dist/web/services/PopupService","@web-atoms/core/dist/style/styled","@web-atoms/core/dist/web/services/PopupWindow","@web-atoms/web-controls/dist/PageNavigator","@web-atoms/web-controls/dist/desktop-app/DesktopApp","@social-mail/social-mail-client/dist/style/GlobalStyle","@web-atoms/core/dist/core/AtomList","@social-mail/social-mail-client/dist/style/OverrideAppStyle","@web-atoms/data-styles/data-styles","@social-mail/social-mail-client/dist/services/UserService","@social-mail/social-mail-client/dist/services/EntityService","@web-atoms/entity/dist/services/BaseEntityService","@web-atoms/entity/dist/models/Cloner","@web-atoms/entity/dist/models/cloneSource","@web-atoms/entity/dist/models/IEntityModel","@web-atoms/entity/dist/services/HttpSession","@web-atoms/core/dist/services/http/JsonError","@web-atoms/entity/dist/services/mergeProperties","@web-atoms/entity/dist/services/Query","@web-atoms/entity/dist/services/StringHelper","@web-atoms/entity/dist/services/resolve","@social-mail/social-mail-client/dist/services/BusyProgress","@social-mail/social-mail-client/dist/model/model","@social-mail/social-mail-client/dist/common/SocialMailApp","@web-atoms/core/dist/core/InjectProperty","@social-mail/social-mail-client/dist/admin/commands/AdminCommands","@social-mail/social-mail-client/dist/admin/pages/home/AdminHome","@social-mail/social-mail-client/dist/admin/pages/domains/DomainListPage","@web-atoms/web-controls/dist/basic/AtomRepeater","@web-atoms/core/dist/core/Colors","@web-atoms/core/dist/core/WatchProperty","@web-atoms/web-controls/dist/basic/InlinePopup","@web-atoms/web-controls/dist/basic/styles/inline-popup-style","@web-atoms/web-controls/dist/basic/MergeNode","@web-atoms/web-controls/dist/basic/ItemPath","@web-atoms/web-controls/dist/basic/styles/ui-display-none-style","@web-atoms/web-controls/dist/basic/styles/popup-style","@web-atoms/web-controls/dist/basic/styles/suggestion-popup","@web-atoms/web-controls/dist/basic/styles/repeater-style","@social-mail/social-mail-client/dist/admin/pages/domains/services/AdminDomainService","@web-atoms/core/dist/di/DITransient","@web-atoms/core/dist/view-model/Action","@social-mail/social-mail-client/dist/admin/pages/domains/edit/EditDomainPage","@web-atoms/web-controls/dist/basic/Form","@social-mail/social-mail-client/dist/common/controls/form/RequiredFormField","@web-atoms/web-controls/dist/basic/FormField","@web-atoms/web-controls/dist/basic/styles/form-field-style","@web-atoms/web-controls/dist/basic/PasswordBox","@web-atoms/web-controls/dist/basic/styles/password-box-style","@web-atoms/web-controls/dist/basic/Checkbox","@web-atoms/web-controls/dist/basic/styles/checkbox-style","@web-atoms/web-controls/dist/basic/Expander","@web-atoms/web-controls/dist/basic/styles/expander-style","@social-mail/social-mail-client/dist/common/controls/buttons/IconButton","@social-mail/social-mail-client/dist/admin/pages/users/UserListPage","@social-mail/social-mail-client/dist/admin/pages/users/services/AdminUserService","@social-mail/social-mail-client/dist/common/Sql","@social-mail/social-mail-client/dist/common/controls/repeater/InfiniteRepeater","@social-mail/social-mail-client/dist/admin/pages/users/EditUserPage","@social-mail/social-mail-client/dist/admin/pages/domains/choose/ChooseDomainPage","@social-mail/social-mail-client/dist/common/pages/mailboxes/MailboxListPage","@social-mail/social-mail-client/dist/common/pages/mailboxes/services/MailboxService","@social-mail/social-mail-client/dist/common/pages/mailboxes/MailboxEditorPage","@web-atoms/web-controls/dist/basic/ComboBox","@social-mail/social-mail-client/dist/admin/pages/relays/edit/EditRelayPage","@social-mail/social-mail-client/dist/common/pages/user/LoginPage","@social-mail/social-mail-client/dist/admin/drawer/AdminDrawer","@web-atoms/core/dist/web/WebApp","@web-atoms/core/dist/core/AtomOnce","@web-atoms/core/dist/web/services/WebBusyIndicatorService","@web-atoms/core/dist/web/styles/StyleBuilder","@web-atoms/core/dist/web/services/WindowService","@web-atoms/core/dist/Atom","@web-atoms/core/dist/core/FormattedError","@web-atoms/core/dist/view-model/AtomWindowViewModel","@web-atoms/core/dist/view-model/AtomViewModel","@web-atoms/core/dist/view-model/baseTypes","@web-atoms/core/dist/web/controls/AtomAlertWindow","@web-atoms/core/dist/web/styles/AtomAlertWindowStyle","@web-atoms/core/dist/web/styles/AtomWindowStyle","@web-atoms/core/src/web/images/close-button-hover.svg","@web-atoms/core/dist/web/controls/AtomWindow","@web-atoms/core/dist/web/controls/AtomTemplate","@web-atoms/core/dist/web/controls/AtomNotification","@web-atoms/core/dist/web/styles/AtomNotificationStyle","@web-atoms/core/dist/web/styles/AtomPopupStyle","@web-atoms/core/dist/web/services/NotificationPopup","@web-atoms/core/dist/web/styles/AtomTheme"]);
+            ["@social-mail/social-mail-client/dist/admin/AdminAppIndex","@web-atoms/core/dist/Pack","@web-atoms/web-controls/dist/desktop-app/MobileDesktopApp","@web-atoms/web-controls/dist/mobile-app/MobileApp","@web-atoms/core/dist/core/AtomLoader","@web-atoms/core/dist/services/JsonService","@web-atoms/core/dist/core/StringHelper","@web-atoms/core/dist/di/RegisterSingleton","@web-atoms/core/dist/di/Register","@web-atoms/core/dist/core/types","reflect-metadata","@web-atoms/core/dist/core/AtomMap","@web-atoms/core/dist/di/ServiceCollection","@web-atoms/core/dist/di/TypeKey","@web-atoms/date-time/dist/DateTime","@web-atoms/date-time/dist/TimeSpan","@web-atoms/core/dist/services/ReferenceService","@web-atoms/core/dist/di/DISingleton","@web-atoms/core/dist/core/AtomUri","@web-atoms/core/dist/web/core/AtomUI","@web-atoms/core/dist/core/Command","@web-atoms/core/dist/core/EventScope","@web-atoms/core/dist/core/Route","@web-atoms/core/dist/core/InheritedProperty","@web-atoms/core/dist/core/AtomBinder","@web-atoms/core/dist/core/sleep","@web-atoms/core/dist/core/XNode","@web-atoms/core/dist/core/Bind","@web-atoms/core/dist/core/ExpressionParser","@web-atoms/core/dist/services/NavigationService","@web-atoms/core/dist/core/AtomComponent","@web-atoms/core/dist/App","@web-atoms/core/dist/core/AtomDispatcher","@web-atoms/core/dist/di/ServiceProvider","@web-atoms/core/dist/core/TransientDisposable","@web-atoms/core/dist/di/Inject","@web-atoms/core/dist/services/BusyIndicatorService","@web-atoms/core/dist/core/AtomBridge","@web-atoms/core/dist/core/AtomDisposableList","@web-atoms/core/dist/core/AtomWatcher","@web-atoms/core/dist/core/PropertyMap","@web-atoms/core/dist/core/FormattedString","@web-atoms/core/dist/web/controls/AtomControl","@web-atoms/core/dist/core/BindableProperty","@web-atoms/core/dist/core/WebImage","@web-atoms/core/dist/web/styles/AtomStyle","@web-atoms/core/dist/web/styles/AtomStyleSheet","@web-atoms/core/dist/web/services/PopupService","@web-atoms/core/dist/style/styled","@web-atoms/core/dist/web/services/PopupWindow","@web-atoms/web-controls/dist/PageNavigator","@web-atoms/web-controls/dist/desktop-app/DesktopApp","@social-mail/social-mail-client/dist/style/GlobalStyle","@web-atoms/core/dist/core/AtomList","@social-mail/social-mail-client/dist/style/OverrideAppStyle","@web-atoms/data-styles/data-styles","@social-mail/social-mail-client/dist/services/UserService","@social-mail/social-mail-client/dist/services/EntityService","@web-atoms/entity/dist/services/BaseEntityService","@web-atoms/entity/dist/models/Cloner","@web-atoms/entity/dist/models/cloneSource","@web-atoms/entity/dist/models/IEntityModel","@web-atoms/entity/dist/services/HttpSession","@web-atoms/core/dist/services/http/JsonError","@web-atoms/entity/dist/services/mergeProperties","@web-atoms/entity/dist/services/Query","@web-atoms/entity/dist/services/StringHelper","@web-atoms/entity/dist/services/resolve","@social-mail/social-mail-client/dist/services/BusyProgress","@social-mail/social-mail-client/dist/model/model","@social-mail/social-mail-client/dist/common/SocialMailApp","@web-atoms/core/dist/core/InjectProperty","@social-mail/social-mail-client/dist/admin/commands/AdminCommands","@social-mail/social-mail-client/dist/admin/pages/home/AdminHome","@social-mail/social-mail-client/dist/admin/pages/domains/DomainListPage","@web-atoms/web-controls/dist/basic/AtomRepeater","@web-atoms/core/dist/core/Colors","@web-atoms/core/dist/core/WatchProperty","@web-atoms/web-controls/dist/basic/InlinePopup","@web-atoms/web-controls/dist/basic/styles/inline-popup-style","@web-atoms/web-controls/dist/basic/MergeNode","@web-atoms/web-controls/dist/basic/ItemPath","@web-atoms/web-controls/dist/basic/styles/ui-display-none-style","@web-atoms/web-controls/dist/basic/styles/popup-style","@web-atoms/web-controls/dist/basic/styles/suggestion-popup","@web-atoms/web-controls/dist/basic/styles/repeater-style","@social-mail/social-mail-client/dist/admin/pages/domains/services/AdminDomainService","@web-atoms/core/dist/di/DITransient","@web-atoms/core/dist/view-model/Action","@social-mail/social-mail-client/dist/admin/pages/domains/edit/EditDomainPage","@web-atoms/web-controls/dist/basic/Form","@social-mail/social-mail-client/dist/common/controls/form/RequiredFormField","@web-atoms/web-controls/dist/basic/FormField","@web-atoms/web-controls/dist/basic/styles/form-field-style","@web-atoms/web-controls/dist/basic/PasswordBox","@web-atoms/web-controls/dist/basic/styles/password-box-style","@web-atoms/web-controls/dist/basic/Checkbox","@web-atoms/web-controls/dist/basic/styles/checkbox-style","@web-atoms/web-controls/dist/basic/Expander","@web-atoms/web-controls/dist/basic/styles/expander-style","@social-mail/social-mail-client/dist/common/controls/buttons/IconButton","@social-mail/social-mail-client/dist/admin/pages/domains/edit/DomainKeySetupPage","@social-mail/social-mail-client/dist/common/controls/buttons/CopyIcon","@social-mail/social-mail-client/dist/admin/pages/users/UserListPage","@social-mail/social-mail-client/dist/admin/pages/users/services/AdminUserService","@social-mail/social-mail-client/dist/common/Sql","@social-mail/social-mail-client/dist/common/controls/repeater/InfiniteRepeater","@social-mail/social-mail-client/dist/admin/pages/users/EditUserPage","@social-mail/social-mail-client/dist/admin/pages/domains/choose/ChooseDomainPage","@social-mail/social-mail-client/dist/common/pages/mailboxes/MailboxListPage","@social-mail/social-mail-client/dist/common/pages/mailboxes/services/MailboxService","@social-mail/social-mail-client/dist/common/pages/mailboxes/MailboxEditorPage","@web-atoms/web-controls/dist/basic/ComboBox","@social-mail/social-mail-client/dist/common/NumberFormats","@social-mail/social-mail-client/dist/admin/pages/relays/edit/EditRelayPage","@social-mail/social-mail-client/dist/common/pages/user/LoginPage","@social-mail/social-mail-client/dist/admin/drawer/AdminDrawer","@social-mail/social-mail-client/dist/common/controls/menu/MenuItem","@social-mail/social-mail-client/dist/services/files/LocalFileService","@web-atoms/core/dist/web/WebApp","@web-atoms/core/dist/core/AtomOnce","@web-atoms/core/dist/web/services/WebBusyIndicatorService","@web-atoms/core/dist/web/styles/StyleBuilder","@web-atoms/core/dist/web/services/WindowService","@web-atoms/core/dist/Atom","@web-atoms/core/dist/core/FormattedError","@web-atoms/core/dist/view-model/AtomWindowViewModel","@web-atoms/core/dist/view-model/AtomViewModel","@web-atoms/core/dist/view-model/baseTypes","@web-atoms/core/dist/web/controls/AtomAlertWindow","@web-atoms/core/dist/web/styles/AtomAlertWindowStyle","@web-atoms/core/dist/web/styles/AtomWindowStyle","@web-atoms/core/src/web/images/close-button-hover.svg","@web-atoms/core/dist/web/controls/AtomWindow","@web-atoms/core/dist/web/controls/AtomTemplate","@web-atoms/core/dist/web/controls/AtomNotification","@web-atoms/core/dist/web/styles/AtomNotificationStyle","@web-atoms/core/dist/web/styles/AtomPopupStyle","@web-atoms/core/dist/web/services/NotificationPopup","@web-atoms/core/dist/web/styles/AtomTheme"]);
 
 System.register([], function (_export, _context) {
   "use strict";
@@ -10517,23 +10517,31 @@ System.register(["tslib", "@web-atoms/core/dist/core/AtomLoader", "@web-atoms/co
     execute: function () {
       styled.css`
 
-    position: absolute;
     top: 0px;
     left: 0px;
     right: 0px;
     bottom: 0px;
     padding: 5px;
-    overflow: hidden;
 
     & > [data-container] {
-        position: absolute;
         top: 0px;
         left: 0px;
         width: 100%;
         bottom: 0px;
-        overflow: hidden;
         transition: left 0.3s ease-out;
     }
+
+    @media screen {
+        & {
+            position: absolute;
+            overflow: hidden;        
+        
+            & > [data-container] {
+                position: absolute;
+                overflow: hidden;
+            }
+        }
+    }
     
     &[data-drawer=visible] {
 
@@ -10559,12 +10567,10 @@ System.register(["tslib", "@web-atoms/core/dist/core/AtomLoader", "@web-atoms/co
     `.installGlobal("[data-page-app=page-app]");
       styled.css`
 
-    position: absolute;
     top: 0px;
     left: 0px;
     width: 100%;
     height: 100%;
-    overflow: hidden;
     contain: content;
     transition: transform 0.3s ease-out;
     display: grid;
@@ -10572,6 +10578,13 @@ System.register(["tslib", "@web-atoms/core/dist/core/AtomLoader", "@web-atoms/co
     grid-template-columns: auto 1fr auto;
     transform: translate(100%,0);
 
+    @media screen {
+        & {
+            position: absolute;
+            overflow: hidden;
+        }   
+    }
+
     & > [data-icon-button=icon-button] {
         padding: 5px;
     }
@@ -10738,6 +10751,13 @@ System.register(["tslib", "@web-atoms/core/dist/core/AtomLoader", "@web-atoms/co
     }
     
 `.installGlobal("[data-base-page=base-page]");
+      styled.css`
+        @media screen {
+            body {
+            overflow: hidden;
+        }        
+    }
+`.installGlobal();
       _export("Drawer", Drawer = class Drawer extends AtomControl {
         init() {}
         preCreate() {
@@ -11177,7 +11197,6 @@ System.register(["tslib", "@web-atoms/core/dist/core/AtomLoader", "@web-atoms/co
               }
             }));
           });
-          document.body.style.overflow = "hidden";
           this.drawer = null;
           this.element.dataset.pageApp = "page-app";
           const container = this.container = document.createElement("div");
@@ -11347,18 +11366,27 @@ System.register(["tslib", "@web-atoms/core/dist/core/BindableProperty", "@web-at
     }
 
     body {
-        overflow: hidden;
-        display: flex;
         justify-content: space-around;
         align-items: stretch;
         align-content: stretch;
         flex-direction: row;
     }
 
+    @media screen {
+        body {
+            overflow: hidden;
+            display: grid;
+        }
+
+        *[data-desktop-app=desktop-app] {
+            position: relative;
+            overflow: hidden;
+            display: grid;
+        }
+        
+    }
+
     *[data-desktop-app=desktop-app] {
-        position: relative;
-        overflow: hidden;
-        display: grid;
         min-width: 900px;
         grid-template-rows: 1fr auto;
         grid-template-columns: auto 1fr auto;
@@ -11849,6 +11877,7 @@ html, body {
 body {
     font-family: trebuchet ms, "Source Sans Pro";
     font-size: 16px;
+    justify-content: stretch;
 
     & * {
         font-family: trebuchet ms, "Source Sans Pro";
@@ -12628,7 +12657,10 @@ System.register(["tslib", "./StringHelper"], function (_export, _context) {
           return this.append([name, text, ...pl]);
         }
         convertToLinq(text) {
-          return this.context.queryProcessor === "DotNet" ? convertToLinq(text) : text;
+          if (this.context.queryProcessor === "DotNet") {
+            return convertToLinq(text);
+          }
+          return text.replace(/\s+/g, " ");
         }
       });
     }
@@ -13135,7 +13167,7 @@ System.register(["tslib", "@web-atoms/core/dist/di/DISingleton", "@web-atoms/ent
 System.register(["@web-atoms/date-time/dist/DateTime", "@web-atoms/entity/dist/services/BaseEntityService"], function (_export, _context) {
   "use strict";
 
-  var DateTime, Model, AppRole, AppFile, FileContent, Configuration, Domain, HostedDomain, DomainUser, DomainRelayTypeArray, DomainRelay, DomainKey, EmailStatusArray, Email, EmailRecipient, EmailTag, EmailAddress, EmailAttachment, Mailbox, User, UserRole, UserMailbox, LoginSession, Tag;
+  var DateTime, Model, AppRole, AppFile, FileContent, Configuration, Domain, HostedDomain, DomainUser, DomainRelayTypeArray, DomainRelay, DomainKey, EmailStatusArray, Email, EmailRecipientTypeArray, EmailRecipient, EmailTag, EmailAddress, EmailAttachment, Mailbox, MailboxThread, MailboxThreadEmail, User, UserRole, UserMailbox, LoginSession, Tag;
   return {
     setters: [function (_webAtomsDateTimeDistDateTime) {
       DateTime = _webAtomsDateTimeDistDateTime.default;
@@ -13195,8 +13227,8 @@ System.register(["@web-atoms/date-time/dist/DateTime", "@web-atoms/entity/dist/s
       }));
       _export("DomainKey", DomainKey = new Model("DomainKey", {
         name: "",
+        keyType: "",
         publicKey: "",
-        privateKey: "",
         domainID: 0
       }));
       _export("EmailStatusArray", EmailStatusArray = [{
@@ -13208,38 +13240,58 @@ System.register(["@web-atoms/date-time/dist/DateTime", "@web-atoms/entity/dist/s
       }, {
         "label": "draft",
         "value": "draft"
+      }, {
+        "label": "pending-approval",
+        "value": "pending-approval"
       }, {
         "label": "scheduled",
         "value": "scheduled"
       }, {
         "label": "sent",
         "value": "sent"
+      }, {
+        "label": "sent-failed",
+        "value": "sent-failed"
       }]);
       _export("Email", Email = new Model("Email", {
-        mailBoxID: 0,
-        subject: "",
-        textBody: "",
-        htmlBody: "",
+        mailboxID: 0,
         senderName: "",
         senderID: 0,
-        headerFrom: "",
-        headerTo: "",
-        headerCc: "",
-        headerBcc: "",
-        mdBody: "",
         dateReceived: new DateTime(),
         dateCreated: new DateTime(),
         status: "queued"
       }));
+      _export("EmailRecipientTypeArray", EmailRecipientTypeArray = [{
+        "label": "from",
+        "value": "from"
+      }, {
+        "label": "to",
+        "value": "to"
+      }, {
+        "label": "cc",
+        "value": "cc"
+      }, {
+        "label": "bcc",
+        "value": "bcc"
+      }, {
+        "label": "viewer",
+        "value": "viewer"
+      }, {
+        "label": "editor",
+        "value": "editor"
+      }]);
       _export("EmailRecipient", EmailRecipient = new Model("EmailRecipient", {
-        emailID: 0
+        emailID: 0,
+        emailAddressID: 0,
+        type: "from"
       }));
       _export("EmailTag", EmailTag = new Model("EmailTag", {
         emailID: 0,
         tagID: 0
       }));
       _export("EmailAddress", EmailAddress = new Model("EmailAddress", {
-        emailAddress: ""
+        emailAddress: "",
+        domainID: 0
       }));
       _export("EmailAttachment", EmailAttachment = new Model("EmailAttachment", {
         emailID: 0,
@@ -13254,11 +13306,20 @@ System.register(["@web-atoms/date-time/dist/DateTime", "@web-atoms/entity/dist/s
         storage: 0,
         maxStorage: 0
       }));
+      _export("MailboxThread", MailboxThread = new Model("MailboxThread", {
+        mailboxID: 0,
+        emailAddressID: 0,
+        lastEmailID: 0,
+        dateUpdated: new DateTime()
+      }));
+      _export("MailboxThreadEmail", MailboxThreadEmail = new Model("MailboxThreadEmail", {
+        mailboxID: 0,
+        emailAddressID: 0,
+        emailID: 0
+      }));
       _export("User", User = new Model("User", {
         userName: "",
-        displayName: "",
-        passwordHash: "",
-        passwordSalt: ""
+        displayName: ""
       }));
       _export("UserRole", UserRole = new Model("UserRole", {
         userID: 0,
@@ -15597,7 +15658,7 @@ System.register(["tslib", "@web-atoms/core/dist/di/DITransient", "@web-atoms/cor
           return this.entityService.query(HostedDomain).include(x => x.domain).toArray();
         }
         save(domain) {
-          const clone = this.entityService.cloner(domain).include(x => x.domainUsers).include(x => x.domain);
+          const clone = this.entityService.cloner(domain).include(x => x.domainUsers).include(x => x.domain).include(x => x.domainKeys);
           return this.entityService.save(clone.copy);
         }
         get(domainID) {
@@ -16906,7 +16967,7 @@ System.register(["tslib", "@web-atoms/core/dist/core/XNode", "./styles/expander-
 System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/style/styled"], function (_export, _context) {
   "use strict";
 
-  var __rest, XNode, styled, createButton, IconButton, AddIconButton, AddIconTextButton, ArchiveIconButton, ArchiveIconTextButton, DeleteIconButton, DeleteIconTextButton, EmailIconButton, EmailIconTextButton, SaveIconButton, SaveIconTextButton, EditIconButton, EditIconTextButton, UploadIconButton, UploadIconTextButton;
+  var __rest, XNode, styled, createButton, IconButton, AddIconButton, AddIconTextButton, ArchiveIconButton, ArchiveIconTextButton, CopyIconButton, CopyIconTextButton, SetupFolderIconButton, SetupFolderTextButton, DeleteIconButton, DeleteIconTextButton, EmailIconButton, EmailIconTextButton, SaveIconButton, SaveIconTextButton, EditIconButton, EditIconTextButton, UploadIconButton, UploadIconTextButton;
   return {
     setters: [function (_tslib) {
       __rest = _tslib.__rest;
@@ -16965,6 +17026,24 @@ System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/di
         icon: "fas fa-trash-can",
         layout: "warning-icon-button"
       }));
+      _export("CopyIconButton", CopyIconButton = createButton({
+        icon: "fas fa-copy",
+        layout: "button"
+      }));
+      _export("CopyIconTextButton", CopyIconTextButton = createButton({
+        text: "Open",
+        icon: "fas fa-copy",
+        layout: "icon-button"
+      }));
+      _export("SetupFolderIconButton", SetupFolderIconButton = createButton({
+        icon: "fas fa-gear",
+        layout: "button"
+      }));
+      _export("SetupFolderTextButton", SetupFolderTextButton = createButton({
+        text: "Open",
+        icon: "fas fa-gear",
+        layout: "icon-button"
+      }));
       _export("DeleteIconButton", DeleteIconButton = createButton({
         icon: "fas fa-trash-can",
         layout: "reject-button"
@@ -17017,10 +17096,124 @@ System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/di
 
     AmdLoader.instance.setup("@social-mail/social-mail-client/dist/common/controls/buttons/IconButton");
 
-System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "../../../../model/model", "@web-atoms/core/dist/core/XNode", "@web-atoms/web-controls/dist/basic/Form", "../../../../common/controls/form/RequiredFormField", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/view-model/Action", "@web-atoms/core/dist/core/InjectProperty", "../services/AdminDomainService", "@web-atoms/web-controls/dist/basic/Checkbox", "@web-atoms/web-controls/dist/basic/AtomRepeater", "@web-atoms/web-controls/dist/basic/Expander", "../../../../common/controls/buttons/IconButton", "../../../commands/AdminCommands"], function (_export, _context) {
+System.register(["@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/services/NavigationService", "@web-atoms/core/dist/style/styled", "@web-atoms/core/dist/web/controls/AtomControl"], function (_export, _context) {
   "use strict";
 
-  var __awaiter, __decorate, __metadata, ContentPage, Domain, HostedDomain, XNode, Form, TextFormField, Bind, Action, InjectProperty, AdminDomainService, Checkbox, AtomRepeater, Expander, AddIconTextButton, AdminCommands, EditDomainPage;
+  var XNode, NavigationService, styled, AtomControl;
+  function CopyIcon({
+    text
+  }) {
+    return XNode.create("i", {
+      class: "fa-solid fa-paste",
+      "data-copy-icon": text,
+      title: `Copy ${text}`
+    });
+  }
+  _export("default", CopyIcon);
+  return {
+    setters: [function (_webAtomsCoreDistCoreXNode) {
+      XNode = _webAtomsCoreDistCoreXNode.default;
+    }, function (_webAtomsCoreDistServicesNavigationService) {
+      NavigationService = _webAtomsCoreDistServicesNavigationService.NavigationService;
+    }, function (_webAtomsCoreDistStyleStyled) {
+      styled = _webAtomsCoreDistStyleStyled.default;
+    }, function (_webAtomsCoreDistWebControlsAtomControl) {
+      AtomControl = _webAtomsCoreDistWebControlsAtomControl.AtomControl;
+    }],
+    execute: function () {
+      styled.css`
+    i[data-copy-icon] {
+        padding: 5px;
+        cursor: pointer; 
+    }
+`.withId("data-copy-icon").installGlobal();
+      document.body.addEventListener("click", e => {
+        var _a;
+        const target = e.target;
+        const text = (_a = target.dataset.copyIcon) === null || _a === void 0 ? void 0 : _a.trim();
+        if (!text) {
+          return;
+        }
+        navigator.clipboard.writeText(text).then(x => {
+          const control = AtomControl.from(target);
+          const ns = control.app.resolve(NavigationService);
+          return ns.notify(XNode.create("div", null, XNode.create("p", {
+            text: text
+          }), XNode.create("p", null, "Copied to clipboard successfully")));
+        }).catch(error => console.error(error));
+      });
+    }
+  };
+});
+//# sourceMappingURL=CopyIcon.js.map
+
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/common/controls/buttons/CopyIcon");
+
+System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "@web-atoms/core/dist/core/XNode", "@web-atoms/web-controls/dist/basic/Form", "@web-atoms/web-controls/dist/basic/FormField", "../../../../common/controls/buttons/CopyIcon"], function (_export, _context) {
+  "use strict";
+
+  var __awaiter, PopupWindowPage, XNode, Form, FormField, CopyIcon, DomainKeySetupPage;
+  _export("default", void 0);
+  return {
+    setters: [function (_tslib) {
+      __awaiter = _tslib.__awaiter;
+    }, function (_webAtomsWebControlsDistMobileAppMobileApp) {
+      PopupWindowPage = _webAtomsWebControlsDistMobileAppMobileApp.PopupWindowPage;
+    }, function (_webAtomsCoreDistCoreXNode) {
+      XNode = _webAtomsCoreDistCoreXNode.default;
+    }, function (_webAtomsWebControlsDistBasicForm) {
+      Form = _webAtomsWebControlsDistBasicForm.default;
+    }, function (_webAtomsWebControlsDistBasicFormField) {
+      FormField = _webAtomsWebControlsDistBasicFormField.default;
+    }, function (_commonControlsButtonsCopyIcon) {
+      CopyIcon = _commonControlsButtonsCopyIcon.default;
+    }],
+    execute: function () {
+      _export("default", DomainKeySetupPage = class DomainKeySetupPage extends PopupWindowPage {
+        init() {
+          return __awaiter(this, void 0, void 0, function* () {
+            const name = `${this.parameters.name}._domainkey`;
+            const value = `v=DKIM1; k=rsa; p=${this.parameters.publicKey}`;
+            this.renderer = XNode.create("div", null, XNode.create("div", null, "DNS Settings"), XNode.create(Form, null, XNode.create(FormField, {
+              label: "Type"
+            }, XNode.create("input", {
+              readOnly: true,
+              value: "TXT"
+            })), XNode.create(FormField, {
+              label: XNode.create("div", {
+                "data-layout": "row"
+              }, "Name ", XNode.create(CopyIcon, {
+                text: name
+              }))
+            }, XNode.create("input", {
+              readonly: "true",
+              value: name
+            })), XNode.create(FormField, {
+              label: XNode.create("div", {
+                "data-layout": "row"
+              }, "Value ", XNode.create(CopyIcon, {
+                text: name
+              }))
+            }, XNode.create("textarea", {
+              readOnly: true,
+              value: value
+            })), XNode.create(CopyIcon, {
+              text: value
+            })));
+          });
+        }
+      });
+    }
+  };
+});
+//# sourceMappingURL=DomainKeySetupPage.js.map
+
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/admin/pages/domains/edit/DomainKeySetupPage");
+
+System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "../../../../model/model", "@web-atoms/core/dist/core/XNode", "@web-atoms/web-controls/dist/basic/Form", "../../../../common/controls/form/RequiredFormField", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/view-model/Action", "@web-atoms/core/dist/core/InjectProperty", "../services/AdminDomainService", "@web-atoms/web-controls/dist/basic/Checkbox", "@web-atoms/web-controls/dist/basic/AtomRepeater", "@web-atoms/web-controls/dist/basic/Expander", "../../../../common/controls/buttons/IconButton", "../../../commands/AdminCommands", "../../../../services/EntityService", "@web-atoms/web-controls/dist/PageNavigator", "./DomainKeySetupPage"], function (_export, _context) {
+  "use strict";
+
+  var __awaiter, __decorate, __metadata, ContentPage, Domain, DomainKey, HostedDomain, XNode, Form, TextFormField, Bind, Action, InjectProperty, AdminDomainService, Checkbox, AtomRepeater, Expander, AddIconTextButton, DeleteIconButton, SetupFolderIconButton, AdminCommands, EntityService, PageNavigator, DomainKeySetupPage, EditDomainPage, summary;
   _export("default", void 0);
   return {
     setters: [function (_tslib) {
@@ -17031,6 +17224,7 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
       ContentPage = _webAtomsWebControlsDistMobileAppMobileApp.ContentPage;
     }, function (_modelModel) {
       Domain = _modelModel.Domain;
+      DomainKey = _modelModel.DomainKey;
       HostedDomain = _modelModel.HostedDomain;
     }, function (_webAtomsCoreDistCoreXNode) {
       XNode = _webAtomsCoreDistCoreXNode.default;
@@ -17054,13 +17248,31 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
       Expander = _webAtomsWebControlsDistBasicExpander.default;
     }, function (_commonControlsButtonsIconButton) {
       AddIconTextButton = _commonControlsButtonsIconButton.AddIconTextButton;
+      DeleteIconButton = _commonControlsButtonsIconButton.DeleteIconButton;
+      SetupFolderIconButton = _commonControlsButtonsIconButton.SetupFolderIconButton;
     }, function (_commandsAdminCommands) {
       AdminCommands = _commandsAdminCommands.default;
+    }, function (_servicesEntityService) {
+      EntityService = _servicesEntityService.default;
+    }, function (_webAtomsWebControlsDistPageNavigator) {
+      PageNavigator = _webAtomsWebControlsDistPageNavigator.default;
+    }, function (_DomainKeySetupPage) {
+      DomainKeySetupPage = _DomainKeySetupPage.default;
     }],
     execute: function () {
+      summary = text => {
+        if (!text) {
+          return text;
+        }
+        if (text.length > 50) {
+          return text.substring(0, 20) + "..." + text.substring(text.length - 20);
+        }
+        return text;
+      };
       _export("default", EditDomainPage = class EditDomainPage extends ContentPage {
         init() {
-          var _a;
+          var _a, _b, _c;
+          var _d, _e;
           return __awaiter(this, void 0, void 0, function* () {
             this.model = (_a = this.parameters.model) !== null && _a !== void 0 ? _a : this.parameters.domainID ? yield this.domainService.get(this.parameters.domainID) : HostedDomain.create({
               enableReceive: true,
@@ -17070,6 +17282,8 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
                 name: ""
               })
             });
+            (_b = (_d = this.model).domainKeys) !== null && _b !== void 0 ? _b : _d.domainKeys = [];
+            (_c = (_e = this.model).relays) !== null && _c !== void 0 ? _c : _e.relays = [];
             this.renderer = XNode.create("div", {
               "data-layout": "center-page-900px"
             }, XNode.create(Form, null, this.model.domainID ? XNode.create("span", {
@@ -17087,7 +17301,7 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
             }), XNode.create(Checkbox, {
               checked: Bind.twoWaysImmediate(() => this.model.useRelay),
               text: "Use Domain Relay"
-            }), XNode.create(Expander, {
+            }), this.model.domainID && XNode.create(Expander, {
               isExpanded: false
             }, XNode.create("label", {
               text: "Relays"
@@ -17100,16 +17314,27 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
                 "data-click-event": AdminCommands.editRelay.eventName,
                 text: "New Relay"
               }))
-            })), XNode.create(Expander, {
+            })), this.model.domainID && XNode.create(Expander, {
               isExpanded: false
             }, XNode.create("label", {
               text: "Domain Keys"
             }), XNode.create(AtomRepeater, {
               items: this.model.domainKeys,
               footer: true,
+              for: "table",
+              itemRenderer: item => XNode.create("tr", null, XNode.create("td", {
+                text: item.name
+              }), XNode.create("td", null, XNode.create("span", {
+                text: summary(item.publicKey)
+              })), XNode.create("td", null, XNode.create(SetupFolderIconButton, {
+                "event-click": () => PageNavigator.pushPage(DomainKeySetupPage, item)
+              })), XNode.create("td", null, XNode.create(DeleteIconButton, {
+                "data-click-event": "delete-domain-key"
+              }))),
               footerRenderer: () => XNode.create("div", {
                 "data-layout": "row"
               }, XNode.create(AddIconTextButton, {
+                "data-click-event": "add-domain-key",
                 text: "New Domain Key"
               }))
             })), XNode.create("div", {
@@ -17127,12 +17352,36 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
             return this.model;
           });
         }
+        deleteDomainKey(dk) {
+          return __awaiter(this, void 0, void 0, function* () {
+            dk.$deleted = true;
+            yield this.domainService.save(this.model);
+            this.model.domainKeys.remove(dk);
+          });
+        }
+        addDomainKey() {
+          return __awaiter(this, void 0, void 0, function* () {
+            const entityService = this.resolve(EntityService);
+            const dk = DomainKey.create({
+              domainID: this.model.domainID
+            });
+            yield entityService.save(dk);
+            this.model.domainKeys.add(dk);
+          });
+        }
       });
       __decorate([InjectProperty, __metadata("design:type", AdminDomainService)], EditDomainPage.prototype, "domainService", void 0);
       __decorate([Action({
         onEvent: "save-domain",
         close: true
       }), __metadata("design:type", Function), __metadata("design:paramtypes", []), __metadata("design:returntype", Promise)], EditDomainPage.prototype, "saveDomain", null);
+      __decorate([Action({
+        onEvent: "delete-domain-key",
+        confirm: "Are you sure you want to delete this?"
+      }), __metadata("design:type", Function), __metadata("design:paramtypes", [Object]), __metadata("design:returntype", Promise)], EditDomainPage.prototype, "deleteDomainKey", null);
+      __decorate([Action({
+        onEvent: "add-domain-key"
+      }), __metadata("design:type", Function), __metadata("design:paramtypes", []), __metadata("design:returntype", Promise)], EditDomainPage.prototype, "addDomainKey", null);
     }
   };
 });
@@ -17659,9 +17908,10 @@ System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/di
 System.register(["tslib", "@web-atoms/core/dist/di/DITransient", "@web-atoms/core/dist/di/Inject", "../../../../services/EntityService", "../../../../model/model", "../../../Sql"], function (_export, _context) {
   "use strict";
 
-  var __decorate, __metadata, DITransient, Inject, EntityService, Domain, Mailbox, Sql, MailboxService;
+  var __awaiter, __decorate, __metadata, DITransient, Inject, EntityService, Domain, Mailbox, Sql, MailboxService;
   return {
     setters: [function (_tslib) {
+      __awaiter = _tslib.__awaiter;
       __decorate = _tslib.__decorate;
       __metadata = _tslib.__metadata;
     }, function (_webAtomsCoreDistDiDITransient) {
@@ -17706,12 +17956,19 @@ System.register(["tslib", "@web-atoms/core/dist/di/DITransient", "@web-atoms/cor
               }, p => x => x.emailAddress.emailAddress === p.search);
             }
           }
-          return q.toPagedList({
+          return q.include(x => x.emailAddress).toPagedList({
             start,
             size,
             cancelToken
           });
         }
+        save(model) {
+          return __awaiter(this, void 0, void 0, function* () {
+            const cloner = this.entityService.cloner(model);
+            yield this.entityService.save(cloner.copy);
+            return model;
+          });
+        }
       };
       __decorate([Inject, __metadata("design:type", EntityService)], MailboxService.prototype, "entityService", void 0);
       MailboxService = __decorate([DITransient()], MailboxService);
@@ -17807,10 +18064,10 @@ System.register(["tslib", "@web-atoms/core/dist/core/BindableProperty", "@web-at
 
     AmdLoader.instance.setup("@web-atoms/web-controls/dist/basic/ComboBox");
 
-System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "../../../model/model", "@web-atoms/core/dist/core/XNode", "@web-atoms/web-controls/dist/basic/Form", "../../controls/form/RequiredFormField", "@web-atoms/web-controls/dist/basic/FormField", "@web-atoms/web-controls/dist/basic/ComboBox", "./services/MailboxService", "@web-atoms/core/dist/core/InjectProperty", "@web-atoms/core/dist/core/Bind"], function (_export, _context) {
+System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "../../../model/model", "@web-atoms/core/dist/core/XNode", "@web-atoms/web-controls/dist/basic/Form", "../../controls/form/RequiredFormField", "@web-atoms/web-controls/dist/basic/FormField", "@web-atoms/web-controls/dist/basic/ComboBox", "./services/MailboxService", "@web-atoms/core/dist/core/InjectProperty", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/view-model/Action"], function (_export, _context) {
   "use strict";
 
-  var __awaiter, __decorate, __metadata, PopupWindowPage, EmailAddress, Mailbox, XNode, Form, TextFormField, FormField, ComboBox, MailboxService, InjectProperty, Bind, MailboxEditorPage;
+  var __awaiter, __decorate, __metadata, PopupWindowPage, EmailAddress, Mailbox, XNode, Form, TextFormField, FormField, ComboBox, MailboxService, InjectProperty, Bind, Action, MailboxEditorPage;
   _export("default", void 0);
   return {
     setters: [function (_tslib) {
@@ -17838,6 +18095,8 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
       InjectProperty = _webAtomsCoreDistCoreInjectProperty.default;
     }, function (_webAtomsCoreDistCoreBind) {
       Bind = _webAtomsCoreDistCoreBind.default;
+    }, function (_webAtomsCoreDistViewModelAction) {
+      Action = _webAtomsCoreDistViewModelAction.default;
     }],
     execute: function () {
       _export("default", MailboxEditorPage = class MailboxEditorPage extends PopupWindowPage {
@@ -17852,37 +18111,50 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
             this.model = (_b = (_a = this.parameters) === null || _a === void 0 ? void 0 : _a.model) !== null && _b !== void 0 ? _b : Mailbox.create({
               emailAddress: EmailAddress.create({
                 emailAddress: ""
-              })
+              }),
+              maxStorage: 10 * 1024 * 1024 * 1024
             });
-            this.model.prefix = "";
+            this.model.username = "";
             const domains = yield this.mailboxService.domains();
-            this.domain = domains[0];
+            this.model.domain = domains[0];
             this.renderer = XNode.create("div", null, XNode.create(Form, {
               "data-submit-event": "save-mailbox"
             }, XNode.create(TextFormField, {
               label: "Email Prefix",
-              value: () => this.model.prefix
+              value: () => this.model.username
             }), XNode.create(FormField, {
               label: "Domain"
             }, XNode.create(ComboBox, {
               labelPath: item => item === null || item === void 0 ? void 0 : item.name,
               valuePath: item => item === null || item === void 0 ? void 0 : item.domainID,
-              selectedItem: Bind.twoWaysImmediate(() => this.domain),
+              selectedItem: Bind.twoWaysImmediate(() => this.model.domain),
               items: domains
             })), XNode.create(FormField, {
               label: "Email Address"
             }, XNode.create("span", {
-              text: Bind.oneWay(() => `${this.model.prefix}@${this.domain.name}`)
+              text: Bind.oneWay(() => `${this.model.username}@${this.model.domain.domain}`)
             })), XNode.create("div", {
               "data-layout": "command-row"
             }, XNode.create("button", {
+              "data-type": "submit",
               "data-layout": "accept-button",
               text: "Add"
             }))));
           });
         }
+        saveMailbox() {
+          return __awaiter(this, void 0, void 0, function* () {
+            this.model.domainID = this.model.domain.domainID;
+            yield this.mailboxService.save(this.model);
+            return this.model;
+          });
+        }
       });
       __decorate([InjectProperty, __metadata("design:type", MailboxService)], MailboxEditorPage.prototype, "mailboxService", void 0);
+      __decorate([Action({
+        onEvent: "save-mailbox",
+        close: true
+      }), __metadata("design:type", Function), __metadata("design:paramtypes", []), __metadata("design:returntype", Promise)], MailboxEditorPage.prototype, "saveMailbox", null);
     }
   };
 });
@@ -17890,10 +18162,88 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
 
     AmdLoader.instance.setup("@social-mail/social-mail-client/dist/common/pages/mailboxes/MailboxEditorPage");
 
-System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/XNode", "@web-atoms/web-controls/dist/basic/AtomRepeater", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "../../controls/repeater/InfiniteRepeater", "./services/MailboxService", "@web-atoms/core/dist/core/InjectProperty", "@web-atoms/core/dist/view-model/Action", "@web-atoms/web-controls/dist/PageNavigator", "./MailboxEditorPage"], function (_export, _context) {
+System.register([], function (_export, _context) {
+  "use strict";
+
+  var k, m, b, kb, mb, gb, toCompactFixed, toKMBString, toFileSize, formatNumber;
+  return {
+    setters: [],
+    execute: function () {
+      k = 1000;
+      m = k * k;
+      b = m * k;
+      kb = 1024;
+      mb = k * k;
+      gb = m * k;
+      _export("toCompactFixed", toCompactFixed = (n, decimals) => {
+        let text = n.toFixed(decimals);
+        if (decimals > 0) {
+          while (text.endsWith("0")) {
+            text = text.substring(0, text.length - 1);
+          }
+          if (text.endsWith(".")) {
+            text = text.substring(0, text.length - 1);
+          }
+        }
+        return text;
+      });
+      _export("toKMBString", toKMBString = (n, decimals = 0, def = "") => {
+        if (!n) {
+          return def + "";
+        }
+        if (n > b) {
+          return toCompactFixed(n / b, decimals) + "B";
+        }
+        if (n > m) {
+          return toCompactFixed(n / m, decimals) + "M";
+        }
+        if (n > k) {
+          return toCompactFixed(n / k, decimals) + "K";
+        }
+        return toCompactFixed(n, 0);
+      });
+      _export("toFileSize", toFileSize = (n, decimals = 0, def = "") => {
+        n = Number(n);
+        if (n === 0) {
+          return "0 B";
+        }
+        if (!n) {
+          return def + "";
+        }
+        if (n > gb) {
+          return toCompactFixed(n / gb, decimals) + " GB";
+        }
+        if (n > mb) {
+          return toCompactFixed(n / mb, decimals) + " MB";
+        }
+        if (n > kb) {
+          return toCompactFixed(n / kb, decimals) + " KB";
+        }
+        return toCompactFixed(n, 0);
+      });
+      _export("formatNumber", formatNumber = (n, {
+        prefix = "",
+        suffix = "",
+        def = "",
+        numberToText = toKMBString
+      } = {}) => {
+        if (!n) {
+          return def;
+        }
+        const text = numberToText(n);
+        return prefix + text + suffix;
+      });
+    }
+  };
+});
+//# sourceMappingURL=NumberFormats.js.map
+
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/common/NumberFormats");
+
+System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/XNode", "@web-atoms/web-controls/dist/basic/AtomRepeater", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "../../controls/repeater/InfiniteRepeater", "./services/MailboxService", "@web-atoms/core/dist/core/InjectProperty", "@web-atoms/core/dist/view-model/Action", "@web-atoms/web-controls/dist/PageNavigator", "./MailboxEditorPage", "../../NumberFormats"], function (_export, _context) {
   "use strict";
 
-  var __awaiter, __decorate, __metadata, Bind, XNode, AtomRepeater, ContentPage, InfiniteRepeater, MailboxService, InjectProperty, Action, PageNavigator, MailboxEditorPage, MailboxListPage;
+  var __awaiter, __decorate, __metadata, Bind, XNode, AtomRepeater, ContentPage, InfiniteRepeater, MailboxService, InjectProperty, Action, PageNavigator, MailboxEditorPage, toFileSize, MailboxListPage;
   _export("default", void 0);
   return {
     setters: [function (_tslib) {
@@ -17920,6 +18270,8 @@ System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dis
       PageNavigator = _webAtomsWebControlsDistPageNavigator.default;
     }, function (_MailboxEditorPage) {
       MailboxEditorPage = _MailboxEditorPage.default;
+    }, function (_NumberFormats) {
+      toFileSize = _NumberFormats.toFileSize;
     }],
     execute: function () {
       _export("default", MailboxListPage = class MailboxListPage extends ContentPage {
@@ -17947,7 +18299,7 @@ System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dis
               search: this.search,
               version: this.version
             })), {
-              itemRenderer: item => XNode.create("tr", null, XNode.create("td", null))
+              itemRenderer: item => XNode.create("tr", null, XNode.create("td", null, item.emailAddress.emailAddress), XNode.create("td", null, toFileSize(item.storage)), XNode.create("td", null, toFileSize(item.maxStorage)))
             })));
           });
         }
@@ -18200,10 +18552,53 @@ System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/web-con
 
     AmdLoader.instance.setup("@social-mail/social-mail-client/dist/common/pages/user/LoginPage");
 
-System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/style/styled", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "../../common/SocialMailApp", "../commands/AdminCommands"], function (_export, _context) {
+System.register(["@web-atoms/core/dist/core/XNode"], function (_export, _context) {
+  "use strict";
+
+  var XNode;
+  function MenuItem({
+    label,
+    icon,
+    click = undefined,
+    href = "",
+    commandLink = "",
+    target = undefined
+  }) {
+    return href || commandLink ? XNode.create("a", {
+      "data-layout": "menu-item",
+      "data-click-event": commandLink ? "route" : void 0,
+      href: href || commandLink,
+      target: target,
+      "event-click": click
+    }, XNode.create("i", {
+      class: icon
+    }), XNode.create("span", {
+      text: label
+    })) : XNode.create("div", {
+      "data-layout": "menu-item",
+      "event-click": click
+    }, XNode.create("i", {
+      class: icon
+    }), XNode.create("span", {
+      text: label
+    }));
+  }
+  _export("default", MenuItem);
+  return {
+    setters: [function (_webAtomsCoreDistCoreXNode) {
+      XNode = _webAtomsCoreDistCoreXNode.default;
+    }],
+    execute: function () {}
+  };
+});
+//# sourceMappingURL=MenuItem.js.map
+
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/common/controls/menu/MenuItem");
+
+System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/style/styled", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "../../common/SocialMailApp", "../commands/AdminCommands", "../../common/controls/menu/MenuItem"], function (_export, _context) {
   "use strict";
 
-  var __awaiter, XNode, styled, Drawer, SocialMailApp, AdminCommands, AdminDrawer, css, MenuItem;
+  var __awaiter, XNode, styled, Drawer, SocialMailApp, AdminCommands, MenuItem, AdminDrawer, css;
   _export("default", void 0);
   return {
     setters: [function (_tslib) {
@@ -18218,36 +18613,13 @@ System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/di
       SocialMailApp = _commonSocialMailApp.default;
     }, function (_commandsAdminCommands) {
       AdminCommands = _commandsAdminCommands.default;
+    }, function (_commonControlsMenuMenuItem) {
+      MenuItem = _commonControlsMenuMenuItem.default;
     }],
     execute: function () {
       css = styled.css`
     min-width: 200px;
 `.installLocal();
-      MenuItem = ({
-        label,
-        icon,
-        click = undefined,
-        href = "",
-        commandLink = "",
-        target = undefined
-      }) => href || commandLink ? XNode.create("a", {
-        "data-layout": "menu-item",
-        "data-click-event": commandLink ? "route" : void 0,
-        href: href || commandLink,
-        target: target,
-        "event-click": click
-      }, XNode.create("i", {
-        class: icon
-      }), XNode.create("span", {
-        text: label
-      })) : XNode.create("div", {
-        "data-layout": "menu-item",
-        "event-click": click
-      }, XNode.create("i", {
-        class: icon
-      }), XNode.create("span", {
-        text: label
-      }));
       _export("default", AdminDrawer = class AdminDrawer extends Drawer {
         init() {
           return __awaiter(this, void 0, void 0, function* () {
@@ -18287,10 +18659,214 @@ System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/di
 
     AmdLoader.instance.setup("@social-mail/social-mail-client/dist/admin/drawer/AdminDrawer");
 
-System.register(["tslib", "@web-atoms/core/dist/Pack", "@web-atoms/web-controls/dist/desktop-app/MobileDesktopApp", "../style/GlobalStyle", "../services/UserService", "@web-atoms/core/dist/core/InjectProperty", "./commands/AdminCommands", "@web-atoms/web-controls/dist/PageNavigator", "../common/pages/user/LoginPage", "./drawer/AdminDrawer", "@web-atoms/core/dist/core/Command", "@web-atoms/core/dist/core/Route"], function (_export, _context) {
+System.register(["tslib", "@web-atoms/core/dist/App", "@web-atoms/core/dist/core/types", "@web-atoms/core/dist/di/DISingleton", "@web-atoms/core/dist/di/Inject", "@web-atoms/core/dist/style/styled", "@web-atoms/core/dist/web/services/PopupWindow", "@web-atoms/core/dist/core/InjectProperty", "@web-atoms/core/dist/core/XNode", "@web-atoms/web-controls/dist/basic/AtomRepeater", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/web/services/PopupService"], function (_export, _context) {
+  "use strict";
+
+  var __awaiter, __decorate, __metadata, App, CancelToken, DISingleton, Inject, styled, PopupWindow, InjectProperty, XNode, AtomRepeater, Bind, PopupService, FileUploadWindow, acceptDocumentAndMedia, LocalFileService;
+  return {
+    setters: [function (_tslib) {
+      __awaiter = _tslib.__awaiter;
+      __decorate = _tslib.__decorate;
+      __metadata = _tslib.__metadata;
+    }, function (_webAtomsCoreDistApp) {
+      App = _webAtomsCoreDistApp.App;
+    }, function (_webAtomsCoreDistCoreTypes) {
+      CancelToken = _webAtomsCoreDistCoreTypes.CancelToken;
+    }, function (_webAtomsCoreDistDiDISingleton) {
+      DISingleton = _webAtomsCoreDistDiDISingleton.default;
+    }, function (_webAtomsCoreDistDiInject) {
+      Inject = _webAtomsCoreDistDiInject.Inject;
+    }, function (_webAtomsCoreDistStyleStyled) {
+      styled = _webAtomsCoreDistStyleStyled.default;
+    }, function (_webAtomsCoreDistWebServicesPopupWindow) {
+      PopupWindow = _webAtomsCoreDistWebServicesPopupWindow.default;
+    }, function (_webAtomsCoreDistCoreInjectProperty) {
+      InjectProperty = _webAtomsCoreDistCoreInjectProperty.default;
+    }, function (_webAtomsCoreDistCoreXNode) {
+      XNode = _webAtomsCoreDistCoreXNode.default;
+    }, function (_webAtomsWebControlsDistBasicAtomRepeater) {
+      AtomRepeater = _webAtomsWebControlsDistBasicAtomRepeater.default;
+    }, function (_webAtomsCoreDistCoreBind) {
+      Bind = _webAtomsCoreDistCoreBind.default;
+    }, function (_webAtomsCoreDistWebServicesPopupService) {
+      PopupService = _webAtomsCoreDistWebServicesPopupService.default;
+    }],
+    execute: function () {
+      _export("acceptDocumentAndMedia", acceptDocumentAndMedia = ".doc, .docx, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document, video/*, application/pdf, .pdf, .txt, audio/*, image/*, .csv, text/csv, application/vnd.ms-excel, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, text/plain, text/html");
+      styled.css`
+        display: inline-grid;
+        grid-template-rows: auto auto;
+        grid-template-columns: auto 1fr auto;
+
+        & > [data-element=preview] {
+            grid-row: 1 / span 2;
+            grid-column: 1;
+        }
+
+        & > [data-element=file-name] {
+            grid-row: 1;
+            grid-column: 2;
+            overflow: hidden;
+            white-space: nowrap;
+            text-overflow: ellipsis;
+        }
+
+        & > [data-element=progress] {
+            grid-row: 2;
+            grid-column: 2 / span 2;
+            width: 100%;
+        }
+
+        & > [data-element=delete] {
+            grid-row: 1;
+            grid-column: 3;
+        }
+    `.installGlobal("[data-attachment-file]");
+      LocalFileService = class LocalFileService {
+        constructor() {
+          document.body.addEventListener("uploadRequested", ce => {
+            const {
+              target,
+              detail: {
+                files,
+                extra,
+                uploadEvent
+              }
+            } = ce;
+            ce.preventDefault();
+            this.app.runAsync(() => __awaiter(this, void 0, void 0, function* () {
+              const detail = yield FileUploadWindow.showModal({
+                parameters: {
+                  files,
+                  extra
+                }
+              });
+              target.dispatchEvent(new CustomEvent(uploadEvent, {
+                detail,
+                bubbles: true
+              }));
+            }));
+          });
+        }
+        upload(files) {
+          return __awaiter(this, void 0, void 0, function* () {
+            return files.map(file => {
+              const uploadFile = {
+                name: file.name
+              };
+              uploadFile.promise = new Promise((resolve, reject) => {
+                const body = new FormData();
+                body.append(file.name, file, file.name);
+                const xhr = new XMLHttpRequest();
+                const onError = () => {
+                  reject(new Error(xhr.responseText || "Error"));
+                };
+                xhr.upload.addEventListener("progress", event => {
+                  if (event.lengthComputable) {
+                    uploadFile.progress = event.loaded / event.total;
+                  }
+                });
+                xhr.upload.addEventListener("timeout", onError);
+                xhr.upload.addEventListener("error", onError);
+                xhr.upload.addEventListener("abort", onError);
+                xhr.addEventListener("timeout", onError);
+                xhr.addEventListener("abort", onError);
+                xhr.addEventListener("error", onError);
+                xhr.upload.addEventListener("progress", event => {
+                  if (event.lengthComputable) {
+                    uploadFile.progress = event.loaded / event.total;
+                  }
+                });
+                xhr.addEventListener("load", () => {
+                  if (xhr.status <= 300) {
+                    const r = Object.assign(Object.assign({}, JSON.parse(xhr.responseText)), {
+                      file
+                    });
+                    resolve(r);
+                  }
+                });
+                xhr.open("POST", "/api/upload", true);
+                xhr.send(body);
+              });
+              return uploadFile;
+            });
+          });
+        }
+      };
+      __decorate([Inject, __metadata("design:type", App)], LocalFileService.prototype, "app", void 0);
+      LocalFileService = __decorate([DISingleton(), __metadata("design:paramtypes", [])], LocalFileService);
+      _export("default", LocalFileService);
+      FileUploadWindow = class FileUploadWindow extends PopupWindow {
+        constructor() {
+          super(...arguments);
+          this.parameters = {};
+        }
+        init() {
+          return __awaiter(this, void 0, void 0, function* () {
+            this.title = "Uploading...";
+            this.closeWarning = "Are you sure you want to cancel the upload?";
+            this.bindEvent(window, "backButton", e => __awaiter(this, void 0, void 0, function* () {
+              var _a;
+              e.preventDefault();
+              (_a = e.stopImmediatePropagation) === null || _a === void 0 ? void 0 : _a.call(e);
+              e.stopPropagation();
+              yield this.requestCancel();
+            }), null, {
+              capture: true
+            });
+            this.files = yield this.localFileService.upload(this.parameters.files);
+            this.render(XNode.create("div", null, XNode.create(AtomRepeater, {
+              items: this.files,
+              itemRenderer: file => XNode.create("div", {
+                "data-attachment-file": "file"
+              }, XNode.create("div", {
+                "data-element": "file-name",
+                text: file.name
+              }), XNode.create("progress", {
+                min: 0,
+                max: 100,
+                value: Bind.source(file, x => x.source.progress)
+              }))
+            })));
+            try {
+              const ct = new CancelToken();
+              this.registerDisposable({
+                dispose: () => {
+                  ct.cancel();
+                }
+              });
+              const tasks = this.files.map(x => x.promise);
+              const files = yield Promise.all(tasks);
+              const extra = this.parameters.extra;
+              this.close({
+                files,
+                extra
+              });
+            } catch (error) {
+              if (CancelToken.isCancelled(error)) {
+                this.cancel(error);
+                return;
+              }
+              yield PopupService.alert({
+                message: error
+              });
+              this.cancel(error);
+            }
+          });
+        }
+      };
+      __decorate([InjectProperty, __metadata("design:type", LocalFileService)], FileUploadWindow.prototype, "localFileService", void 0);
+    }
+  };
+});
+//# sourceMappingURL=LocalFileService.js.map
+
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/services/files/LocalFileService");
+
+System.register(["tslib", "@web-atoms/core/dist/Pack", "@web-atoms/web-controls/dist/desktop-app/MobileDesktopApp", "../style/GlobalStyle", "../services/UserService", "@web-atoms/core/dist/core/InjectProperty", "./commands/AdminCommands", "@web-atoms/web-controls/dist/PageNavigator", "../common/pages/user/LoginPage", "./drawer/AdminDrawer", "@web-atoms/core/dist/core/Command", "@web-atoms/core/dist/core/Route", "../services/files/LocalFileService"], function (_export, _context) {
   "use strict";
 
-  var __awaiter, __decorate, __metadata, Pack, MobileDesktopApp, UserService, InjectProperty, AdminCommands, PageNavigator, LoginPage, AdminDrawer, Command, Route, AdminAppIndex;
+  var __awaiter, __decorate, __metadata, Pack, MobileDesktopApp, UserService, InjectProperty, AdminCommands, PageNavigator, LoginPage, AdminDrawer, Command, Route, LocalFileService, AdminAppIndex;
   return {
     setters: [function (_tslib) {
       __awaiter = _tslib.__awaiter;
@@ -18316,6 +18892,8 @@ System.register(["tslib", "@web-atoms/core/dist/Pack", "@web-atoms/web-controls/
       Command = _webAtomsCoreDistCoreCommand.default;
     }, function (_webAtomsCoreDistCoreRoute) {
       Route = _webAtomsCoreDistCoreRoute.default;
+    }, function (_servicesFilesLocalFileService) {
+      LocalFileService = _servicesFilesLocalFileService.default;
     }],
     execute: function () {
       AdminAppIndex = class AdminAppIndex extends MobileDesktopApp {
@@ -18323,6 +18901,7 @@ System.register(["tslib", "@web-atoms/core/dist/Pack", "@web-atoms/web-controls/
           var _a;
           return __awaiter(this, void 0, void 0, function* () {
             AdminCommands.install(this);
+            this.resolve(LocalFileService);
             const user = yield this.userService.getUser();
             if (!user || !((_a = user.roles) === null || _a === void 0 ? void 0 : _a.some(r => r.roleName === "Administrator"))) {
               PageNavigator.openPage(LoginPage);