modoboa 2.6.3__tar.gz → 2.6.4__tar.gz

modoboa-2.6.4/PKG-INFO

@@ -0,0 +1,192 @@
+Metadata-Version: 2.4
+Name: modoboa
+Version: 2.6.4
+Summary: Mail hosting made simple
+Author-email: Antoine Nguyen <tonio@ngyn.org>
+License: ISC License
+        
+        Copyright (c) 2009-2025, Antoine Nguyen <tonio@ngyn.org>
+        
+        Permission to use, copy, modify, and/or distribute this software for any
+        purpose with or without fee is hereby granted, provided that the above
+        copyright notice and this permission notice appear in all copies.
+        
+        THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
+        WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
+        MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
+        ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
+        WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
+        ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
+        OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
+        
+Project-URL: Homepage, http://modoboa.org/
+Project-URL: Documentation, https://modoboa.readthedocs.io/en/latest/
+Project-URL: Repository, https://github.com/modoboa/modoboa
+Project-URL: Changelog, https://github.com/modoboa/modoboa/blob/master/CHANGELOG.md
+Project-URL: Issues, https://github.com/modoboa/modoboa/issues
+Keywords: email
+Classifier: Development Status :: 5 - Production/Stable
+Classifier: Environment :: Web Environment
+Classifier: Framework :: Django :: 5.2
+Classifier: Intended Audience :: System Administrators
+Classifier: License :: OSI Approved :: ISC License (ISCL)
+Classifier: Operating System :: OS Independent
+Classifier: Programming Language :: Python :: 3.10
+Classifier: Programming Language :: Python :: 3.11
+Classifier: Programming Language :: Python :: 3.12
+Classifier: Programming Language :: Python :: 3.13
+Classifier: Topic :: Communications :: Email
+Classifier: Topic :: Internet :: WWW/HTTP
+Requires-Python: >=3.10
+Description-Content-Type: text/x-rst
+License-File: LICENSE
+Requires-Dist: django==5.2.8
+Requires-Dist: django-phonenumber-field[phonenumbers]==8.4.0
+Requires-Dist: django-reversion==6.0.0
+Requires-Dist: django-xforwardedfor-middleware==2.0
+Requires-Dist: django-otp==1.6.3
+Requires-Dist: django-filter
+Requires-Dist: django-rename-app==0.1.7
+Requires-Dist: django-environ
+Requires-Dist: dj-database-url
+Requires-Dist: djangorestframework<3.17,>=3.16
+Requires-Dist: drf-spectacular
+Requires-Dist: uritemplate
+Requires-Dist: django-oauth-toolkit
+Requires-Dist: django-cors-headers
+Requires-Dist: passlib~=1.7.4
+Requires-Dist: bcrypt==4.3.0
+Requires-Dist: asgiref
+Requires-Dist: dnspython==2.8.0
+Requires-Dist: feedparser==6.0.12
+Requires-Dist: fido2==2.0.0
+Requires-Dist: gevent==25.9.1
+Requires-Dist: progressbar33==2.4
+Requires-Dist: python-dateutil
+Requires-Dist: cryptography
+Requires-Dist: pytz
+Requires-Dist: requests
+Requires-Dist: lxml_html_clean
+Requires-Dist: chardet
+Requires-Dist: ovh
+Requires-Dist: oath
+Requires-Dist: packaging
+Requires-Dist: redis>=4.2.0rc1
+Requires-Dist: rrdtool-bindings>=0.2.0
+Requires-Dist: qrcode
+Requires-Dist: aiosmtplib
+Requires-Dist: reportlab
+Requires-Dist: tldextract>=2.0.2
+Requires-Dist: defusedxml>=0.6.0
+Requires-Dist: python-magic>=0.4.24
+Requires-Dist: rq>=1.13.0
+Requires-Dist: django-rq
+Requires-Dist: sievelib>=1.4.1
+Requires-Dist: drf-nested-routers
+Requires-Dist: vobject
+Requires-Dist: caldav==2.1.2
+Requires-Dist: html2text
+Requires-Dist: idna
+Provides-Extra: dev
+Requires-Dist: django-debug-toolbar; extra == "dev"
+Requires-Dist: pre-commit; extra == "dev"
+Requires-Dist: black; extra == "dev"
+Requires-Dist: ruff; extra == "dev"
+Requires-Dist: django-extensions; extra == "dev"
+Requires-Dist: Werkzeug; extra == "dev"
+Requires-Dist: pyOpenSSL; extra == "dev"
+Provides-Extra: mysql
+Requires-Dist: mysqlclient<2.2.8; extra == "mysql"
+Provides-Extra: postgresql
+Requires-Dist: psycopg[binary]>=3.1; extra == "postgresql"
+Provides-Extra: test
+Requires-Dist: argon2-cffi>=16.1.0; extra == "test"
+Requires-Dist: factory-boy<3.4.0; extra == "test"
+Requires-Dist: httmock==1.4.0; extra == "test"
+Requires-Dist: testfixtures==8.3.0; extra == "test"
+Requires-Dist: tox; extra == "test"
+Provides-Extra: ldap
+Requires-Dist: django-auth-ldap<6.0.0; extra == "ldap"
+Dynamic: license-file
+
+############################################
+Modoboa (`website <https://modoboa.org/>`_)
+############################################
+
+|workflow| |codecov| |latest-version|
+
+`Modoboa <https://modoboa.org>`_ is a mail hosting and management platform including a modern
+and simplified Web User Interface. It provides useful components such
+as an administration panel and webmail.
+
+Modoboa integrates with well known software such as `Postfix
+<http://postfix.org/>`_ or `Dovecot <http://dovecot.org/>`_. A SQL
+database (`MySQL <http://www.mysql.com>`_, `PostgreSQL
+<http://www.postgresql.org/>`_ or `SQLite <http://www.sqlite.org>`_)
+is used as a central point of communication between all components.
+
+Modoboa is developed with modularity in mind, expanding it is really
+easy. Actually, all current features are extensions.
+
+It is written in Python 3 and uses the `Django
+<https://www.djangoproject.com>`_ and `Vue <https://vuejs.org/>`_
+frameworks.
+
+*************
+Main features
+*************
+
+* Administration panel
+* Reputation protection: `DNSBL <https://en.wikipedia.org/wiki/DNSBL>`_ checks, `DMARC <https://dmarc.org/>`_ `reports <https://github.com/modoboa/modoboa-dmarc>`_ and more
+* `Amavis <http://www.amavis.org>`_ `frontend <https://github.com/modoboa/modoboa-amavis>`_
+* Webmail 
+* Calendar
+* Address book
+* Per-user Sieve filters
+* Autoreply messages 
+* Graphical statistics about email traffic
+
+************
+Installation
+************
+
+The easiest way to install modoboa is to use the
+`official installer <https://github.com/modoboa/modoboa-installer>`_.
+More information is available in the documentation.
+
+*************
+Documentation
+*************
+
+A detailed `documentation <https://modoboa.readthedocs.io/>`_ will help you
+to install, use or extend Modoboa.
+
+*****************
+Demo Installation
+*****************
+
+If you want to try out Modoboa, check out our `demo installation <https://demo.modoboa.org/>`_.
+
+************
+Getting help
+************
+
+Modoboa is a free software and is totally open source BUT you can hire the team if you need professional services. More information here: https://modoboa.org/en/professional-services/.
+
+Contracting a support plan is a good way to ensure your installation stays available and up-to-date and it will help the project to be sustainable :)
+
+*********
+Community
+*********
+
+If you have any questions, you can get help through the following platforms:
+
+* `Discord <https://discord.gg/WuQ3v3PXGR>`_
+* Github: open an issue if you found a bug
+
+.. |latest-version| image:: https://img.shields.io/pypi/v/modoboa.svg
+   :target: https://pypi.python.org/pypi/modoboa/
+   :alt: Latest version on Pypi
+.. |workflow| image:: https://github.com/modoboa/modoboa/actions/workflows/modoboa.yml/badge.svg
+.. |codecov| image:: https://codecov.io/gh/modoboa/modoboa/graph/badge.svg?token=1E5eBxJO33
+   :target: https://codecov.io/gh/modoboa/modoboa

