@memberjunction/ng-dashboards 5.34.0 → 5.35.0

package/dist/Archiving/components/archive-config-resource.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"archive-config-resource.component.js","sourceRoot":"","sources":["../../../src/Archiving/components/archive-config-resource.component.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,SAAS,EAAiB,MAAM,eAAe,CAAC;AAEzD,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;;;AAS3D,IAAM,8BAA8B,GAApC,MAAM,8BAA+B,SAAQ,qBAAqB;IACrE,eAAe;QACX,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC9B,CAAC;IAED,KAAK,CAAC,sBAAsB,CAAC,KAAmB;QAC5C,OAAO,uBAAuB,CAAC;IACnC,CAAC;IAED,KAAK,CAAC,oBAAoB,CAAC,KAAmB;QAC1C,OAAO,qBAAqB,CAAC;IACjC,CAAC;qSAXQ,8BAA8B,yBAA9B,8BAA8B;6DAA9B,8BAA8B;YAH5B,0CAAmD;;;AAGrD,8BAA8B;IAP1C,aAAa,CAAC,qBAAqB,EAAE,uBAAuB,CAAC;GAOjD,8BAA8B,CAY1C;;iFAZY,8BAA8B;cAN1C,SAAS;6BACM,KAAK,YACP,6BAA6B,YAC7B,qDAAqD;;kFAGtD,8BAA8B;AAc3C,MAAM,UAAU,yBAAyB;IACrC,wBAAwB;AAC5B,CAAC","sourcesContent":["/**\n * @fileoverview Archive Configuration Resource Component\n *\n * Dashboard resource wrapper for the \"Configuration\" tab in the Archiving application.\n * Delegates all rendering to the reusable mj-archive-config-admin component from\n * @memberjunction/ng-archive-manager.\n */\n\nimport { Component, AfterViewInit } from '@angular/core';\nimport { ResourceData } from '@memberjunction/core-entities';\nimport { RegisterClass } from '@memberjunction/global';\nimport { BaseResourceComponent } from '@memberjunction/ng-shared';\n\n@RegisterClass(BaseResourceComponent, 'ArchiveConfigResource')\n@Component({\n    standalone: false,\n    selector: 'app-archive-config-resource',\n    template: `<mj-archive-config-admin></mj-archive-config-admin>`,\n    styles: [`:host { display: block; height: 100%; width: 100%; overflow: auto; }`],\n})\nexport class ArchiveConfigResourceComponent extends BaseResourceComponent implements AfterViewInit {\n    ngAfterViewInit(): void {\n        this.NotifyLoadComplete();\n    }\n\n    async GetResourceDisplayName(_data: ResourceData): Promise<string> {\n        return 'Archive Configuration';\n    }\n\n    async GetResourceIconClass(_data: ResourceData): Promise<string> {\n        return 'fa-solid fa-sliders';\n    }\n}\n\nexport function LoadArchiveConfigResource() {\n    // Prevents tree-shaking\n}\n"]}
+{"version":3,"file":"archive-config-resource.component.js","sourceRoot":"","sources":["../../../src/Archiving/components/archive-config-resource.component.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,SAAS,EAAiB,MAAM,eAAe,CAAC;AAEzD,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;;;;AAoB3D,IAAM,8BAA8B,GAApC,MAAM,8BAA+B,SAAQ,qBAAqB;IACrE,eAAe;QACX,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC9B,CAAC;IAED,KAAK,CAAC,sBAAsB,CAAC,KAAmB;QAC5C,OAAO,uBAAuB,CAAC;IACnC,CAAC;IAED,KAAK,CAAC,oBAAoB,CAAC,KAAmB;QAC1C,OAAO,qBAAqB,CAAC;IACjC,CAAC;qSAXQ,8BAA8B,yBAA9B,8BAA8B;6DAA9B,8BAA8B;YAbnC,sCAAgB;YACZ,oCAIiB;YACjB,uCAA8C;YAC1C,0CAAmD;YAE3D,AADI,iBAAe,EACF;;YAHC,eAAa;YAAC,AAAd,2BAAa,kBAAkB;;;AAO5C,8BAA8B;IAlB1C,aAAa,CAAC,qBAAqB,EAAE,uBAAuB,CAAC;GAkBjD,8BAA8B,CAY1C;;iFAZY,8BAA8B;cAjB1C,SAAS;6BACM,KAAK,YACP,6BAA6B,YAC7B;;;;;;;;;;;KAWT;;kFAGQ,8BAA8B;AAc3C,MAAM,UAAU,yBAAyB;IACrC,wBAAwB;AAC5B,CAAC","sourcesContent":["/**\n * @fileoverview Archive Configuration Resource Component\n *\n * Dashboard resource wrapper for the \"Configuration\" tab in the Archiving application.\n * Delegates all rendering to the reusable mj-archive-config-admin component from\n * @memberjunction/ng-archive-manager.\n */\n\nimport { Component, AfterViewInit } from '@angular/core';\nimport { ResourceData } from '@memberjunction/core-entities';\nimport { RegisterClass } from '@memberjunction/global';\nimport { BaseResourceComponent } from '@memberjunction/ng-shared';\n\n@RegisterClass(BaseResourceComponent, 'ArchiveConfigResource')\n@Component({\n    standalone: false,\n    selector: 'app-archive-config-resource',\n    template: `\n        <mj-page-layout>\n            <mj-page-header\n                Title=\"Archive Configuration\"\n                Icon=\"fa-solid fa-sliders\"\n                Subtitle=\"Configure entity archiving policies and schedules\">\n            </mj-page-header>\n            <mj-page-body [Flex]=\"true\" [Padding]=\"false\">\n                <mj-archive-config-admin></mj-archive-config-admin>\n            </mj-page-body>\n        </mj-page-layout>\n    `,\n    styles: [`:host { display: block; height: 100%; width: 100%; }`],\n})\nexport class ArchiveConfigResourceComponent extends BaseResourceComponent implements AfterViewInit {\n    ngAfterViewInit(): void {\n        this.NotifyLoadComplete();\n    }\n\n    async GetResourceDisplayName(_data: ResourceData): Promise<string> {\n        return 'Archive Configuration';\n    }\n\n    async GetResourceIconClass(_data: ResourceData): Promise<string> {\n        return 'fa-solid fa-sliders';\n    }\n}\n\nexport function LoadArchiveConfigResource() {\n    // Prevents tree-shaking\n}\n"]}

package/dist/Archiving/components/archive-runs-resource.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"archive-runs-resource.component.d.ts","sourceRoot":"","sources":["../../../src/Archiving/components/archive-runs-resource.component.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAa,aAAa,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAE7D,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;;AAElE,qBAOa,4BAA6B,SAAQ,qBAAsB,YAAW,aAAa;IAC5F,eAAe,IAAI,IAAI;IAIjB,sBAAsB,CAAC,KAAK,EAAE,YAAY,GAAG,OAAO,CAAC,MAAM,CAAC;IAI5D,oBAAoB,CAAC,KAAK,EAAE,YAAY,GAAG,OAAO,CAAC,MAAM,CAAC;yCATvD,4BAA4B;2CAA5B,4BAA4B;CAYxC;AAED,wBAAgB,uBAAuB,SAEtC"}
+{"version":3,"file":"archive-runs-resource.component.d.ts","sourceRoot":"","sources":["../../../src/Archiving/components/archive-runs-resource.component.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAa,aAAa,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAE7D,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;;AAElE,qBAkBa,4BAA6B,SAAQ,qBAAsB,YAAW,aAAa;IAC5F,eAAe,IAAI,IAAI;IAIjB,sBAAsB,CAAC,KAAK,EAAE,YAAY,GAAG,OAAO,CAAC,MAAM,CAAC;IAI5D,oBAAoB,CAAC,KAAK,EAAE,YAAY,GAAG,OAAO,CAAC,MAAM,CAAC;yCATvD,4BAA4B;2CAA5B,4BAA4B;CAYxC;AAED,wBAAgB,uBAAuB,SAEtC"}

package/dist/Archiving/components/archive-runs-resource.component.js

@@ -16,6 +16,7 @@ import { RegisterClass } from '@memberjunction/global';
 import { BaseResourceComponent } from '@memberjunction/ng-shared';
 import * as i0 from "@angular/core";
 import * as i1 from "@memberjunction/ng-archive-manager";
+import * as i2 from "@memberjunction/ng-ui-components";
 let ArchiveRunsResourceComponent = class ArchiveRunsResourceComponent extends BaseResourceComponent {
     ngAfterViewInit() {
         this.NotifyLoadComplete();
@@ -27,9 +28,16 @@ let ArchiveRunsResourceComponent = class ArchiveRunsResourceComponent extends Ba
         return 'fa-solid fa-clock-rotate-left';
     }
     static ɵfac = /*@__PURE__*/ (() => { let ɵArchiveRunsResourceComponent_BaseFactory; return function ArchiveRunsResourceComponent_Factory(__ngFactoryType__) { return (ɵArchiveRunsResourceComponent_BaseFactory || (ɵArchiveRunsResourceComponent_BaseFactory = i0.ɵɵgetInheritedFactory(ArchiveRunsResourceComponent)))(__ngFactoryType__ || ArchiveRunsResourceComponent); }; })();
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ArchiveRunsResourceComponent, selectors: [["app-archive-runs-resource"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 0, template: function ArchiveRunsResourceComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelement(0, "mj-archive-run-viewer");
-        } }, dependencies: [i1.ArchiveRunViewerComponent], styles: ["[_nghost-%COMP%] { display: block; height: 100%; width: 100%; overflow: auto; }"] });
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ArchiveRunsResourceComponent, selectors: [["app-archive-runs-resource"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 4, vars: 2, consts: [["Title", "Archive Run History", "Icon", "fa-solid fa-clock-rotate-left", "Subtitle", "Execution history and results for archive jobs"], [3, "Flex", "Padding"]], template: function ArchiveRunsResourceComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "mj-page-layout");
+            i0.ɵɵelement(1, "mj-page-header", 0);
+            i0.ɵɵelementStart(2, "mj-page-body", 1);
+            i0.ɵɵelement(3, "mj-archive-run-viewer");
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("Flex", true)("Padding", false);
+        } }, dependencies: [i1.ArchiveRunViewerComponent, i2.MJPageLayoutComponent, i2.MJPageHeaderComponent, i2.MJPageBodyComponent], styles: ["[_nghost-%COMP%] { display: block; height: 100%; width: 100%; }"] });
 };
 ArchiveRunsResourceComponent = __decorate([
     RegisterClass(BaseResourceComponent, 'ArchiveRunsResource')
@@ -37,9 +45,20 @@ ArchiveRunsResourceComponent = __decorate([
 export { ArchiveRunsResourceComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ArchiveRunsResourceComponent, [{
         type: Component,
-        args: [{ standalone: false, selector: 'app-archive-runs-resource', template: `<mj-archive-run-viewer></mj-archive-run-viewer>`, styles: [":host { display: block; height: 100%; width: 100%; overflow: auto; }"] }]
+        args: [{ standalone: false, selector: 'app-archive-runs-resource', template: `
+        <mj-page-layout>
+            <mj-page-header
+                Title="Archive Run History"
+                Icon="fa-solid fa-clock-rotate-left"
+                Subtitle="Execution history and results for archive jobs">
+            </mj-page-header>
+            <mj-page-body [Flex]="true" [Padding]="false">
+                <mj-archive-run-viewer></mj-archive-run-viewer>
+            </mj-page-body>
+        </mj-page-layout>
+    `, styles: [":host { display: block; height: 100%; width: 100%; }"] }]
     }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ArchiveRunsResourceComponent, { className: "ArchiveRunsResourceComponent", filePath: "src/Archiving/components/archive-runs-resource.component.ts", lineNumber: 21 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ArchiveRunsResourceComponent, { className: "ArchiveRunsResourceComponent", filePath: "src/Archiving/components/archive-runs-resource.component.ts", lineNumber: 32 }); })();
 export function LoadArchiveRunsResource() {
     // Prevents tree-shaking
 }

package/dist/Archiving/components/archive-runs-resource.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"archive-runs-resource.component.js","sourceRoot":"","sources":["../../../src/Archiving/components/archive-runs-resource.component.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,SAAS,EAAiB,MAAM,eAAe,CAAC;AAEzD,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;;;AAS3D,IAAM,4BAA4B,GAAlC,MAAM,4BAA6B,SAAQ,qBAAqB;IACnE,eAAe;QACX,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC9B,CAAC;IAED,KAAK,CAAC,sBAAsB,CAAC,KAAmB;QAC5C,OAAO,qBAAqB,CAAC;IACjC,CAAC;IAED,KAAK,CAAC,oBAAoB,CAAC,KAAmB;QAC1C,OAAO,+BAA+B,CAAC;IAC3C,CAAC;6RAXQ,4BAA4B,yBAA5B,4BAA4B;6DAA5B,4BAA4B;YAH1B,wCAA+C;;;AAGjD,4BAA4B;IAPxC,aAAa,CAAC,qBAAqB,EAAE,qBAAqB,CAAC;GAO/C,4BAA4B,CAYxC;;iFAZY,4BAA4B;cANxC,SAAS;6BACM,KAAK,YACP,2BAA2B,YAC3B,iDAAiD;;kFAGlD,4BAA4B;AAczC,MAAM,UAAU,uBAAuB;IACnC,wBAAwB;AAC5B,CAAC","sourcesContent":["/**\n * @fileoverview Archive Runs Resource Component\n *\n * Dashboard resource wrapper for the \"Run History\" tab in the Archiving application.\n * Delegates all rendering to the reusable mj-archive-run-viewer component from\n * @memberjunction/ng-archive-manager.\n */\n\nimport { Component, AfterViewInit } from '@angular/core';\nimport { ResourceData } from '@memberjunction/core-entities';\nimport { RegisterClass } from '@memberjunction/global';\nimport { BaseResourceComponent } from '@memberjunction/ng-shared';\n\n@RegisterClass(BaseResourceComponent, 'ArchiveRunsResource')\n@Component({\n    standalone: false,\n    selector: 'app-archive-runs-resource',\n    template: `<mj-archive-run-viewer></mj-archive-run-viewer>`,\n    styles: [`:host { display: block; height: 100%; width: 100%; overflow: auto; }`],\n})\nexport class ArchiveRunsResourceComponent extends BaseResourceComponent implements AfterViewInit {\n    ngAfterViewInit(): void {\n        this.NotifyLoadComplete();\n    }\n\n    async GetResourceDisplayName(_data: ResourceData): Promise<string> {\n        return 'Archive Run History';\n    }\n\n    async GetResourceIconClass(_data: ResourceData): Promise<string> {\n        return 'fa-solid fa-clock-rotate-left';\n    }\n}\n\nexport function LoadArchiveRunsResource() {\n    // Prevents tree-shaking\n}\n"]}
+{"version":3,"file":"archive-runs-resource.component.js","sourceRoot":"","sources":["../../../src/Archiving/components/archive-runs-resource.component.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,SAAS,EAAiB,MAAM,eAAe,CAAC;AAEzD,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;;;;AAoB3D,IAAM,4BAA4B,GAAlC,MAAM,4BAA6B,SAAQ,qBAAqB;IACnE,eAAe;QACX,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC9B,CAAC;IAED,KAAK,CAAC,sBAAsB,CAAC,KAAmB;QAC5C,OAAO,qBAAqB,CAAC;IACjC,CAAC;IAED,KAAK,CAAC,oBAAoB,CAAC,KAAmB;QAC1C,OAAO,+BAA+B,CAAC;IAC3C,CAAC;6RAXQ,4BAA4B,yBAA5B,4BAA4B;6DAA5B,4BAA4B;YAbjC,sCAAgB;YACZ,oCAIiB;YACjB,uCAA8C;YAC1C,wCAA+C;YAEvD,AADI,iBAAe,EACF;;YAHC,eAAa;YAAC,AAAd,2BAAa,kBAAkB;;;AAO5C,4BAA4B;IAlBxC,aAAa,CAAC,qBAAqB,EAAE,qBAAqB,CAAC;GAkB/C,4BAA4B,CAYxC;;iFAZY,4BAA4B;cAjBxC,SAAS;6BACM,KAAK,YACP,2BAA2B,YAC3B;;;;;;;;;;;KAWT;;kFAGQ,4BAA4B;AAczC,MAAM,UAAU,uBAAuB;IACnC,wBAAwB;AAC5B,CAAC","sourcesContent":["/**\n * @fileoverview Archive Runs Resource Component\n *\n * Dashboard resource wrapper for the \"Run History\" tab in the Archiving application.\n * Delegates all rendering to the reusable mj-archive-run-viewer component from\n * @memberjunction/ng-archive-manager.\n */\n\nimport { Component, AfterViewInit } from '@angular/core';\nimport { ResourceData } from '@memberjunction/core-entities';\nimport { RegisterClass } from '@memberjunction/global';\nimport { BaseResourceComponent } from '@memberjunction/ng-shared';\n\n@RegisterClass(BaseResourceComponent, 'ArchiveRunsResource')\n@Component({\n    standalone: false,\n    selector: 'app-archive-runs-resource',\n    template: `\n        <mj-page-layout>\n            <mj-page-header\n                Title=\"Archive Run History\"\n                Icon=\"fa-solid fa-clock-rotate-left\"\n                Subtitle=\"Execution history and results for archive jobs\">\n            </mj-page-header>\n            <mj-page-body [Flex]=\"true\" [Padding]=\"false\">\n                <mj-archive-run-viewer></mj-archive-run-viewer>\n            </mj-page-body>\n        </mj-page-layout>\n    `,\n    styles: [`:host { display: block; height: 100%; width: 100%; }`],\n})\nexport class ArchiveRunsResourceComponent extends BaseResourceComponent implements AfterViewInit {\n    ngAfterViewInit(): void {\n        this.NotifyLoadComplete();\n    }\n\n    async GetResourceDisplayName(_data: ResourceData): Promise<string> {\n        return 'Archive Run History';\n    }\n\n    async GetResourceIconClass(_data: ResourceData): Promise<string> {\n        return 'fa-solid fa-clock-rotate-left';\n    }\n}\n\nexport function LoadArchiveRunsResource() {\n    // Prevents tree-shaking\n}\n"]}

package/dist/Communication/communication-logs-resource.component.d.ts

@@ -13,7 +13,7 @@ export declare class CommunicationLogsResourceComponent extends BaseResourceComp
     ngOnInit(): Promise<void>;
     ngOnDestroy(): void;
     loadData(): Promise<void>;
-    onSearch(event: Event): void;
+    onSearchValue(value: string): void;
     onStatusFilter(status: string): void;
     getStatusClass(status: string): string;
     getStatusIcon(status: string): string;

package/dist/Communication/communication-logs-resource.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"communication-logs-resource.component.d.ts","sourceRoot":"","sources":["../../src/Communication/communication-logs-resource.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,MAAM,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAChF,OAAO,EAAE,YAAY,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAEvF,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;;AAElE,qBAuRa,kCAAmC,SAAQ,qBAAsB,YAAW,MAAM,EAAE,SAAS;IAO1F,OAAO,CAAC,GAAG;IANhB,IAAI,EAAE,wBAAwB,EAAE,CAAM;IACtC,YAAY,EAAE,wBAAwB,EAAE,CAAM;IAC9C,SAAS,UAAS;IAClB,YAAY,SAAM;IACzB,OAAO,CAAC,UAAU,CAAM;gBAEJ,GAAG,EAAE,iBAAiB;IAIpC,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAM/B,WAAW,IAAI,IAAI;IAIN,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAyB/B,QAAQ,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAK5B,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAKpC,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM;IAStC,aAAa,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM;IASrC,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM;IAUrC,gBAAgB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM;IAU7C,OAAO,CAAC,WAAW;IAoBb,sBAAsB,CAAC,IAAI,EAAE,YAAY,GAAG,OAAO,CAAC,MAAM,CAAC;IAI3D,oBAAoB,CAAC,IAAI,EAAE,YAAY,GAAG,OAAO,CAAC,MAAM,CAAC;yCAtHtD,kCAAkC;2CAAlC,kCAAkC;CAyH9C"}
+{"version":3,"file":"communication-logs-resource.component.d.ts","sourceRoot":"","sources":["../../src/Communication/communication-logs-resource.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,MAAM,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAChF,OAAO,EAAE,YAAY,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAEvF,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;;AAElE,qBA6La,kCAAmC,SAAQ,qBAAsB,YAAW,MAAM,EAAE,SAAS;IAO1F,OAAO,CAAC,GAAG;IANhB,IAAI,EAAE,wBAAwB,EAAE,CAAM;IACtC,YAAY,EAAE,wBAAwB,EAAE,CAAM;IAC9C,SAAS,UAAS;IAClB,YAAY,SAAM;IACzB,OAAO,CAAC,UAAU,CAAM;gBAEJ,GAAG,EAAE,iBAAiB;IAIpC,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAM/B,WAAW,IAAI,IAAI;IAIN,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAyB/B,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAKlC,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAKpC,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM;IAStC,aAAa,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM;IASrC,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM;IAUrC,gBAAgB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM;IAU7C,OAAO,CAAC,WAAW;IAoBb,sBAAsB,CAAC,IAAI,EAAE,YAAY,GAAG,OAAO,CAAC,MAAM,CAAC;IAI3D,oBAAoB,CAAC,IAAI,EAAE,YAAY,GAAG,OAAO,CAAC,MAAM,CAAC;yCAtHtD,kCAAkC;2CAAlC,kCAAkC;CAyH9C"}

package/dist/Communication/communication-logs-resource.component.js

@@ -10,8 +10,9 @@ import { BaseResourceComponent } from '@memberjunction/ng-shared';
 import { RunView } from '@memberjunction/core';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
-function CommunicationLogsResourceComponent_For_40_Conditional_19_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 19);
+import * as i2 from "@memberjunction/ng-ui-components";
+function CommunicationLogsResourceComponent_For_30_Conditional_19_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 16);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -20,21 +21,21 @@ function CommunicationLogsResourceComponent_For_40_Conditional_19_Template(rf, c
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", log_r1.ErrorMessage, " ");
 } }
-function CommunicationLogsResourceComponent_For_40_Conditional_20_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 20);
+function CommunicationLogsResourceComponent_For_30_Conditional_20_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 17);
     i0.ɵɵtext(1, "\u2014");
     i0.ɵɵelementEnd();
 } }
