feat: support for stalwart v0.16.x

README.md

@@ -227,17 +227,6 @@ After installation completes:
 
 Ensure the following keys are properly configured in your `site_config.json` for Stalwart API communication:
 
-```json
-{
-  "mail": {
-    "server_url": "https://mail.example.com",
-    "api_key": "your-stalwart-api-key"
-  }
-}
-```
-
-Alternatively, you can use username/password authentication:
-
 ```json
 {
   "mail": {
@@ -531,7 +520,7 @@ Some of its features include:
 
 #### 8. Importing or exporting pre-existing mail data
 
-![Data exchange](docs/screenshots/ui/data-exchange.png)
+![Mail exchange](docs/screenshots/ui/mail-exchange.png)
 
 #### 9. Progressive Web App (PWA) support for a fast, app-like experience
 

frontend/components.d.ts

@@ -17,11 +17,8 @@ declare module 'vue' {
     AddContactModal: typeof import('./src/components/Modals/AddContactModal.vue')['default']
     AddContactPhoneModal: typeof import('./src/components/Modals/AddContactPhoneModal.vue')['default']
     AddDomainModal: typeof import('./src/components/Modals/AddDomainModal.vue')['default']
-    AddEmailModal: typeof import('./src/components/Modals/AddEmailModal.vue')['default']
     AddMailingListExternalMemberModal: typeof import('./src/components/Modals/AddMailingListExternalMemberModal.vue')['default']
     AddMailingListInternalMembersModal: typeof import('./src/components/Modals/AddMailingListInternalMembersModal.vue')['default']
-    AddMailingListMemberInput: typeof import('./src/components/AddMailingListMemberInput.vue')['default']
-    AddMailingListModal: typeof import('./src/components/Modals/AddMailingListModal.vue')['default']
     AddMemberModal: typeof import('./src/components/Modals/AddMemberModal.vue')['default']
     AddSignatureModal: typeof import('./src/components/Modals/AddSignatureModal.vue')['default']
     AdvancedSettings: typeof import('./src/components/Settings/AdvancedSettings.vue')['default']
@@ -64,7 +61,6 @@ declare module 'vue' {
     InstallPrompt: typeof import('./src/components/InstallPrompt.vue')['default']
     ListCard: typeof import('./src/components/ListCard.vue')['default']
     LoginLayout: typeof import('./src/components/LoginLayout.vue')['default']
-    LucideX: typeof import('~icons/lucide/x')['default']
     MailActions: typeof import('./src/components/MailActions.vue')['default']
     MailDate: typeof import('./src/components/MailDate.vue')['default']
     MailDetails: typeof import('./src/components/MailDetails.vue')['default']

frontend/src/components/AppSidebar.vue

@@ -97,7 +97,6 @@ import Globe from '~icons/lucide/globe'
 import LayoutGrid from '~icons/lucide/layout-grid'
 import LogOut from '~icons/lucide/log-out'
 import Mailbox from '~icons/lucide/mailbox'
-import Mails from '~icons/lucide/mails'
 import Plus from '~icons/lucide/plus'
 import Settings from '~icons/lucide/settings'
 import Star from '~icons/lucide/star'
@@ -263,12 +262,6 @@ const dashboardItems = [
 				to: { name: 'Members' },
 				activeFor: ['Members', 'Invites', 'Member'],
 			},
-			{
-				label: __('Mailing Lists'),
-				icon: Mails,
-				to: { name: 'MailingLists' },
-				activeFor: ['MailingLists', 'MailingList'],
-			},
 		],
 	},
 ]

frontend/src/components/DNSRecords.vue

@@ -46,10 +46,9 @@ const { title, description, records } = defineProps<{
 }>()
 
 const LIST_COLUMNS = [
-	{ label: __('Type'), key: 'type', width: '10%' },
-	{ label: __('Host'), key: 'host', width: '20%' },
-	{ label: __('Priority'), key: 'priority', width: '10%' },
-	{ label: __('TTL (Recommended)'), key: 'ttl', width: '10%' },
+	{ label: __('Type'), key: 'type', width: '12%' },
+	{ label: __('Hostname'), key: 'name', width: '24%' },
+	{ label: __('TTL (Recommended)'), key: 'ttl', width: '14%' },
 	{ label: __('Value'), key: 'value', width: '50%' },
 ]
 </script>

frontend/src/components/Modals/AddDomainModal.vue

@@ -5,9 +5,10 @@
 			title: __('Add Domain'),
 			actions: [
 				{
-					label: domainRequest?.data ? __('Verify DNS') : __('Add Domain'),
+					label: __('Add Domain'),
 					variant: 'solid',
-					onClick: domainRequest?.data ? verifyDNS.submit : domainRequest.submit,
+					disabled: !domainName,
+					onClick: addDomain.submit,
 				},
 			],
 		}"
@@ -25,66 +26,58 @@
 					v-model="domainName"
 					:label="__('Domain Name')"
 					placeholder="example.com"
-					:readonly="!!domainRequest?.data"
 					autocomplete="off"
 				/>
-				<ErrorMessage :message="domainRequest.error?.messages[0]" />
-				<div v-if="domainRequest.data?.verification_key" class="space-y-4">
-					<p class="text-p-base">
-						{{
-							__(
-								`Add the following TXT record to your domain's DNS records to verify your ownership:`,
-							)
-						}}
-					</p>
-					<CopyControl
-						:label="__('Verification Key')"
-						:value="domainRequest.data.verification_key"
-					/>
-					<ErrorMessage :message="verifyDNS.error?.messages[0] || verificationError" />
-				</div>
+				<FormControl
+					v-model="domainDescription"
+					:label="__('Description')"
+					:placeholder="__('Primary domain for company email')"
+					type="textarea"
+				/>
+				<ErrorMessage
+					:message="addDomain.error?.messages[0] || addDomain.error?.message"
+				/>
 			</div>
 		</template>
 	</Dialog>
 </template>
 
 <script setup lang="ts">
 import { ref, watch } from 'vue'
