@acorex/modules 21.0.0-next.41 → 21.0.0-next.43

package/fesm2022/acorex-modules-notification-management.mjs

@@ -1,6 +1,6 @@
 import { createAllQueryView, AXPEntityQueryType, AXP_MENU_PROVIDER, AXPEntityCommandScope } from '@acorex/platform/common';
 import { AXPWidgetsCatalog, AXPValueWidgetComponent, cloneProperty, AXPWidgetGroupEnum, AXPWidgetCoreModule, AXP_WIDGET_DEFINITION_PROVIDER } from '@acorex/platform/layout/widget-core';
-import { AXMEntityCrudServiceImpl, entityMasterCrudActions, entityMasterRecordActions, AXP_ENTITY_DEFINITION_LOADER, AXPEntityStorageService, AXPEntityDataProviderImpl } from '@acorex/platform/layout/entity';
+import { AXMEntityCrudServiceImpl, entityMasterCrudActions, entityMasterRecordActions, AXPEntityDataSelectorService, AXPEntityDefinitionRegistryService, AXP_ENTITY_DEFINITION_LOADER, AXPEntityStorageService, AXPEntityDataProviderImpl } from '@acorex/platform/layout/entity';
 import * as i0 from '@angular/core';
 import { Injectable, NgModule, inject, signal, DestroyRef, computed, effect, Injector, InjectionToken, viewChild, ViewContainerRef, input, output, afterNextRender, inputBinding, outputBinding, ChangeDetectionStrategy, Component, ViewEncapsulation, ChangeDetectorRef } from '@angular/core';
 import { AXPSessionService, AXPAuthGuard, AXP_PERMISSION_DEFINITION_PROVIDER } from '@acorex/platform/auth';
@@ -10,7 +10,10 @@ import * as i1$1 from '@acorex/platform/core';
 import { AXPComponentSlotModule, AXP_MODULE_MANIFEST_PROVIDER, AXPDataGenerator } from '@acorex/platform/core';
 import { AXPRootLayoutComponent } from '@acorex/platform/themes/default';
 import { Router, ROUTES } from '@angular/router';
+import { AXPCommandService, provideCommandSetups } from '@acorex/platform/runtime';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import * as i5 from '@acorex/core/translation';
+import { AXTranslationService, AXTranslationModule } from '@acorex/core/translation';
 import * as i3 from '@acorex/components/badge';
 import { AXBadgeModule } from '@acorex/components/badge';
 import * as i6 from '@acorex/components/button';
@@ -27,10 +30,10 @@ import { AXFormatModule } from '@acorex/core/format';
 import { AXImageModule } from '@acorex/components/image';
 import * as i2 from '@angular/common';
 import { CommonModule, DatePipe } from '@angular/common';
-import * as i5 from '@acorex/core/translation';
-import { AXTranslationModule, AXTranslationService } from '@acorex/core/translation';
 import { AXP_WIDGETS_UTILITY_CATEGORY } from '@acorex/modules/dashboard-management';
 import { AXP_APPEARANCE_PROPERTY_GROUP, AXP_STYLING_PROPERTY_GROUP, AXP_DATA_PATH_PROPERTY } from '@acorex/platform/layout/widgets';
+import { AXC_TEXT_TEMPLATE_RENDER_COMMAND_KEY } from '@acorex/modules/content-management';
+import { AXPLayoutBuilderService } from '@acorex/platform/layout/builder';
 import { RootConfig as RootConfig$1 } from '@acorex/modules/form-template-management';
 import { AXPWidgetsList } from '@acorex/modules/common';
 
@@ -1698,9 +1701,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
             type: Injectable
         }] });
 
+//#region ----   Permission Keys   ----
+const AXPNotificationManagementPermissionKeys = {
+    NotificationManagement: {
+        Management: 'NotificationManagement:Permission:Management',
+        Email: {
+            ShowDialog: 'NotificationManagement:Permission:Email.ShowDialog',
+            Send: 'NotificationManagement:Permission:Email.Send',
+        },
+    },
+};
+//#endregion
+
 class AXMPermissionDefinitionProvider {
+    constructor() {
+        this.translateService = inject(AXTranslationService);
+    }
     async define(context) {
-        // TODO: Define permissions when needed
+        const trans = async (key) => await this.translateService.translateAsync(`@notification-management:permissions.${key}`);
+        const keys = AXPNotificationManagementPermissionKeys.NotificationManagement;
+        context
+            .addGroup(RootConfig.module.name, await trans('manage.title'), await trans('manage.description'))
+            .addPermission(keys.Management, await trans('manage.permission.title'), await trans('manage.permission.description'))
+            .endPermission()
+            .addPermission(keys.Email.ShowDialog, await trans('email.show-dialog.title'), await trans('email.show-dialog.description'))
+            .endPermission()
+            .addPermission(keys.Email.Send, await trans('email.send.title'), await trans('email.send.description'))
+            .endPermission()
+            .endGroup();
     }
 }
 
