Mailbox fixes (#8406)

Signed-off-by: Nikolay Chunosov <Chunosov.N@gmail.com>

plugins/setting-resources/src/components/MailboxEditorModal.svelte

@@ -14,12 +14,14 @@
 -->
 <script lang="ts">
   import { MailboxOptions } from '@hcengineering/account-client'
-  import presentation from '@hcengineering/presentation'
+  import presentation, { getClient } from '@hcengineering/presentation'
   import { Dropdown, ListItem, Modal, ModernEditbox, Spinner, themeStore } from '@hcengineering/ui'
   import setting from '@hcengineering/setting'
   import { createEventDispatcher } from 'svelte'
   import { getAccountClient } from '../utils'
   import { IntlString, translateCB } from '@hcengineering/platform'
+  import contact, { getCurrentEmployee, SocialIdentity } from '@hcengineering/contact'
+  import { buildSocialIdString, Ref, SocialIdType } from '@hcengineering/core'
 
   export let mailboxOptions: MailboxOptions
 
@@ -39,10 +41,42 @@
     return n.length >= mailboxOptions.minNameLength && n.length <= mailboxOptions.maxNameLength
   }
 
+  async function createMailbox (): Promise<void> {
+    const { mailbox, socialId } = await getAccountClient().createMailbox(name, (domain ?? domains[0])._id)
+    console.log('Mailbox created', mailbox, socialId)
+    const currentUser = getCurrentEmployee()
+    const client = getClient()
+    await client.addCollection(
+      contact.class.SocialIdentity,
+      contact.space.Contacts,
+      currentUser,
+      contact.class.Person,
+      'socialIds',
+      {
+        key: buildSocialIdString({ type: SocialIdType.EMAIL, value: mailbox }),
+        type: SocialIdType.EMAIL,
+        value: mailbox,
+        verifiedOn: Date.now()
+      },
+      socialId as any as Ref<SocialIdentity>
+    )
+    await client.addCollection(
+      contact.class.Channel,
+      contact.space.Contacts,
+      currentUser,
+      contact.class.Person,
+      'channels',
+      {
+        provider: contact.channelProvider.Email,
+        value: mailbox
+      }
+    )
+  }
+
   async function save (): Promise<void> {
     loading = true
     try {
-      await getAccountClient().createMailbox(name, (domain ?? domains[0])._id)
+      await createMailbox()
       loading = false
       dispatch('close', true)
     } catch (err: any) {

plugins/setting-resources/src/components/MailboxItem.svelte

@@ -25,29 +25,19 @@
   } from '@hcengineering/ui'
   import setting from '@hcengineering/setting'
   import { MailboxInfo } from '@hcengineering/account-client'
-  import { MessageBox } from '@hcengineering/presentation'
+  import { getClient, MessageBox } from '@hcengineering/presentation'
   import { getAccountClient } from '../utils'
+  import contact, { getCurrentEmployee } from '@hcengineering/contact'
+  import { buildSocialIdString, SocialIdType } from '@hcengineering/core'
 
   export let mailbox: MailboxInfo
   export let mailboxIdx: number
+  export let loadingRequested: () => void
   export let reloadRequested: () => void
 
   let opened = false
 
-  function getMenuItems (mailbox: MailboxInfo): (DropdownIntlItem & { action: () => void })[] {
-    return [
-      {
-        id: 'delete',
-        icon: IconDelete,
-        label: setting.string.DeleteMailbox,
-        action: () => {
-          deleteMailbox(mailbox)
-        }
-      }
-    ]
-  }
-
-  function deleteMailbox (mailbox: MailboxInfo): void {
+  function deleteMailboxAction (): void {
     showPopup(
       MessageBox,
       {
@@ -56,24 +46,71 @@
         dangerous: true,
         okLabel: setting.string.Delete,
         action: async () => {
-          getAccountClient()
-            .deleteMailbox(mailbox.mailbox)
-            .then(() => {
-              reloadRequested()
-            })
-            .catch((err: any) => {
-              console.error('Failed to delete mailbox', err)
-            })
+          loadingRequested()
+          try {
+            await deleteMailbox()
+          } catch (err) {
+            console.error('Failed to delete mailbox', err)
+          }
+          reloadRequested()
         }
       },
       undefined
     )
   }
 
-  const openMailboxMenu = (mailbox: MailboxInfo, ev: MouseEvent): void => {
+  async function deleteMailbox (): Promise<void> {
+    await getAccountClient().deleteMailbox(mailbox.mailbox)
+    const client = getClient()
+    const currentUser = getCurrentEmployee()
+    const socialIds = await client.findAll(contact.class.SocialIdentity, {
+      attachedTo: currentUser,
+      type: SocialIdType.EMAIL,
+      value: mailbox.mailbox
+    })
+    for (const socialId of socialIds) {
+      const value = `${socialId.value}#${socialId._id}`
+      await client.updateCollection(
+        socialId._class,
+        socialId.space,
+        socialId._id,
+        socialId.attachedTo,
+        socialId.attachedToClass,
+        socialId.collection,
+        {
+          value,
+          key: buildSocialIdString({ type: SocialIdType.EMAIL, value })
+        }
+      )
+    }
+    const channels = await client.findAll(contact.class.Channel, {
+      attachedTo: currentUser,
+      provider: contact.channelProvider.Email,
+      value: mailbox.mailbox
+    })
+    for (const channel of channels) {
+      await client.removeCollection(
+        channel._class,
+        channel.space,
+        channel._id,
+        channel.attachedTo,
+        channel.attachedToClass,
+        channel.collection
+      )
+    }
+  }
+
+  const openMailboxMenu = (ev: MouseEvent): void => {
     if (!opened) {
       opened = true
-      const items = getMenuItems(mailbox)
+      const items: (DropdownIntlItem & { action: () => void })[] = [
+        {
+          id: 'delete',
+          icon: IconDelete,
+          label: setting.string.DeleteMailbox,
+          action: deleteMailboxAction
+        }
+      ]
       showPopup(ModernPopup, { items }, eventToHTMLElement(ev), (result) => {
         items.find((it) => it.id === result)?.action()
         opened = false
@@ -94,9 +131,7 @@
         pressed={opened}
         inheritColor
         hasMenu
-        on:click={(ev) => {
-          openMailboxMenu(mailbox, ev)
-        }}
+        on:click={openMailboxMenu}
       />
     </div>
   </div>

plugins/setting-resources/src/components/Mailboxes.svelte

@@ -119,7 +119,14 @@
       {:else}
         <Scroller>
           {#each mailboxes as mailbox, i}
-            <MailboxItem {mailbox} mailboxIdx={i} reloadRequested={loadMailboxes} />
+            <MailboxItem
+              {mailbox}
+              mailboxIdx={i}
+              reloadRequested={loadMailboxes}
+              loadingRequested={() => {
+                boxesLoading = true
+              }}
+            />
           {/each}
         </Scroller>
       {/if}