-function CommunicationLogsResourceComponent_For_40_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "tr")(1, "td")(2, "span", 16);
+function CommunicationLogsResourceComponent_For_30_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr")(1, "td")(2, "span", 13);
     i0.ɵɵelement(3, "i");
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(5, "td")(6, "span", 17);
+    i0.ɵɵelementStart(5, "td")(6, "span", 14);
     i0.ɵɵelement(7, "i");
     i0.ɵɵtext(8);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(9, "td")(10, "span", 18);
+    i0.ɵɵelementStart(9, "td")(10, "span", 15);
     i0.ɵɵelement(11, "i");
     i0.ɵɵtext(12);
     i0.ɵɵelementEnd()();
@@ -46,8 +47,8 @@ function CommunicationLogsResourceComponent_For_40_Template(rf, ctx) { if (rf &
     i0.ɵɵpipe(17, "date");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(18, "td");
-    i0.ɵɵconditionalCreate(19, CommunicationLogsResourceComponent_For_40_Conditional_19_Template, 2, 2, "span", 19);
-    i0.ɵɵconditionalCreate(20, CommunicationLogsResourceComponent_For_40_Conditional_20_Template, 2, 0, "span", 20);
+    i0.ɵɵconditionalCreate(19, CommunicationLogsResourceComponent_For_30_Conditional_19_Template, 2, 2, "span", 16);
+    i0.ɵɵconditionalCreate(20, CommunicationLogsResourceComponent_For_30_Conditional_20_Template, 2, 0, "span", 17);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const log_r1 = ctx.$implicit;
@@ -78,9 +79,9 @@ function CommunicationLogsResourceComponent_For_40_Template(rf, ctx) { if (rf &
     i0.ɵɵadvance();
     i0.ɵɵconditional(!log_r1.ErrorMessage ? 20 : -1);
 } }
-function CommunicationLogsResourceComponent_Conditional_41_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "tr")(1, "td", 21)(2, "div", 22);
-    i0.ɵɵelement(3, "i", 23);
+function CommunicationLogsResourceComponent_Conditional_31_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr")(1, "td", 18)(2, "div", 19);
+    i0.ɵɵelement(3, "i", 20);
     i0.ɵɵelementStart(4, "p");
     i0.ɵɵtext(5, "No logs found matching your criteria");
     i0.ɵɵelementEnd()()()();
@@ -128,8 +129,8 @@ let CommunicationLogsResourceComponent = class CommunicationLogsResourceComponen
             this.cdr.detectChanges();
         }
     }