modoboa-2.6.4/docker/Dockerfile.front.dev

@@ -0,0 +1,10 @@
+FROM node:20.19-alpine
+
+ENV HOME=/home/node/
+
+RUN apk add --no-cache --update gettext \
+    && rm -rf /var/cache/apk/*
+
+WORKDIR $HOME
+
+RUN yarn install --dev

modoboa-2.6.4/frontend/package.json

@@ -0,0 +1,58 @@
+{
+  "name": "frontend",
+  "version": "3.0.0",
+  "type": "module",
+  "private": true,
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview",
+    "lint": "eslint . --ext .js,.vue --fix src",
+    "lint-no-fix": "eslint --ext .js,.vue src",
+    "format": "prettier . --write",
+    "format-specific": "prettier --write",
+    "gettext:extract": "vue-gettext-extract",
+    "gettext:compile": "vue-gettext-compile"
+  },
+  "dependencies": {
+    "@fullcalendar/core": "^6.1.15",
+    "@fullcalendar/daygrid": "^6.1.15",
+    "@fullcalendar/interaction": "^6.1.15",
+    "@fullcalendar/timegrid": "^6.1.15",
+    "@fullcalendar/vue3": "^6.1.15",
+    "@mdi/font": "^7.3.67",
+    "@tiptap/extension-highlight": "^3.11.0",
+    "@tiptap/extension-text-align": "^3.11.0",
+    "@tiptap/pm": "^3.11.0",
+    "@tiptap/starter-kit": "^3.11.0",
+    "@tiptap/vue-3": "^3.11.0",
+    "apexcharts": "^5.3.5",
+    "axios": "^1.12.0",
+    "core-js": "^3.37.1",
+    "debounce": "^2.1.0",
+    "filesize": "^10.1.6",
+    "js-cookie": "^3.0.5",
+    "luxon": "^3.4.4",
+    "oidc-client-ts": "^3.4.1",
+    "pinia": "^3.0.4",
+    "qrcode.vue": "^3.6.0",
+    "roboto-fontface": "*",
+    "vue": "^3.4.31",
+    "vue-router": "^4.6.3",
+    "vue3-apexcharts": "^1.10.0",
+    "vue3-gettext": "^4.0.0-beta.1",
+    "vuetify": "^3.10.11"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-basic-ssl": "^1.1.0",
+    "@vitejs/plugin-vue": "^5.0.5",
+    "eslint": "^9.6.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-vue": "^9.27.0",
+    "prettier": "^3.3.2",
+    "sass": "1.77.1",
+    "unplugin-fonts": "^1.0.3",
+    "vite": "^6.4.1",
+    "vite-plugin-vuetify": "^2.0.3"
+  }
+}

modoboa-2.6.4/frontend/src/api/account.js

@@ -0,0 +1,131 @@
+import repository from './repository'
+
+const resource = 'account'
+
+export default {
+  getMe() {
+    return repository.get(`/${resource}/me/`)
+  },
+  updateMe(data) {
+    return repository.put(`/${resource}/me/`, data)
+  },
+  checkPassword(value) {
+    return repository.post(`/${resource}/me/password/`, { password: value })
+  },
+  setPassword(data) {
+    return repository.post(`/${resource}/me/password/change/`, data, {
+      ignoreErrors: true,
+    })
+  },
+  verifyTFACode(code) {
+    const payload = { code }
+    return repository.post(`${resource}/tfa/verify/`, payload)
+  },
+  startTFASetup() {
+    return repository.post(`${resource}/tfa/setup/`)
+  },
+  getKeyForTFASetup() {
+    return repository.get(`${resource}/tfa/setup/key/`)
+  },
+  finalizeTFASetup(pinCode) {
+    const payload = { pin_code: pinCode }
+    return repository.post(`${resource}/tfa/setup/check/`, payload)
+  },
+  disableTFA(data) {
+    return repository.post(`${resource}/tfa/disable/`, data)
+  },
+  resetRecoveryCodes(data) {
+    return repository.post(`${resource}/tfa/reset_codes/`, data)
+  },
+  getForward() {
+    return repository.get(`${resource}/forward/`)
+  },
+  setForward(data) {
+    return repository.post(`${resource}/forward/`, data)
+  },
+  getAPIToken() {
+    return repository.get(`${resource}/api_token/`)
+  },
+  createAPIToken() {
+    return repository.post(`${resource}/api_token/`)
+  },
+  deleteAPIToken() {
+    return repository.delete(`${resource}/api_token/`)
+  },
+  getARMessage() {
+    return repository.get(`${resource}/armessage/`)
+  },
+  setARMessage(data) {
+    return repository.put(`${resource}/armessage/`, data)
+  },
+  getFilterSets() {
+    return repository.get(`${resource}/filtersets/`)
+  },
+  downloadFilterSet(filterSetName) {
+    return repository.get(`${resource}/filtersets/${filterSetName}/download/`)
+  },
+  createFilterSet(data) {
+    return repository.post(`${resource}/filtersets/`, data)
+  },
+  activateFilterSet(filterSetName) {
+    return repository.post(`${resource}/filtersets/${filterSetName}/activate/`)
+  },
+  deactivateActiveFilterSet() {
+    return repository.post(`${resource}/filtersets/deactivate_active/`)
+  },
+  deleteFilterSet(filterSetName) {
+    return repository.delete(`${resource}/filtersets/${filterSetName}/`)
+  },
+  saveFilterSet(filterSetName, data) {
+    return repository.put(`${resource}/filtersets/${filterSetName}/`, data)
+  },
+  getFilterConditionTemplates() {
+    return repository.get(`${resource}/filtersets/condition_templates/`)
+  },
+  getFilterActionTemplates() {
+    return repository.get(`${resource}/filtersets/action_templates/`)
+  },
+  getFilters(filterSetName) {
+    return repository.get(`${resource}/filtersets/${filterSetName}/filters/`)
+  },
+  createFilter(filterSetName, data) {
+    return repository.post(
+      `${resource}/filtersets/${filterSetName}/filters/`,
+      data
+    )
+  },
+  updateFilter(filterSetName, filter, data) {
+    return repository.put(
+      `${resource}/filtersets/${filterSetName}/filters/${filter}/`,
+      data
+    )
+  },
+  disableFilter(filterSetName, filter) {
+    return repository.post(
+      `${resource}/filtersets/${filterSetName}/filters/${filter}/disable/`
+    )
+  },
+  moveFilterDown(filterSetName, filter) {
+    return repository.post(
+      `${resource}/filtersets/${filterSetName}/filters/${filter}/move_down/`
+    )
+  },
+  moveFilterUp(filterSetName, filter) {
+    return repository.post(
+      `${resource}/filtersets/${filterSetName}/filters/${filter}/move_up/`
+    )
+  },
+  enableFilter(filterSetName, filter) {
+    return repository.post(
+      `${resource}/filtersets/${filterSetName}/filters/${filter}/enable/`
+    )
+  },
+  deleteFilter(filterSetName, filter) {
+    return repository.delete(
+      `${resource}/filtersets/${filterSetName}/filters/${filter}/`
+    )
+  },
+  getAvailableApplications() {
+    return repository.get(`${resource}/available_applications/`)
+  },
+}

modoboa-2.6.4/frontend/src/api/webmail.js

@@ -0,0 +1,131 @@
+import repository from './repository'
+
+export default {
+  getUserMailboxes(mailbox) {
+    const params = {}
+    if (mailbox) {
+      params.mailbox = mailbox
+    }
+    return repository.get('/webmail/mailboxes/', { params })
+  },
+  getUserMailboxQuota(mailbox) {
+    const params = { mailbox }
+    return repository.get('/webmail/mailboxes/quota/', { params })
+  },
+  getUserMailboxUnseen(mailbox) {
+    const params = { mailbox }
+    return repository.get('webmail/mailboxes/unseen/', { params })
+  },
+  createUserMailbox(body) {
+    return repository.post('/webmail/mailboxes/', body)
+  },
+  renameUserMailbox(body) {
+    return repository.post('/webmail/mailboxes/rename/', body)
+  },
+  compressUserMailbox(body) {
+    return repository.post('/webmail/mailboxes/compress/', body)
+  },
+  deleteUserMailbox(body) {
+    return repository.post('/webmail/mailboxes/delete/', body)
+  },
+  emptyUserMailbox(mailbox) {
+    const body = { name: mailbox }
+    return repository.post('/webmail/mailboxes/empty/', body)
+  },
+  getMailboxEmails(mailbox, options) {
+    const params = {
+      mailbox,
+      ...options,
+    }
+    return repository.get(`/webmail/emails/`, { params })
+  },
+  getEmailContent(mailbox, mailid, options) {
+    const params = {
+      mailbox,
+      mailid,
+      ...options,
+    }
+    return repository.get(`/webmail/emails/content/`, { params })
+  },
+  getEmailSource(mailbox, mailid) {
+    const params = {
+      mailbox,
+      mailid,
+    }
+    return repository.get(`/webmail/emails/source/`, { params })
+  },
+  getEmailAttachment(mailbox, mailid, partnum) {
+    const params = {
+      mailbox,
+      mailid,
+      partnum,
+    }
+    return repository.get(`/webmail/emails/attachment/`, {
+      params,
+      responseType: 'blob',
+    })
+  },
+  moveSelection(source, destination, selection) {
+    const body = {
+      source,
+      destination,
+      selection,
+    }
+    return repository.post('/webmail/emails/move/', body)
+  },
+  deleteSelection(source, selection) {
+    const body = {
+      source,
+      selection,
+    }
+    return repository.post('/webmail/emails/delete/', body)
+  },
+  markSelectionAsJunk(source, selection) {
+    const body = {
+      source,
+      selection,
+    }
+    return repository.post('/webmail/emails/mark_as_junk/', body)
+  },
+  markSelectionAsNotJunk(source, selection) {
+    const body = {
+      source,
+      selection,
+    }
+    return repository.post('/webmail/emails/mark_as_not_junk/', body)
+  },
+  flagSelection(mailbox, selection, status) {
+    const body = {
+      mailbox,
+      selection,
+      status,
+    }
+    return repository.post('/webmail/emails/flag/', body)
+  },
+  sendEmailFromComposeSession(uid, body) {
+    return repository.post(`/webmail/compose-sessions/${uid}/send/`, body)
+  },
+  getComposeSession(uid) {
+    return repository.get(`/webmail/compose-sessions/${uid}/`)
+  },
+  createComposeSession() {
+    return repository.post('/webmail/compose-sessions/')
+  },
+  getAllowedSenders() {
+    return repository.get('/webmail/compose-sessions/allowed_senders/')
+  },
+  uploadAttachment(sessionUid, body) {
+    return repository.post(
+      `/webmail/compose-sessions/${sessionUid}/attachments/`,
+      body,
+      {
+        headers: { 'Content-Type': 'multipart/form-data' },
+      }
+    )
+  },
+  removeAttachment(sessionUid, name) {
+    return repository.delete(
+      `/webmail/compose-sessions/${sessionUid}/attachments/${name}/`
+    )
+  },
+}

modoboa-2.6.4/frontend/src/components/admin/domains/DKIMKeyViewer.vue

@@ -0,0 +1,36 @@
+<template>
+  <button class="dkimbutton" @click="copyDKIM()">
+    <pre id="dkimdns" class="dkim"
+      >{{ domain.dkim_key_selector }}._domainkey.{{ domain.name }}. IN TXT ({{
+        splitKey
+      }})</pre
+    >
+  </button>
+</template>
+
+<script setup lang="js">
+import { computed } from 'vue'
+
+const props = defineProps({
+  domain: { type: Object, default: null },
+})
+
+const splitKey = computed(() => {
+  let key = `v=DKIM1;k=rsa;p=${props.domain.dkim_public_key}`
+  const result = []
+  while (key.length > 0) {
+    if (key.length > 74) {
+      result.push(`  "${key.substring(0, 74)}"`)
+      key = key.substring(74)
+    } else {
+      result.push(`  "${key}"`)
+      break
+    }
+  }
+  return result.join('\n')
+})
+
+function copyDKIM() {
+  navigator.clipboard.writeText(document.getElementById('dkimdns').textContent)
+}
+</script>

modoboa-2.6.4/frontend/src/components/admin/domains/DomainAliasForm.vue

@@ -0,0 +1,136 @@
+<template>
+  <v-card>
+    <v-form ref="vFormRef" @submit.prevent="submit">
+      <v-card-title>
+        <span class="headline">{{ title }}</span>
+      </v-card-title>
+      <v-card-text>
+        <label class="m-label">{{ $gettext('Name') }}</label>
+        <v-text-field
+          v-model="form.name"
+          variant="outlined"
+          density="compact"
+          :rules="[rules.required]"
+        />
+        <label class="m-label">{{ $gettext('Choose a domain') }}</label>
+        <v-autocomplete
+          v-model="form.target"
+          v-model:search="search"
+          :items="domains"
+          item-title="name"
+          item-value="pk"
+          :rules="[rules.required]"
+          variant="outlined"
+          density="compact"
+          clearable
+          @update:search="fetchDomainsDelayed"
+        />
+        <v-switch v-model="form.enabled" label="Enabled" color="primary" />
+      </v-card-text>
+      <v-card-actions>
+        <v-spacer></v-spacer>
+        <v-btn :loading="working" @click="emit('close')">
+          {{ $gettext('Close') }}
+        </v-btn>
+        <v-btn
+          v-if="domainAlias && domainAlias.pk"
+          color="error"
+          :loading="working"
+          @click="deleteAlias"
+        >
+          {{ $gettext('Delete') }}
+        </v-btn>
+        <v-btn color="primary" type="submit" :loading="working">
+          {{ submitLabel }}
+        </v-btn>
+      </v-card-actions>
+    </v-form>
+  </v-card>
+</template>
+
+<script setup>
+import { useGettext } from 'vue3-gettext'
+import { computed, ref, onMounted } from 'vue'
+import debounce from 'debounce'
+import { useBusStore } from '@/stores'
+import rules from '@/plugins/rules.js'
+import domainsApi from '@/api/domains'
+
+const { $gettext } = useGettext()
+
+const emit = defineEmits(['close', 'aliasDeleted'])
+const { displayNotification } = useBusStore()
+
+const props = defineProps({
+  domainAlias: { type: Object, default: () => null },
+})
+
+const domains = ref([])
+const form = ref({ enabled: true })
+const working = ref(false)
+const vFormRef = ref()
+const search = ref('')
+
+const submitLabel = computed(() => {
+  return props.domainAlias ? $gettext('Update') : $gettext('Add')
+})
+
+const title = computed(() =>
+  props.domainAlias
+    ? $gettext('Edit domain alias')
+    : $gettext('Add a new domain alias')
+)
+
+async function deleteAlias() {
+  working.value = true
+  try {
+    await domainsApi.deleteDomainAlias(props.domainAlias.pk)
+    displayNotification({ msg: $gettext('Domain alias deleted') })
+    emit('aliasDeleted')
+    emit('close')
+  } finally {
+    working.value = false
+  }
+}
+
+function fetchDomains() {
+  const params = {
+    page_size: 0,
+  }
+  if (search.value) {
+    params.search = search.value
+  }
+  domainsApi.getDomains(params).then((resp) => {
+    domains.value = resp.data.results
+  })
+}
+const fetchDomainsDelayed = debounce(fetchDomains, 500)
+
+async function submit() {
+  const { valid } = await vFormRef.value.validate()
+  if (!valid) {
+    return
+  }
+  working.value = true
+  try {
+    if (!form.value.pk) {
+      await domainsApi.createDomainAlias(form.value)
+      displayNotification({ msg: $gettext('Domain alias created') })
+    } else {
+      const data = JSON.parse(JSON.stringify(form.value))
+      await domainsApi.updateDomainAlias(props.domainAlias.pk, data)
+      displayNotification({ msg: $gettext('Domain alias updated') })
+    }
+    emit('close')
+  } finally {
+    working.value = false
+  }
+}
+
+onMounted(() => {
+  fetchDomains()
+  if (props.domainAlias) {
+    form.value = JSON.parse(JSON.stringify(props.domainAlias))
+  }
+})
+</script>