@open-mercato/core 0.4.5-develop-5191db4ef3 → 0.4.5-develop-9f9549ebc8

package/src/modules/staff/components/LeaveRequestDetail.tsx

@@ -0,0 +1,135 @@
+"use client"
+
+import * as React from 'react'
+import type { ObjectDetailProps } from '@open-mercato/shared/modules/messages/types'
+import { useT } from '@open-mercato/shared/lib/i18n/context'
+import { Button } from '@open-mercato/ui/primitives/button'
+import { apiCall } from '@open-mercato/ui/backend/utils/apiCall'
+import { LeaveRequestPreview } from './LeaveRequestPreview'
+
+export function LeaveRequestDetail(props: ObjectDetailProps) {
+  const t = useT()
+  const [executingActionId, setExecutingActionId] = React.useState<string | null>(null)
+  const [actionTakenByName, setActionTakenByName] = React.useState<string | null>(null)
+  const actionTakenAtLabel = formatDateTime(props.actionTakenAt)
+  const hasActionTaken = Boolean(props.actionTaken)
+  const actionTakenId = extractActionId(props.actionTaken)
+  const actionTakenLabel = resolveActionLabel(actionTakenId, props.actions, t)
+  const actionTakenByLabel = formatUserLabel(props.actionTakenByUserId, actionTakenByName, t)
+
+  React.useEffect(() => {
+    const userId = props.actionTakenByUserId
+    if (typeof userId !== 'string' || userId.trim().length === 0) {
+      setActionTakenByName(null)
+      return
+    }
+
+    let cancelled = false
+    const safeUserId = userId.trim()
+    async function loadActionTakenByUserName() {
+      const call = await apiCall<{ items?: Array<{ id?: string; name?: string | null; email?: string | null }> }>(
+        `/api/auth/users?id=${encodeURIComponent(safeUserId)}`,
+      )
+      const entry = Array.isArray(call.result?.items) ? call.result.items[0] : null
+      const resolvedName = typeof entry?.name === 'string' && entry.name.trim().length > 0
+        ? entry.name.trim()
+        : typeof entry?.email === 'string' && entry.email.trim().length > 0
+          ? entry.email.trim()
+          : null
+      if (!cancelled) {
+        setActionTakenByName(resolvedName)
+      }
+    }
+
+    void loadActionTakenByUserName()
+    return () => { cancelled = true }
+  }, [props.actionTakenByUserId])
+
+  return (
+    <div className="space-y-3 rounded border p-3">
+      <LeaveRequestPreview
+        entityId={props.entityId}
+        entityModule={props.entityModule}
+        entityType={props.entityType}
+        snapshot={props.snapshot}
+        previewData={props.previewData}
+        actionRequired={props.actionRequired}
+        actionType={props.actionType}
+        actionLabel={props.actionLabel}
+      />
+
+      {props.actions.length ? (
+        <div className="flex flex-wrap gap-2">
+          {props.actions.map((action) => (
+            <Button
+              key={action.id}
+              type="button"
+              size="sm"
+              variant={action.variant ?? 'default'}
+              disabled={executingActionId !== null || hasActionTaken}
+              onClick={async () => {
+                if (executingActionId !== null || hasActionTaken) return
+                setExecutingActionId(action.id)
+                try {
+                  await props.onAction(action.id, { id: props.entityId })
+                } finally {
+                  setExecutingActionId(null)
+                }
+              }}
+            >
+              {executingActionId === action.id
+                ? t('messages.actions.executing', 'Executing...')
+                : t(action.labelKey ?? action.id, action.id)}
+            </Button>
+          ))}
+        </div>
+      ) : null}
+
+      {hasActionTaken ? (
+        <p className="text-xs text-muted-foreground">
+          {t('messages.actions.taken', 'Action taken')}: {actionTakenLabel}
+          {actionTakenAtLabel ? ` (${actionTakenAtLabel})` : ''}
+          {actionTakenByLabel ? ` ${t('messages.actions.by', 'by')} ${actionTakenByLabel}` : ''}
+        </p>
+      ) : null}
+    </div>
+  )
+}
+
+function formatDateTime(value?: Date | string | null): string {
+  if (!value) return ''
+  const date = value instanceof Date ? value : new Date(value)
+  if (Number.isNaN(date.getTime())) return ''
+  return date.toLocaleString()
+}
+
+function extractActionId(actionTaken?: string | null): string | null {
+  if (!actionTaken) return null
+  const value = actionTaken.trim()
+  if (value.length === 0) return null
+  const parts = value.split(':')
+  return parts[parts.length - 1] ?? value
+}
+
+function resolveActionLabel(
+  actionId: string | null,
+  actions: ObjectDetailProps['actions'],
+  t: ReturnType<typeof useT>,
+): string {
+  if (!actionId) return '-'
+  const action = actions.find((item) => item.id === actionId)
+  if (!action) return actionId
+  return t(action.labelKey ?? action.id, action.id)
+}
+
+function formatUserLabel(
+  userId: string | null | undefined,
+  userName: string | null,
+  t: ReturnType<typeof useT>,
+): string {
+  if (!userId) return ''
+  if (userName) return userName
+  return t('common.user', 'user')
+}
+
+export default LeaveRequestDetail

