@kalisio/kdk 2.6.3 → 2.7.0

package/core/api/application.js

@@ -16,14 +16,12 @@ import configuration from '@feathersjs/configuration'
 import errors from '@feathersjs/errors'
 import express, { authenticate } from '@feathersjs/express'
 import socketio from '@feathersjs/socketio'
-import mongodb from 'mongodb'
-import { Database, idToString } from './db.js'
+import { Database, isObjectID, idToString } from './db.js'
 import auth from './authentication.js'
 
 const debug = makeDebug('kdk:core:application')
 const debugLimiter = makeDebug('kdk:core:application:limiter')
 const { TooManyRequests, Forbidden, BadRequest } = errors
-const { ObjectID } = mongodb
 const { rest } = express
 const sift = siftModule.default
 
@@ -507,7 +505,7 @@ export function kdk (config = {}) {
         return app.service(app.get('apiPath') + '/' + context + '/' + path)
       } else if (context && typeof context === 'object') {
         // Could be Object ID or raw object
-        if (ObjectID.isValid(context)) return app.service(app.get('apiPath') + '/' + context.toString() + '/' + path)
+        if (isObjectID(context)) return app.service(app.get('apiPath') + '/' + context.toString() + '/' + path)
         else return app.service(app.get('apiPath') + '/' + context._id.toString() + '/' + path)
       } else {
         return app.service(app.get('apiPath') + '/' + path)

package/core/api/authentication.js

@@ -4,15 +4,14 @@ import qs from 'qs'
 import 'winston-daily-rotate-file'
 // import { RateLimiter } from 'limiter'
 import HttpLimiter from 'express-rate-limit'
-import mongodb from 'mongodb'
 import errors from '@feathersjs/errors'
 import { AuthenticationService, JWTStrategy } from '@feathersjs/authentication'
 import { LocalStrategy } from '@feathersjs/authentication-local'
 import OAuth from '@feathersjs/authentication-oauth'
 import PasswordValidator from 'password-validator'
+import { isValidObjectID } from './db.js'
 
 const debug = makeDebug('kdk:core:authentication')
-const { ObjectID } = mongodb
 const { oauth, OAuthStrategy } = OAuth
 const { NotAuthenticated } = errors
 
@@ -139,7 +138,7 @@ export class JWTAuthenticationStrategy extends JWTStrategy {
     // Return basic information for a stateless token otherwise
     if (payload.sub) {
       // Check for a valid MongoDB ID
-      if (ObjectID.isValid(payload.sub)) {
+      if (isValidObjectID(payload.sub)) {
         const entityId = await this.getEntityId(result, params)
         const value = await this.getEntity(entityId, params)
 

package/core/api/db.js

@@ -12,13 +12,21 @@ Object.getPrototypeOf(moment()).toBSON = function () {
   return this.toDate()
 }
 
+// Check if a given object is an instance of MongoDB ObjectID
 export function isObjectID (id) {
   return id && (typeof id.toHexString === 'function') && (typeof id.getTimestamp === 'function')
 }
+// Check if a given string is a valid MongoDB ObjectID
+export function isValidObjectID (id) {
+  // We don't use ObjectID.isValid as it returns true for any string that contains 12 characters: https://jira.mongodb.org/browse/NODE-4912.
+  // Regular expression that checks for hex value
+  const checkForHexRegExp = /^[0-9a-fA-F]{24}$/
+  return (id && (id.length === 24) && checkForHexRegExp.test(id))
+}
 
 export function idToString (id) {
   return (typeof id === 'object'
-    ? (ObjectID.isValid(id)
+    ? (isObjectID(id)
         ? id.toString()
         : idToString(id._id))
     : id)
@@ -28,7 +36,7 @@ export function createObjectID (id) {
   // This ensure it works even if id is already an ObjectID
   if (isObjectID(id)) return id
   // Take care that numbers could be a valid object ID
-  else if ((typeof id === 'number') || !ObjectID.isValid(id)) return null
+  else if ((typeof id === 'number') || !isValidObjectID(id)) return null
   else {
     const objectId = new ObjectID(id)
     // It appears that ObjectID.isValid is not reliable in some driver versions, see eg https://jira.mongodb.org/browse/NODE-3760

package/core/api/hooks/hooks.authorisations.js

@@ -187,11 +187,12 @@ export async function authorise (hook) {
     const authorisationService = hook.app.getService('authorisations')
     let subject = hook.params.user
     const payload = _.get(hook.params, 'authentication.payload')
+    const subjectId = payload && (payload.sub || payload.appId)
     if (payload) {
       // If no user we allow for a stateless token with permissions inside, e.g.
       // token targeting API gateway (sub = keyId) or app used through iframe (appId = keyId)
-      if (!subject && (payload.sub || payload.appId)) {
-        subject = Object.assign({ _id: (payload.sub || payload.appId) }, payload)
+      if (!subject && subjectId) {
+        subject = Object.assign({ _id: subjectId }, payload)
       } else if (subject) { // Otherwise we allow to "extend" user abilities by providing additional information in the token
         subject = Object.assign(subject, _.omit(payload, ['aud', 'iss', 'exp', 'sub', 'iat', 'jti', 'nbf']))
       }
@@ -232,6 +233,7 @@ export async function authorise (hook) {
           _.merge(hook.params.query, dbQuery)
         } else {
           if (operation === 'find') { // You don't have right to read any items but you have access to the service so the result is empty
+            debug('Service access granted but no resource allowed')
             hook.result = (!_.get(hook, 'params.paginate', true) ? [] : { total: 0, skip: 0, data: [] })
           } else { // You don't have the right to update/patch/remove any items so any tentative should throw
             debug('Resource access not granted')

package/core/api/hooks/hooks.push.js

@@ -21,7 +21,11 @@ export async function sendNewSubscriptionEmail (hook) {
   const currentUser = hook.result
   const previousUser = hook.params.user
   // If we can't compare abort, eg f-a-m might patch user to update tokens
-  if (!currentUser || !previousUser) return 
+  if (!currentUser || !previousUser) return
+  // Or an app might allow a user to patch another for eg permissions management
+  const currentUserId = (currentUser._id ? currentUser._id.toString() : null)
+  const previousUserId = (previousUser._id ? previousUser._id.toString() : null)
+  if (!currentUserId || !previousUserId || (currentUserId !== previousUserId)) return 
   // Retrieve the last subscription
   const lastSubscription = _.last(_.get(currentUser, 'subscriptions', []))
   if (!lastSubscription) return
@@ -33,7 +37,7 @@ export async function sendNewSubscriptionEmail (hook) {
     debug('Last subscription uses an existing fingerprint')
     return
   }
-  debug('Last subscription uses uses a new fingerprint')
+  debug('Last subscription uses a new fingerprint')
   // Send an email to notify the user
   const domainPath = app.get('domain') + '/#/'
   const email = {

package/core/api/hooks/hooks.query.js

@@ -1,8 +1,9 @@
 import _ from 'lodash'
-import { marshallComparisonFields, marshallTime, marshallBooleanFields, marshallNumberFields, marshallDateFields } from '../marshall.js'
 import mongodb from 'mongodb'
 import errors from '@feathersjs/errors'
 import makeDebug from 'debug'
+import { marshallComparisonFields, marshallTime, marshallBooleanFields, marshallNumberFields, marshallDateFields } from '../marshall.js'
+import { isValidObjectID, isObjectID } from '../db.js'
 import { makeDiacriticPattern } from '../../common/utils.js'
 
 const { ObjectID } = mongodb
@@ -123,12 +124,12 @@ export function populateObject (options) {
     // Set the retrieved service on the same field or given one in hook params
     _.set(params, serviceProperty, service)
     // Let it work with id/name string or real object
-    if (typeof id === 'string' || ObjectID.isValid(id)) {
+    if (typeof id === 'string' || isObjectID(id)) {
       const args = { user: hook.params.user }
       let object
       try {
         // Get by ID or name ?
-        if (ObjectID.isValid(id)) {
+        if (isObjectID(id) || isValidObjectID(id)) {
           object = await service.get(id.toString(), args)
         } else {
           Object.assign(args, { query: { name: id.toString() }, paginate: false })
@@ -219,11 +220,11 @@ export function populateObjects (options) {
     } else {
       debug(`Populating ${idProperty} with ID ${id}`)
       // Let it work with id/name string or real object
-      if (typeof id === 'string' || ObjectID.isValid(id)) {
+      if (typeof id === 'string' || isObjectID(id)) {
         let object
         try {
           // Get by ID or name ?
-          if (ObjectID.isValid(id)) {
+          if (isObjectID(id) || isValidObjectID(id)) {
             object = await service.get(id.toString(), { user: hook.params.user })
           } else {
             const results = await service.find({ query: { name: id.toString() }, paginate: false, user: hook.params.user })
@@ -254,15 +255,31 @@ export function unpopulateObjects (options) {
   return unpopulateObject(options)
 }
 
-// Used to manage diacritic insensitive fuzzy search
-export function diacriticSearch (options = {}) {
-  return hook => {
-    const query = hook.params.query
-    _.forOwn(query, (value, key) => {
-      if (value.$regex && value.$regex.source && !value.$diacriticSensitive) {
+// Recursively transform any $regex on object to a new $regex managing diacritics.
+// Will flag the regex items with a diacritic property in order to avoid do it twice.
+export function toDiacriticRegex(object) {
+  if (Array.isArray(object)) {
+    object.forEach(toDiacriticRegex)
+  } else if (typeof object === 'object') {
+    _.forOwn(object, (value, key) => {
+      if (!value) return
+      // Check if applicable
+      if (value.$regex && !value.$regex.diacritic && value.$regex.source && !value.$diacriticSensitive) {
         // Take care to support as well case sensitivity by keeping flags
-        query[key].$regex = new RegExp(makeDiacriticPattern(value.$regex.source), value.$regex.flags)
+        value.$regex = new RegExp(makeDiacriticPattern(value.$regex.source), value.$regex.flags)
+        // Custom internal property to make the hook reentrant
+        value.$regex.diacritic = true
+      } else {
+        toDiacriticRegex(value)
       }
     })
   }
 }
+
+// Used to manage diacritic insensitive fuzzy search
+export function diacriticSearch (options = {}) {
+  return hook => {
+    const query = hook.params.query
+    if (query) toDiacriticRegex(query)
+  }
+}

package/core/api/hooks/hooks.users.js

@@ -3,9 +3,8 @@ import makeDebug from 'debug'
 import generateRandomPassword from 'password-generator'
 import common from 'feathers-hooks-common'
 import errors from '@feathersjs/errors'
-import { Roles, RoleNames } from '../../common/permissions.js'
 import authManagement from 'feathers-authentication-management'
-
+import { createObjectID } from '../db.js'
 const { Forbidden, BadRequest } = errors
 const { getItems, replaceItems } = common
 const verifyHooks = authManagement.hooks
@@ -21,23 +20,37 @@ export function allowLocalAuthentication (context) {
   return _.get(context.app.get('authentication'), 'authStrategies', []).includes('local')
 }
 
-export function isNotMe (context) {
-  const userId = _.toString(_.get(context.params, 'user._id'))
-  if (_.isEmpty(userId)) throw new Forbidden('Not authenticated')
-  // Before hook
-  if (context.type === 'before') {
-    if (context.method === 'find') {
-      context.params.query = {
-        ...context.params.query,
-        _id: userId
-      }
-      return context
+export function onlyMe (options = { throwOnMissingUser: true }) {
+  return function (context) {
+    if (context.type !== 'before') {
+      throw new Error('The \'onlyMe\' hook should only be used as a \'before\' hook.')
     }
-    return _.toString(context.id) !== userId
+    const userId = _.toString(_.get(context.params, 'user._id'))
+    if (userId) {
+      _.set(context.params, 'query._id', createObjectID(userId))
+    } else if (options.throwOnMissingUser) {
+      throw new Forbidden('This operation is subject to user identify check but none can be found')
+    }
+  }
+}
+
+export function isNotMe (options = { throwOnMissingUser: false }) {
+  return function (context) {
+    const userId = _.get(context.params, 'user._id')
+    // As no user to compare with can't be me
+    if (_.isNil(userId)) {
+      if (options.throwOnMissingUser) throw new Forbidden('This operation is subject to user identify check but none can be found')
+      else return true
+  }
+    // Manage get/update/patch/remove before hook
+    if (context.id) return (_.toString(context.id) !== _.toString(userId))
+    // Manage after hook including multi-operations
+    let items = getItems(context)
+    if (!Array.isArray(items)) items = [items]
+    items = items.filter(item => _.toString(item._id) !== _.toString(userId))
+    // If any item not targetting myself
+    return items.length > 0
   }
-  // After hook
-  const item = getItems(context)
-  return _.toString(item._id) !== userId
 }
 
 export function enforcePasswordPolicy (options = {}) {

package/core/api/models/configurations.model.mongodb.js

@@ -0,0 +1,4 @@
+export default function (app, options) {
+  const db = options.db || app.db
+  options.Model = db.collection('configurations')
+}

package/core/api/services/authorisations/authorisations.service.js

@@ -60,7 +60,7 @@ export default {
       let resources = _.remove(scope, resource => resource._id && (resource._id.toString() === id.toString()))
       if (resources.length === 0) {
         // Fallback as name
-        resources = _.remove(scope, resource => resource.name && (resource.name === id))
+        resources = _.remove(scope, resource => resource.name && (resource.name === id.toString()))
       }
       if (resources.length > 0) {
         // This cover the case when we create the scope on the first auth,

package/core/api/services/configurations/configurations.hooks.js

@@ -0,0 +1,33 @@
+import commonHooks from 'feathers-hooks-common'
+
+export default {
+  before: {
+    all: [],
+    find: [],
+    get: [],
+    create: [commonHooks.disallow('external')],
+    update: [commonHooks.disallow()],
+    patch: [],
+    remove: [commonHooks.disallow()]
+  },
+
+  after: {
+    all: [],
+    find: [],
+    get: [],
+    create: [],
+    update: [],
+    patch: [],
+    remove: []
+  },
+
+  error: {
+    all: [],
+    find: [],
+    get: [],
+    create: [],
+    update: [],
+    patch: [],
+    remove: []
+  }
+}

package/core/api/services/index.js

@@ -3,6 +3,7 @@ import path from 'path'
 import makeDebug from 'debug'
 import { fileURLToPath } from 'url'
 import mongodb from 'mongodb'
+import { isValidObjectID } from '../db.js'
 const { ObjectID } = mongodb
 
 const __dirname = path.dirname(fileURLToPath(import.meta.url))
@@ -18,11 +19,8 @@ export function getServiceNameAndContext (servicePath) {
   // Then without context if any
   const lastSlash = name.lastIndexOf('/')
   const contextId = (lastSlash >= 0 ? name.substring(0, lastSlash) : '')
-  // Check if a string is a valid MongoDB Object ID.
-  // We don't use ObjectID.isValid as it returns true for any string that contains 12 characters: https://jira.mongodb.org/browse/NODE-4912.
-  // Regular expression that checks for hex value
-  const checkForHexRegExp = /^[0-9a-fA-F]{24}$/
-  if (contextId && (contextId.length === 24) && checkForHexRegExp.test(contextId)) {
+  // Check if it is a valid MongoDB Object ID otherwise it is not a context string
+  if (isValidObjectID(contextId)) {
     name = name.replace(contextId + '/', '')
     return { name, contextId }
   } else {
@@ -80,6 +78,36 @@ export function removeMessagesService (options = {}) {
   return app.removeService(app.getService('messages', options.context))
 }
 
+export function createConfigurationsService (options = {}) {
+  const app = this
+  return app.createService('configurations', Object.assign({
+    servicesPath,
+    modelsPath
+  }, options))
+}
+
+export async function createDefaultConfigurations (context) {
+  const app = this
+  const defaultConfigurations = app.get('defaultConfigurations')
+  if (!defaultConfigurations) return
+  const configurationsService = app.getService('configurations', context)
+  // Create default configurations if not already done
+  const configurations = await configurationsService.find({ paginate: false })
+  for (let i = 0; i < defaultConfigurations.length; i++) {
+    const defaultConfiguration = defaultConfigurations[i]
+    const createdConfiguration = _.find(configurations, { name: defaultConfiguration.name })
+    if (!createdConfiguration) {
+      app.logger.info('Initializing default configuration (name = ' + defaultConfiguration.name + ')')
+      await configurationsService.create(defaultConfiguration)
+    }
+  }
+}
+
+export function removeConfigurationsService (options = {}) {
+  const app = this
+  return app.removeService(app.getService('configurations', options.context))
+}
+
 export function createDatabasesService (options = {}) {
   const app = this
 
@@ -101,11 +129,11 @@ export function createTagsService (options = {}) {
   }, options))
 }
 
-export async function createDefaultTags () {
+export async function createDefaultTags (context) {
   const app = this
   const defaultTags = app.get('tags').defaultTags
   if (!defaultTags) return
-  const tagsService = app.getService('tags')
+  const tagsService = app.getService('tags', context)
   // Create default tags if not already done
   const tags = await tagsService.find({ paginate: false })
   for (let i = 0; i < defaultTags.length; i++) {
@@ -177,4 +205,10 @@ export default async function () {
     await createTagsService.call(app, tagsConfig)
     debug('\'tags\' service created')
   }
+
+  const configurationsConfig = app.get('configurations')
+  if (configurationsConfig) {
+    await createConfigurationsService.call(app, configurationsConfig)
+    debug('\'configurations\' service created')
+  }
 }

package/core/api/services/messages/messages.hooks.js

@@ -11,9 +11,15 @@ export default {
       marshallComparisonQuery
     ],
     get: [],
-    create: [commonHooks.setNow('createdAt')],
-    update: [],
-    patch: [],
+    create: [commonHooks.setNow('createdAt', 'updatedAt')],
+    update: [
+      commonHooks.discard('createdAt', 'updatedAt'),
+      commonHooks.setNow('updatedAt')
+    ],
+    patch: [
+      commonHooks.discard('createdAt', 'updatedAt'),
+      commonHooks.setNow('updatedAt')
+    ],
     remove: []
   },
 

package/core/client/api.js

@@ -9,6 +9,7 @@ import { rx as reactive } from 'feathers-reactive'
 import createOfflineService from '@kalisio/feathers-localforage'
 import configuration from 'config'
 import { permissions } from '../common/index.js'
+import { Context } from './context.js'
 import { Store } from './store.js'
 import { LocalCache } from './local-cache.js'
 import { Events } from './events.js'
@@ -103,10 +104,14 @@ export async function createClient (config) {
     let service
     // If a context is given use it
     if (!_.isEmpty(context)) {
+      // The reserved 'global' context actually means no context.
+      // It can be used to force access to a global service even if a context is set in store
+      // as by default it will otherwise retrieve the contextual service if no context is provided
+      if (context === 'global') context = null
       const servicePath = api.getServicePath(name, context)
       service = (options.create ? api.service(servicePath) : api.services[servicePath])
     } else { // Otherwise check for a potential current context to be used
-      const currentContext = Store.get('context')
+      const currentContext = Context.get()
       const contextualPath = api.getServicePath(name, currentContext)
       const contextualService = api.services[contextualPath]
       const globalPath = api.getServicePath(name)
@@ -152,6 +157,9 @@ export async function createClient (config) {
     }
     return service
   }
+  api.hasService = function (name, context) {
+    return !_.isNil(api.getServiceInstance(name, context))
+  }
   // Used to create a frontend only service with its options
   api.createService = function (name, options = {}) {
     const servicePath = api.getServicePath(name, options.context)
@@ -261,6 +269,11 @@ export async function createClient (config) {
     let result
     // If no service we have a single generic operation
     if (service) {
+      if (!_.isEmpty(context)) {
+        if (context === 'global') context = null
+      } else if (context === undefined) {
+        context = Context.get()
+      }
       // Check for access to service fisrt
       const path = api.getServicePath(service, context, false)
       result = permissions.hasServiceAbilities(abilities, path)

package/core/client/capabilities.js

@@ -17,12 +17,7 @@ export const Capabilities = {
       const capabilities = await window.fetch(api.getConfig('domain') + _.get(config, 'apiPath') + '/capabilities')
       this.content = await capabilities.json()
       // Store latest capabilities data for offline mode
-      // Avoid blocking on eg QuotaExceededError
-      try {
-        await LocalCache.setItem('capabilities', this.content)
-      } catch (error) {
-        logger.error(error)
-      }
+      await LocalCache.setItem('capabilities', this.content)
     }
     logger.debug('[KDK] Capabilities initialized with content:', this.content)
     if (!this.content) return

package/core/client/components/KAvatar.vue

@@ -1,21 +1,23 @@
 <template>
-  <q-avatar v-if="avatar" :size="size">
-    <q-img :src="avatar" />
-    <q-tooltip v-if="tooltip">
-      {{ name }}
-    </q-tooltip>
-  </q-avatar>
-  <q-avatar v-else-if="icon" :size="size" :color="color" text-color="white" :icon="icon">
-    <q-tooltip v-if="tooltip">
-      {{ name }}
-    </q-tooltip>
-  </q-avatar>
-  <q-avatar v-else-if="initials" :size="size" color="primary" text-color="white">
-    {{ initials }}
-    <q-tooltip v-if="tooltip">
-      {{ name }}
-    </q-tooltip>
-  </q-avatar>
+  <div>
+    <q-avatar v-if="avatar" :size="size">
+      <q-img :src="avatar" />
+      <q-tooltip v-if="tooltip">
+        {{ name }}
+      </q-tooltip>
+    </q-avatar>
+    <q-avatar v-else-if="icon" :size="size" :color="color" text-color="white" :icon="icon">
+      <q-tooltip v-if="tooltip">
+        {{ name }}
+      </q-tooltip>
+    </q-avatar>
+    <q-avatar v-else-if="initials" :size="size" color="primary" text-color="white">
+      {{ initials }}
+      <q-tooltip v-if="tooltip">
+        {{ name }}
+      </q-tooltip>
+    </q-avatar>
+  </div>
 </template>
 
 <script>
@@ -75,13 +77,15 @@ export default {
             avatar.uri = data.uri
             this.avatar = avatar.uri
             */
-            this.avatar = await Storage.getObjectUrl({
+            const options = {
               file: _.get(avatar, 'name'),
               key: avatarId,
               query: {
                 timestamp: Date.now()
-              }
-            })
+              },
+              ...(!_.isNil(_.get(this, 'options.context')) && { context: this.options.context })
+            }
+            this.avatar = await Storage.getObjectUrl(options)
             return
           }
           this.avatar = null

package/core/client/components/account/KProfile.vue

@@ -1,18 +1,13 @@
 <template>
   <div v-if="User" class="full-width column">
     <!-- Header -->
-    <KPanel
-      id="profile-header"
-      :content="header"
-      :context="User"
-      class="q-py-sm full-width justify-end no-wrap"
-      @triggered="onTriggered"
-    />
+    <component v-if="hasHeader" :is="computedHeaderComponent" class="q-py-sm full-width justify-end no-wrap" />
     <!-- Avatar -->
     <div v-if="avatar && userAvatar" class="q-py-sm column items-center">
       <KAvatar
         :subject="userAvatar"
         size="5rem"
+        :options="options"
       />
     </div>
     <!-- Information -->
@@ -41,20 +36,13 @@
 import _ from 'lodash'
 import { computed } from 'vue'
 import { useUser } from '../../composables'
+import { loadComponent } from '../../utils/index.js'
+import config from 'config'
 import KAvatar from '../KAvatar.vue'
-import KPanel from '../KPanel.vue'
 import KChip from '../KChip.vue'
 
 // Props
-const props = defineProps({
-  editable: {
-    type: Boolean,
-    default: true
-  },
-  manageable: {
-    type: Boolean,
-    default: true
-  },
+defineProps({
   avatar: {
     type: Boolean,
     default: true
@@ -69,63 +57,14 @@ const props = defineProps({
   }
 })
 
-// Emit
-const emit = defineEmits(['triggered'])
-
 // Data
 const { User, name: userName, description: userDescription, avatar: userAvatar, role: userRole } = useUser()
+const headerComponent = _.get(config, 'profile.header')
+const hasHeader = !_.isNil(headerComponent)
+const options = { context: 'global' }
 
 // Computed
-const header = computed(() => {
-  const actions = []
-  if (props.editable) {
-    actions.push({
-      id: 'edit-profile',
-      icon: 'las la-edit',
-      size: '0.75rem',
-      tooltip: 'KProfile.EDIT_PROFILE',
-      dialog: {
-        component: 'editor/KEditor',
-        service: 'users',
-        objectId: User.value._id,
-        perspective: 'profile',
-        hideButtons: true,
-        cancelAction: 'CANCEL',
-        okAction: {
-          id: 'ok-button',
-          label: 'APPLY',
-          handler: 'apply'
-        }
-      }
-    })
-  }
-  if (props.manageable) {
-    const manageAccountAction = {
-      id: 'manage-account',
-      icon: 'las la-cog',
-      size: '0.75rem',
-      tooltip: 'KProfile.MANAGE_ACCOUNT',
-      dialog: {
-        component: 'account/KAccount',
-        okAction: 'CLOSE'
-      }
-    }
-    if (_.has(User.value, 'isVerified') && !User.value.isVerified) {
-      manageAccountAction.badge = {
-        rounded: true,
-        floating: true,
-        class: 'q-ma-sm',
-        color: 'red',
-        icon: { name: 'fas fa-exclamation', size: '8px' }
-      }
-    }
-    actions.push(manageAccountAction)
-  }
-  return actions
+const computedHeaderComponent = computed(() => {
+  return loadComponent(headerComponent)
 })
-
-// Functions
-function onTriggered (args) {
-  emit('triggered', args)
-}
 </script>