@acorex-platform/module-communication-management-client 0.0.37 → 0.0.46

package/fesm2022/{acorex-platform-module-communication-management-client-acorex-platform-module-communication-management-client-CZh_tBTN.mjs → acorex-platform-module-communication-management-client-acorex-platform-module-communication-management-client-BJvTWpBc.mjs}

@@ -1,7 +1,7 @@
 import { AXPSessionService, AXP_PERMISSION_DEFINITION_PROVIDER } from '@acorex-platform/framework-client/auth';
-import { AXPLocalEntityEngine, AXPLocalEntityRealtimeBridge, AXP_IN_APP_NOTIFICATION_SERVICE, AXPSearchCommandProvider, AXP_PROTECTED_ROUTE_GUARDS, AXP_MENU_PROVIDER, AXP_STATUS_PROVIDERS, AXP_SEARCH_PROVIDER, AXP_SETTING_DEFINITION_PROVIDER } from '@acorex-platform/framework-client/common';
+import { AXPLocalEntityEngine, AXPLocalEntityRealtimeBridge, AXPLocalEntityOutboxService, AXPNetworkConnectivityService, axpLocalEntitySupportsOfflineWrite, axpIsLikelyNetworkFailure, AXP_IN_APP_NOTIFICATION_SERVICE, AXPSearchCommandProvider, AXP_PROTECTED_ROUTE_GUARDS, AXP_MENU_PROVIDER, AXP_STATUS_PROVIDERS, AXP_SEARCH_PROVIDER, AXP_SETTING_DEFINITION_PROVIDER } from '@acorex-platform/framework-client/common';
 import * as i1$2 from '@acorex-platform/framework-client/core';
-import { provideAppStartUpTask, AXP_APP_STARTUP_PRIORITY, AXPComponentSlotModule, AXP_MODULE_MANIFEST_PROVIDER } from '@acorex-platform/framework-client/core';
+import { provideAppStartUpTask, AXP_APP_STARTUP_PRIORITY, AXPComponentSlotModule } from '@acorex-platform/framework-client/core';
 import { AXPUserAvatarComponent, AXPUserCardDirective, AXPStateMessageComponent, AXP_TASK_BADGE_PROVIDERS } from '@acorex-platform/framework-client/layout/components';
 import { AXPRootLayoutComponent } from '@acorex-platform/framework-client/themes/default';
 import { AXPCommandService, provideCommandSetups } from '@acorex-platform/framework-client/runtime';
@@ -342,12 +342,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
 const AXP_IN_APP_INBOX_PORT = new InjectionToken('AXP_IN_APP_INBOX_PORT');
 //#endregion
 