@@ -2306,7 +2334,7 @@ class AXPNotificationWidgetViewComponent extends AXPValueWidgetComponent {
                     popover: () => ({ close: () => { } }),
                 },
             },
-        ], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-p-2 ax-size-full ax-flex ax-flex-col ax-gap-2\">\n  <ax-tabs\n    class=\"ax-bg-light-start ax-border-b ax-border-default ax-shrink-0\"\n    [fitParent]=\"true\"\n    location=\"bottom\"\n    (onActiveTabChanged)=\"handleTabChange($event)\"\n  >\n    <ax-tab-item [text]=\"('@notification-management:unread' | translate | async) ?? 'Unread'\" class=\"ax-font-medium\">\n      <ax-suffix>\n        @if (getNewMessageCount() > 0) {\n          <ax-badge color=\"primary\" [text]=\"getNewMessageCount().toString()\" size=\"sm\" class=\"ax-ml-1\"></ax-badge>\n        }\n      </ax-suffix>\n    </ax-tab-item>\n    <ax-tab-item\n      [text]=\"('@notification-management:all' | translate | async) ?? 'All'\"\n      class=\"ax-font-medium\"\n    ></ax-tab-item>\n  </ax-tabs>\n  <div class=\"ax-space-y-1 ax-overflow-auto\">\n    @for (item of notificationItems(); track item.id) {\n      <axp-master-notification-item [data]=\"item\" (onPressNotificationItem)=\"onAdminItemClick($event)\" />\n    } @empty {\n      <axp-state-message\n        icon=\"fa-light fa-bell-slash\"\n        [title]=\"'@notification-management:no-notifications.title'\"\n        [description]=\"'@notification-management:no-notifications.description'\"\n      >\n      </axp-state-message>\n    }\n  </div>\n</div>\n", styles: [":host{display:block;width:100%;height:100%}.notification-item{position:relative;margin-top:2px;margin-bottom:2px;display:flex;cursor:pointer;gap:1rem;border-radius:1rem;padding:.5rem;text-align:start;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface));animation-duration:.2s}.notification-item .notification-avatar{position:relative}.notification-item .notification-avatar .unread-badge{position:absolute;bottom:.25rem;inset-inline-end:.25rem;width:10px;height:10px;background:rgb(var(--ax-sys-color-primary-500));border:2px solid rgb(var(--ax-sys-color-surface));border-radius:50%}.notification-item .notification-content{min-width:0px;flex:1 1 0%}.notification-item .notification-content .notification-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.notification-item .notification-content .notification-header .notification-title{font-size:1rem;line-height:1.5rem;font-weight:500;color:rgb(var(--ax-sys-color-on-surface))}.notification-item .notification-content .notification-header .notification-time{white-space:nowrap;font-size:.75rem;line-height:1rem;color:rgb(var(--ax-sys-color-on-surface-variant))}.notification-item .notification-content .notification-body{margin-top:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;line-height:1.25rem;color:rgb(var(--ax-sys-color-on-surface-variant))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXTabsModule }, { kind: "component", type: i2$2.AXTabsComponent, selector: "ax-tabs", inputs: ["look", "location", "fitParent", "minWidth", "content"], outputs: ["onActiveTabChanged"] }, { kind: "component", type: i2$2.AXTabItemComponent, selector: "ax-tab-item", inputs: ["disabled", "text", "key", "headerTemplate", "active"], outputs: ["disabledChange", "onClick", "onBlur", "onFocus", "activeChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXButtonModule }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i3.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXMAdminNotificationItemComponent, selector: "axp-master-notification-item", inputs: ["data"], outputs: ["onPressNotificationItem", "onClosePopover"] }, { kind: "component", type: AXPStateMessageComponent, selector: "axp-state-message", inputs: ["mode", "icon", "title", "description", "variant"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-p-2 ax-size-full ax-flex ax-flex-col ax-gap-2\">\n  <ax-tabs\n    class=\"ax-bg-light-start ax-border-b ax-border-default ax-shrink-0\"\n    [fitParent]=\"true\"\n    location=\"bottom\"\n    (onActiveTabChanged)=\"handleTabChange($event)\"\n  >\n    <ax-tab-item [text]=\"('@notification-management:unread' | translate | async) ?? 'Unread'\" class=\"ax-font-medium\">\n      <ax-suffix>\n        @if (getNewMessageCount() > 0) {\n          <ax-badge color=\"primary\" [text]=\"getNewMessageCount().toString()\" size=\"sm\" class=\"ax-ml-1\"></ax-badge>\n        }\n      </ax-suffix>\n    </ax-tab-item>\n    <ax-tab-item\n      [text]=\"('@notification-management:all' | translate | async) ?? 'All'\"\n      class=\"ax-font-medium\"\n    ></ax-tab-item>\n  </ax-tabs>\n  <div class=\"ax-space-y-1 ax-overflow-auto\">\n    @for (item of notificationItems(); track item.id) {\n      <axp-master-notification-item [data]=\"item\" (onPressNotificationItem)=\"onAdminItemClick($event)\" />\n    } @empty {\n      <axp-state-message\n        icon=\"fa-light fa-bell-slash\"\n        [title]=\"'@notification-management:no-notifications.title'\"\n        [description]=\"'@notification-management:no-notifications.description'\"\n      >\n      </axp-state-message>\n    }\n  </div>\n</div>\n", styles: [":host{display:block;width:100%;height:100%}.notification-item{position:relative;margin-top:2px;margin-bottom:2px;display:flex;cursor:pointer;gap:1rem;border-radius:1rem;padding:.5rem;text-align:start;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface));animation-duration:.2s}.notification-item .notification-avatar{position:relative}.notification-item .notification-avatar .unread-badge{position:absolute;bottom:.25rem;inset-inline-end:.25rem;width:10px;height:10px;background:rgb(var(--ax-sys-color-primary-500));border:2px solid rgb(var(--ax-sys-color-surface));border-radius:50%}.notification-item .notification-content{min-width:0px;flex:1 1 0%}.notification-item .notification-content .notification-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.notification-item .notification-content .notification-header .notification-title{font-size:1rem;line-height:1.5rem;font-weight:500;color:rgb(var(--ax-sys-color-on-surface))}.notification-item .notification-content .notification-header .notification-time{white-space:nowrap;font-size:.75rem;line-height:1rem;color:rgb(var(--ax-sys-color-on-surface-variant))}.notification-item .notification-content .notification-body{margin-top:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;line-height:1.25rem;color:rgb(var(--ax-sys-color-on-surface-variant))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXTabsModule }, { kind: "component", type: i2$2.AXTabsComponent, selector: "ax-tabs", inputs: ["look", "location", "fitParent", "minWidth", "content"], outputs: ["onActiveTabChanged"] }, { kind: "component", type: i2$2.AXTabItemComponent, selector: "ax-tab-item", inputs: ["disabled", "text", "key", "headerTemplate", "active"], outputs: ["disabledChange", "onClick", "onBlur", "onFocus", "activeChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXButtonModule }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i3.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXMAdminNotificationItemComponent, selector: "axp-master-notification-item", inputs: ["data"], outputs: ["onPressNotificationItem", "onClosePopover"] }, { kind: "component", type: AXPStateMessageComponent, selector: "axp-state-message", inputs: ["mode", "icon", "title", "description", "look"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPNotificationWidgetViewComponent, decorators: [{
             type: Component,
@@ -2502,6 +2530,294 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
             type: Injectable
         }] });
 
+//#region ---- Command keys ----
+const NOTIFICATION_MANAGEMENT_EMAIL_SHOW_DIALOG_COMMAND_KEY = 'NotificationManagement:Email:ShowDialog';
+const NOTIFICATION_MANAGEMENT_EMAIL_SEND_COMMAND_KEY = 'NotificationManagement:Email:Send';
+//#endregion
+
+//#region ---- Types ----
+//#endregion
+
+//#endregion
+//#region ---- Helpers ----
+function normalizeTextTemplateId(value) {
+    if (typeof value === 'string') {
+        const t = value.trim();
+        return t || undefined;
+    }
+    if (value != null && typeof value === 'object' && 'id' in value) {
+        const id = value.id;
+        if (typeof id === 'string' && id.trim())
+            return id.trim();
+    }
+    return undefined;
+}
+function parseMergeRecord(value) {
+    if (value == null)
+        return {};
+    if (typeof value === 'object' && !Array.isArray(value)) {
+        const out = {};
+        for (const [k, v] of Object.entries(value)) {
+            out[k] = v == null ? '' : String(v);
+        }
+        return out;
+    }
+    return {};
+}
+/**
+ * True when HTML/plain body has no user-visible text (handles empty `<p><br></p>` etc.).
+ */
+function isEffectivelyEmptyRichTextBody(value) {
+    const trimmed = value.trim();
+    if (!trimmed) {
+        return true;
+    }
+    const withoutTags = trimmed
+        .replace(/<[^>]+>/g, ' ')
+        .replace(/&nbsp;/gi, ' ')
+        .replace(/\s+/g, ' ')
+        .trim();
+    return withoutTags.length === 0;
+}
+/** Resolved entity module for the text-template data selector. */
+const TEXT_TEMPLATE_ENTITY_MODULE = 'ContentManagement';
+/** Resolved entity name for the text-template data selector. */
+const TEXT_TEMPLATE_ENTITY_NAME = 'TextTemplate';
+/** List filter: only templates with a non-empty `channels.email.body` (excludes SMS-only rows). */
+const TEXT_TEMPLATE_LIST_EMAIL_BODY_FILTER = {
+    field: 'channels.email.body',
+    operator: { type: 'isNotEmpty' },
+};
+//#endregion
+//#region ---- Service ----
+/**
+ * Opens the send-email dialog built with the layout dialog builder and delegates send to
+ * {@link NOTIFICATION_MANAGEMENT_EMAIL_SEND_COMMAND_KEY}.
+ */
+class AXMNotificationEmailComposerService {
+    constructor() {
+        this.layoutBuilder = inject(AXPLayoutBuilderService);
+        this.translationService = inject(AXTranslationService);
+        this.commandService = inject(AXPCommandService);
+        this.entityDataSelector = inject(AXPEntityDataSelectorService);
+        this.entityRegistry = inject(AXPEntityDefinitionRegistryService);
+    }
+    /**
+     * Shows the compose dialog; on submit runs the send command with the dialog context.
+     * When {@link NotificationManagementEmailShowDialogInput.textTemplateId} is not set, the standard
+     * entity data selector ({@link AXPEntityDataSelectorService}) runs first; the compose dialog has no template field.
+     */
+    async openSendEmailDialog(input) {
+        const merge = parseMergeRecord(input.merge);
+        let textTemplateId = input.textTemplateId?.trim() ?? '';
+        if (!textTemplateId) {
+            const picked = await this.openTextTemplatePickerDialog();
+            if (picked === null) {
+                return { success: false, data: null };
+            }
+            textTemplateId = picked;
+        }
+        let subject = input.subject ?? '';
+        let body = input.body ?? '';
+        if (textTemplateId) {
+            const rendered = await this.commandService.execute(AXC_TEXT_TEMPLATE_RENDER_COMMAND_KEY, {
+                textTemplateId,
+                channel: 'email',
+                merge,
+                locale: this.translationService.getActiveLang() ?? 'en-US',
+            });
+            if (rendered?.success && rendered.data) {
+                subject = rendered.data.subject ?? subject;
+                body = rendered.data.body ?? body;
+            }
+        }
+        const defaultTitle = await this.translationService.translateAsync('@notification-management:email.dialog.title');
+        const title = input.dialogTitle?.trim()
+            ? await this.translationService.translateAsync(input.dialogTitle)
+            : defaultTitle;
+        try {
+            const result = await this.layoutBuilder
+                .create()
+                .dialog((dialog) => {
+                dialog
+                    .setTitle(title)
+                    .setSize('lg')
+                    .setCloseButton(true)
+                    .setContext({
+                    to: input.to ?? '',
+                    cc: input.cc ?? '',
+                    bcc: input.bcc ?? '',
+                    subject,
+                    body,
+                    textTemplateId,
+                })
+                    .content((flex) => {
+                    flex
+                        .setDirection('column')
+                        .setGap('16px')
+                        .formField('@notification-management:email.dialog.fields.to.title', (field) => {
+                        field.path('to');
+                        field.textBox({
+                            validations: [{ rule: 'required' }],
+                            placeholder: '@notification-management:email.dialog.fields.to.placeholder',
+                        });
+                    })
+                        .formField('@notification-management:email.dialog.fields.cc.title', (field) => {
+                        field.path('cc');
+                        field.textBox({
+                            placeholder: '@notification-management:email.dialog.fields.cc.placeholder',
+                        });
+                    })
+                        .formField('@notification-management:email.dialog.fields.bcc.title', (field) => {
+                        field.path('bcc');
+                        field.textBox({
+                            placeholder: '@notification-management:email.dialog.fields.bcc.placeholder',
+                        });
+                    })
+                        .formField('@notification-management:email.dialog.fields.subject.title', (field) => {
+                        field.path('subject');
+                        field.textBox({
+                            validations: [{ rule: 'required' }],
+                            placeholder: '@notification-management:email.dialog.fields.subject.placeholder',
+                        });
+                    })
+                        .formField('@notification-management:email.dialog.fields.body.title', (field) => {
+                        field.path('body');
+                        field.richText({
+                            validations: [{ rule: 'required' }],
+                            placeholder: '@notification-management:email.dialog.fields.body.placeholder',
+                        });
+                    });
+                })
+                    .setActions((actions) => {
+                    actions.cancel('@general:actions.cancel.title').submit('@general:actions.send.title');
+                })
+                    .onAction(async (dialogRef) => {
+                    const context = dialogRef.context();
+                    const action = dialogRef.action();
+                    if (!context || action === 'cancel') {
+                        return { success: false, data: null };
+                    }
+                    const to = String(context['to'] ?? '').trim();
+                    const subjectOut = String(context['subject'] ?? '').trim();
+                    const bodyOut = String(context['body'] ?? '');
+                    if (!to || !subjectOut || isEffectivelyEmptyRichTextBody(bodyOut)) {
+                        return {
+                            success: false,
+                            message: {
+                                text: await this.translationService.translateAsync('@notification-management:email.dialog.messages.required-fields'),
+                            },
+                            data: null,
+                        };
+                    }
+                    const sendInput = {
+                        to,
+                        cc: String(context['cc'] ?? '').trim() || undefined,
+                        bcc: String(context['bcc'] ?? '').trim() || undefined,
+                        subject: subjectOut,
+                        body: bodyOut.trim(),
+                        textTemplateId: normalizeTextTemplateId(context['textTemplateId']),
+                    };
+                    const sendResult = await this.commandService.execute(NOTIFICATION_MANAGEMENT_EMAIL_SEND_COMMAND_KEY, sendInput);
+                    return (sendResult ?? {
+                        success: false,
+                        message: { text: 'Send command did not return a result.' },
+                        data: null,
+                    });
+                });
+            })
+                .show();
+            return result;
+        }
+        catch (e) {
+            return {
+                success: false,
+                message: {
+                    text: e instanceof Error ? e.message : 'Failed to open send email dialog.',
+                },
+                data: null,
+            };
+        }
+    }
+    /**
+     * Opens {@link AXPEntityDataSelectorService} for `ContentManagement.TextTemplate`. Returns `null` if
+     * the selector is dismissed without applying, `''` if the user applies with no row selected (compose
+     * without a template), or the selected template id.
+     */
+    async openTextTemplatePickerDialog() {
+        const entity = await this.entityRegistry.resolve(TEXT_TEMPLATE_ENTITY_MODULE, TEXT_TEMPLATE_ENTITY_NAME);
+        if (!entity) {
+            return null;
+        }
+        const title = await this.translationService.translateAsync('@notification-management:email.template-picker.title');
+        try {
+            const result = await this.entityDataSelector.open({
+                entity,
+                title,
+                allowMultiple: false,
+                allowCreate: 'none',
+                filters: TEXT_TEMPLATE_LIST_EMAIL_BODY_FILTER,
+                columns: ['title', 'name'],
+                searchFields: ['title', 'name'],
+            });
+            if (result == null) {
+                return null;
+            }
+            const items = result.items ?? [];
+            if (items.length === 0) {
+                return '';
+            }
+            const rawId = items[0]['id'];
+            if (rawId != null && String(rawId).trim() !== '') {
+                return String(rawId).trim();
+            }
+            return '';
+        }
+        catch {
+            return null;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMNotificationEmailComposerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMNotificationEmailComposerService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMNotificationEmailComposerService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+//#endregion
+//#region ---- Command ----
+class NotificationManagementEmailShowDialogCommand {
+    constructor() {
+        this.composer = inject(AXMNotificationEmailComposerService);
+    }
+    async execute(input) {
+        const raw = input;
+        const { __context__: _workflowContext, ...rest } = raw;
+        const contextOptions = _workflowContext?.options;
+        const evaluated = {
+            ...(contextOptions ?? {}),
+            ...rest,
+        };
+        return this.composer.openSendEmailDialog(evaluated);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NotificationManagementEmailShowDialogCommand, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NotificationManagementEmailShowDialogCommand, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NotificationManagementEmailShowDialogCommand, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+var showEmailDialog_command = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    NotificationManagementEmailShowDialogCommand: NotificationManagementEmailShowDialogCommand
+});
+
 function routesFactory() {
     const routes = [
         {
@@ -2514,7 +2830,7 @@ function routesFactory() {
             children: [
                 {
                     path: '',
-                    loadComponent: () => import('./acorex-modules-notification-management-notification-page.component-D0we6H1f.mjs').then((c) => c.AXMNotificationPageComponent),
+                    loadComponent: () => import('./acorex-modules-notification-management-notification-page.component-B017YY1H.mjs').then((c) => c.AXMNotificationPageComponent),
                     data: { reuse: true },
                 },
             ],
@@ -2568,6 +2884,12 @@ class AXMNotificationManagementModule {
                 useClass: AXMNotificationManagementWidgetsProvider,
                 multi: true,
             },
+            provideCommandSetups([
+                {
+                    key: NOTIFICATION_MANAGEMENT_EMAIL_SHOW_DIALOG_COMMAND_KEY,
+                    command: () => Promise.resolve().then(function () { return showEmailDialog_command; }).then((m) => m.NotificationManagementEmailShowDialogCommand),
+                },
+            ]),
         ], imports: [AXPComponentSlotModule.forChild({
                 'root-header-end': [
                     {
@@ -2641,6 +2963,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                             useClass: AXMNotificationManagementWidgetsProvider,
                             multi: true,
                         },
+                        provideCommandSetups([
+                            {
+                                key: NOTIFICATION_MANAGEMENT_EMAIL_SHOW_DIALOG_COMMAND_KEY,
+                                command: () => Promise.resolve().then(function () { return showEmailDialog_command; }).then((m) => m.NotificationManagementEmailShowDialogCommand),
+                            },
+                        ]),
                     ],
                 }]
         }] });
@@ -2668,32 +2996,28 @@ var AXPSettingKeys;
     AXPSettingKeys["FirebaseAppId"] = "NotificationManagement:Setting:Firebase.AppId";
 })(AXPSettingKeys || (AXPSettingKeys = {}));
 
+const I18N = '@notification-management:settings.notification-settings';
 class AXMSettingProvider {
-    constructor(injector) {
-        this.injector = injector;
-        this.translateService = this.injector.get(AXTranslationService);
-    }
     async provide(context) {
-        const trans = async (key) => await this.translateService.translateAsync(`settings.notification-settings.${key}`, { scope: 'notification-management' });
         context
             // Add Notification Settings Group
-            .addGroup('notification-settings', await trans('title'), await trans('description'), RootConfig$1.module.icon)
+            .addGroup('notification-settings', `${I18N}.nav-title`, `${I18N}.description`, RootConfig$1.module.icon, `${I18N}.title`)
             // SMTP Settings Section
-            .addSection('smtp-settings', await trans('smtp.title'), await trans('smtp.description'))
+            .addSection('smtp-settings', `${I18N}.smtp.title`, `${I18N}.smtp.description`)
             .addSetting({
             key: AXPSettingKeys.Server,
-            title: await trans('smtp.server.title'),
+            title: `${I18N}.smtp.server.title`,
             scope: 'T',
             isInherited: true,
             defaultValue: '',
             widget: {
                 type: AXPWidgetsList.Editors.TextBox,
             },
-            description: await trans('smtp.server.description'),
+            description: `${I18N}.smtp.server.description`,
         })
             .addSetting({
             key: AXPSettingKeys.Port,
-            title: await trans('smtp.port.title'),
+            title: `${I18N}.smtp.port.title`,
             scope: 'T',
             isInherited: true,
             defaultValue: 587,
@@ -2704,148 +3028,148 @@ class AXMSettingProvider {
                     maxValue: 65535,
                 },
             },
-            description: await trans('smtp.port.description'),
+            description: `${I18N}.smtp.port.description`,
         })
             .addSetting({
             key: AXPSettingKeys.Username,
-            title: await trans('smtp.username.title'),
+            title: `${I18N}.smtp.username.title`,
             scope: 'T',
             isInherited: true,
             defaultValue: '',
             widget: {
                 type: AXPWidgetsList.Editors.TextBox,
             },
-            description: await trans('smtp.username.description'),
+            description: `${I18N}.smtp.username.description`,
         })
             .addSetting({
             key: AXPSettingKeys.Password,
-            title: await trans('smtp.password.title'),
+            title: `${I18N}.smtp.password.title`,
             scope: 'T',
             isInherited: true,
             defaultValue: '',
             widget: {
                 type: AXPWidgetsList.Editors.PasswordBox,
             },
-            description: await trans('smtp.password.description'),
+            description: `${I18N}.smtp.password.description`,
         })
             .addSetting({
             key: AXPSettingKeys.UseSSL,
-            title: await trans('smtp.ssl.title'),
+            title: `${I18N}.smtp.ssl.title`,
             scope: 'T',
             isInherited: true,
             defaultValue: false,
             widget: {
                 type: AXPWidgetsList.Editors.ToggleSwitch,
             },
-            description: await trans('smtp.ssl.description'),
+            description: `${I18N}.smtp.ssl.description`,
         })
             .addSetting({
             key: AXPSettingKeys.UseTLS,
-            title: await trans('smtp.tls.title'),
+            title: `${I18N}.smtp.tls.title`,
             scope: 'T',
             isInherited: true,
             defaultValue: true,
             widget: {
                 type: AXPWidgetsList.Editors.ToggleSwitch,
             },
-            description: await trans('smtp.tls.description'),
+            description: `${I18N}.smtp.tls.description`,
         })
             .endSection()
             // Telegram Settings Section
-            .addSection('telegram-settings', await trans('telegram.title'), await trans('telegram.description'))
+            .addSection('telegram-settings', `${I18N}.telegram.title`, `${I18N}.telegram.description`)
             .addSetting({
             key: AXPSettingKeys.TelegramToken,
-            title: await trans('telegram.token.title'),
+            title: `${I18N}.telegram.token.title`,
             scope: 'T',
             isInherited: true,
             defaultValue: '',
             widget: {
                 type: AXPWidgetsList.Editors.TextBox,
             },
-            description: await trans('telegram.token.description'),
+            description: `${I18N}.telegram.token.description`,
         })
             .addSetting({
             key: AXPSettingKeys.TelegramChatId,
-            title: await trans('telegram.chat-id.title'),
+            title: `${I18N}.telegram.chat-id.title`,
             scope: 'T',
             isInherited: true,
             defaultValue: '',
             widget: {
                 type: AXPWidgetsList.Editors.TextBox,
             },
-            description: await trans('telegram.chat-id.description'),
+            description: `${I18N}.telegram.chat-id.description`,
         })
             .endSection()
             // WhatsApp Settings Section
-            .addSection('whatsapp-settings', await trans('whatsapp.title'), await trans('whatsapp.description'))
+            .addSection('whatsapp-settings', `${I18N}.whatsapp.title`, `${I18N}.whatsapp.description`)
             .addSetting({
             key: AXPSettingKeys.WhatsAppApiUrl,
-            title: await trans('whatsapp.api-url.title'),
+            title: `${I18N}.whatsapp.api-url.title`,
             scope: 'T',
             isInherited: true,
             defaultValue: '',
             widget: {
                 type: AXPWidgetsList.Editors.TextBox,
             },
-            description: await trans('whatsapp.api-url.description'),
+            description: `${I18N}.whatsapp.api-url.description`,
         })
             .addSetting({
             key: AXPSettingKeys.WhatsAppAuthToken,
-            title: await trans('whatsapp.auth-token.title'),
+            title: `${I18N}.whatsapp.auth-token.title`,
             scope: 'T',
             isInherited: true,
             defaultValue: '',
             widget: {
                 type: AXPWidgetsList.Editors.PasswordBox,
             },
-            description: await trans('whatsapp.auth-token.description'),
+            description: `${I18N}.whatsapp.auth-token.description`,
         })
             .endSection()
             // Firebase Settings Section
-            .addSection('firebase-settings', await trans('firebase.title'), await trans('firebase.description'))
+            .addSection('firebase-settings', `${I18N}.firebase.title`, `${I18N}.firebase.description`)
             .addSetting({
             key: AXPSettingKeys.FirebaseApiKey,
-            title: await trans('firebase.api-key.title'),
+            title: `${I18N}.firebase.api-key.title`,
             scope: 'T',
             isInherited: true,
             defaultValue: '',
             widget: {
                 type: AXPWidgetsList.Editors.TextBox,
             },
-            description: await trans('firebase.api-key.description'),
+            description: `${I18N}.firebase.api-key.description`,
         })
             .addSetting({
             key: AXPSettingKeys.FirebaseProjectId,
-            title: await trans('firebase.project-id.title'),
+            title: `${I18N}.firebase.project-id.title`,
             scope: 'T',
             isInherited: true,
             defaultValue: '',
             widget: {
                 type: AXPWidgetsList.Editors.TextBox,
             },
-            description: await trans('firebase.project-id.description'),
+            description: `${I18N}.firebase.project-id.description`,
         })
             .addSetting({
             key: AXPSettingKeys.FirebaseSenderId,
-            title: await trans('firebase.sender-id.title'),
+            title: `${I18N}.firebase.sender-id.title`,
             scope: 'T',
             isInherited: true,
             defaultValue: '',
             widget: {
                 type: AXPWidgetsList.Editors.TextBox,
             },
-            description: await trans('firebase.sender-id.description'),
+            description: `${I18N}.firebase.sender-id.description`,
         })
             .addSetting({
             key: AXPSettingKeys.FirebaseAppId,
-            title: await trans('firebase.app-id.title'),
+            title: `${I18N}.firebase.app-id.title`,
             scope: 'T',
             isInherited: true,
             defaultValue: '',
             widget: {
                 type: AXPWidgetsList.Editors.TextBox,
             },
-            description: await trans('firebase.app-id.description'),
+            description: `${I18N}.firebase.app-id.description`,
         })
             .endSection()
             // End Notification Settings Group
@@ -3263,5 +3587,5 @@ async function notificationLogEntityFactory(injector) {
  * Generated bundle index. Do not edit.
  */
 
-export { AXMMenuProvider, AXMNotificationChannelEntityModule, AXMNotificationConnectorService, AXMNotificationEntityModule, AXMNotificationEntityService, AXMNotificationEntityServiceImpl, AXMNotificationManagementChannelEntityService, AXMNotificationManagementChannelEntityServiceImpl, AXMNotificationManagementModule, AXMNotificationManagementTemplateEntityService, AXMNotificationManagementTemplateEntityServiceImpl, AXMNotificationRealtimeService, AXMNotificationTemplateEntityModule, AXMOsNotificationService, AXMSettingProvider, AXPMyNotificationDashboardWidget, AXPNotificationDefinitionProvider, AXPNotificationDefinitionProviderDefault, AXPNotificationDefinitionService, AXPNotificationWidgetViewComponent, AXP_NOTIFICATION_DEFINITION_PROVIDER, RootConfig, myNotificationEntityFactory, notificationChannelEntityFactory, notificationEntityFactory, notificationLogEntityFactory, notificationTemplateEntityFactory };
+export { AXMMenuProvider, AXMNotificationChannelEntityModule, AXMNotificationConnectorService, AXMNotificationEmailComposerService, AXMNotificationEntityModule, AXMNotificationEntityService, AXMNotificationEntityServiceImpl, AXMNotificationManagementChannelEntityService, AXMNotificationManagementChannelEntityServiceImpl, AXMNotificationManagementModule, AXMNotificationManagementTemplateEntityService, AXMNotificationManagementTemplateEntityServiceImpl, AXMNotificationRealtimeService, AXMNotificationTemplateEntityModule, AXMOsNotificationService, AXMSettingProvider, AXPMyNotificationDashboardWidget, AXPNotificationDefinitionProvider, AXPNotificationDefinitionProviderDefault, AXPNotificationDefinitionService, AXPNotificationWidgetViewComponent, AXP_NOTIFICATION_DEFINITION_PROVIDER, NOTIFICATION_MANAGEMENT_EMAIL_SEND_COMMAND_KEY, NOTIFICATION_MANAGEMENT_EMAIL_SHOW_DIALOG_COMMAND_KEY, NotificationManagementEmailShowDialogCommand, RootConfig, myNotificationEntityFactory, notificationChannelEntityFactory, notificationEntityFactory, notificationLogEntityFactory, notificationTemplateEntityFactory };
 //# sourceMappingURL=acorex-modules-notification-management.mjs.map