-    onSearch(event) {
-        this.searchTerm = event.target.value.toLowerCase();
+    onSearchValue(value) {
+        this.searchTerm = (value ?? '').toLowerCase();
         this.applyFilter();
     }
     onStatusFilter(status) {
@@ -209,76 +210,65 @@ let CommunicationLogsResourceComponent = class CommunicationLogsResourceComponen
         return 'fa-solid fa-list-ul';
     }
     static ɵfac = function CommunicationLogsResourceComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CommunicationLogsResourceComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CommunicationLogsResourceComponent, selectors: [["mj-communication-logs-resource"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 42, vars: 11, consts: [[1, "logs-wrapper"], [1, "card"], [1, "logs-toolbar"], [1, "search-input-wrapper"], [1, "fa-solid", "fa-search"], ["type", "text", "placeholder", "Search messages, providers, recipients...", 3, "input"], [1, "filter-chip", 3, "click"], [1, "fa-solid", "fa-filter"], [1, "fa-solid", "fa-check-circle"], [1, "fa-solid", "fa-times-circle"], [1, "fa-solid", "fa-clock"], [1, "toolbar-spacer"], [1, "tb-btn", 3, "click"], [1, "fa-solid", "fa-rotate"], [1, "table-wrapper"], [1, "log-table"], [1, "log-status-badge", 3, "ngClass"], [1, "log-direction", 3, "ngClass"], [1, "log-provider-badge"], [1, "log-error-text", 3, "title"], [1, "no-error"], ["colspan", "6", 1, "no-data"], [1, "empty-state"], [1, "fa-solid", "fa-inbox"]], template: function CommunicationLogsResourceComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "div", 3);
-            i0.ɵɵelement(4, "i", 4);
-            i0.ɵɵelementStart(5, "input", 5);
-            i0.ɵɵlistener("input", function CommunicationLogsResourceComponent_Template_input_input_5_listener($event) { return ctx.onSearch($event); });
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CommunicationLogsResourceComponent, selectors: [["mj-communication-logs-resource"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 32, vars: 7, consts: [["Title", "Logs", "Icon", "fa-solid fa-list-ul"], ["actions", ""], [3, "Clicked", "Loading"], ["toolbar", ""], ["Placeholder", "Search messages, providers, recipients...", 3, "ValueChange"], ["Label", "All", "Icon", "fa-solid fa-filter", 3, "Clicked", "Active"], ["Label", "Sent", "Icon", "fa-solid fa-check-circle", 3, "Clicked", "Active"], ["Label", "Failed", "Icon", "fa-solid fa-times-circle", 3, "Clicked", "Active"], ["Label", "Pending", "Icon", "fa-solid fa-clock", 3, "Clicked", "Active"], [3, "Flex"], [1, "logs-card"], [1, "table-wrapper"], [1, "log-table"], [1, "log-status-badge", 3, "ngClass"], [1, "log-direction", 3, "ngClass"], [1, "log-provider-badge"], [1, "log-error-text", 3, "title"], [1, "no-error"], ["colspan", "6", 1, "no-data"], [1, "empty-state"], [1, "fa-solid", "fa-inbox"]], template: function CommunicationLogsResourceComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "mj-page-layout")(1, "mj-page-header", 0)(2, "div", 1)(3, "mj-refresh-button", 2);
+            i0.ɵɵlistener("Clicked", function CommunicationLogsResourceComponent_Template_mj_refresh_button_Clicked_3_listener() { return ctx.loadData(); });
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(6, "div", 6);
-            i0.ɵɵlistener("click", function CommunicationLogsResourceComponent_Template_div_click_6_listener() { return ctx.onStatusFilter(""); });
-            i0.ɵɵelement(7, "i", 7);
-            i0.ɵɵtext(8, " All ");
+            i0.ɵɵelementStart(4, "div", 3)(5, "mj-page-search", 4);
+            i0.ɵɵlistener("ValueChange", function CommunicationLogsResourceComponent_Template_mj_page_search_ValueChange_5_listener($event) { return ctx.onSearchValue($event); });
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(9, "div", 6);
-            i0.ɵɵlistener("click", function CommunicationLogsResourceComponent_Template_div_click_9_listener() { return ctx.onStatusFilter("Complete"); });
-            i0.ɵɵelement(10, "i", 8);
-            i0.ɵɵtext(11, " Sent ");
+            i0.ɵɵelementStart(6, "mj-filter-chip", 5);
+            i0.ɵɵlistener("Clicked", function CommunicationLogsResourceComponent_Template_mj_filter_chip_Clicked_6_listener() { return ctx.onStatusFilter(""); });
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(12, "div", 6);
-            i0.ɵɵlistener("click", function CommunicationLogsResourceComponent_Template_div_click_12_listener() { return ctx.onStatusFilter("Failed"); });
-            i0.ɵɵelement(13, "i", 9);
-            i0.ɵɵtext(14, " Failed ");
+            i0.ɵɵelementStart(7, "mj-filter-chip", 6);
+            i0.ɵɵlistener("Clicked", function CommunicationLogsResourceComponent_Template_mj_filter_chip_Clicked_7_listener() { return ctx.onStatusFilter("Complete"); });
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(15, "div", 6);
-            i0.ɵɵlistener("click", function CommunicationLogsResourceComponent_Template_div_click_15_listener() { return ctx.onStatusFilter("Pending"); });
-            i0.ɵɵelement(16, "i", 10);
-            i0.ɵɵtext(17, " Pending ");
+            i0.ɵɵelementStart(8, "mj-filter-chip", 7);
+            i0.ɵɵlistener("Clicked", function CommunicationLogsResourceComponent_Template_mj_filter_chip_Clicked_8_listener() { return ctx.onStatusFilter("Failed"); });
             i0.ɵɵelementEnd();
-            i0.ɵɵelement(18, "div", 11);
-            i0.ɵɵelementStart(19, "button", 12);
-            i0.ɵɵlistener("click", function CommunicationLogsResourceComponent_Template_button_click_19_listener() { return ctx.loadData(); });
-            i0.ɵɵelement(20, "i", 13);
-            i0.ɵɵtext(21, " Refresh ");
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(22, "div", 14)(23, "table", 15)(24, "thead")(25, "tr")(26, "th");
-            i0.ɵɵtext(27, "Status");
+            i0.ɵɵelementStart(9, "mj-filter-chip", 8);
+            i0.ɵɵlistener("Clicked", function CommunicationLogsResourceComponent_Template_mj_filter_chip_Clicked_9_listener() { return ctx.onStatusFilter("Pending"); });
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(10, "mj-page-body", 9)(11, "div", 10)(12, "div", 11)(13, "table", 12)(14, "thead")(15, "tr")(16, "th");
+            i0.ɵɵtext(17, "Status");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(28, "th");
-            i0.ɵɵtext(29, "Direction");
+            i0.ɵɵelementStart(18, "th");
+            i0.ɵɵtext(19, "Direction");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(30, "th");
-            i0.ɵɵtext(31, "Provider");
+            i0.ɵɵelementStart(20, "th");
+            i0.ɵɵtext(21, "Provider");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(32, "th");
-            i0.ɵɵtext(33, "Type");
+            i0.ɵɵelementStart(22, "th");
+            i0.ɵɵtext(23, "Type");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(34, "th");
-            i0.ɵɵtext(35, "Date");
+            i0.ɵɵelementStart(24, "th");
+            i0.ɵɵtext(25, "Date");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(36, "th");
-            i0.ɵɵtext(37, "Error");
+            i0.ɵɵelementStart(26, "th");
+            i0.ɵɵtext(27, "Error");
             i0.ɵɵelementEnd()()();
-            i0.ɵɵelementStart(38, "tbody");
-            i0.ɵɵrepeaterCreate(39, CommunicationLogsResourceComponent_For_40_Template, 21, 20, "tr", null, i0.ɵɵrepeaterTrackByIdentity);
-            i0.ɵɵconditionalCreate(41, CommunicationLogsResourceComponent_Conditional_41_Template, 6, 0, "tr");
-            i0.ɵɵelementEnd()()()()();
+            i0.ɵɵelementStart(28, "tbody");
+            i0.ɵɵrepeaterCreate(29, CommunicationLogsResourceComponent_For_30_Template, 21, 20, "tr", null, i0.ɵɵrepeaterTrackByIdentity);
+            i0.ɵɵconditionalCreate(31, CommunicationLogsResourceComponent_Conditional_31_Template, 6, 0, "tr");
+            i0.ɵɵelementEnd()()()()()();
         } if (rf & 2) {
-            i0.ɵɵadvance(6);
-            i0.ɵɵclassProp("active", ctx.statusFilter === "");
-            i0.ɵɵadvance(3);
-            i0.ɵɵclassProp("active", ctx.statusFilter === "Complete");
             i0.ɵɵadvance(3);
-            i0.ɵɵclassProp("active", ctx.statusFilter === "Failed");
+            i0.ɵɵproperty("Loading", ctx.isLoading);
             i0.ɵɵadvance(3);
-            i0.ɵɵclassProp("active", ctx.statusFilter === "Pending");
-            i0.ɵɵadvance(5);
-            i0.ɵɵclassProp("spinning", ctx.isLoading);
+            i0.ɵɵproperty("Active", ctx.statusFilter === "");
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("Active", ctx.statusFilter === "Complete");
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("Active", ctx.statusFilter === "Failed");
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("Active", ctx.statusFilter === "Pending");
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("Flex", true);
             i0.ɵɵadvance(19);
             i0.ɵɵrepeater(ctx.filteredLogs);
             i0.ɵɵadvance(2);
-            i0.ɵɵconditional(ctx.filteredLogs.length === 0 && !ctx.isLoading ? 41 : -1);
-        } }, dependencies: [i1.NgClass, i1.DatePipe], styles: [".logs-wrapper[_ngcontent-%COMP%] {\n        height: 100%;\n        padding: 24px;\n        background: var(--mj-bg-surface);\n    }\n    .card[_ngcontent-%COMP%] {\n        background: var(--mj-bg-surface-card);\n        border: 1px solid var(--mj-border-default);\n        border-radius: 12px;\n        overflow: hidden;\n        display: flex;\n        flex-direction: column;\n        height: 100%;\n    }\n\n    \n\n    .logs-toolbar[_ngcontent-%COMP%] {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        padding: 12px 20px;\n        border-bottom: 1px solid var(--mj-border-default);\n        background: var(--mj-bg-surface-sunken);\n        flex-shrink: 0;\n    }\n    .search-input-wrapper[_ngcontent-%COMP%] {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        flex: 1;\n        max-width: 400px;\n        padding: 6px 12px;\n        border: 1px solid var(--mj-border-default);\n        border-radius: 8px;\n        background: var(--mj-bg-surface);\n        transition: border-color 0.15s, box-shadow 0.15s;\n    }\n    .search-input-wrapper[_ngcontent-%COMP%]:focus-within {\n        border-color: var(--mj-brand-primary);\n        box-shadow: 0 0 0 2px color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n    }\n    .search-input-wrapper[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { color: var(--mj-text-muted); font-size: 12px; }\n    .search-input-wrapper[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] {\n        flex: 1; border: none; outline: none;\n        background: transparent; font-size: 12px;\n        font-family: inherit; color: var(--mj-text-primary);\n    }\n    .search-input-wrapper[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]::placeholder { color: var(--mj-text-muted); }\n\n    .filter-chip[_ngcontent-%COMP%] {\n        display: inline-flex; align-items: center;\n        gap: 4px; padding: 4px 10px;\n        border: 1px solid var(--mj-border-default);\n        border-radius: 16px;\n        background: var(--mj-bg-surface-card);\n        font-size: 11px; font-weight: 500;\n        color: var(--mj-text-secondary);\n        cursor: pointer; transition: all 0.15s;\n    }\n    .filter-chip[_ngcontent-%COMP%]:hover {\n        border-color: var(--mj-border-strong);\n        background: var(--mj-bg-surface-sunken);\n    }\n    .filter-chip.active[_ngcontent-%COMP%] {\n        border-color: var(--mj-brand-primary);\n        background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n        color: var(--mj-brand-primary);\n    }\n    .filter-chip[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { font-size: 10px; }\n\n    .toolbar-spacer[_ngcontent-%COMP%] { flex: 1; }\n\n    .tb-btn[_ngcontent-%COMP%] {\n        display: inline-flex; align-items: center;\n        gap: 6px; padding: 6px 12px;\n        border: 1px solid var(--mj-border-default);\n        border-radius: 4px;\n        background: var(--mj-bg-surface-card);\n        color: var(--mj-text-secondary);\n        font-size: 12px; font-weight: 500;\n        cursor: pointer; transition: all 0.15s ease;\n        font-family: inherit;\n    }\n    .tb-btn[_ngcontent-%COMP%]:hover {\n        background: var(--mj-bg-surface-sunken);\n        border-color: var(--mj-border-strong);\n        color: var(--mj-text-primary);\n    }\n    .tb-btn[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { font-size: 12px; }\n\n    @keyframes _ngcontent-%COMP%_spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }\n    .spinning[_ngcontent-%COMP%] { animation: _ngcontent-%COMP%_spin 1s linear infinite; }\n\n    \n\n    .table-wrapper[_ngcontent-%COMP%] { flex: 1; overflow-y: auto; }\n\n    .log-table[_ngcontent-%COMP%] {\n        width: 100%;\n        border-collapse: collapse;\n        font-size: 12px;\n    }\n    .log-table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%] {\n        background: var(--mj-bg-surface-sunken);\n        position: sticky; top: 0; z-index: 1;\n    }\n    .log-table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n        padding: 10px 16px;\n        text-align: left;\n        font-weight: 700; font-size: 10px;\n        text-transform: uppercase; letter-spacing: 0.5px;\n        color: var(--mj-text-muted);\n        border-bottom: 1px solid var(--mj-border-default);\n        white-space: nowrap;\n    }\n    .log-table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n        padding: 12px 16px;\n        border-bottom: 1px solid var(--mj-border-default);\n        color: var(--mj-text-primary);\n        vertical-align: middle;\n    }\n    .log-table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%] { transition: background 0.15s; }\n    .log-table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:hover { background: var(--mj-bg-surface-sunken); }\n\n    .log-status-badge[_ngcontent-%COMP%] {\n        display: inline-flex; align-items: center;\n        gap: 4px; font-size: 11px; font-weight: 600;\n        padding: 3px 10px;\n        border-radius: 4px;\n    }\n    .log-status-badge.complete[_ngcontent-%COMP%] {\n        background: color-mix(in srgb, var(--mj-status-success) 15%, var(--mj-bg-surface));\n        color: var(--mj-status-success);\n    }\n    .log-status-badge.failed[_ngcontent-%COMP%] {\n        background: color-mix(in srgb, var(--mj-status-error) 15%, var(--mj-bg-surface));\n        color: var(--mj-status-error);\n    }\n    .log-status-badge.pending[_ngcontent-%COMP%] {\n        background: color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface));\n        color: var(--mj-status-warning);\n    }\n    .log-status-badge.in-progress[_ngcontent-%COMP%] {\n        background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n        color: var(--mj-brand-primary);\n    }\n\n    .log-direction[_ngcontent-%COMP%] {\n        display: flex; align-items: center;\n        gap: 4px; font-size: 11px;\n        color: var(--mj-text-muted);\n    }\n    .log-direction[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { font-size: 10px; }\n    .log-direction.sending[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { color: var(--mj-brand-primary); }\n    .log-direction.receiving[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { color: var(--mj-status-success); }\n\n    .log-provider-badge[_ngcontent-%COMP%] {\n        display: inline-flex; align-items: center;\n        gap: 6px; padding: 3px 10px;\n        border-radius: 4px;\n        background: var(--mj-bg-surface-sunken);\n        font-weight: 500;\n    }\n\n    .log-error-text[_ngcontent-%COMP%] {\n        color: var(--mj-status-error);\n        max-width: 200px;\n        overflow: hidden; text-overflow: ellipsis;\n        white-space: nowrap; font-size: 11px;\n        display: block;\n    }\n    .no-error[_ngcontent-%COMP%] { color: var(--mj-text-muted); }\n\n    .no-data[_ngcontent-%COMP%] { padding: 0 !important; }\n    .empty-state[_ngcontent-%COMP%] {\n        display: flex; flex-direction: column;\n        align-items: center; justify-content: center;\n        padding: 48px 0; color: var(--mj-text-muted);\n    }\n    .empty-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { font-size: 2rem; margin-bottom: 12px; opacity: 0.5; }\n    .empty-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] { margin: 0; font-size: 13px; }"] });
+            i0.ɵɵconditional(ctx.filteredLogs.length === 0 && !ctx.isLoading ? 31 : -1);
+        } }, dependencies: [i1.NgClass, i2.MJPageHeaderComponent, i2.MJPageLayoutComponent, i2.MJPageBodyComponent, i2.MJPageSearchComponent, i2.MJFilterChipComponent, i2.MJRefreshButtonComponent, i1.DatePipe], styles: ["\n\n    .logs-card[_ngcontent-%COMP%] {\n        flex: 1;\n        min-height: 0;\n        background: var(--mj-bg-surface-card);\n        border: 1px solid var(--mj-border-default);\n        border-radius: 12px;\n        overflow: hidden;\n        display: flex;\n        flex-direction: column;\n    }\n\n    \n\n    .table-wrapper[_ngcontent-%COMP%] { flex: 1; overflow-y: auto; }\n\n    .log-table[_ngcontent-%COMP%] {\n        width: 100%;\n        border-collapse: collapse;\n        font-size: 12px;\n    }\n    .log-table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%] {\n        background: var(--mj-bg-surface-sunken);\n        position: sticky; top: 0; z-index: 1;\n    }\n    .log-table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n        padding: 10px 16px;\n        text-align: left;\n        font-weight: 700; font-size: 10px;\n        text-transform: uppercase; letter-spacing: 0.5px;\n        color: var(--mj-text-muted);\n        border-bottom: 1px solid var(--mj-border-default);\n        white-space: nowrap;\n    }\n    .log-table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n        padding: 12px 16px;\n        border-bottom: 1px solid var(--mj-border-default);\n        color: var(--mj-text-primary);\n        vertical-align: middle;\n    }\n    .log-table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%] { transition: background 0.15s; }\n    .log-table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:hover { background: var(--mj-bg-surface-sunken); }\n\n    .log-status-badge[_ngcontent-%COMP%] {\n        display: inline-flex; align-items: center;\n        gap: 4px; font-size: 11px; font-weight: 600;\n        padding: 3px 10px;\n        border-radius: 4px;\n    }\n    .log-status-badge.complete[_ngcontent-%COMP%] {\n        background: color-mix(in srgb, var(--mj-status-success) 15%, var(--mj-bg-surface));\n        color: var(--mj-status-success);\n    }\n    .log-status-badge.failed[_ngcontent-%COMP%] {\n        background: color-mix(in srgb, var(--mj-status-error) 15%, var(--mj-bg-surface));\n        color: var(--mj-status-error);\n    }\n    .log-status-badge.pending[_ngcontent-%COMP%] {\n        background: color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface));\n        color: var(--mj-status-warning);\n    }\n    .log-status-badge.in-progress[_ngcontent-%COMP%] {\n        background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n        color: var(--mj-brand-primary);\n    }\n\n    .log-direction[_ngcontent-%COMP%] {\n        display: flex; align-items: center;\n        gap: 4px; font-size: 11px;\n        color: var(--mj-text-muted);\n    }\n    .log-direction[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { font-size: 10px; }\n    .log-direction.sending[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { color: var(--mj-brand-primary); }\n    .log-direction.receiving[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { color: var(--mj-status-success); }\n\n    .log-provider-badge[_ngcontent-%COMP%] {\n        display: inline-flex; align-items: center;\n        gap: 6px; padding: 3px 10px;\n        border-radius: 4px;\n        background: var(--mj-bg-surface-sunken);\n        font-weight: 500;\n    }\n\n    .log-error-text[_ngcontent-%COMP%] {\n        color: var(--mj-status-error);\n        max-width: 200px;\n        overflow: hidden; text-overflow: ellipsis;\n        white-space: nowrap; font-size: 11px;\n        display: block;\n    }\n    .no-error[_ngcontent-%COMP%] { color: var(--mj-text-muted); }\n\n    .no-data[_ngcontent-%COMP%] { padding: 0 !important; }\n    .empty-state[_ngcontent-%COMP%] {\n        display: flex; flex-direction: column;\n        align-items: center; justify-content: center;\n        padding: 48px 0; color: var(--mj-text-muted);\n    }\n    .empty-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { font-size: 2rem; margin-bottom: 12px; opacity: 0.5; }\n    .empty-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] { margin: 0; font-size: 13px; }"] });
 };
 CommunicationLogsResourceComponent = __decorate([
     RegisterClass(BaseResourceComponent, 'CommunicationLogsResource')
@@ -287,34 +277,24 @@ export { CommunicationLogsResourceComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CommunicationLogsResourceComponent, [{
         type: Component,
         args: [{ standalone: false, selector: 'mj-communication-logs-resource', template: `
-    <div class="logs-wrapper">
-      <div class="card">
-        <div class="logs-toolbar">
-          <div class="search-input-wrapper">
-            <i class="fa-solid fa-search"></i>
-            <input type="text" placeholder="Search messages, providers, recipients..." (input)="onSearch($event)">
-          </div>
-          <div class="filter-chip" [class.active]="statusFilter === ''"
-            (click)="onStatusFilter('')">
-            <i class="fa-solid fa-filter"></i> All
-          </div>
-          <div class="filter-chip" [class.active]="statusFilter === 'Complete'"
-            (click)="onStatusFilter('Complete')">
-            <i class="fa-solid fa-check-circle"></i> Sent
-          </div>
-          <div class="filter-chip" [class.active]="statusFilter === 'Failed'"
-            (click)="onStatusFilter('Failed')">
-            <i class="fa-solid fa-times-circle"></i> Failed
-          </div>
-          <div class="filter-chip" [class.active]="statusFilter === 'Pending'"
-            (click)="onStatusFilter('Pending')">
-            <i class="fa-solid fa-clock"></i> Pending
-          </div>
-          <div class="toolbar-spacer"></div>
-          <button class="tb-btn" (click)="loadData()">
-            <i class="fa-solid fa-rotate" [class.spinning]="isLoading"></i> Refresh
-          </button>
+    <mj-page-layout>
+      <mj-page-header Title="Logs" Icon="fa-solid fa-list-ul">
+        <div actions>
+          <mj-refresh-button [Loading]="isLoading" (Clicked)="loadData()"></mj-refresh-button>
         </div>
+        <div toolbar>
+          <mj-page-search
+            Placeholder="Search messages, providers, recipients..."
+            (ValueChange)="onSearchValue($event)">
+          </mj-page-search>
+          <mj-filter-chip Label="All"     Icon="fa-solid fa-filter"        [Active]="statusFilter === ''"         (Clicked)="onStatusFilter('')"></mj-filter-chip>
+          <mj-filter-chip Label="Sent"    Icon="fa-solid fa-check-circle"  [Active]="statusFilter === 'Complete'" (Clicked)="onStatusFilter('Complete')"></mj-filter-chip>
+          <mj-filter-chip Label="Failed"  Icon="fa-solid fa-times-circle"  [Active]="statusFilter === 'Failed'"   (Clicked)="onStatusFilter('Failed')"></mj-filter-chip>
+          <mj-filter-chip Label="Pending" Icon="fa-solid fa-clock"         [Active]="statusFilter === 'Pending'"  (Clicked)="onStatusFilter('Pending')"></mj-filter-chip>
+        </div>
+      </mj-page-header>
+      <mj-page-body [Flex]="true">
+        <div class="logs-card">
         <div class="table-wrapper">
           <table class="log-table">
             <thead>
@@ -375,9 +355,10 @@ export { CommunicationLogsResourceComponent };
             </tbody>
           </table>
         </div>
-      </div>
-    </div>
-    `, styles: ["\n    .logs-wrapper {\n        height: 100%;\n        padding: 24px;\n        background: var(--mj-bg-surface);\n    }\n    .card {\n        background: var(--mj-bg-surface-card);\n        border: 1px solid var(--mj-border-default);\n        border-radius: 12px;\n        overflow: hidden;\n        display: flex;\n        flex-direction: column;\n        height: 100%;\n    }\n\n    /* TOOLBAR */\n    .logs-toolbar {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        padding: 12px 20px;\n        border-bottom: 1px solid var(--mj-border-default);\n        background: var(--mj-bg-surface-sunken);\n        flex-shrink: 0;\n    }\n    .search-input-wrapper {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        flex: 1;\n        max-width: 400px;\n        padding: 6px 12px;\n        border: 1px solid var(--mj-border-default);\n        border-radius: 8px;\n        background: var(--mj-bg-surface);\n        transition: border-color 0.15s, box-shadow 0.15s;\n    }\n    .search-input-wrapper:focus-within {\n        border-color: var(--mj-brand-primary);\n        box-shadow: 0 0 0 2px color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n    }\n    .search-input-wrapper i { color: var(--mj-text-muted); font-size: 12px; }\n    .search-input-wrapper input {\n        flex: 1; border: none; outline: none;\n        background: transparent; font-size: 12px;\n        font-family: inherit; color: var(--mj-text-primary);\n    }\n    .search-input-wrapper input::placeholder { color: var(--mj-text-muted); }\n\n    .filter-chip {\n        display: inline-flex; align-items: center;\n        gap: 4px; padding: 4px 10px;\n        border: 1px solid var(--mj-border-default);\n        border-radius: 16px;\n        background: var(--mj-bg-surface-card);\n        font-size: 11px; font-weight: 500;\n        color: var(--mj-text-secondary);\n        cursor: pointer; transition: all 0.15s;\n    }\n    .filter-chip:hover {\n        border-color: var(--mj-border-strong);\n        background: var(--mj-bg-surface-sunken);\n    }\n    .filter-chip.active {\n        border-color: var(--mj-brand-primary);\n        background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n        color: var(--mj-brand-primary);\n    }\n    .filter-chip i { font-size: 10px; }\n\n    .toolbar-spacer { flex: 1; }\n\n    .tb-btn {\n        display: inline-flex; align-items: center;\n        gap: 6px; padding: 6px 12px;\n        border: 1px solid var(--mj-border-default);\n        border-radius: 4px;\n        background: var(--mj-bg-surface-card);\n        color: var(--mj-text-secondary);\n        font-size: 12px; font-weight: 500;\n        cursor: pointer; transition: all 0.15s ease;\n        font-family: inherit;\n    }\n    .tb-btn:hover {\n        background: var(--mj-bg-surface-sunken);\n        border-color: var(--mj-border-strong);\n        color: var(--mj-text-primary);\n    }\n    .tb-btn i { font-size: 12px; }\n\n    @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }\n    .spinning { animation: spin 1s linear infinite; }\n\n    /* TABLE */\n    .table-wrapper { flex: 1; overflow-y: auto; }\n\n    .log-table {\n        width: 100%;\n        border-collapse: collapse;\n        font-size: 12px;\n    }\n    .log-table thead {\n        background: var(--mj-bg-surface-sunken);\n        position: sticky; top: 0; z-index: 1;\n    }\n    .log-table th {\n        padding: 10px 16px;\n        text-align: left;\n        font-weight: 700; font-size: 10px;\n        text-transform: uppercase; letter-spacing: 0.5px;\n        color: var(--mj-text-muted);\n        border-bottom: 1px solid var(--mj-border-default);\n        white-space: nowrap;\n    }\n    .log-table td {\n        padding: 12px 16px;\n        border-bottom: 1px solid var(--mj-border-default);\n        color: var(--mj-text-primary);\n        vertical-align: middle;\n    }\n    .log-table tbody tr { transition: background 0.15s; }\n    .log-table tbody tr:hover { background: var(--mj-bg-surface-sunken); }\n\n    .log-status-badge {\n        display: inline-flex; align-items: center;\n        gap: 4px; font-size: 11px; font-weight: 600;\n        padding: 3px 10px;\n        border-radius: 4px;\n    }\n    .log-status-badge.complete {\n        background: color-mix(in srgb, var(--mj-status-success) 15%, var(--mj-bg-surface));\n        color: var(--mj-status-success);\n    }\n    .log-status-badge.failed {\n        background: color-mix(in srgb, var(--mj-status-error) 15%, var(--mj-bg-surface));\n        color: var(--mj-status-error);\n    }\n    .log-status-badge.pending {\n        background: color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface));\n        color: var(--mj-status-warning);\n    }\n    .log-status-badge.in-progress {\n        background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n        color: var(--mj-brand-primary);\n    }\n\n    .log-direction {\n        display: flex; align-items: center;\n        gap: 4px; font-size: 11px;\n        color: var(--mj-text-muted);\n    }\n    .log-direction i { font-size: 10px; }\n    .log-direction.sending i { color: var(--mj-brand-primary); }\n    .log-direction.receiving i { color: var(--mj-status-success); }\n\n    .log-provider-badge {\n        display: inline-flex; align-items: center;\n        gap: 6px; padding: 3px 10px;\n        border-radius: 4px;\n        background: var(--mj-bg-surface-sunken);\n        font-weight: 500;\n    }\n\n    .log-error-text {\n        color: var(--mj-status-error);\n        max-width: 200px;\n        overflow: hidden; text-overflow: ellipsis;\n        white-space: nowrap; font-size: 11px;\n        display: block;\n    }\n    .no-error { color: var(--mj-text-muted); }\n\n    .no-data { padding: 0 !important; }\n    .empty-state {\n        display: flex; flex-direction: column;\n        align-items: center; justify-content: center;\n        padding: 48px 0; color: var(--mj-text-muted);\n    }\n    .empty-state i { font-size: 2rem; margin-bottom: 12px; opacity: 0.5; }\n    .empty-state p { margin: 0; font-size: 13px; }\n  "] }]
+        </div>
+      </mj-page-body>
+    </mj-page-layout>
+    `, styles: ["\n    /* Card wrapper inside <mj-page-body>: the table sits in a tinted card. */\n    .logs-card {\n        flex: 1;\n        min-height: 0;\n        background: var(--mj-bg-surface-card);\n        border: 1px solid var(--mj-border-default);\n        border-radius: 12px;\n        overflow: hidden;\n        display: flex;\n        flex-direction: column;\n    }\n\n    /* TABLE */\n    .table-wrapper { flex: 1; overflow-y: auto; }\n\n    .log-table {\n        width: 100%;\n        border-collapse: collapse;\n        font-size: 12px;\n    }\n    .log-table thead {\n        background: var(--mj-bg-surface-sunken);\n        position: sticky; top: 0; z-index: 1;\n    }\n    .log-table th {\n        padding: 10px 16px;\n        text-align: left;\n        font-weight: 700; font-size: 10px;\n        text-transform: uppercase; letter-spacing: 0.5px;\n        color: var(--mj-text-muted);\n        border-bottom: 1px solid var(--mj-border-default);\n        white-space: nowrap;\n    }\n    .log-table td {\n        padding: 12px 16px;\n        border-bottom: 1px solid var(--mj-border-default);\n        color: var(--mj-text-primary);\n        vertical-align: middle;\n    }\n    .log-table tbody tr { transition: background 0.15s; }\n    .log-table tbody tr:hover { background: var(--mj-bg-surface-sunken); }\n\n    .log-status-badge {\n        display: inline-flex; align-items: center;\n        gap: 4px; font-size: 11px; font-weight: 600;\n        padding: 3px 10px;\n        border-radius: 4px;\n    }\n    .log-status-badge.complete {\n        background: color-mix(in srgb, var(--mj-status-success) 15%, var(--mj-bg-surface));\n        color: var(--mj-status-success);\n    }\n    .log-status-badge.failed {\n        background: color-mix(in srgb, var(--mj-status-error) 15%, var(--mj-bg-surface));\n        color: var(--mj-status-error);\n    }\n    .log-status-badge.pending {\n        background: color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface));\n        color: var(--mj-status-warning);\n    }\n    .log-status-badge.in-progress {\n        background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n        color: var(--mj-brand-primary);\n    }\n\n    .log-direction {\n        display: flex; align-items: center;\n        gap: 4px; font-size: 11px;\n        color: var(--mj-text-muted);\n    }\n    .log-direction i { font-size: 10px; }\n    .log-direction.sending i { color: var(--mj-brand-primary); }\n    .log-direction.receiving i { color: var(--mj-status-success); }\n\n    .log-provider-badge {\n        display: inline-flex; align-items: center;\n        gap: 6px; padding: 3px 10px;\n        border-radius: 4px;\n        background: var(--mj-bg-surface-sunken);\n        font-weight: 500;\n    }\n\n    .log-error-text {\n        color: var(--mj-status-error);\n        max-width: 200px;\n        overflow: hidden; text-overflow: ellipsis;\n        white-space: nowrap; font-size: 11px;\n        display: block;\n    }\n    .no-error { color: var(--mj-text-muted); }\n\n    .no-data { padding: 0 !important; }\n    .empty-state {\n        display: flex; flex-direction: column;\n        align-items: center; justify-content: center;\n        padding: 48px 0; color: var(--mj-text-muted);\n    }\n    .empty-state i { font-size: 2rem; margin-bottom: 12px; opacity: 0.5; }\n    .empty-state p { margin: 0; font-size: 13px; }\n  "] }]
     }], () => [{ type: i0.ChangeDetectorRef }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CommunicationLogsResourceComponent, { className: "CommunicationLogsResourceComponent", filePath: "src/Communication/communication-logs-resource.component.ts", lineNumber: 285 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CommunicationLogsResourceComponent, { className: "CommunicationLogsResourceComponent", filePath: "src/Communication/communication-logs-resource.component.ts", lineNumber: 195 }); })();
 //# sourceMappingURL=communication-logs-resource.component.js.map

package/dist/Communication/communication-logs-resource.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"communication-logs-resource.component.js","sourceRoot":"","sources":["../../src/Communication/communication-logs-resource.component.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,SAAS,EAAwC,MAAM,eAAe,CAAC;AAEhF,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;;;;IAuEzB,gCAAwD;IACtD,YACF;IAAA,iBAAO;;;IAFsB,2CAA0B;IACrD,cACF;IADE,oDACF;;;IAGA,gCAAuB;IAAA,sBAAO;IAAA,iBAAO;;;IA1BvC,AADF,AADF,0BAAI,SACE,eACoE;IACpE,oBAA2C;IAC3C,YACF;IACF,AADE,iBAAO,EACJ;IAEH,AADF,0BAAI,eACkE;IAClE,oBAA4G;IAC5G,YACF;IACF,AADE,iBAAO,EACJ;IAEH,AADF,0BAAI,gBAC+B;IAC/B,qBAAwH;IACxH,aACF;IACF,AADE,iBAAO,EACJ;IACL,2BAAI;IAAA,aAAwC;IAAA,iBAAK;IACjD,2BAAI;IAAA,aAAmC;;IAAA,iBAAK;IAC5C,2BAAI;IACF,+GAAwB;IAKxB,+GAAyB;IAI7B,AADE,iBAAK,EACF;;;;IA7B8B,eAAsC;IAAtC,8DAAsC;IAChE,cAAmC;IAAnC,kDAAmC;IACtC,cACF;IADE,8CACF;IAG4B,eAAuC;IAAvC,wDAAuC;IAC9D,cAAoG;IAApG,4GAAoG;IACvG,cACF;IADE,iDACF;IAIK,eAAoD;IAApD,mEAAoD;IAAC,8EAA2D;IACnH,cACF;IADE,6DACF;IAEE,eAAwC;IAAxC,6DAAwC;IACxC,eAAmC;IAAnC,0EAAmC;IAErC,eAIC;IAJD,+CAIC;IACD,cAEC;IAFD,gDAEC;;;IAOD,AADF,AADF,0BAAI,aAC8B,cACL;IACvB,wBAAiC;IACjC,yBAAG;IAAA,oDAAoC;IAG7C,AADE,AADE,AADyC,iBAAI,EACvC,EACH,EACF;;AA+Ld,IAAM,kCAAkC,GAAxC,MAAM,kCAAmC,SAAQ,qBAAqB;IAOrD;IANb,IAAI,GAA+B,EAAE,CAAC;IACtC,YAAY,GAA+B,EAAE,CAAC;IAC9C,SAAS,GAAG,KAAK,CAAC;IAClB,YAAY,GAAG,EAAE,CAAC;IACjB,UAAU,GAAG,EAAE,CAAC;IAExB,YAAoB,GAAsB;QACtC,KAAK,EAAE,CAAC;QADQ,QAAG,GAAH,GAAG,CAAmB;IAE1C,CAAC;IAED,KAAK,CAAC,QAAQ;QACV,KAAK,CAAC,QAAQ,EAAE,CAAC;QACjB,MAAM,IAAI,CAAC,QAAQ,EAAE,CAAC;QACtB,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC9B,CAAC;IAED,WAAW;QACP,KAAK,CAAC,WAAW,EAAE,CAAC;IACxB,CAAC;IAEM,KAAK,CAAC,QAAQ;QACjB,IAAI,CAAC;YACD,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;YACtB,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;YAEzB,MAAM,EAAE,GAAG,OAAO,CAAC,oBAAoB,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;YAC5D,MAAM,MAAM,GAAG,MAAM,EAAE,CAAC,OAAO,CAA2B;gBACtD,UAAU,EAAE,wBAAwB;gBACpC,OAAO,EAAE,kBAAkB;gBAC3B,OAAO,EAAE,GAAG;gBACZ,UAAU,EAAE,eAAe;aAC9B,CAAC,CAAC;YAEH,IAAI,MAAM,CAAC,OAAO,EAAE,CAAC;gBACjB,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC,OAAO,CAAC;gBAC3B,IAAI,CAAC,WAAW,EAAE,CAAC;YACvB,CAAC;QACL,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACb,OAAO,CAAC,KAAK,CAAC,qBAAqB,EAAE,KAAK,CAAC,CAAC;QAChD,CAAC;gBAAS,CAAC;YACP,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;YACvB,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;QAC7B,CAAC;IACL,CAAC;IAEM,QAAQ,CAAC,KAAY;QACxB,IAAI,CAAC,UAAU,GAAI,KAAK,CAAC,MAA2B,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC;QACzE,IAAI,CAAC,WAAW,EAAE,CAAC;IACvB,CAAC;IAEM,cAAc,CAAC,MAAc;QAChC,IAAI,CAAC,YAAY,GAAG,MAAM,CAAC;QAC3B,IAAI,CAAC,WAAW,EAAE,CAAC;IACvB,CAAC;IAEM,cAAc,CAAC,MAAc;QAChC,MAAM,CAAC,GAAG,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC,WAAW,EAAE,CAAC;QACvC,IAAI,CAAC,KAAK,UAAU;YAAE,OAAO,UAAU,CAAC;QACxC,IAAI,CAAC,KAAK,QAAQ;YAAE,OAAO,QAAQ,CAAC;QACpC,IAAI,CAAC,KAAK,SAAS;YAAE,OAAO,SAAS,CAAC;QACtC,IAAI,CAAC,KAAK,aAAa;YAAE,OAAO,aAAa,CAAC;QAC9C,OAAO,EAAE,CAAC;IACd,CAAC;IAEM,aAAa,CAAC,MAAc;QAC/B,MAAM,CAAC,GAAG,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC,WAAW,EAAE,CAAC;QACvC,IAAI,CAAC,KAAK,UAAU;YAAE,OAAO,mBAAmB,CAAC;QACjD,IAAI,CAAC,KAAK,QAAQ;YAAE,OAAO,mBAAmB,CAAC;QAC/C,IAAI,CAAC,KAAK,SAAS;YAAE,OAAO,mBAAmB,CAAC;QAChD,IAAI,CAAC,KAAK,aAAa;YAAE,OAAO,qBAAqB,CAAC;QACtD,OAAO,oBAAoB,CAAC;IAChC,CAAC;IAEM,eAAe,CAAC,IAAY;QAC/B,IAAI,CAAC,IAAI;YAAE,OAAO,oBAAoB,CAAC;QACvC,MAAM,CAAC,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;QAC7B,IAAI,CAAC,CAAC,QAAQ,CAAC,UAAU,CAAC;YAAE,OAAO,sBAAsB,CAAC;QAC1D,IAAI,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC;YAAE,OAAO,yBAAyB,CAAC;QAC3D,IAAI,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC;YAAE,OAAO,qBAAqB,CAAC;QAC9E,IAAI,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC;YAAE,OAAO,wBAAwB,CAAC;QACpF,OAAO,oBAAoB,CAAC;IAChC,CAAC;IAEM,gBAAgB,CAAC,IAAY;QAChC,IAAI,CAAC,IAAI;YAAE,OAAO,SAAS,CAAC;QAC5B,MAAM,CAAC,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;QAC7B,IAAI,CAAC,CAAC,QAAQ,CAAC,UAAU,CAAC;YAAE,OAAO,SAAS,CAAC;QAC7C,IAAI,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC;YAAE,OAAO,SAAS,CAAC;QAC3C,IAAI,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC;YAAE,OAAO,SAAS,CAAC;QAClE,IAAI,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC;YAAE,OAAO,SAAS,CAAC;QACrE,OAAO,SAAS,CAAC;IACrB,CAAC;IAEO,WAAW;QACf,IAAI,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC;QAEzB,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;YACpB,QAAQ,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,KAAK,IAAI,CAAC,YAAY,CAAC,CAAC;QACpE,CAAC;QAED,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YAClB,QAAQ,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAC3B,CAAC,CAAC,qBAAqB,EAAE,WAAW,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC;gBAChE,CAAC,CAAC,gCAAgC,EAAE,WAAW,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC;gBAC3E,CAAC,CAAC,MAAM,EAAE,WAAW,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC;gBACjD,CAAC,CAAC,YAAY,EAAE,WAAW,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,CAC1D,CAAC;QACN,CAAC;QAED,IAAI,CAAC,YAAY,GAAG,QAAQ,CAAC;QAC7B,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;IAC7B,CAAC;IAED,KAAK,CAAC,sBAAsB,CAAC,IAAkB;QAC3C,OAAO,cAAc,CAAC;IAC1B,CAAC;IAED,KAAK,CAAC,oBAAoB,CAAC,IAAkB;QACzC,OAAO,qBAAqB,CAAC;IACjC,CAAC;4HAxHQ,kCAAkC;6DAAlC,kCAAkC;YA/QrC,AADF,AADF,AADF,8BAA0B,aACN,aACU,aACU;YAChC,uBAAkC;YAClC,gCAAsG;YAA3B,oHAAS,oBAAgB,IAAC;YACvG,AADE,iBAAsG,EAClG;YACN,8BAC+B;YAA7B,4GAAS,mBAAe,EAAE,CAAC,IAAC;YAC5B,uBAAkC;YAAC,qBACrC;YAAA,iBAAM;YACN,8BACuC;YAArC,4GAAS,mBAAe,UAAU,CAAC,IAAC;YACpC,wBAAwC;YAAC,uBAC3C;YAAA,iBAAM;YACN,+BACqC;YAAnC,6GAAS,mBAAe,QAAQ,CAAC,IAAC;YAClC,wBAAwC;YAAC,yBAC3C;YAAA,iBAAM;YACN,+BACsC;YAApC,6GAAS,mBAAe,SAAS,CAAC,IAAC;YACnC,yBAAiC;YAAC,0BACpC;YAAA,iBAAM;YACN,2BAAkC;YAClC,mCAA4C;YAArB,gHAAS,cAAU,IAAC;YACzC,yBAA+D;YAAC,0BAClE;YACF,AADE,iBAAS,EACL;YAKE,AADF,AADF,AADF,AADF,gCAA2B,iBACA,aAChB,UACD,UACE;YAAA,uBAAM;YAAA,iBAAK;YACf,2BAAI;YAAA,0BAAS;YAAA,iBAAK;YAClB,2BAAI;YAAA,yBAAQ;YAAA,iBAAK;YACjB,2BAAI;YAAA,qBAAI;YAAA,iBAAK;YACb,2BAAI;YAAA,qBAAI;YAAA,iBAAK;YACb,2BAAI;YAAA,sBAAK;YAEb,AADE,AADW,iBAAK,EACX,EACC;YACR,8BAAO;YACL,6HAiCC;YACD,kGAA+C;YAczD,AADE,AADE,AADE,AADE,iBAAQ,EACF,EACJ,EACF,EACF;;YAlFyB,eAAoC;YAApC,iDAAoC;YAIpC,eAA4C;YAA5C,yDAA4C;YAI5C,eAA0C;YAA1C,uDAA0C;YAI1C,eAA2C;YAA3C,wDAA2C;YAMpC,eAA4B;YAA5B,yCAA4B;YAgBxD,gBAiCC;YAjCD,+BAiCC;YACD,eASC;YATD,2EASC;;;AA8LF,kCAAkC;IAvR9C,aAAa,CAAC,qBAAqB,EAAE,2BAA2B,CAAC;GAuRrD,kCAAkC,CAyH9C;;iFAzHY,kCAAkC;cAtR9C,SAAS;6BACI,KAAK,YACL,gCAAgC,YAChC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA2FT;;kFAwLQ,kCAAkC","sourcesContent":["import { Component, OnInit, OnDestroy, ChangeDetectorRef } from '@angular/core';\nimport { ResourceData, MJCommunicationLogEntity } from '@memberjunction/core-entities';\nimport { RegisterClass } from '@memberjunction/global';\nimport { BaseResourceComponent } from '@memberjunction/ng-shared';\nimport { RunView } from '@memberjunction/core';\n@RegisterClass(BaseResourceComponent, 'CommunicationLogsResource')\n@Component({\n  standalone: false,\n    selector: 'mj-communication-logs-resource',\n    template: `\n    <div class=\"logs-wrapper\">\n      <div class=\"card\">\n        <div class=\"logs-toolbar\">\n          <div class=\"search-input-wrapper\">\n            <i class=\"fa-solid fa-search\"></i>\n            <input type=\"text\" placeholder=\"Search messages, providers, recipients...\" (input)=\"onSearch($event)\">\n          </div>\n          <div class=\"filter-chip\" [class.active]=\"statusFilter === ''\"\n            (click)=\"onStatusFilter('')\">\n            <i class=\"fa-solid fa-filter\"></i> All\n          </div>\n          <div class=\"filter-chip\" [class.active]=\"statusFilter === 'Complete'\"\n            (click)=\"onStatusFilter('Complete')\">\n            <i class=\"fa-solid fa-check-circle\"></i> Sent\n          </div>\n          <div class=\"filter-chip\" [class.active]=\"statusFilter === 'Failed'\"\n            (click)=\"onStatusFilter('Failed')\">\n            <i class=\"fa-solid fa-times-circle\"></i> Failed\n          </div>\n          <div class=\"filter-chip\" [class.active]=\"statusFilter === 'Pending'\"\n            (click)=\"onStatusFilter('Pending')\">\n            <i class=\"fa-solid fa-clock\"></i> Pending\n          </div>\n          <div class=\"toolbar-spacer\"></div>\n          <button class=\"tb-btn\" (click)=\"loadData()\">\n            <i class=\"fa-solid fa-rotate\" [class.spinning]=\"isLoading\"></i> Refresh\n          </button>\n        </div>\n        <div class=\"table-wrapper\">\n          <table class=\"log-table\">\n            <thead>\n              <tr>\n                <th>Status</th>\n                <th>Direction</th>\n                <th>Provider</th>\n                <th>Type</th>\n                <th>Date</th>\n                <th>Error</th>\n              </tr>\n            </thead>\n            <tbody>\n              @for (log of filteredLogs; track log) {\n                <tr>\n                  <td>\n                    <span class=\"log-status-badge\" [ngClass]=\"getStatusClass(log.Status)\">\n                      <i [class]=\"getStatusIcon(log.Status)\"></i>\n                      {{log.Status}}\n                    </span>\n                  </td>\n                  <td>\n                    <span class=\"log-direction\" [ngClass]=\"log.Direction.toLowerCase()\">\n                      <i [class]=\"log.Direction === 'Sending' ? 'fa-solid fa-arrow-up-right' : 'fa-solid fa-arrow-down-left'\"></i>\n                      {{log.Direction}}\n                    </span>\n                  </td>\n                  <td>\n                    <span class=\"log-provider-badge\">\n                      <i [class]=\"getProviderIcon(log.CommunicationProvider)\" [style.color]=\"getProviderColor(log.CommunicationProvider)\"></i>\n                      {{log.CommunicationProvider}}\n                    </span>\n                  </td>\n                  <td>{{log.CommunicationProviderMessageType}}</td>\n                  <td>{{log.MessageDate | date:'medium'}}</td>\n                  <td>\n                    @if (log.ErrorMessage) {\n                      <span class=\"log-error-text\" [title]=\"log.ErrorMessage\">\n                        {{log.ErrorMessage}}\n                      </span>\n                    }\n                    @if (!log.ErrorMessage) {\n                      <span class=\"no-error\">&mdash;</span>\n                    }\n                  </td>\n                </tr>\n              }\n              @if (filteredLogs.length === 0 && !isLoading) {\n                <tr>\n                  <td colspan=\"6\" class=\"no-data\">\n                    <div class=\"empty-state\">\n                      <i class=\"fa-solid fa-inbox\"></i>\n                      <p>No logs found matching your criteria</p>\n                    </div>\n                  </td>\n                </tr>\n              }\n            </tbody>\n          </table>\n        </div>\n      </div>\n    </div>\n    `,\n    styles: [`\n    .logs-wrapper {\n        height: 100%;\n        padding: 24px;\n        background: var(--mj-bg-surface);\n    }\n    .card {\n        background: var(--mj-bg-surface-card);\n        border: 1px solid var(--mj-border-default);\n        border-radius: 12px;\n        overflow: hidden;\n        display: flex;\n        flex-direction: column;\n        height: 100%;\n    }\n\n    /* TOOLBAR */\n    .logs-toolbar {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        padding: 12px 20px;\n        border-bottom: 1px solid var(--mj-border-default);\n        background: var(--mj-bg-surface-sunken);\n        flex-shrink: 0;\n    }\n    .search-input-wrapper {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        flex: 1;\n        max-width: 400px;\n        padding: 6px 12px;\n        border: 1px solid var(--mj-border-default);\n        border-radius: 8px;\n        background: var(--mj-bg-surface);\n        transition: border-color 0.15s, box-shadow 0.15s;\n    }\n    .search-input-wrapper:focus-within {\n        border-color: var(--mj-brand-primary);\n        box-shadow: 0 0 0 2px color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n    }\n    .search-input-wrapper i { color: var(--mj-text-muted); font-size: 12px; }\n    .search-input-wrapper input {\n        flex: 1; border: none; outline: none;\n        background: transparent; font-size: 12px;\n        font-family: inherit; color: var(--mj-text-primary);\n    }\n    .search-input-wrapper input::placeholder { color: var(--mj-text-muted); }\n\n    .filter-chip {\n        display: inline-flex; align-items: center;\n        gap: 4px; padding: 4px 10px;\n        border: 1px solid var(--mj-border-default);\n        border-radius: 16px;\n        background: var(--mj-bg-surface-card);\n        font-size: 11px; font-weight: 500;\n        color: var(--mj-text-secondary);\n        cursor: pointer; transition: all 0.15s;\n    }\n    .filter-chip:hover {\n        border-color: var(--mj-border-strong);\n        background: var(--mj-bg-surface-sunken);\n    }\n    .filter-chip.active {\n        border-color: var(--mj-brand-primary);\n        background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n        color: var(--mj-brand-primary);\n    }\n    .filter-chip i { font-size: 10px; }\n\n    .toolbar-spacer { flex: 1; }\n\n    .tb-btn {\n        display: inline-flex; align-items: center;\n        gap: 6px; padding: 6px 12px;\n        border: 1px solid var(--mj-border-default);\n        border-radius: 4px;\n        background: var(--mj-bg-surface-card);\n        color: var(--mj-text-secondary);\n        font-size: 12px; font-weight: 500;\n        cursor: pointer; transition: all 0.15s ease;\n        font-family: inherit;\n    }\n    .tb-btn:hover {\n        background: var(--mj-bg-surface-sunken);\n        border-color: var(--mj-border-strong);\n        color: var(--mj-text-primary);\n    }\n    .tb-btn i { font-size: 12px; }\n\n    @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }\n    .spinning { animation: spin 1s linear infinite; }\n\n    /* TABLE */\n    .table-wrapper { flex: 1; overflow-y: auto; }\n\n    .log-table {\n        width: 100%;\n        border-collapse: collapse;\n        font-size: 12px;\n    }\n    .log-table thead {\n        background: var(--mj-bg-surface-sunken);\n        position: sticky; top: 0; z-index: 1;\n    }\n    .log-table th {\n        padding: 10px 16px;\n        text-align: left;\n        font-weight: 700; font-size: 10px;\n        text-transform: uppercase; letter-spacing: 0.5px;\n        color: var(--mj-text-muted);\n        border-bottom: 1px solid var(--mj-border-default);\n        white-space: nowrap;\n    }\n    .log-table td {\n        padding: 12px 16px;\n        border-bottom: 1px solid var(--mj-border-default);\n        color: var(--mj-text-primary);\n        vertical-align: middle;\n    }\n    .log-table tbody tr { transition: background 0.15s; }\n    .log-table tbody tr:hover { background: var(--mj-bg-surface-sunken); }\n\n    .log-status-badge {\n        display: inline-flex; align-items: center;\n        gap: 4px; font-size: 11px; font-weight: 600;\n        padding: 3px 10px;\n        border-radius: 4px;\n    }\n    .log-status-badge.complete {\n        background: color-mix(in srgb, var(--mj-status-success) 15%, var(--mj-bg-surface));\n        color: var(--mj-status-success);\n    }\n    .log-status-badge.failed {\n        background: color-mix(in srgb, var(--mj-status-error) 15%, var(--mj-bg-surface));\n        color: var(--mj-status-error);\n    }\n    .log-status-badge.pending {\n        background: color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface));\n        color: var(--mj-status-warning);\n    }\n    .log-status-badge.in-progress {\n        background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n        color: var(--mj-brand-primary);\n    }\n\n    .log-direction {\n        display: flex; align-items: center;\n        gap: 4px; font-size: 11px;\n        color: var(--mj-text-muted);\n    }\n    .log-direction i { font-size: 10px; }\n    .log-direction.sending i { color: var(--mj-brand-primary); }\n    .log-direction.receiving i { color: var(--mj-status-success); }\n\n    .log-provider-badge {\n        display: inline-flex; align-items: center;\n        gap: 6px; padding: 3px 10px;\n        border-radius: 4px;\n        background: var(--mj-bg-surface-sunken);\n        font-weight: 500;\n    }\n\n    .log-error-text {\n        color: var(--mj-status-error);\n        max-width: 200px;\n        overflow: hidden; text-overflow: ellipsis;\n        white-space: nowrap; font-size: 11px;\n        display: block;\n    }\n    .no-error { color: var(--mj-text-muted); }\n\n    .no-data { padding: 0 !important; }\n    .empty-state {\n        display: flex; flex-direction: column;\n        align-items: center; justify-content: center;\n        padding: 48px 0; color: var(--mj-text-muted);\n    }\n    .empty-state i { font-size: 2rem; margin-bottom: 12px; opacity: 0.5; }\n    .empty-state p { margin: 0; font-size: 13px; }\n  `]\n})\nexport class CommunicationLogsResourceComponent extends BaseResourceComponent implements OnInit, OnDestroy {\n    public logs: MJCommunicationLogEntity[] = [];\n    public filteredLogs: MJCommunicationLogEntity[] = [];\n    public isLoading = false;\n    public statusFilter = '';\n    private searchTerm = '';\n\n    constructor(private cdr: ChangeDetectorRef) {\n        super();\n    }\n\n    async ngOnInit(): Promise<void> {\n        super.ngOnInit();\n        await this.loadData();\n        this.NotifyLoadComplete();\n    }\n\n    ngOnDestroy(): void {\n        super.ngOnDestroy();\n    }\n\n    public async loadData(): Promise<void> {\n        try {\n            this.isLoading = true;\n            this.cdr.detectChanges();\n\n            const rv = RunView.FromMetadataProvider(this.ProviderToUse);\n            const result = await rv.RunView<MJCommunicationLogEntity>({\n                EntityName: 'MJ: Communication Logs',\n                OrderBy: 'MessageDate DESC',\n                MaxRows: 200,\n                ResultType: 'entity_object'\n            });\n\n            if (result.Success) {\n                this.logs = result.Results;\n                this.applyFilter();\n            }\n        } catch (error) {\n            console.error('Error loading logs:', error);\n        } finally {\n            this.isLoading = false;\n            this.cdr.detectChanges();\n        }\n    }\n\n    public onSearch(event: Event): void {\n        this.searchTerm = (event.target as HTMLInputElement).value.toLowerCase();\n        this.applyFilter();\n    }\n\n    public onStatusFilter(status: string): void {\n        this.statusFilter = status;\n        this.applyFilter();\n    }\n\n    public getStatusClass(status: string): string {\n        const s = (status || '').toLowerCase();\n        if (s === 'complete') return 'complete';\n        if (s === 'failed') return 'failed';\n        if (s === 'pending') return 'pending';\n        if (s === 'in-progress') return 'in-progress';\n        return '';\n    }\n\n    public getStatusIcon(status: string): string {\n        const s = (status || '').toLowerCase();\n        if (s === 'complete') return 'fa-solid fa-check';\n        if (s === 'failed') return 'fa-solid fa-xmark';\n        if (s === 'pending') return 'fa-solid fa-clock';\n        if (s === 'in-progress') return 'fa-solid fa-spinner';\n        return 'fa-solid fa-circle';\n    }\n\n    public getProviderIcon(name: string): string {\n        if (!name) return 'fa-solid fa-server';\n        const n = name.toLowerCase();\n        if (n.includes('sendgrid')) return 'fa-solid fa-envelope';\n        if (n.includes('twilio')) return 'fa-solid fa-comment-sms';\n        if (n.includes('gmail') || n.includes('google')) return 'fa-brands fa-google';\n        if (n.includes('microsoft') || n.includes('graph')) return 'fa-brands fa-microsoft';\n        return 'fa-solid fa-server';\n    }\n\n    public getProviderColor(name: string): string {\n        if (!name) return 'inherit';\n        const n = name.toLowerCase();\n        if (n.includes('sendgrid')) return '#1A82E2';\n        if (n.includes('twilio')) return '#F22F46';\n        if (n.includes('gmail') || n.includes('google')) return '#EA4335';\n        if (n.includes('microsoft') || n.includes('graph')) return '#0078D4';\n        return 'inherit';\n    }\n\n    private applyFilter(): void {\n        let filtered = this.logs;\n\n        if (this.statusFilter) {\n            filtered = filtered.filter(l => l.Status === this.statusFilter);\n        }\n\n        if (this.searchTerm) {\n            filtered = filtered.filter(l =>\n                l.CommunicationProvider?.toLowerCase().includes(this.searchTerm) ||\n                l.CommunicationProviderMessageType?.toLowerCase().includes(this.searchTerm) ||\n                l.Status?.toLowerCase().includes(this.searchTerm) ||\n                l.ErrorMessage?.toLowerCase().includes(this.searchTerm)\n            );\n        }\n\n        this.filteredLogs = filtered;\n        this.cdr.detectChanges();\n    }\n\n    async GetResourceDisplayName(data: ResourceData): Promise<string> {\n        return 'Message Logs';\n    }\n\n    async GetResourceIconClass(data: ResourceData): Promise<string> {\n        return 'fa-solid fa-list-ul';\n    }\n}\n"]}
+{"version":3,"file":"communication-logs-resource.component.js","sourceRoot":"","sources":["../../src/Communication/communication-logs-resource.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, OnInit, OnDestroy, ChangeDetectorRef } from '@angular/core';\nimport { ResourceData, MJCommunicationLogEntity } from '@memberjunction/core-entities';\nimport { RegisterClass } from '@memberjunction/global';\nimport { BaseResourceComponent } from '@memberjunction/ng-shared';\nimport { RunView } from '@memberjunction/core';\n@RegisterClass(BaseResourceComponent, 'CommunicationLogsResource')\n@Component({\n  standalone: false,\n    selector: 'mj-communication-logs-resource',\n    template: `\n    <mj-page-layout>\n      <mj-page-header Title=\"Logs\" Icon=\"fa-solid fa-list-ul\">\n        <div actions>\n          <mj-refresh-button [Loading]=\"isLoading\" (Clicked)=\"loadData()\"></mj-refresh-button>\n        </div>\n        <div toolbar>\n          <mj-page-search\n            Placeholder=\"Search messages, providers, recipients...\"\n            (ValueChange)=\"onSearchValue($event)\">\n          </mj-page-search>\n          <mj-filter-chip Label=\"All\"     Icon=\"fa-solid fa-filter\"        [Active]=\"statusFilter === ''\"         (Clicked)=\"onStatusFilter('')\"></mj-filter-chip>\n          <mj-filter-chip Label=\"Sent\"    Icon=\"fa-solid fa-check-circle\"  [Active]=\"statusFilter === 'Complete'\" (Clicked)=\"onStatusFilter('Complete')\"></mj-filter-chip>\n          <mj-filter-chip Label=\"Failed\"  Icon=\"fa-solid fa-times-circle\"  [Active]=\"statusFilter === 'Failed'\"   (Clicked)=\"onStatusFilter('Failed')\"></mj-filter-chip>\n          <mj-filter-chip Label=\"Pending\" Icon=\"fa-solid fa-clock\"         [Active]=\"statusFilter === 'Pending'\"  (Clicked)=\"onStatusFilter('Pending')\"></mj-filter-chip>\n        </div>\n      </mj-page-header>\n      <mj-page-body [Flex]=\"true\">\n        <div class=\"logs-card\">\n        <div class=\"table-wrapper\">\n          <table class=\"log-table\">\n            <thead>\n              <tr>\n                <th>Status</th>\n                <th>Direction</th>\n                <th>Provider</th>\n                <th>Type</th>\n                <th>Date</th>\n                <th>Error</th>\n              </tr>\n            </thead>\n            <tbody>\n              @for (log of filteredLogs; track log) {\n                <tr>\n                  <td>\n                    <span class=\"log-status-badge\" [ngClass]=\"getStatusClass(log.Status)\">\n                      <i [class]=\"getStatusIcon(log.Status)\"></i>\n                      {{log.Status}}\n                    </span>\n                  </td>\n                  <td>\n                    <span class=\"log-direction\" [ngClass]=\"log.Direction.toLowerCase()\">\n                      <i [class]=\"log.Direction === 'Sending' ? 'fa-solid fa-arrow-up-right' : 'fa-solid fa-arrow-down-left'\"></i>\n                      {{log.Direction}}\n                    </span>\n                  </td>\n                  <td>\n                    <span class=\"log-provider-badge\">\n                      <i [class]=\"getProviderIcon(log.CommunicationProvider)\" [style.color]=\"getProviderColor(log.CommunicationProvider)\"></i>\n                      {{log.CommunicationProvider}}\n                    </span>\n                  </td>\n                  <td>{{log.CommunicationProviderMessageType}}</td>\n                  <td>{{log.MessageDate | date:'medium'}}</td>\n                  <td>\n                    @if (log.ErrorMessage) {\n                      <span class=\"log-error-text\" [title]=\"log.ErrorMessage\">\n                        {{log.ErrorMessage}}\n                      </span>\n                    }\n                    @if (!log.ErrorMessage) {\n                      <span class=\"no-error\">&mdash;</span>\n                    }\n                  </td>\n                </tr>\n              }\n              @if (filteredLogs.length === 0 && !isLoading) {\n                <tr>\n                  <td colspan=\"6\" class=\"no-data\">\n                    <div class=\"empty-state\">\n                      <i class=\"fa-solid fa-inbox\"></i>\n                      <p>No logs found matching your criteria</p>\n                    </div>\n                  </td>\n                </tr>\n              }\n            </tbody>\n          </table>\n        </div>\n        </div>\n      </mj-page-body>\n    </mj-page-layout>\n    `,\n    styles: [`\n    /* Card wrapper inside <mj-page-body>: the table sits in a tinted card. */\n    .logs-card {\n        flex: 1;\n        min-height: 0;\n        background: var(--mj-bg-surface-card);\n        border: 1px solid var(--mj-border-default);\n        border-radius: 12px;\n        overflow: hidden;\n        display: flex;\n        flex-direction: column;\n    }\n\n    /* TABLE */\n    .table-wrapper { flex: 1; overflow-y: auto; }\n\n    .log-table {\n        width: 100%;\n        border-collapse: collapse;\n        font-size: 12px;\n    }\n    .log-table thead {\n        background: var(--mj-bg-surface-sunken);\n        position: sticky; top: 0; z-index: 1;\n    }\n    .log-table th {\n        padding: 10px 16px;\n        text-align: left;\n        font-weight: 700; font-size: 10px;\n        text-transform: uppercase; letter-spacing: 0.5px;\n        color: var(--mj-text-muted);\n        border-bottom: 1px solid var(--mj-border-default);\n        white-space: nowrap;\n    }\n    .log-table td {\n        padding: 12px 16px;\n        border-bottom: 1px solid var(--mj-border-default);\n        color: var(--mj-text-primary);\n        vertical-align: middle;\n    }\n    .log-table tbody tr { transition: background 0.15s; }\n    .log-table tbody tr:hover { background: var(--mj-bg-surface-sunken); }\n\n    .log-status-badge {\n        display: inline-flex; align-items: center;\n        gap: 4px; font-size: 11px; font-weight: 600;\n        padding: 3px 10px;\n        border-radius: 4px;\n    }\n    .log-status-badge.complete {\n        background: color-mix(in srgb, var(--mj-status-success) 15%, var(--mj-bg-surface));\n        color: var(--mj-status-success);\n    }\n    .log-status-badge.failed {\n        background: color-mix(in srgb, var(--mj-status-error) 15%, var(--mj-bg-surface));\n        color: var(--mj-status-error);\n    }\n    .log-status-badge.pending {\n        background: color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface));\n        color: var(--mj-status-warning);\n    }\n    .log-status-badge.in-progress {\n        background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n        color: var(--mj-brand-primary);\n    }\n\n    .log-direction {\n        display: flex; align-items: center;\n        gap: 4px; font-size: 11px;\n        color: var(--mj-text-muted);\n    }\n    .log-direction i { font-size: 10px; }\n    .log-direction.sending i { color: var(--mj-brand-primary); }\n    .log-direction.receiving i { color: var(--mj-status-success); }\n\n    .log-provider-badge {\n        display: inline-flex; align-items: center;\n        gap: 6px; padding: 3px 10px;\n        border-radius: 4px;\n        background: var(--mj-bg-surface-sunken);\n        font-weight: 500;\n    }\n\n    .log-error-text {\n        color: var(--mj-status-error);\n        max-width: 200px;\n        overflow: hidden; text-overflow: ellipsis;\n        white-space: nowrap; font-size: 11px;\n        display: block;\n    }\n    .no-error { color: var(--mj-text-muted); }\n\n    .no-data { padding: 0 !important; }\n    .empty-state {\n        display: flex; flex-direction: column;\n        align-items: center; justify-content: center;\n        padding: 48px 0; color: var(--mj-text-muted);\n    }\n    .empty-state i { font-size: 2rem; margin-bottom: 12px; opacity: 0.5; }\n    .empty-state p { margin: 0; font-size: 13px; }\n  `]\n})\nexport class CommunicationLogsResourceComponent extends BaseResourceComponent implements OnInit, OnDestroy {\n    public logs: MJCommunicationLogEntity[] = [];\n    public filteredLogs: MJCommunicationLogEntity[] = [];\n    public isLoading = false;\n    public statusFilter = '';\n    private searchTerm = '';\n\n    constructor(private cdr: ChangeDetectorRef) {\n        super();\n    }\n\n    async ngOnInit(): Promise<void> {\n        super.ngOnInit();\n        await this.loadData();\n        this.NotifyLoadComplete();\n    }\n\n    ngOnDestroy(): void {\n        super.ngOnDestroy();\n    }\n\n    public async loadData(): Promise<void> {\n        try {\n            this.isLoading = true;\n            this.cdr.detectChanges();\n\n            const rv = RunView.FromMetadataProvider(this.ProviderToUse);\n            const result = await rv.RunView<MJCommunicationLogEntity>({\n                EntityName: 'MJ: Communication Logs',\n                OrderBy: 'MessageDate DESC',\n                MaxRows: 200,\n                ResultType: 'entity_object'\n            });\n\n            if (result.Success) {\n                this.logs = result.Results;\n                this.applyFilter();\n            }\n        } catch (error) {\n            console.error('Error loading logs:', error);\n        } finally {\n            this.isLoading = false;\n            this.cdr.detectChanges();\n        }\n    }\n\n    public onSearchValue(value: string): void {\n        this.searchTerm = (value ?? '').toLowerCase();\n        this.applyFilter();\n    }\n\n    public onStatusFilter(status: string): void {\n        this.statusFilter = status;\n        this.applyFilter();\n    }\n\n    public getStatusClass(status: string): string {\n        const s = (status || '').toLowerCase();\n        if (s === 'complete') return 'complete';\n        if (s === 'failed') return 'failed';\n        if (s === 'pending') return 'pending';\n        if (s === 'in-progress') return 'in-progress';\n        return '';\n    }\n\n    public getStatusIcon(status: string): string {\n        const s = (status || '').toLowerCase();\n        if (s === 'complete') return 'fa-solid fa-check';\n        if (s === 'failed') return 'fa-solid fa-xmark';\n        if (s === 'pending') return 'fa-solid fa-clock';\n        if (s === 'in-progress') return 'fa-solid fa-spinner';\n        return 'fa-solid fa-circle';\n    }\n\n    public getProviderIcon(name: string): string {\n        if (!name) return 'fa-solid fa-server';\n        const n = name.toLowerCase();\n        if (n.includes('sendgrid')) return 'fa-solid fa-envelope';\n        if (n.includes('twilio')) return 'fa-solid fa-comment-sms';\n        if (n.includes('gmail') || n.includes('google')) return 'fa-brands fa-google';\n        if (n.includes('microsoft') || n.includes('graph')) return 'fa-brands fa-microsoft';\n        return 'fa-solid fa-server';\n    }\n\n    public getProviderColor(name: string): string {\n        if (!name) return 'inherit';\n        const n = name.toLowerCase();\n        if (n.includes('sendgrid')) return '#1A82E2';\n        if (n.includes('twilio')) return '#F22F46';\n        if (n.includes('gmail') || n.includes('google')) return '#EA4335';\n        if (n.includes('microsoft') || n.includes('graph')) return '#0078D4';\n        return 'inherit';\n    }\n\n    private applyFilter(): void {\n        let filtered = this.logs;\n\n        if (this.statusFilter) {\n            filtered = filtered.filter(l => l.Status === this.statusFilter);\n        }\n\n        if (this.searchTerm) {\n            filtered = filtered.filter(l =>\n                l.CommunicationProvider?.toLowerCase().includes(this.searchTerm) ||\n                l.CommunicationProviderMessageType?.toLowerCase().includes(this.searchTerm) ||\n                l.Status?.toLowerCase().includes(this.searchTerm) ||\n                l.ErrorMessage?.toLowerCase().includes(this.searchTerm)\n            );\n        }\n\n        this.filteredLogs = filtered;\n        this.cdr.detectChanges();\n    }\n\n    async GetResourceDisplayName(data: ResourceData): Promise<string> {\n        return 'Message Logs';\n    }\n\n    async GetResourceIconClass(data: ResourceData): Promise<string> {\n        return 'fa-solid fa-list-ul';\n    }\n}\n"]}

package/dist/Communication/communication-monitor-resource.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"communication-monitor-resource.component.d.ts","sourceRoot":"","sources":["../../src/Communication/communication-monitor-resource.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,MAAM,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAChF,OAAO,EAAE,YAAY,EAAE,wBAAwB,EAAiC,MAAM,+BAA+B,CAAC;AAEtH,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;;AAGlE,UAAU,cAAc;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;CACtB;AAED,UAAU,gBAAgB;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;CACtB;AAED,UAAU,YAAY;IAClB,SAAS,EAAE,IAAI,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;CACnB;AACD,qBAwea,qCAAsC,SAAQ,qBAAsB,YAAW,MAAM,EAAE,SAAS;IAmB7F,OAAO,CAAC,GAAG;IAlBhB,SAAS,UAAS;IAClB,KAAK;;;;;MAKV;IACK,UAAU,EAAE,wBAAwB,EAAE,CAAM;IAC5C,SAAS,EAAE,YAAY,EAAE,CAAM;IAC/B,WAAW;;;;;MAKhB;IACK,cAAc,EAAE,cAAc,EAAE,CAAM;IACtC,gBAAgB,EAAE,gBAAgB,EAAE,CAAM;gBAE7B,GAAG,EAAE,iBAAiB;IAIpC,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAM/B,WAAW,IAAI,IAAI;IAIN,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IA0E/B,oBAAoB,CAAC,GAAG,EAAE,wBAAwB,GAAG,MAAM;IAO3D,eAAe,CAAC,GAAG,EAAE,wBAAwB,GAAG,MAAM;IAOtD,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM;IAO3C,OAAO,CAAC,gBAAgB;IA2BxB,OAAO,CAAC,mBAAmB;IAmB3B,OAAO,CAAC,qBAAqB;IAmC7B,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,oBAAoB;IAS5B,OAAO,CAAC,qBAAqB;IASvB,sBAAsB,CAAC,IAAI,EAAE,YAAY,GAAG,OAAO,CAAC,MAAM,CAAC;IAI3D,oBAAoB,CAAC,IAAI,EAAE,YAAY,GAAG,OAAO,CAAC,MAAM,CAAC;yCA7OtD,qCAAqC;2CAArC,qCAAqC;CAgPjD"}
+{"version":3,"file":"communication-monitor-resource.component.d.ts","sourceRoot":"","sources":["../../src/Communication/communication-monitor-resource.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,MAAM,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAChF,OAAO,EAAE,YAAY,EAAE,wBAAwB,EAAiC,MAAM,+BAA+B,CAAC;AAEtH,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;;AAGlE,UAAU,cAAc;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;CACtB;AAED,UAAU,gBAAgB;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;CACtB;AAED,UAAU,YAAY;IAClB,SAAS,EAAE,IAAI,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;CACnB;AACD,qBAuea,qCAAsC,SAAQ,qBAAsB,YAAW,MAAM,EAAE,SAAS;IAmB7F,OAAO,CAAC,GAAG;IAlBhB,SAAS,UAAS;IAClB,KAAK;;;;;MAKV;IACK,UAAU,EAAE,wBAAwB,EAAE,CAAM;IAC5C,SAAS,EAAE,YAAY,EAAE,CAAM;IAC/B,WAAW;;;;;MAKhB;IACK,cAAc,EAAE,cAAc,EAAE,CAAM;IACtC,gBAAgB,EAAE,gBAAgB,EAAE,CAAM;gBAE7B,GAAG,EAAE,iBAAiB;IAIpC,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAM/B,WAAW,IAAI,IAAI;IAIN,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IA0E/B,oBAAoB,CAAC,GAAG,EAAE,wBAAwB,GAAG,MAAM;IAO3D,eAAe,CAAC,GAAG,EAAE,wBAAwB,GAAG,MAAM;IAOtD,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM;IAO3C,OAAO,CAAC,gBAAgB;IA2BxB,OAAO,CAAC,mBAAmB;IAmB3B,OAAO,CAAC,qBAAqB;IAmC7B,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,oBAAoB;IAS5B,OAAO,CAAC,qBAAqB;IASvB,sBAAsB,CAAC,IAAI,EAAE,YAAY,GAAG,OAAO,CAAC,MAAM,CAAC;IAI3D,oBAAoB,CAAC,IAAI,EAAE,YAAY,GAAG,OAAO,CAAC,MAAM,CAAC;yCA7OtD,qCAAqC;2CAArC,qCAAqC;CAgPjD"}