+//#region ----- Inbox outbox actions -----
+const AXP_IN_APP_INBOX_OUTBOX_ACTIONS = {
+    markSeen: 'markSeen',
+    markRead: 'markRead',
+    markAllRead: 'markAllRead',
+    togglePin: 'togglePin',
+    archive: 'archive',
+    delete: 'delete',
+};
+//#endregion
+
 //#region ----- Imports -----
 //#endregion
 //#region ----- Shared in-app inbox connector -----
 /**
  * Single source of truth for active in-app inbox UI.
  * Active items live in the shared local-entity engine (max 100) and sync via realtime / reconnect.
+ * Offline writes enqueue on the local-entity outbox and flush over HTTP on reconnect.
  * Archived views always load from the API.
  */
 class AXPInAppInboxConnectorService {
@@ -356,6 +368,8 @@ class AXPInAppInboxConnectorService {
         this.realtime = inject(AXPInAppInboxRealtimeService);
         this.engine = inject(AXPLocalEntityEngine);
         this.localBridge = inject(AXPLocalEntityRealtimeBridge);
+        this.outbox = inject(AXPLocalEntityOutboxService);
+        this.connectivity = inject(AXPNetworkConnectivityService);
         this.sessionService = inject(AXPSessionService);
         this.destroyRef = inject(DestroyRef);
         this.entityKey = AXP_IN_APP_INBOX_LOCAL_ENTITY_KEY;
@@ -419,7 +433,7 @@ class AXPInAppInboxConnectorService {
         this.unreadCount = computed(() => this.readLocalItems().filter((item) => isInAppInboxUnread(item.readAt)).length, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "unreadCount" }] : /* istanbul ignore next */ []));
         this.engine.registerPolicy(this.entityKey, {
-            mode: 'local-first',
+            mode: 'offline-write',
             maxItems: AXP_IN_APP_INBOX_LOCAL_MAX_ITEMS,
             sortField: 'createdAt',
             role: 'entity',
@@ -428,6 +442,10 @@ class AXPInAppInboxConnectorService {
             fetchByIds: this.port.loadByIds ? (ids) => this.fetchActiveByIds(ids) : undefined,
             fetchHot: () => this.fetchActiveHot(),
         });
+        this.outbox.register(this.entityKey, {
+            flush: (op) => this.flushOutboxOp(op),
+            revert: (op) => this.revertOutboxOp(op),
+        });
         this.sessionService.isReadyForAppScopedApi$
             .pipe(distinctUntilChanged(), takeUntilDestroyed(this.destroyRef))
             .subscribe((isReady) => {
@@ -495,13 +513,16 @@ class AXPInAppInboxConnectorService {
         }
         const now = new Date().toISOString();
         await this.engine.patchMany(this.entityKey, unseenIds, (item) => item['seenAt'] ? item : { ...item, seenAt: now });
-        try {
-            await this.port.markSeen(unseenIds);
-        }
-        catch (err) {
-            this.error.set(err instanceof Error ? err.message : 'Failed to mark inbox as seen');
-            await this.syncActiveFromServer();
-        }
+        await this.commitOrEnqueue({
+            action: AXP_IN_APP_INBOX_OUTBOX_ACTIONS.markSeen,
+            recordIds: unseenIds,
+            payload: { seenAt: now },
+            commit: () => this.port.markSeen(unseenIds),
+            revert: async () => {
+                await this.syncActiveFromServer();
+            },
+            failureMessage: 'Failed to mark inbox as seen',
+        });
     }
     async markAsRead(ids) {
         if (ids.length === 0 || !this.port.capabilities.readTracking || !this.canLoadInbox()) {
@@ -514,13 +535,14 @@ class AXPInAppInboxConnectorService {
             seenAt: item['seenAt'] ?? now,
             readAt: item['readAt'] ?? now,
         }));
-        try {
-            await this.port.markRead(ids);
-        }
-        catch (err) {
-            this.error.set(err instanceof Error ? err.message : 'Failed to mark inbox as read');
-            await this.localBridge.apply({ entityKey: this.entityKey, type: 'upsert', ids });
-        }
+        await this.commitOrEnqueue({
+            action: AXP_IN_APP_INBOX_OUTBOX_ACTIONS.markRead,
+            recordIds: ids,
+            payload: { readAt: now, seenAt: now },
+            commit: () => this.port.markRead(ids),
+            revert: () => this.localBridge.apply({ entityKey: this.entityKey, type: 'upsert', ids }),
+            failureMessage: 'Failed to mark inbox as read',
+        });
     }
     async markAllAsRead() {
         if (!this.port.capabilities.readTracking || !this.canLoadInbox()) {
@@ -535,13 +557,16 @@ class AXPInAppInboxConnectorService {
             }
             return { ...item, readAt: now, seenAt: item['seenAt'] ?? now };
         });
-        try {
-            await this.port.markAllRead();
-        }
-        catch (err) {
-            this.error.set(err instanceof Error ? err.message : 'Failed to mark all as read');
-            await this.syncActiveFromServer();
-        }
+        await this.commitOrEnqueue({
+            action: AXP_IN_APP_INBOX_OUTBOX_ACTIONS.markAllRead,
+            recordIds: [],
+            payload: { readAt: now, seenAt: now },
+            commit: () => this.port.markAllRead(),
+            revert: async () => {
+                await this.syncActiveFromServer();
+            },
+            failureMessage: 'Failed to mark all as read',
+        });
     }
     async togglePin(id) {
         if (!this.port.capabilities.pinSupport || !this.port.togglePin || !this.canLoadInbox()) {
@@ -549,20 +574,24 @@ class AXPInAppInboxConnectorService {
         }
         await this.ensureReady();
         const current = this.readLocalItems().find((item) => item.id === id);
+        const nextPinned = current ? !current.isPinned : true;
         if (current) {
             await this.engine.patchMany(this.entityKey, [id], (item) => ({
                 ...item,
-                isPinned: !Boolean(item['isPinned']),
+                isPinned: nextPinned,
             }));
         }
-        try {
-            await this.port.togglePin(id);
-            await this.localBridge.apply({ entityKey: this.entityKey, type: 'upsert', ids: [id] });
-        }
-        catch (err) {
-            this.error.set(err instanceof Error ? err.message : 'Failed to toggle pin');
-            await this.localBridge.apply({ entityKey: this.entityKey, type: 'upsert', ids: [id] });
-        }
+        await this.commitOrEnqueue({
+            action: AXP_IN_APP_INBOX_OUTBOX_ACTIONS.togglePin,
+            recordIds: [id],
+            payload: { isPinned: nextPinned },
+            commit: async () => {
+                await this.port.togglePin?.(id);
+                await this.localBridge.apply({ entityKey: this.entityKey, type: 'upsert', ids: [id] });
+            },
+            revert: () => this.localBridge.apply({ entityKey: this.entityKey, type: 'upsert', ids: [id] }),
+            failureMessage: 'Failed to toggle pin',
+        });
     }
     async archive(ids) {
         if (!this.port.archive || ids.length === 0 || !this.canLoadInbox()) {
@@ -570,13 +599,19 @@ class AXPInAppInboxConnectorService {
         }
         await this.ensureReady();
         await this.engine.removeMany(this.entityKey, ids);
-        try {
-            await this.port.archive(ids);
-        }
-        catch (err) {
-            this.error.set(err instanceof Error ? err.message : 'Failed to archive inbox items');
-            await this.syncActiveFromServer();
-        }
+        await this.commitOrEnqueue({
+            action: AXP_IN_APP_INBOX_OUTBOX_ACTIONS.archive,
+            recordIds: ids,
+            commit: async () => {
+                if (this.port.archive) {
+                    await this.port.archive(ids);
+                }
+            },
+            revert: async () => {
+                await this.syncActiveFromServer();
+            },
+            failureMessage: 'Failed to archive inbox items',
+        });
         const query = this.pageQuery();
         if (query?.mode === 'archive') {
             await this.loadArchivePage(query.filters, query.skip, query.take);
@@ -586,20 +621,30 @@ class AXPInAppInboxConnectorService {
         if (!this.port.deleteDeliveries || !this.canLoadInbox()) {
             return;
         }
+        const deleteDeliveries = this.port.deleteDeliveries;
         await this.ensureReady();
         await this.engine.removeMany(this.entityKey, [id]);
-        try {
-            await this.port.deleteDeliveries([id]);
-        }
-        catch (err) {
-            if (this.isBenignDeliveryDeleteError(err)) {
-                this.realtime.notifyChanged({ type: 'deleted', ids: [id] });
-                return;
-            }
-            this.error.set(err instanceof Error ? err.message : 'Failed to delete inbox item');
-            await this.syncActiveFromServer();
-            return;
-        }
+        await this.commitOrEnqueue({
+            action: AXP_IN_APP_INBOX_OUTBOX_ACTIONS.delete,
+            recordIds: [id],
+            commit: async () => {
+                if (!deleteDeliveries) {
+                    return;
+                }
+                try {
+                    await deleteDeliveries([id]);
+                }
+                catch (err) {
+                    if (!this.isBenignDeliveryDeleteError(err)) {
+                        throw err;
+                    }
+                }
+            },
+            revert: async () => {
+                await this.syncActiveFromServer();
+            },
+            failureMessage: 'Failed to delete inbox item',
+        });
         this.realtime.notifyChanged({ type: 'deleted', ids: [id] });
         const query = this.pageQuery();
         if (query?.mode === 'archive') {
@@ -734,6 +779,7 @@ class AXPInAppInboxConnectorService {
             const response = await this.fetchActiveHot();
             const items = sortInAppInboxItems(response.items.map((item) => normalizeInAppInboxItem(item)));
             await this.engine.replaceAll(this.entityKey, items.map((item) => this.toPayload(item)));
+            await this.reapplyPendingOutboxOps();
             const local = this.readLocalItems();
             return { items: local, total: local.length };
         }
@@ -851,6 +897,127 @@ class AXPInAppInboxConnectorService {
         await this.localBridge.apply({ entityKey: this.entityKey, type: 'invalidate' });
     }
     //#endregion
+    //#region ----- Outbox -----
+    canQueueWrites() {
+        return axpLocalEntitySupportsOfflineWrite(this.engine.getPolicy(this.entityKey)?.mode);
+    }
+    async commitOrEnqueue(options) {
+        if (!this.connectivity.online && this.canQueueWrites()) {
+            await this.outbox.enqueue({
+                entityKey: this.entityKey,
+                action: options.action,
+                recordIds: options.recordIds,
+                payload: options.payload,
+            });
+            return;
+        }
+        try {
+            await options.commit();
+        }
+        catch (err) {
+            if (this.canQueueWrites() && axpIsLikelyNetworkFailure(err)) {
+                await this.outbox.enqueue({
+                    entityKey: this.entityKey,
+                    action: options.action,
+                    recordIds: options.recordIds,
+                    payload: options.payload,
+                });
+                return;
+            }
+            this.error.set(err instanceof Error ? err.message : options.failureMessage);
+            await options.revert();
+        }
+    }
+    async flushOutboxOp(op) {
+        switch (op.action) {
+            case AXP_IN_APP_INBOX_OUTBOX_ACTIONS.markSeen:
+                if (op.recordIds.length > 0) {
+                    await this.port.markSeen(op.recordIds);
+                }
+                return;
+            case AXP_IN_APP_INBOX_OUTBOX_ACTIONS.markRead:
+                if (op.recordIds.length > 0) {
+                    await this.port.markRead(op.recordIds);
+                }
+                return;
+            case AXP_IN_APP_INBOX_OUTBOX_ACTIONS.markAllRead:
+                await this.port.markAllRead();
+                return;
+            case AXP_IN_APP_INBOX_OUTBOX_ACTIONS.togglePin:
+                if (op.recordIds[0] && this.port.togglePin) {
+                    await this.port.togglePin(op.recordIds[0]);
+                }
+                return;
+            case AXP_IN_APP_INBOX_OUTBOX_ACTIONS.archive:
+                if (op.recordIds.length > 0 && this.port.archive) {
+                    await this.port.archive(op.recordIds);
+                }
+                return;
+            case AXP_IN_APP_INBOX_OUTBOX_ACTIONS.delete:
+                if (op.recordIds.length > 0 && this.port.deleteDeliveries) {
+                    try {
+                        await this.port.deleteDeliveries(op.recordIds);
+                    }
+                    catch (err) {
+                        if (!this.isBenignDeliveryDeleteError(err)) {
+                            throw err;
+                        }
+                    }
+                }
+                return;
+            default:
+                return;
+        }
+    }
+    async revertOutboxOp(op) {
+        if (op.action === AXP_IN_APP_INBOX_OUTBOX_ACTIONS.delete ||
+            op.action === AXP_IN_APP_INBOX_OUTBOX_ACTIONS.archive ||
+            op.action === AXP_IN_APP_INBOX_OUTBOX_ACTIONS.markAllRead) {
+            await this.syncActiveFromServer();
+            return;
+        }
+        if (op.recordIds.length > 0) {
+            await this.localBridge.apply({ entityKey: this.entityKey, type: 'upsert', ids: op.recordIds });
+        }
+    }
+    async reapplyPendingOutboxOps() {
+        const ops = this.outbox.pendingFor(this.entityKey);
+        for (const op of ops) {
+            await this.applyOutboxOpLocally(op);
+        }
+    }
+    async applyOutboxOpLocally(op) {
+        const seenAt = typeof op.payload?.['seenAt'] === 'string' ? op.payload['seenAt'] : new Date().toISOString();
+        const readAt = typeof op.payload?.['readAt'] === 'string' ? op.payload['readAt'] : new Date().toISOString();
+        switch (op.action) {
+            case AXP_IN_APP_INBOX_OUTBOX_ACTIONS.markSeen:
+                await this.engine.patchMany(this.entityKey, op.recordIds, (item) => item['seenAt'] ? item : { ...item, seenAt });
+                return;
+            case AXP_IN_APP_INBOX_OUTBOX_ACTIONS.markRead:
+                await this.engine.patchMany(this.entityKey, op.recordIds, (item) => ({
+                    ...item,
+                    seenAt: item['seenAt'] ?? seenAt,
+                    readAt: item['readAt'] ?? readAt,
+                }));
+                return;
+            case AXP_IN_APP_INBOX_OUTBOX_ACTIONS.markAllRead:
+                await this.engine.patchAll(this.entityKey, (item) => item['readAt'] != null ? item : { ...item, readAt, seenAt: item['seenAt'] ?? seenAt });
+                return;
+            case AXP_IN_APP_INBOX_OUTBOX_ACTIONS.togglePin:
+                await this.engine.patchMany(this.entityKey, op.recordIds, (item) => ({
+                    ...item,
+                    isPinned: Boolean(op.payload?.['isPinned']),
+                }));
+                return;
+            case AXP_IN_APP_INBOX_OUTBOX_ACTIONS.archive:
+            case AXP_IN_APP_INBOX_OUTBOX_ACTIONS.delete:
+                await this.engine.removeMany(this.entityKey, op.recordIds);
+                return;
+            default:
+                return;
+        }
+    }
+    //#endregion
     //#region ----- Local helpers -----
     canLoadInbox() {
         return this.sessionService.isReadyForAppScopedApi;
@@ -1044,6 +1211,7 @@ const communicationInAppInboxI18n = {
     selectItems: '@communication-management:in-app.actions.select-items',
     clearFilters: '@communication-management:in-app.actions.clear-filters',
     liveUpdatesOffline: '@communication-management:in-app.live-updates-offline',
+    pendingSync: '@communication-management:in-app.pending-sync',
 };
 //#endregion
 
@@ -1427,20 +1595,25 @@ const RECONNECT_REFRESH_DELAY_MS = 250;
 //#region ---- In-app inbox fallback sync ----
 /**
  * Keeps the inbox fresh when Socket.IO is down: poll while disconnected,
- * refresh on reconnect and when the tab becomes visible again.
+ * refresh on reconnect and when the tab becomes visible again while disconnected.
  */
 function provideCommunicationInAppInboxFallbackSync() {
     return [
         provideAppStartUpTask(() => {
             const connector = inject(AXPInAppInboxConnectorService);
             const sessionService = inject(AXPSessionService);
+            const outbox = inject(AXPLocalEntityOutboxService);
             const syncStatus = inject(AXMCommunicationInAppInboxSyncStatusService);
             const connection = inject(AXPRealtimeConnectionService, { optional: true });
             const destroyRef = inject(DestroyRef);
             const refreshIfAuthorized = () => {
-                if (sessionService.isReadyForAppScopedApi) {
-                    void connector.refresh();
+                if (!sessionService.isReadyForAppScopedApi) {
+                    return;
                 }
+                void (async () => {
+                    await outbox.flushAll();
+                    await connector.refresh();
+                })();
             };
             return {
                 name: 'communication-in-app-inbox-fallback',
@@ -1476,8 +1649,7 @@ function provideCommunicationInAppInboxFallbackSync() {
                         refreshIfAuthorized();
                     });
                     document.addEventListener('visibilitychange', () => {
-                        if (document.visibilityState === 'visible') {
-                            // Re-sync active inbox in case realtime was missed while hidden.
+                        if (document.visibilityState === 'visible' && !connection.isSocketConnected()) {
                             refreshIfAuthorized();
                         }
                     }, { passive: true });
@@ -1765,7 +1937,7 @@ class AXPInAppInboxPanelComponent {
         ];
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPInAppInboxPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPInAppInboxPanelComponent, isStandalone: true, selector: "axp-in-app-inbox-panel", outputs: { unreadCountChange: "unreadCountChange", closePopover: "closePopover" }, ngImport: i0, template: "<div class=\"axp-in-app-inbox-panel__header\">\n  <span class=\"axp-in-app-inbox-panel__title\">\n    {{ i18n.panelTitle | translate | async }}\n  </span>\n  @if (config.settingsRoute) {\n    <ax-button color=\"default\" look=\"blank\" (onClick)=\"openSettings()\">\n      <ax-icon><i class=\"fa-regular fa-gear fa-lg\"></i></ax-icon>\n    </ax-button>\n  }\n</div>\n<ax-tabs [content]=\"tabContent\" look=\"with-line\" location=\"bottom\">\n  @for (tab of tabItems(); track tab.key) {\n    <ax-tab-item\n      [text]=\"(tab.labelKey | translate | async) ?? ''\"\n      [active]=\"activeTab() === tab.key\"\n      (activeChange)=\"changeActiveTab(tab.key)\"\n    >\n      <ax-suffix>\n        @if (tab.count && tab.key === 'Unread') {\n          <ax-badge [color]=\"activeTab() === tab.key ? 'primary' : 'ghost'\" [text]=\"tab.count.toString()\"></ax-badge>\n        }\n      </ax-suffix>\n      <ax-content>\n        <div class=\"axp-in-app-inbox-panel__list\">\n          @if (isLoading()) {\n            <div class=\"axp-in-app-inbox-panel__loading\">\n              @for (_ of [1, 2, 3]; track $index) {\n                <div class=\"axp-in-app-inbox-panel__skeleton\">\n                  <div class=\"axp-in-app-inbox-panel__skeleton-avatar\"></div>\n                  <div class=\"axp-in-app-inbox-panel__skeleton-lines\">\n                    <div class=\"axp-in-app-inbox-panel__skeleton-line --wide\"></div>\n                    <div class=\"axp-in-app-inbox-panel__skeleton-line\"></div>\n                  </div>\n                </div>\n              }\n            </div>\n          } @else if (getItems(tab.key).length === 0) {\n            <axp-state-message\n              icon=\"fa-regular fa-bell-slash\"\n              [title]=\"i18n.emptyTitle\"\n              [description]=\"i18n.emptyDescription\"\n            />\n          } @else {\n            @for (item of getItems(tab.key); track item.id) {\n              <axp-in-app-inbox-item\n                [data]=\"item\"\n                [highlightUnreadBackground]=\"tab.key === 'All'\"\n                [showPin]=\"showPin()\"\n                [pinLabelKey]=\"i18n.pin\"\n                [unpinLabelKey]=\"i18n.unpin\"\n                [markAsReadLabelKey]=\"i18n.markAsRead\"\n                (itemPress)=\"openInboxItem($event)\"\n                (markAsRead)=\"dismissUnread($event)\"\n                (togglePin)=\"togglePin($event)\"\n                (closePopover)=\"closePopover.emit()\"\n              />\n            }\n          }\n        </div>\n        <div class=\"axp-in-app-inbox-panel__footer\">\n          <ax-button\n            class=\"ax-sm\"\n            [disabled]=\"(tabItems()[0]?.count ?? 0) === 0\"\n            look=\"outline\"\n            color=\"default\"\n            [text]=\"(i18n.markAllAsRead | translate | async) ?? ''\"\n            (onClick)=\"markAllAsRead()\"\n          />\n          <ax-button\n            class=\"ax-sm\"\n            look=\"outline\"\n            color=\"primary\"\n            [text]=\"(i18n.viewAll | translate | async) ?? ''\"\n            (onClick)=\"viewAll()\"\n          />\n        </div>\n      </ax-content>\n    </ax-tab-item>\n  }\n</ax-tabs>\n\n<ng-template [axTabContent] #tabContent=\"axTabContent\"></ng-template>\n", styles: ["@reference \"@acorex/styles/themes/default.css\";.axp-in-app-inbox-panel__header{@apply p-4 flex justify-between items-center;}.axp-in-app-inbox-panel__title{@apply text-xl font-semibold;color:rgb(var(--ax-sys-color-on-surface))}.axp-in-app-inbox-panel__list{@apply max-h-[50vh] md:w-[32rem] overflow-y-auto flex flex-col;}.axp-in-app-inbox-panel__footer{@apply flex gap-4 justify-between p-4 border-t;border-color:rgb(var(--ax-sys-color-border-surface))}.axp-in-app-inbox-panel__loading{@apply p-2 space-y-2;}.axp-in-app-inbox-panel__skeleton{@apply flex gap-4 p-4 animate-pulse;}.axp-in-app-inbox-panel__skeleton-avatar{@apply w-12 h-12 rounded-full shrink-0;background:rgb(var(--ax-sys-color-lighter-surface))}.axp-in-app-inbox-panel__skeleton-lines{@apply flex-1 space-y-2 py-1;}.axp-in-app-inbox-panel__skeleton-line{@apply h-3 rounded-md;background:rgb(var(--ax-sys-color-lighter-surface))}.axp-in-app-inbox-panel__skeleton-line.--wide{@apply w-3/4;}.axp-in-app-inbox-panel__skeleton-line:not(.--wide){@apply w-1/2;}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXTabsModule }, { kind: "component", type: i2.AXTabsComponent, selector: "ax-tabs", inputs: ["look", "location", "reorderable", "reorderDelay", "fitParent", "minWidth", "content"], outputs: ["onActiveTabChanged", "onTabsReordered"] }, { kind: "component", type: i2.AXTabItemComponent, selector: "ax-tab-item", inputs: ["disabled", "text", "key", "headerTemplate", "active"], outputs: ["disabledChange", "onClick", "onBlur", "onFocus", "activeChange"] }, { kind: "directive", type: i2.AXTabContentDirective, selector: "[axTabContent]", inputs: ["axTabContent"], exportAs: ["axTabContent"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3.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: AXBadgeModule }, { kind: "component", type: i4$1.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPStateMessageComponent, selector: "axp-state-message", inputs: ["mode", "icon", "title", "description", "titleParams", "descriptionParams", "look"] }, { kind: "component", type: AXPInAppInboxItemComponent, selector: "axp-in-app-inbox-item", inputs: ["data", "showAvatar", "showDate", "showPin", "pinLabelKey", "unpinLabelKey", "highlightUnreadBackground", "showDismissUnread", "markAsReadLabelKey"], outputs: ["itemPress", "markAsRead", "togglePin", "closePopover"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPInAppInboxPanelComponent, isStandalone: true, selector: "axp-in-app-inbox-panel", outputs: { unreadCountChange: "unreadCountChange", closePopover: "closePopover" }, ngImport: i0, template: "<div class=\"axp-in-app-inbox-panel__header\">\n  <span class=\"axp-in-app-inbox-panel__title\">\n    {{ i18n.panelTitle | translate | async }}\n  </span>\n  @if (config.settingsRoute) {\n    <ax-button color=\"default\" look=\"blank\" (onClick)=\"openSettings()\">\n      <ax-icon><i class=\"fa-regular fa-gear fa-lg\"></i></ax-icon>\n    </ax-button>\n  }\n</div>\n<ax-tabs [content]=\"tabContent\" look=\"with-line\" location=\"bottom\">\n  @for (tab of tabItems(); track tab.key) {\n    <ax-tab-item\n      [text]=\"(tab.labelKey | translate | async) ?? ''\"\n      [active]=\"activeTab() === tab.key\"\n      (activeChange)=\"changeActiveTab(tab.key)\"\n    >\n      <ax-suffix>\n        @if (tab.count && tab.key === 'Unread') {\n          <ax-badge [color]=\"activeTab() === tab.key ? 'primary' : 'ghost'\" [text]=\"tab.count.toString()\"></ax-badge>\n        }\n      </ax-suffix>\n      <ax-content>\n        <div class=\"axp-in-app-inbox-panel__list\">\n          @if (isLoading()) {\n            <div class=\"axp-in-app-inbox-panel__loading\">\n              @for (_ of [1, 2, 3]; track $index) {\n                <div class=\"axp-in-app-inbox-panel__skeleton\">\n                  <div class=\"axp-in-app-inbox-panel__skeleton-avatar\"></div>\n                  <div class=\"axp-in-app-inbox-panel__skeleton-lines\">\n                    <div class=\"axp-in-app-inbox-panel__skeleton-line --wide\"></div>\n                    <div class=\"axp-in-app-inbox-panel__skeleton-line\"></div>\n                  </div>\n                </div>\n              }\n            </div>\n          } @else if (getItems(tab.key).length === 0) {\n            <axp-state-message\n              icon=\"fa-regular fa-bell-slash\"\n              [title]=\"i18n.emptyTitle\"\n              [description]=\"i18n.emptyDescription\"\n            />\n          } @else {\n            @for (item of getItems(tab.key); track item.id) {\n              <axp-in-app-inbox-item\n                [data]=\"item\"\n                [highlightUnreadBackground]=\"tab.key === 'All'\"\n                [showPin]=\"showPin()\"\n                [pinLabelKey]=\"i18n.pin\"\n                [unpinLabelKey]=\"i18n.unpin\"\n                [markAsReadLabelKey]=\"i18n.markAsRead\"\n                (itemPress)=\"openInboxItem($event)\"\n                (markAsRead)=\"dismissUnread($event)\"\n                (togglePin)=\"togglePin($event)\"\n                (closePopover)=\"closePopover.emit()\"\n              />\n            }\n          }\n        </div>\n        <div class=\"axp-in-app-inbox-panel__footer\">\n          <ax-button\n            class=\"ax-sm\"\n            [disabled]=\"(tabItems()[0]?.count ?? 0) === 0\"\n            look=\"outline\"\n            color=\"default\"\n            [text]=\"(i18n.markAllAsRead | translate | async) ?? ''\"\n            (onClick)=\"markAllAsRead()\"\n          />\n          <ax-button\n            class=\"ax-sm\"\n            look=\"outline\"\n            color=\"primary\"\n            [text]=\"(i18n.viewAll | translate | async) ?? ''\"\n            (onClick)=\"viewAll()\"\n          />\n        </div>\n      </ax-content>\n    </ax-tab-item>\n  }\n</ax-tabs>\n\n<ng-template [axTabContent] #tabContent=\"axTabContent\"></ng-template>\n", styles: ["@reference \"@acorex/styles/themes/default.css\";.axp-in-app-inbox-panel__header{@apply p-4 flex justify-between items-center;}.axp-in-app-inbox-panel__title{@apply text-xl font-semibold;color:rgb(var(--ax-sys-color-on-surface))}.axp-in-app-inbox-panel__list{@apply max-h-[50vh] md:w-[32rem] overflow-y-auto flex flex-col;}.axp-in-app-inbox-panel__footer{@apply flex gap-4 justify-between p-4 border-t;border-color:rgb(var(--ax-sys-color-border-surface))}.axp-in-app-inbox-panel__loading{@apply p-2 space-y-2;}.axp-in-app-inbox-panel__skeleton{@apply flex gap-4 p-4 animate-pulse;}.axp-in-app-inbox-panel__skeleton-avatar{@apply w-12 h-12 rounded-full shrink-0;background:rgb(var(--ax-sys-color-lighter-surface))}.axp-in-app-inbox-panel__skeleton-lines{@apply flex-1 space-y-2 py-1;}.axp-in-app-inbox-panel__skeleton-line{@apply h-3 rounded-md;background:rgb(var(--ax-sys-color-lighter-surface))}.axp-in-app-inbox-panel__skeleton-line.--wide{@apply w-3/4;}.axp-in-app-inbox-panel__skeleton-line:not(.--wide){@apply w-1/2;}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXTabsModule }, { kind: "component", type: i2.AXTabsComponent, selector: "ax-tabs", inputs: ["look", "location", "reorderable", "reorderDelay", "renderMode", "stacked", "fitParent", "minWidth", "content"], outputs: ["onActiveTabChanged", "onTabsReordered"] }, { kind: "component", type: i2.AXTabItemComponent, selector: "ax-tab-item", inputs: ["disabled", "text", "key", "headerTemplate", "active"], outputs: ["disabledChange", "onClick", "onBlur", "onFocus", "activeChange"] }, { kind: "directive", type: i2.AXTabContentDirective, selector: "[axTabContent]", inputs: ["axTabContent"], exportAs: ["axTabContent"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3.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: AXBadgeModule }, { kind: "component", type: i4$1.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPStateMessageComponent, selector: "axp-state-message", inputs: ["mode", "icon", "title", "description", "titleParams", "descriptionParams", "look"] }, { kind: "component", type: AXPInAppInboxItemComponent, selector: "axp-in-app-inbox-item", inputs: ["data", "showAvatar", "showDate", "showPin", "pinLabelKey", "unpinLabelKey", "highlightUnreadBackground", "showDismissUnread", "markAsReadLabelKey"], outputs: ["itemPress", "markAsRead", "togglePin", "closePopover"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPInAppInboxPanelComponent, decorators: [{
             type: Component,
@@ -1788,9 +1960,22 @@ class AXPInAppInboxSlotComponent {
         this.i18n = inject(AXP_IN_APP_INBOX_I18N);
         this.themeStore = inject(AXPLayoutThemeService);
         this.connector = inject(AXPInAppInboxConnectorService);
+        this.outbox = inject(AXPLocalEntityOutboxService);
         this.syncStatus = inject(AXP_IN_APP_INBOX_SYNC_STATUS, { optional: true });
         this.liveUpdatesOffline = computed(() => this.syncStatus != null && !this.syncStatus.liveUpdatesConnected(), /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "liveUpdatesOffline" }] : /* istanbul ignore next */ []));
+        this.pendingSync = computed(() => this.outbox.pendingCount() > 0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "pendingSync" }] : /* istanbul ignore next */ []));
+        this.statusTitleKey = computed(() => {
+            if (this.pendingSync()) {
+                return this.i18n.pendingSync;
+            }
+            if (this.liveUpdatesOffline()) {
+                return this.i18n.liveUpdatesOffline;
+            }
+            return '';
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "statusTitleKey" }] : /* istanbul ignore next */ []));
         this.badgeDisplay = computed(() => {
             const total = this.connector.unreadCount();
             if (total <= 0) {
@@ -1806,7 +1991,7 @@ class AXPInAppInboxSlotComponent {
         this.popover()?.close();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPInAppInboxSlotComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPInAppInboxSlotComponent, isStandalone: true, selector: "axp-in-app-inbox-slot", viewQueries: [{ propertyName: "popover", first: true, predicate: AXPopoverComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<ax-button\n  [iconOnly]=\"true\"\n  class=\"relative axp-in-app-inbox-slot__button\"\n  [color]=\"themeStore.headerButtonColor()\"\n  [look]=\"themeStore.headerButtonLook()\"\n  #inboxTrigger\n  [title]=\"liveUpdatesOffline() ? ((i18n.liveUpdatesOffline | translate | async) ?? '') : ''\"\n>\n  <ax-icon>\n    <i [class]=\"config.headerIconClass\"></i>\n  </ax-icon>\n</ax-button>\n\n<div\n  class=\"axp-in-app-inbox-slot__badge\"\n  [class.--xs]=\"badgeDisplay().length > 2\"\n>\n  @if (badgeDisplay()) {\n    <ax-badge color=\"danger\" [text]=\"badgeDisplay()\"></ax-badge>\n  }\n</div>\n<ax-popover\n  [target]=\"inboxTrigger\"\n  [openOn]=\"'toggle'\"\n  [closeOn]=\"'clickOut'\"\n  [adaptivityEnabled]=\"true\"\n>\n  <div class=\"bg-lightest rounded-md w-full\">\n    <axp-in-app-inbox-panel (closePopover)=\"closePopover()\" />\n  </div>\n</ax-popover>\n", styles: ["@reference \"@acorex/styles/themes/default.css\";axp-in-app-inbox-slot{@apply relative;}axp-in-app-inbox-slot .axp-in-app-inbox-slot__badge{@apply absolute top-[-.25rem] end-[-.25rem];pointer-events:none}\n"], dependencies: [{ kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i4$1.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "component", type: i4$2.AXPopoverComponent, selector: "ax-popover", inputs: ["width", "disablePanelClass", "visualContextScope", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "closeOnScroll", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPInAppInboxPanelComponent, selector: "axp-in-app-inbox-panel", outputs: ["unreadCountChange", "closePopover"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: i4.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPInAppInboxSlotComponent, isStandalone: true, selector: "axp-in-app-inbox-slot", viewQueries: [{ propertyName: "popover", first: true, predicate: AXPopoverComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<ax-button\n  [iconOnly]=\"true\"\n  class=\"relative axp-in-app-inbox-slot__button\"\n  [color]=\"themeStore.headerButtonColor()\"\n  [look]=\"themeStore.headerButtonLook()\"\n  #inboxTrigger\n  [title]=\"statusTitleKey() ? ((statusTitleKey() | translate | async) ?? '') : ''\"\n>\n  <ax-icon>\n    <i [class]=\"config.headerIconClass\"></i>\n  </ax-icon>\n</ax-button>\n\n<div\n  class=\"axp-in-app-inbox-slot__badge\"\n  [class.--xs]=\"badgeDisplay().length > 2\"\n>\n  @if (badgeDisplay()) {\n    <ax-badge color=\"danger\" [text]=\"badgeDisplay()\"></ax-badge>\n  }\n</div>\n<ax-popover\n  [target]=\"inboxTrigger\"\n  [openOn]=\"'toggle'\"\n  [closeOn]=\"'clickOut'\"\n  [adaptivityEnabled]=\"true\"\n>\n  <div class=\"bg-lightest rounded-md w-full\">\n    <axp-in-app-inbox-panel (closePopover)=\"closePopover()\" />\n  </div>\n</ax-popover>\n", styles: ["@reference \"@acorex/styles/themes/default.css\";axp-in-app-inbox-slot{@apply relative;}axp-in-app-inbox-slot .axp-in-app-inbox-slot__badge{@apply absolute top-[-.25rem] end-[-.25rem];pointer-events:none}\n"], dependencies: [{ kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i4$1.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "component", type: i4$2.AXPopoverComponent, selector: "ax-popover", inputs: ["width", "disablePanelClass", "visualContextScope", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "closeOnScroll", "closeOnNavigation", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPInAppInboxPanelComponent, selector: "axp-in-app-inbox-panel", outputs: ["unreadCountChange", "closePopover"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: i4.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPInAppInboxSlotComponent, decorators: [{
             type: Component,
@@ -1818,7 +2003,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                         AXPopoverModule,
                         AXTranslationModule,
                         AXPInAppInboxPanelComponent,
-                    ], template: "<ax-button\n  [iconOnly]=\"true\"\n  class=\"relative axp-in-app-inbox-slot__button\"\n  [color]=\"themeStore.headerButtonColor()\"\n  [look]=\"themeStore.headerButtonLook()\"\n  #inboxTrigger\n  [title]=\"liveUpdatesOffline() ? ((i18n.liveUpdatesOffline | translate | async) ?? '') : ''\"\n>\n  <ax-icon>\n    <i [class]=\"config.headerIconClass\"></i>\n  </ax-icon>\n</ax-button>\n\n<div\n  class=\"axp-in-app-inbox-slot__badge\"\n  [class.--xs]=\"badgeDisplay().length > 2\"\n>\n  @if (badgeDisplay()) {\n    <ax-badge color=\"danger\" [text]=\"badgeDisplay()\"></ax-badge>\n  }\n</div>\n<ax-popover\n  [target]=\"inboxTrigger\"\n  [openOn]=\"'toggle'\"\n  [closeOn]=\"'clickOut'\"\n  [adaptivityEnabled]=\"true\"\n>\n  <div class=\"bg-lightest rounded-md w-full\">\n    <axp-in-app-inbox-panel (closePopover)=\"closePopover()\" />\n  </div>\n</ax-popover>\n", styles: ["@reference \"@acorex/styles/themes/default.css\";axp-in-app-inbox-slot{@apply relative;}axp-in-app-inbox-slot .axp-in-app-inbox-slot__badge{@apply absolute top-[-.25rem] end-[-.25rem];pointer-events:none}\n"] }]
+                    ], template: "<ax-button\n  [iconOnly]=\"true\"\n  class=\"relative axp-in-app-inbox-slot__button\"\n  [color]=\"themeStore.headerButtonColor()\"\n  [look]=\"themeStore.headerButtonLook()\"\n  #inboxTrigger\n  [title]=\"statusTitleKey() ? ((statusTitleKey() | translate | async) ?? '') : ''\"\n>\n  <ax-icon>\n    <i [class]=\"config.headerIconClass\"></i>\n  </ax-icon>\n</ax-button>\n\n<div\n  class=\"axp-in-app-inbox-slot__badge\"\n  [class.--xs]=\"badgeDisplay().length > 2\"\n>\n  @if (badgeDisplay()) {\n    <ax-badge color=\"danger\" [text]=\"badgeDisplay()\"></ax-badge>\n  }\n</div>\n<ax-popover\n  [target]=\"inboxTrigger\"\n  [openOn]=\"'toggle'\"\n  [closeOn]=\"'clickOut'\"\n  [adaptivityEnabled]=\"true\"\n>\n  <div class=\"bg-lightest rounded-md w-full\">\n    <axp-in-app-inbox-panel (closePopover)=\"closePopover()\" />\n  </div>\n</ax-popover>\n", styles: ["@reference \"@acorex/styles/themes/default.css\";axp-in-app-inbox-slot{@apply relative;}axp-in-app-inbox-slot .axp-in-app-inbox-slot__badge{@apply absolute top-[-.25rem] end-[-.25rem];pointer-events:none}\n"] }]
         }], propDecorators: { popover: [{ type: i0.ViewChild, args: [i0.forwardRef(() => AXPopoverComponent), { isSignal: true }] }] } });
 
 const I18N$2 = '@communication-management:settings.user-notifications';
@@ -1854,17 +2039,6 @@ class AXMCommunicationUserNotificationsSettingProvider {
 }
 //#endregion
 
-const CommunicationManagementManifest = {
-    name: RootConfig.module.name,
-    version: '0.0.1',
-    title: RootConfig.module.title,
-    icon: RootConfig.module.icon,
-    i18n: RootConfig.config.i18n,
-    type: 'domain',
-    domain: 'communication',
-    required: false,
-};
-
 class AXMCommunicationManagementMenuProvider {
     constructor() {
         this.entityService = inject(AXPEntityService);
@@ -1897,6 +2071,19 @@ class AXMCommunicationManagementMenuProvider {
                 },
             },
         ]);
+        context.find(AXPCommonMenuKeys.Administration).addItems([
+            {
+                name: AXMCommunicationManagementMenuKeys.EntityChangeNotifyPolicies,
+                text: RootConfig.entities.entityChangeNotifyPolicy.titlePlural,
+                path: this.entityService.createPath(module, RootConfig.entities.entityChangeNotifyPolicy.name),
+                icon: RootConfig.entities.entityChangeNotifyPolicy.icon,
+                priority: 42,
+                policy: {
+                    features: [module],
+                    permissions: [AXPCollaborationPermissionKeys.MaintainCommunications],
+                },
+            },
+        ]);
     }
 }
 
@@ -2337,7 +2524,7 @@ function routesFactory() {
             children: [
                 {
                     path: '',
-                    loadComponent: () => import('./acorex-platform-module-communication-management-client-communication-in-app-inbox-page.component-D4o0Bhce.mjs').then((m) => m.AXMCommunicationInAppInboxPageComponent),
+                    loadComponent: () => import('./acorex-platform-module-communication-management-client-communication-in-app-inbox-page.component-yaRijsuh.mjs').then((m) => m.AXMCommunicationInAppInboxPageComponent),
                     data: { reuse: true },
                 },
             ],
@@ -2351,11 +2538,11 @@ class AXMCommunicationManagementModule {
             provideCommandSetups([
                 {
                     key: AXMCommunicationManagementCommandKeys$1.Send,
-                    command: () => import('./acorex-platform-module-communication-management-client-communication-send.command-BH9jjHfA.mjs').then((m) => m.CommunicationSendCommand),
+                    command: () => import('./acorex-platform-module-communication-management-client-communication-send.command-D19heywC.mjs').then((m) => m.CommunicationSendCommand),
                 },
                 {
                     key: AXMCommunicationManagementCommandKeys$1.TestSmtp,
-                    command: () => import('./acorex-platform-module-communication-management-client-communication-test-smtp.command-BMsTVFBN.mjs').then((m) => m.CommunicationTestSmtpCommand),
+                    command: () => import('./acorex-platform-module-communication-management-client-communication-test-smtp.command-Bck8R4as.mjs').then((m) => m.CommunicationTestSmtpCommand),
                 },
                 {
                     key: AXMCommunicationManagementCommandKeys$1.EmailShowDialog,
@@ -2363,7 +2550,7 @@ class AXMCommunicationManagementModule {
                 },
                 {
                     key: AXMCommunicationManagementCommandKeys$1.EmailSend,
-                    command: () => import('./acorex-platform-module-communication-management-client-communication-email-send.command-Bnqy-YMs.mjs').then((m) => m.CommunicationManagementEmailSendCommand),
+                    command: () => import('./acorex-platform-module-communication-management-client-communication-email-send.command-CR4RjM-X.mjs').then((m) => m.CommunicationManagementEmailSendCommand),
                 },
                 {
                     key: AXMCommunicationManagementCommandKeys$1.ShowSentMessage,
@@ -2375,14 +2562,9 @@ class AXMCommunicationManagementModule {
                 },
                 {
                     key: LEGACY_NOTIFICATION_EMAIL_SEND_COMMAND_KEY,
-                    command: () => import('./acorex-platform-module-communication-management-client-communication-email-send.command-Bnqy-YMs.mjs').then((m) => m.CommunicationManagementEmailSendCommand),
+                    command: () => import('./acorex-platform-module-communication-management-client-communication-email-send.command-CR4RjM-X.mjs').then((m) => m.CommunicationManagementEmailSendCommand),
                 },
             ]),
-            {
-                provide: AXP_MODULE_MANIFEST_PROVIDER,
-                useValue: CommunicationManagementManifest,
-                multi: true,
-            },
             {
                 provide: AXP_PERMISSION_DEFINITION_PROVIDER,
                 useClass: AXMCommunicationManagementPermissionDefinitionProvider,
@@ -2479,11 +2661,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                         provideCommandSetups([
                             {
                                 key: AXMCommunicationManagementCommandKeys$1.Send,
-                                command: () => import('./acorex-platform-module-communication-management-client-communication-send.command-BH9jjHfA.mjs').then((m) => m.CommunicationSendCommand),
+                                command: () => import('./acorex-platform-module-communication-management-client-communication-send.command-D19heywC.mjs').then((m) => m.CommunicationSendCommand),
                             },
                             {
                                 key: AXMCommunicationManagementCommandKeys$1.TestSmtp,
-                                command: () => import('./acorex-platform-module-communication-management-client-communication-test-smtp.command-BMsTVFBN.mjs').then((m) => m.CommunicationTestSmtpCommand),
+                                command: () => import('./acorex-platform-module-communication-management-client-communication-test-smtp.command-Bck8R4as.mjs').then((m) => m.CommunicationTestSmtpCommand),
                             },
                             {
                                 key: AXMCommunicationManagementCommandKeys$1.EmailShowDialog,
@@ -2491,7 +2673,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                             },
                             {
                                 key: AXMCommunicationManagementCommandKeys$1.EmailSend,
-                                command: () => import('./acorex-platform-module-communication-management-client-communication-email-send.command-Bnqy-YMs.mjs').then((m) => m.CommunicationManagementEmailSendCommand),
+                                command: () => import('./acorex-platform-module-communication-management-client-communication-email-send.command-CR4RjM-X.mjs').then((m) => m.CommunicationManagementEmailSendCommand),
                             },
                             {
                                 key: AXMCommunicationManagementCommandKeys$1.ShowSentMessage,
@@ -2503,14 +2685,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                             },
                             {
                                 key: LEGACY_NOTIFICATION_EMAIL_SEND_COMMAND_KEY,
-                                command: () => import('./acorex-platform-module-communication-management-client-communication-email-send.command-Bnqy-YMs.mjs').then((m) => m.CommunicationManagementEmailSendCommand),
+                                command: () => import('./acorex-platform-module-communication-management-client-communication-email-send.command-CR4RjM-X.mjs').then((m) => m.CommunicationManagementEmailSendCommand),
                             },
                         ]),
-                        {
-                            provide: AXP_MODULE_MANIFEST_PROVIDER,
-                            useValue: CommunicationManagementManifest,
-                            multi: true,
-                        },
                         {
                             provide: AXP_PERMISSION_DEFINITION_PROVIDER,
                             useClass: AXMCommunicationManagementPermissionDefinitionProvider,
@@ -2624,4 +2801,4 @@ function resolveCommunicationDeliveryChannelsSettingsSection(context) {
  */
 
 export { AXPInAppInboxConnectorService as A, isInAppInboxUnseen as B, normalizeInAppInboxItem as C, resolveCommunicationDeliveryChannelsSettingsSection as D, sortInAppInboxItems as E, AXPInAppInboxActionService as a, AXP_IN_APP_INBOX_I18N as b, AXPInAppInboxItemComponent as c, AXPCommunicationManagementClient as d, AXPInAppInboxRealtimeService as e, AXMCommunicationManagementMenuProvider as f, AXMCommunicationManagementModule as g, AXMCommunicationManagementPermissionDefinitionProvider as h, AXMCommunicationManagementSearchCommandProvider as i, AXPCommunicationInAppInboxWidgetViewComponent as j, AXPInAppInboxPanelComponent as k, AXPInAppInboxSlotComponent as l, AXPMyInAppInboxDashboardWidget as m, AXP_IN_APP_INBOX_CONFIG as n, AXP_IN_APP_INBOX_LEGACY_DB_NAME as o, AXP_IN_APP_INBOX_LOCAL_ENTITY_KEY as p, AXP_IN_APP_INBOX_LOCAL_MAX_ITEMS as q, AXP_IN_APP_INBOX_PORT as r, AXP_IN_APP_INBOX_SYNC_STATUS as s, AXP_MY_IN_APP_INBOX_DASHBOARD_DIMENSIONS as t, buildMyInAppInboxDashboardWidget as u, dedupeInAppInboxItems as v, filterInAppInboxItemsLocally as w, getInAppInboxPriorityClass as x, isArchiveCategoryFilter as y, isInAppInboxUnread as z };
-//# sourceMappingURL=acorex-platform-module-communication-management-client-acorex-platform-module-communication-management-client-CZh_tBTN.mjs.map
+//# sourceMappingURL=acorex-platform-module-communication-management-client-acorex-platform-module-communication-management-client-BJvTWpBc.mjs.map