package/src/modules/staff/components/LeaveRequestForm.tsx

@@ -46,6 +46,7 @@ export type LeaveRequestFormProps = {
   loadingMessage?: string
   allowMemberSelect?: boolean
   memberLabel?: string | null
+  extraActions?: React.ReactNode
 }
 
 const DEFAULT_TIMEZONE = 'UTC'
@@ -97,6 +98,7 @@ export function LeaveRequestForm(props: LeaveRequestFormProps) {
     loadingMessage,
     allowMemberSelect = true,
     memberLabel,
+    extraActions,
   } = props
   const t = useT()
   const scopeVersion = useOrganizationScopeVersion()
@@ -334,6 +336,7 @@ export function LeaveRequestForm(props: LeaveRequestFormProps) {
       cancelHref={cancelHref}
       onSubmit={onSubmit}
       onDelete={onDelete}
+      extraActions={extraActions}
       isLoading={isLoading}
       loadingMessage={loadingMessage}
     />

package/src/modules/staff/components/LeaveRequestPreview.tsx

@@ -0,0 +1,74 @@
+"use client"
+
+import type { ObjectPreviewProps } from '@open-mercato/shared/modules/messages/types'
+import { CalendarClock } from 'lucide-react'
+import { Badge } from '@open-mercato/ui/primitives/badge'
+
+export function LeaveRequestPreview({
+  snapshot,
+  previewData,
+  actionRequired,
+  actionLabel
+}: ObjectPreviewProps) {
+  // Use previewData if available, otherwise fall back to snapshot
+  const data = snapshot as {
+    employeeName?: string
+    startDate?: string
+    endDate?: string
+    status?: string
+    type?: string
+  } | undefined
+
+  const title = previewData?.title || 'Leave Request'
+  const subtitle = previewData?.subtitle || (data ?
+    `${data.employeeName} - ${data.startDate} to ${data.endDate}` :
+    'Leave Request Details'
+  )
+  const status = previewData?.status || data?.status
+  const statusColor = previewData?.statusColor || 'amber'
+
+  return (
+    <div className="flex items-start gap-3 rounded-md border p-3 bg-muted/30">
+      <CalendarClock className="h-5 w-5 text-muted-foreground mt-0.5 flex-shrink-0" />
+      <div className="flex-1 min-w-0">
+        <div className="flex items-center gap-2 flex-wrap">
+          <span className="font-medium text-sm">{title}</span>
+          {actionRequired && (
+            <Badge variant="secondary" className="text-xs">
+              {actionLabel || 'Action Required'}
+            </Badge>
+          )}
+        </div>
+        {subtitle && (
+          <p className="text-sm text-muted-foreground mt-1">
+            {subtitle}
+          </p>
+        )}
+        <div className="flex items-center gap-2 mt-2">
+          {status && (
+            <Badge variant="outline" className="text-xs">
+              {status}
+            </Badge>
+          )}
+          {data?.type && (
+            <Badge variant="secondary" className="text-xs">
+              {data.type}
+            </Badge>
+          )}
+        </div>
+        {previewData?.metadata && Object.keys(previewData.metadata).length > 0 && (
+          <div className="mt-2 space-y-1">
+            {Object.entries(previewData.metadata).slice(0, 3).map(([key, value]) => (
+              <div key={key} className="flex items-center gap-1 text-xs text-muted-foreground">
+                <span className="font-medium">{key}:</span>
+                <span className="truncate">{value}</span>
+              </div>
+            ))}
+          </div>
+        )}
+      </div>
+    </div>
+  )
+}
+
+export default LeaveRequestPreview

package/src/modules/staff/i18n/de.json

@@ -257,6 +257,10 @@
   "staff.leaveRequests.form.reason.valueLabel": "Grund",
   "staff.leaveRequests.form.reason.valuePlaceholder": "Grundname",
   "staff.leaveRequests.messages.accepted": "Urlaubsantrag genehmigt.",
+  "staff.leaveRequests.messages.compose.action": "Zur Prüfung senden",
+  "staff.leaveRequests.messages.compose.body": "Bitte prüfe diesen Urlaubsantrag und führe die passende Aktion aus.",
+  "staff.leaveRequests.messages.compose.subject": "Urlaubsantrag wartet auf Genehmigung",
+  "staff.leaveRequests.messages.contextTitle": "Verknüpfter Urlaubsantrag",
   "staff.leaveRequests.messages.rejected": "Urlaubsantrag abgelehnt.",
   "staff.leaveRequests.my.description": "Verfolge deine Urlaubsanträge.",
   "staff.leaveRequests.my.title": "Meine Urlaubsanträge",
@@ -272,6 +276,10 @@
   "staff.leaveRequests.table.search": "Urlaubsanträge suchen...",
   "staff.leaveRequests.table.status": "Status",
   "staff.leaveRequests.table.updatedAt": "Aktualisiert",
+  "staff.messageObjects.leaveRequest.title": "Urlaubsantrag",
+  "staff.messageObjects.notFound": "Nicht gefunden",
+  "staff.messageObjects.team.title": "Team",
+  "staff.messageObjects.teamMember.title": "Teammitglied",
   "staff.myAvailability.empty.profileRequired": "Erstelle dein Teamprofil, um Verfügbarkeit zu verwalten.",
   "staff.myAvailability.errors.load": "Verfügbarkeit konnte nicht geladen werden.",
   "staff.myAvailability.loading": "Verfügbarkeit wird geladen...",

package/src/modules/staff/i18n/en.json

@@ -257,6 +257,10 @@
   "staff.leaveRequests.form.reason.valueLabel": "Reason",
   "staff.leaveRequests.form.reason.valuePlaceholder": "Reason name",
   "staff.leaveRequests.messages.accepted": "Leave request approved.",
+  "staff.leaveRequests.messages.compose.action": "Send for review",
+  "staff.leaveRequests.messages.compose.body": "Please review this leave request and take action.",
+  "staff.leaveRequests.messages.compose.subject": "Leave request approval needed",
+  "staff.leaveRequests.messages.contextTitle": "Linked leave request",
   "staff.leaveRequests.messages.rejected": "Leave request rejected.",
   "staff.leaveRequests.my.description": "Track your submitted leave requests.",
   "staff.leaveRequests.my.title": "My leave requests",
@@ -272,6 +276,10 @@
   "staff.leaveRequests.table.search": "Search leave requests...",
   "staff.leaveRequests.table.status": "Status",
   "staff.leaveRequests.table.updatedAt": "Updated",
+  "staff.messageObjects.leaveRequest.title": "Leave request",
+  "staff.messageObjects.notFound": "Not found",
+  "staff.messageObjects.team.title": "Team",
+  "staff.messageObjects.teamMember.title": "Team member",
   "staff.myAvailability.empty.profileRequired": "Create your team member profile to manage availability.",
   "staff.myAvailability.errors.load": "Failed to load availability.",
   "staff.myAvailability.loading": "Loading availability...",

package/src/modules/staff/i18n/es.json

@@ -257,6 +257,10 @@
   "staff.leaveRequests.form.reason.valueLabel": "Motivo",
   "staff.leaveRequests.form.reason.valuePlaceholder": "Nombre del motivo",
   "staff.leaveRequests.messages.accepted": "Solicitud de ausencia aprobada.",
+  "staff.leaveRequests.messages.compose.action": "Send for review",
+  "staff.leaveRequests.messages.compose.body": "Please review this leave request and take action.",
+  "staff.leaveRequests.messages.compose.subject": "Leave request approval needed",
+  "staff.leaveRequests.messages.contextTitle": "Linked leave request",
   "staff.leaveRequests.messages.rejected": "Solicitud de ausencia rechazada.",
   "staff.leaveRequests.my.description": "Sigue tus solicitudes de ausencia enviadas.",
   "staff.leaveRequests.my.title": "Mis solicitudes de ausencia",
@@ -272,6 +276,10 @@
   "staff.leaveRequests.table.search": "Buscar solicitudes de ausencia...",
   "staff.leaveRequests.table.status": "Estado",
   "staff.leaveRequests.table.updatedAt": "Actualizado",
+  "staff.messageObjects.leaveRequest.title": "Solicitud de permiso",
+  "staff.messageObjects.notFound": "No encontrado",
+  "staff.messageObjects.team.title": "Equipo",
+  "staff.messageObjects.teamMember.title": "Miembro del equipo",
   "staff.myAvailability.empty.profileRequired": "Crea tu perfil de miembro para gestionar la disponibilidad.",
   "staff.myAvailability.errors.load": "No se pudo cargar la disponibilidad.",
   "staff.myAvailability.loading": "Cargando disponibilidad...",

package/src/modules/staff/i18n/pl.json

@@ -257,6 +257,10 @@
   "staff.leaveRequests.form.reason.valueLabel": "Powód",
   "staff.leaveRequests.form.reason.valuePlaceholder": "Nazwa powodu",
   "staff.leaveRequests.messages.accepted": "Wniosek urlopowy zatwierdzony.",
+  "staff.leaveRequests.messages.compose.action": "Wyślij do akceptacji",
+  "staff.leaveRequests.messages.compose.body": "Proszę sprawdzić ten wniosek urlopowy i wykonać odpowiednią akcję.",
+  "staff.leaveRequests.messages.compose.subject": "Wniosek urlopowy wymaga akceptacji",
+  "staff.leaveRequests.messages.contextTitle": "Powiązany wniosek urlopowy",
   "staff.leaveRequests.messages.rejected": "Wniosek urlopowy odrzucony.",
   "staff.leaveRequests.my.description": "Śledź swoje wnioski urlopowe.",
   "staff.leaveRequests.my.title": "Moje wnioski urlopowe",
@@ -272,6 +276,10 @@
   "staff.leaveRequests.table.search": "Szukaj wniosków urlopowych...",
   "staff.leaveRequests.table.status": "Status",
   "staff.leaveRequests.table.updatedAt": "Zaktualizowano",
+  "staff.messageObjects.leaveRequest.title": "Wniosek urlopowy",
+  "staff.messageObjects.notFound": "Nie znaleziono",
+  "staff.messageObjects.team.title": "Zespół",
+  "staff.messageObjects.teamMember.title": "Członek zespołu",
   "staff.myAvailability.empty.profileRequired": "Utwórz profil pracownika, aby zarządzać dostępnością.",
   "staff.myAvailability.errors.load": "Nie udało się załadować dostępności.",
   "staff.myAvailability.loading": "Ładowanie dostępności...",

package/src/modules/staff/lib/messageObjectPreviews.ts

@@ -0,0 +1,182 @@
+import { createRequestContainer } from '@open-mercato/shared/lib/di/container'
+import { findOneWithDecryption } from '@open-mercato/shared/lib/encryption/find'
+import { resolveTranslations } from '@open-mercato/shared/lib/i18n/server'
+import type { ObjectPreviewData } from '@open-mercato/shared/modules/messages/types'
+import type { EntityManager } from '@mikro-orm/postgresql'
+import { StaffLeaveRequest, StaffTeam, StaffTeamMember } from '../data/entities'
+
+type PreviewContext = {
+  tenantId: string
+  organizationId?: string | null
+}
+
+function mapStatus(status: string): { label: string; color: string } {
+  if (status === 'approved') {
+    return { label: 'Approved', color: 'green' }
+  }
+  if (status === 'rejected') {
+    return { label: 'Rejected', color: 'red' }
+  }
+  return { label: 'Pending', color: 'amber' }
+}
+
+function formatDate(value: Date): string {
+  return value.toISOString().slice(0, 10)
+}
+
+export async function loadLeaveRequestPreview(
+  entityId: string,
+  ctx: PreviewContext,
+): Promise<ObjectPreviewData> {
+  const { t } = await resolveTranslations()
+  const defaultTitle = t('staff.messageObjects.leaveRequest.title')
+
+  if (!ctx.organizationId) {
+    return {
+      title: defaultTitle,
+      subtitle: entityId,
+    }
+  }
+
+  const { resolve } = await createRequestContainer()
+  const em = resolve('em') as EntityManager
+
+  const request = await findOneWithDecryption(
+    em,
+    StaffLeaveRequest,
+    {
+      id: entityId,
+      tenantId: ctx.tenantId,
+      organizationId: ctx.organizationId,
+      deletedAt: null,
+    },
+    undefined,
+    { tenantId: ctx.tenantId, organizationId: ctx.organizationId },
+  )
+
+  if (!request) {
+    return {
+      title: defaultTitle,
+      subtitle: entityId,
+      status: t('staff.messageObjects.notFound'),
+      statusColor: 'gray',
+    }
+  }
+
+  const status = mapStatus(request.status)
+  const memberName = typeof request.member?.displayName === 'string' ? request.member.displayName : null
+  const subtitle = memberName
+    ? `${memberName} - ${formatDate(request.startDate)} to ${formatDate(request.endDate)}`
+    : `${formatDate(request.startDate)} to ${formatDate(request.endDate)}`
+
+  return {
+    title: 'Leave request',
+    subtitle,
+    status: status.label,
+    statusColor: status.color,
+    metadata: {
+      'Start date': formatDate(request.startDate),
+      'End date': formatDate(request.endDate),
+      Timezone: request.timezone,
+    },
+  }
+}
+
+export async function loadTeamPreview(
+  entityId: string,
+  ctx: PreviewContext,
+): Promise<ObjectPreviewData> {
+  const { t } = await resolveTranslations()
+  const defaultTitle = t('staff.messageObjects.team.title')
+
+  if (!ctx.organizationId) {
+    return {
+      title: defaultTitle,
+      subtitle: entityId,
+    }
+  }
+
+  const { resolve } = await createRequestContainer()
+  const em = resolve('em') as EntityManager
+
+  const team = await findOneWithDecryption(
+    em,
+    StaffTeam,
+    {
+      id: entityId,
+      tenantId: ctx.tenantId,
+      organizationId: ctx.organizationId,
+      deletedAt: null,
+    },
+    undefined,
+    { tenantId: ctx.tenantId, organizationId: ctx.organizationId },
+  )
+
+  if (!team) {
+    return {
+      title: defaultTitle,
+      subtitle: entityId,
+      status: t('staff.messageObjects.notFound'),
+      statusColor: 'gray',
+    }
+  }
+
+  return {
+    title: team.name,
+    subtitle: team.description ?? entityId,
+    status: team.isActive ? 'Active' : 'Inactive',
+    statusColor: team.isActive ? 'green' : 'gray',
+  }
+}
+
+export async function loadTeamMemberPreview(
+  entityId: string,
+  ctx: PreviewContext,
+): Promise<ObjectPreviewData> {
+  const { t } = await resolveTranslations()
+  const defaultTitle = t('staff.messageObjects.teamMember.title')
+
+  if (!ctx.organizationId) {
+    return {
+      title: defaultTitle,
+      subtitle: entityId,
+    }
+  }
+
+  const { resolve } = await createRequestContainer()
+  const em = resolve('em') as EntityManager
+
+  const member = await findOneWithDecryption(
+    em,
+    StaffTeamMember,
+    {
+      id: entityId,
+      tenantId: ctx.tenantId,
+      organizationId: ctx.organizationId,
+      deletedAt: null,
+    },
+    undefined,
+    { tenantId: ctx.tenantId, organizationId: ctx.organizationId },
+  )
+
+  if (!member) {
+    return {
+      title: defaultTitle,
+      subtitle: entityId,
+      status: t('staff.messageObjects.notFound'),
+      statusColor: 'gray',
+    }
+  }
+
+  const tags = Array.isArray(member.tags) ? member.tags : []
+  const metadata: Record<string, string> = {}
+  if (tags.length > 0) metadata.Tags = tags.slice(0, 5).join(', ')
+
+  return {
+    title: member.displayName,
+    subtitle: member.description ?? entityId,
+    status: member.isActive ? 'Active' : 'Inactive',
+    statusColor: member.isActive ? 'green' : 'gray',
+    metadata: Object.keys(metadata).length > 0 ? metadata : undefined,
+  }
+}

package/src/modules/staff/message-objects.ts

@@ -0,0 +1,102 @@
+import type { MessageObjectTypeDefinition } from '@open-mercato/shared/modules/messages/types'
+import { LeaveRequestDetail } from './components/LeaveRequestDetail'
+import { LeaveRequestPreview } from './components/LeaveRequestPreview'
+import { StaffMessageObjectDetail } from './widgets/messages/StaffMessageObjectDetail'
+import { StaffMessageObjectPreview } from './widgets/messages/StaffMessageObjectPreview'
+
+export const messageObjectTypes: MessageObjectTypeDefinition[] = [
+  {
+    module: 'staff',
+    entityType: 'leave_request',
+    messageTypes: ['default', 'messages.defaultWithObjects', 'staff.leave_request_approval', 'staff.leave_request_status'],
+    entityId: 'staff:staff_leave_request',
+    optionLabelField: 'id',
+    optionSubtitleField: 'status',
+    labelKey: 'staff.leaveRequests.page.title',
+    icon: 'calendar-clock',
+    PreviewComponent: LeaveRequestPreview,
+    DetailComponent: LeaveRequestDetail,
+    actions: [
+      {
+        id: 'approve',
+        labelKey: 'staff.notifications.leaveRequest.actions.approve',
+        variant: 'default',
+        commandId: 'staff.leave-requests.accept',
+        icon: 'check',
+      },
+      {
+        id: 'reject',
+        labelKey: 'staff.notifications.leaveRequest.actions.reject',
+        variant: 'destructive',
+        commandId: 'staff.leave-requests.reject',
+        icon: 'x',
+      },
+      {
+        id: 'view',
+        labelKey: 'common.view',
+        variant: 'outline',
+        href: '/backend/staff/leave-requests/{entityId}',
+        icon: 'external-link',
+        isTerminal: false,
+      },
+    ],
+    loadPreview: async (entityId, ctx) => {
+      if (typeof window !== 'undefined') {
+        return {
+          title: 'Leave request',
+          subtitle: entityId,
+        }
+      }
+      const { loadLeaveRequestPreview } = await import('./lib/messageObjectPreviews')
+      return loadLeaveRequestPreview(entityId, ctx)
+    },
+  },
+  {
+    module: 'staff',
+    entityType: 'team',
+    messageTypes: ['default', 'messages.defaultWithObjects'],
+    entityId: 'staff:staff_team',
+    optionLabelField: 'name',
+    optionSubtitleField: 'description',
+    labelKey: 'staff.teams.page.title',
+    icon: 'users',
+    PreviewComponent: StaffMessageObjectPreview,
+    DetailComponent: StaffMessageObjectDetail,
+    actions: [],
+    loadPreview: async (entityId, ctx) => {
+      if (typeof window !== 'undefined') {
+        return {
+          title: 'Team',
+          subtitle: entityId,
+        }
+      }
+      const { loadTeamPreview } = await import('./lib/messageObjectPreviews')
+      return loadTeamPreview(entityId, ctx)
+    },
+  },
+  {
+    module: 'staff',
+    entityType: 'team_member',
+    messageTypes: ['default', 'messages.defaultWithObjects'],
+    entityId: 'staff:staff_team_member',
+    optionLabelField: 'displayName',
+    optionSubtitleField: 'email',
+    labelKey: 'staff.teamMembers.page.title',
+    icon: 'user-round',
+    PreviewComponent: StaffMessageObjectPreview,
+    DetailComponent: StaffMessageObjectDetail,
+    actions: [],
+    loadPreview: async (entityId, ctx) => {
+      if (typeof window !== 'undefined') {
+        return {
+          title: 'Team member',
+          subtitle: entityId,
+        }
+      }
+      const { loadTeamMemberPreview } = await import('./lib/messageObjectPreviews')
+      return loadTeamMemberPreview(entityId, ctx)
+    },
+  },
+]
+
+export default messageObjectTypes

package/src/modules/staff/message-types.ts

@@ -0,0 +1,21 @@
+import type { MessageTypeDefinition } from '@open-mercato/shared/modules/messages/types'
+
+export const messageTypes: MessageTypeDefinition[] = [
+  {
+    type: 'staff.leave_request_approval',
+    module: 'staff',
+    labelKey: 'staff.messages.leaveRequestApproval',
+    icon: 'calendar-clock',
+    color: 'amber',
+    ui: {
+      listItemComponent: 'messages.default.listItem',
+      contentComponent: 'messages.default.content',
+      actionsComponent: 'messages.default.actions',
+    },
+    allowReply: true,
+    allowForward: true,
+    actionsExpireAfterHours: 168,
+  }
+]
+
+export default messageTypes