+import { useRouter } from 'vue-router'
 import { Dialog, ErrorMessage, FormControl, createResource } from 'frappe-ui'
 
 import { raiseToast } from '@/utils'
-import CopyControl from '@/components/Controls/CopyControl.vue'
 
 const show = defineModel<boolean>()
+const router = useRouter()
 
 const domainName = ref('')
-const verificationError = ref('')
+const domainDescription = ref('')
 
 const emit = defineEmits(['reloadDomains'])
 
 watch(show, () => {
 	if (show.value) {
 		domainName.value = ''
-		verificationError.value = ''
-		domainRequest.reset()
-		verifyDNS.reset()
+		domainDescription.value = ''
+		addDomain.reset()
 	}
 })
 
-const domainRequest = createResource({
-	url: 'mail.api.admin.get_domain_request',
-	makeParams: () => ({ domain_name: domainName.value }),
-})
+const addDomain = createResource({
+	url: 'mail.api.admin.add_domain',
+	makeParams: () => ({
+		name: domainName.value,
+		description: domainDescription.value?.trim() || undefined,
+	}),
+	onSuccess: (data: string) => {
+		if (!data) return
 
-const verifyDNS = createResource({
-	url: 'mail.api.admin.verify_dns_record',
-	makeParams: () => ({ domain_request: domainRequest?.data.name }),
-	onSuccess: (data) => {
-		if (data) {
-			show.value = false
-			emit('reloadDomains')
-			raiseToast('Domain added.')
-		} else verificationError.value = __('Failed to verify DNS record.')
+		show.value = false
+		emit('reloadDomains')
+		raiseToast(__('Domain added.'))
+		router.push({ name: 'Domain', params: { domainId: data } })
 	},
 })
 </script>