@memberjunction/ng-dashboards 3.3.0 → 4.0.0

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

@@ -11,89 +11,143 @@ import { Metadata, RunView, CompositeKey } from '@memberjunction/core';
 import * as i0 from "@angular/core";
 import * as i1 from "@memberjunction/ng-shared";
 import * as i2 from "@angular/common";
-function CommunicationProvidersResourceComponent_div_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 8);
-    i0.ɵɵelement(1, "div", 9);
-    i0.ɵɵelementStart(2, "p");
-    i0.ɵɵtext(3, "Loading providers...");
-    i0.ɵɵelementEnd()();
+import * as i3 from "@memberjunction/ng-shared-generic";
+function CommunicationProvidersResourceComponent_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 4);
+    i0.ɵɵelement(1, "mj-loading", 6);
+    i0.ɵɵelementEnd();
+} }
+function CommunicationProvidersResourceComponent_Conditional_11_For_2_Conditional_19_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 18);
+    i0.ɵɵelement(1, "i", 27);
+    i0.ɵɵtext(2, " Scheduled ");
+    i0.ɵɵelementEnd();
 } }
-function CommunicationProvidersResourceComponent_div_13_div_1_Template(rf, ctx) { if (rf & 1) {
-    const _r2 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 14)(1, "div", 15)(2, "div", 16);
+function CommunicationProvidersResourceComponent_Conditional_11_For_2_Conditional_20_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 18);
+    i0.ɵɵelement(1, "i", 27);
+    i0.ɵɵtext(2, " Drafts ");
+    i0.ɵɵelementEnd();
+} }
+function CommunicationProvidersResourceComponent_Conditional_11_For_2_Conditional_21_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 18);
+    i0.ɵɵelement(1, "i", 27);
+    i0.ɵɵtext(2, " Forward ");
+    i0.ɵɵelementEnd();
+} }
+function CommunicationProvidersResourceComponent_Conditional_11_For_2_Conditional_22_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 18);
+    i0.ɵɵelement(1, "i", 27);
+    i0.ɵɵtext(2, " Reply ");
+    i0.ɵɵelementEnd();
+} }
+function CommunicationProvidersResourceComponent_Conditional_11_For_2_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 8)(1, "div", 9)(2, "div", 10);
     i0.ɵɵelement(3, "i");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 17);
-    i0.ɵɵtext(5);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "div", 18)(7, "h3");
-    i0.ɵɵtext(8);
+    i0.ɵɵelementStart(4, "div", 11)(5, "div", 12);
+    i0.ɵɵtext(6);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "p");
+    i0.ɵɵelementStart(7, "div", 13);
+    i0.ɵɵtext(8);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(9, "span", 14);
     i0.ɵɵtext(10);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(11, "div", 15)(12, "div", 16)(13, "span", 17);
+    i0.ɵɵelement(14, "i");
+    i0.ɵɵtext(15, " Sending ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "div", 19)(12, "span", 20);
-    i0.ɵɵelement(13, "i", 21);
-    i0.ɵɵtext(14, " Sending ");
+    i0.ɵɵelementStart(16, "span", 17);
+    i0.ɵɵelement(17, "i");
+    i0.ɵɵtext(18, " Receiving ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(15, "span", 20);
-    i0.ɵɵelement(16, "i", 22);
-    i0.ɵɵtext(17, " Receiving ");
-    i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(18, "div", 23)(19, "button", 24);
-    i0.ɵɵlistener("click", function CommunicationProvidersResourceComponent_div_13_div_1_Template_button_click_19_listener() { const provider_r3 = i0.ɵɵrestoreView(_r2).$implicit; const ctx_r3 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r3.configureProvider(provider_r3)); });
-    i0.ɵɵelement(20, "i", 25);
-    i0.ɵɵtext(21, " Configure ");
+    i0.ɵɵconditionalCreate(19, CommunicationProvidersResourceComponent_Conditional_11_For_2_Conditional_19_Template, 3, 0, "span", 18);
+    i0.ɵɵconditionalCreate(20, CommunicationProvidersResourceComponent_Conditional_11_For_2_Conditional_20_Template, 3, 0, "span", 18);
+    i0.ɵɵconditionalCreate(21, CommunicationProvidersResourceComponent_Conditional_11_For_2_Conditional_21_Template, 3, 0, "span", 18);
+    i0.ɵɵconditionalCreate(22, CommunicationProvidersResourceComponent_Conditional_11_For_2_Conditional_22_Template, 3, 0, "span", 18);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(23, "div", 19)(24, "div", 20)(25, "div", 21);
+    i0.ɵɵtext(26);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(27, "div", 22);
+    i0.ɵɵtext(28, "Sent (24h)");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(29, "div", 20)(30, "div", 21);
+    i0.ɵɵtext(31);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(32, "div", 22);
+    i0.ɵɵtext(33, "Success");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(34, "div", 20)(35, "div", 21);
+    i0.ɵɵtext(36);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(22, "button", 26);
-    i0.ɵɵlistener("click", function CommunicationProvidersResourceComponent_div_13_div_1_Template_button_click_22_listener() { const provider_r3 = i0.ɵɵrestoreView(_r2).$implicit; const ctx_r3 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r3.viewProviderLogs(provider_r3)); });
-    i0.ɵɵtext(23, " Logs ");
+    i0.ɵɵelementStart(37, "div", 22);
+    i0.ɵɵtext(38, "Failed");
+    i0.ɵɵelementEnd()()()();
+    i0.ɵɵelementStart(39, "div", 23)(40, "button", 24);
+    i0.ɵɵlistener("click", function CommunicationProvidersResourceComponent_Conditional_11_For_2_Template_button_click_40_listener() { const card_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.configureProvider(card_r2.Entity)); });
+    i0.ɵɵelement(41, "i", 25);
+    i0.ɵɵtext(42, " Configure ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(43, "button", 24);
+    i0.ɵɵlistener("click", function CommunicationProvidersResourceComponent_Conditional_11_For_2_Template_button_click_43_listener() { const card_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.viewProviderLogs(card_r2.Entity)); });
+    i0.ɵɵelement(44, "i", 26);
+    i0.ɵɵtext(45, " Analytics ");
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const provider_r3 = ctx.$implicit;
-    const ctx_r3 = i0.ɵɵnextContext(2);
-    i0.ɵɵclassProp("disabled", provider_r3.Status === "Disabled");
+    const card_r2 = ctx.$implicit;
+    i0.ɵɵclassProp("disabled", card_r2.Entity.Status === "Disabled");
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngClass", card_r2.LogoClass);
+    i0.ɵɵadvance();
+    i0.ɵɵclassMap(card_r2.IconClass);
     i0.ɵɵadvance(3);
-    i0.ɵɵclassMap(ctx_r3.getProviderIcon(provider_r3.Name));
+    i0.ɵɵtextInterpolate(card_r2.Entity.Name);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(card_r2.Entity.Description || "No description");
     i0.ɵɵadvance();
-    i0.ɵɵclassMap(provider_r3.Status.toLowerCase());
+    i0.ɵɵproperty("ngClass", card_r2.Entity.Status.toLowerCase());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", provider_r3.Status, " ");
+    i0.ɵɵtextInterpolate1(" ", card_r2.Entity.Status, " ");
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(provider_r3.Name);
+    i0.ɵɵclassProp("supported", card_r2.Entity.SupportsSending)("unsupported", !card_r2.Entity.SupportsSending);
+    i0.ɵɵadvance();
+    i0.ɵɵclassMap(card_r2.Entity.SupportsSending ? "fa-solid fa-check" : "fa-solid fa-xmark");
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(provider_r3.Description || "No description provided.");
+    i0.ɵɵclassProp("supported", card_r2.Entity.SupportsReceiving)("unsupported", !card_r2.Entity.SupportsReceiving);
+    i0.ɵɵadvance();
+    i0.ɵɵclassMap(card_r2.Entity.SupportsReceiving ? "fa-solid fa-check" : "fa-solid fa-xmark");
     i0.ɵɵadvance(2);
-    i0.ɵɵclassProp("active", provider_r3.SupportsSending);
-    i0.ɵɵadvance(3);
-    i0.ɵɵclassProp("active", provider_r3.SupportsReceiving);
+    i0.ɵɵconditional(card_r2.Entity.SupportsScheduledSending ? 19 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(card_r2.Entity.SupportsDrafts ? 20 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(card_r2.Entity.SupportsForwarding ? 21 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(card_r2.Entity.SupportsReplying ? 22 : -1);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(card_r2.SentCount);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate1("", card_r2.SuccessRate, "%");
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(card_r2.FailedCount);
 } }
-function CommunicationProvidersResourceComponent_div_13_Template(rf, ctx) { if (rf & 1) {
-    const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 10);
-    i0.ɵɵtemplate(1, CommunicationProvidersResourceComponent_div_13_div_1_Template, 24, 13, "div", 11);
-    i0.ɵɵelementStart(2, "div", 12);
-    i0.ɵɵlistener("click", function CommunicationProvidersResourceComponent_div_13_Template_div_click_2_listener() { i0.ɵɵrestoreView(_r1); const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.addNewProvider()); });
-    i0.ɵɵelement(3, "i", 13);
-    i0.ɵɵelementStart(4, "span");
-    i0.ɵɵtext(5, "Connect New Service");
-    i0.ɵɵelementEnd()()();
+function CommunicationProvidersResourceComponent_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 5);
+    i0.ɵɵrepeaterCreate(1, CommunicationProvidersResourceComponent_Conditional_11_For_2_Template, 46, 28, "div", 7, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r3 = i0.ɵɵnextContext();
+    const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngForOf", ctx_r3.providers);
+    i0.ɵɵrepeater(ctx_r2.providerCards);
 } }
-/**
- * Tree-shaking prevention function
- */
-export function LoadCommunicationProvidersResource() {
-    // Force inclusion in production builds
-}
 let CommunicationProvidersResourceComponent = class CommunicationProvidersResourceComponent extends BaseResourceComponent {
     cdr;
     navService;
     isLoading = false;
-    providers = [];
+    providerCards = [];
     constructor(cdr, navService) {
         super();
         this.cdr = cdr;
@@ -109,13 +163,24 @@ let CommunicationProvidersResourceComponent = class CommunicationProvidersResour
             this.isLoading = true;
             this.cdr.detectChanges();
             const rv = new RunView();
-            const result = await rv.RunView({
-                EntityName: 'Communication Providers',
-                OrderBy: 'Name ASC',
-                ResultType: 'entity_object'
-            });
-            if (result.Success) {
-                this.providers = result.Results;
+            const yesterday = new Date();
+            yesterday.setDate(yesterday.getDate() - 1);
+            const yesterdayIso = yesterday.toISOString();
+            const [providersResult, logsResult] = await Promise.all([
+                rv.RunView({
+                    EntityName: 'Communication Providers',
+                    OrderBy: 'Name ASC',
+                    ResultType: 'entity_object'
+                }),
+                rv.RunView({
+                    EntityName: 'Communication Logs',
+                    ExtraFilter: `MessageDate >= '${yesterdayIso}'`,
+                    ResultType: 'entity_object'
+                })
+            ]);
+            if (providersResult.Success) {
+                const logs = logsResult.Success ? logsResult.Results : [];
+                this.providerCards = providersResult.Results.map(p => this.buildProviderCard(p, logs));
             }
         }
         catch (error) {
@@ -126,29 +191,55 @@ let CommunicationProvidersResourceComponent = class CommunicationProvidersResour
             this.cdr.detectChanges();
         }
     }
+    buildProviderCard(provider, logs) {
+        const providerLogs = logs.filter(l => l.CommunicationProvider === provider.Name);
+        const sent = providerLogs.length;
+        const failed = providerLogs.filter(l => l.Status === 'Failed').length;
+        const rate = sent > 0 ? parseFloat(((sent - failed) / sent * 100).toFixed(1)) : 100;
+        return {
+            Entity: provider,
+            SentCount: sent,
+            SuccessRate: rate,
+            FailedCount: failed,
+            IconClass: this.getProviderIcon(provider.Name),
+            LogoClass: this.getProviderLogoClass(provider.Name)
+        };
+    }
     getProviderIcon(name) {
         const n = name.toLowerCase();
         if (n.includes('sendgrid'))
             return 'fa-solid fa-envelope';
         if (n.includes('twilio'))
             return 'fa-solid fa-comment-sms';
+        if (n.includes('gmail') || n.includes('google'))
+            return 'fa-brands fa-google';
+        if (n.includes('microsoft') || n.includes('graph') || n.includes('outlook'))
+            return 'fa-brands fa-microsoft';
         if (n.includes('aws') || n.includes('ses'))
             return 'fa-brands fa-aws';
         if (n.includes('slack'))
             return 'fa-brands fa-slack';
-        if (n.includes('teams'))
-            return 'fa-solid fa-users-rectangle';
         return 'fa-solid fa-server';
     }
+    getProviderLogoClass(name) {
+        const n = name.toLowerCase();
+        if (n.includes('sendgrid'))
+            return 'sendgrid';
+        if (n.includes('twilio'))
+            return 'twilio';
+        if (n.includes('gmail') || n.includes('google'))
+            return 'gmail';
+        if (n.includes('microsoft') || n.includes('graph') || n.includes('outlook'))
+            return 'msgraph';
+        return '';
+    }
     configureProvider(provider) {
         const pk = new CompositeKey();
         pk.LoadFromEntityInfoAndRecord(new Metadata().Entities.find(e => e.Name === 'Communication Providers'), provider);
         this.navService.OpenEntityRecord('Communication Providers', pk);
     }
     viewProviderLogs(provider) {
-        // Navigate to logs with filter
-        // For now just open the logs tab (this would need a more complex navigation or shared state)
-        console.log('View logs for provider:', provider.Name);
+        console.log('View analytics for provider:', provider.Name);
     }
     addNewProvider() {
         this.navService.OpenEntityRecord('Communication Providers', new CompositeKey());
@@ -160,27 +251,27 @@ let CommunicationProvidersResourceComponent = class CommunicationProvidersResour
         return 'fa-solid fa-server';
     }
     static ɵfac = function CommunicationProvidersResourceComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CommunicationProvidersResourceComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i1.NavigationService)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CommunicationProvidersResourceComponent, selectors: [["mj-communication-providers-resource"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 14, vars: 2, consts: [[1, "providers-container"], [1, "providers-header"], [1, "title-area"], [1, "header-actions"], [1, "add-btn", 3, "click"], [1, "fa-solid", "fa-plus"], ["class", "loader-container", 4, "ngIf"], ["class", "providers-grid", 4, "ngIf"], [1, "loader-container"], [1, "spinner"], [1, "providers-grid"], ["class", "provider-card", 3, "disabled", 4, "ngFor", "ngForOf"], [1, "add-card", 3, "click"], [1, "fa-solid", "fa-circle-plus"], [1, "provider-card"], [1, "card-header"], [1, "provider-logo"], [1, "status-badge"], [1, "card-body"], [1, "capabilities"], [1, "cap"], [1, "fa-solid", "fa-paper-plane"], [1, "fa-solid", "fa-inbox"], [1, "card-footer"], [1, "config-btn", 3, "click"], [1, "fa-solid", "fa-gear"], [1, "view-logs-btn", 3, "click"]], template: function CommunicationProvidersResourceComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 0)(1, "header", 1)(2, "div", 2)(3, "h1");
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CommunicationProvidersResourceComponent, selectors: [["mj-communication-providers-resource"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 12, vars: 2, consts: [[1, "providers-wrapper"], [1, "providers-header"], [1, "tb-btn", "primary", 3, "click"], [1, "fa-solid", "fa-plus"], [1, "loading-state"], [1, "providers-grid"], ["text", "Loading providers..."], [1, "provider-card", 3, "disabled"], [1, "provider-card"], [1, "provider-card-header"], [1, "provider-card-logo", 3, "ngClass"], [1, "provider-card-title"], [1, "provider-card-name"], [1, "provider-card-desc"], [1, "provider-card-status", 3, "ngClass"], [1, "provider-card-body"], [1, "provider-capabilities"], [1, "capability-chip"], [1, "capability-chip", "supported"], [1, "provider-card-stats"], [1, "provider-stat"], [1, "provider-stat-value"], [1, "provider-stat-label"], [1, "provider-card-footer"], [3, "click"], [1, "fa-solid", "fa-gear"], [1, "fa-solid", "fa-chart-line"], [1, "fa-solid", "fa-check"]], template: function CommunicationProvidersResourceComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div")(3, "h2");
             i0.ɵɵtext(4, "Communication Providers");
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(5, "p");
-            i0.ɵɵtext(6, "Manage your messaging integrations and services");
+            i0.ɵɵtext(6, "Manage your messaging service integrations");
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(7, "div", 3)(8, "button", 4);
-            i0.ɵɵlistener("click", function CommunicationProvidersResourceComponent_Template_button_click_8_listener() { return ctx.addNewProvider(); });
-            i0.ɵɵelement(9, "i", 5);
-            i0.ɵɵelementStart(10, "span");
-            i0.ɵɵtext(11, "Add Provider");
-            i0.ɵɵelementEnd()()()();
-            i0.ɵɵtemplate(12, CommunicationProvidersResourceComponent_div_12_Template, 4, 0, "div", 6)(13, CommunicationProvidersResourceComponent_div_13_Template, 6, 1, "div", 7);
+            i0.ɵɵelementStart(7, "button", 2);
+            i0.ɵɵlistener("click", function CommunicationProvidersResourceComponent_Template_button_click_7_listener() { return ctx.addNewProvider(); });
+            i0.ɵɵelement(8, "i", 3);
+            i0.ɵɵtext(9, " Add Provider ");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵconditionalCreate(10, CommunicationProvidersResourceComponent_Conditional_10_Template, 2, 0, "div", 4);
+            i0.ɵɵconditionalCreate(11, CommunicationProvidersResourceComponent_Conditional_11_Template, 3, 0, "div", 5);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
-            i0.ɵɵadvance(12);
-            i0.ɵɵproperty("ngIf", ctx.isLoading);
+            i0.ɵɵadvance(10);
+            i0.ɵɵconditional(ctx.isLoading ? 10 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", !ctx.isLoading);
-        } }, dependencies: [i2.NgForOf, i2.NgIf], styles: [".providers-container[_ngcontent-%COMP%] {\n        padding: 32px;\n        background-color: #f8fafc;\n        min-height: 100%;\n        font-family: 'Inter', system-ui, -apple-system, sans-serif;\n    }\n    .providers-header[_ngcontent-%COMP%] {\n        display: flex;\n        justify-content: space-between;\n        align-items: flex-start;\n        margin-bottom: 32px;\n    }\n    .title-area[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%] {\n        margin: 0;\n        font-size: 1.875rem;\n        font-weight: 800;\n        color: #0f172a;\n    }\n    .title-area[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n        margin: 4px 0 0;\n        color: #64748b;\n        font-size: 1rem;\n    }\n    .add-btn[_ngcontent-%COMP%] {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        padding: 12px 24px;\n        background: #3b82f6;\n        border: none;\n        border-radius: 10px;\n        color: white;\n        font-weight: 600;\n        cursor: pointer;\n        transition: all 0.2s;\n        box-shadow: 0 4px 6px -1px rgba(59, 130, 246, 0.2);\n    }\n    .add-btn[_ngcontent-%COMP%]:hover {\n        background: #2563eb;\n        transform: translateY(-1px);\n        box-shadow: 0 10px 15px -3px rgba(59, 130, 246, 0.3);\n    }\n\n    .loader-container[_ngcontent-%COMP%] {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        padding: 100px 0;\n        color: #64748b;\n    }\n    .spinner[_ngcontent-%COMP%] {\n        width: 40px;\n        height: 40px;\n        border: 4px solid #e2e8f0;\n        border-top-color: #3b82f6;\n        border-radius: 50%;\n        animation: _ngcontent-%COMP%_spin 1s linear infinite;\n        margin-bottom: 16px;\n    }\n    @keyframes _ngcontent-%COMP%_spin {\n        to { transform: rotate(360deg); }\n    }\n\n    .providers-grid[_ngcontent-%COMP%] {\n        display: grid;\n        grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));\n        gap: 24px;\n    }\n    .provider-card[_ngcontent-%COMP%] {\n        background: white;\n        border-radius: 20px;\n        border: 1px solid #f1f5f9;\n        padding: 24px;\n        display: flex;\n        flex-direction: column;\n        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n        box-shadow: 0 1px 3px rgba(0,0,0,0.05);\n    }\n    .provider-card[_ngcontent-%COMP%]:hover {\n        transform: translateY(-4px);\n        box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1), 0 10px 10px -5px rgba(0,0,0,0.04);\n    }\n    .provider-card.disabled[_ngcontent-%COMP%] {\n        opacity: 0.7;\n        background: #fcfcfc;\n    }\n\n    .card-header[_ngcontent-%COMP%] {\n        display: flex;\n        justify-content: space-between;\n        align-items: flex-start;\n        margin-bottom: 20px;\n    }\n    .provider-logo[_ngcontent-%COMP%] {\n        width: 56px;\n        height: 56px;\n        background: #f8fafc;\n        border-radius: 14px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 1.75rem;\n        color: #334155;\n        border: 1px solid #f1f5f9;\n    }\n    .status-badge[_ngcontent-%COMP%] {\n        font-size: 0.75rem;\n        font-weight: 700;\n        padding: 4px 12px;\n        border-radius: 20px;\n        text-transform: uppercase;\n        letter-spacing: 0.025em;\n    }\n    .status-badge.active[_ngcontent-%COMP%] { background: #dcfce7; color: #166534; }\n    .status-badge.disabled[_ngcontent-%COMP%] { background: #f1f5f9; color: #475569; }\n\n    .card-body[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n        margin: 0 0 8px;\n        font-size: 1.25rem;\n        font-weight: 700;\n        color: #0f172a;\n    }\n    .card-body[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n        margin: 0 0 20px;\n        font-size: 0.9375rem;\n        color: #64748b;\n        line-height: 1.5;\n        height: 45px;\n        overflow: hidden;\n        display: -webkit-box;\n        -webkit-line-clamp: 2;\n        -webkit-box-orient: vertical;\n    }\n\n    .capabilities[_ngcontent-%COMP%] {\n        display: flex;\n        gap: 12px;\n        margin-bottom: 24px;\n    }\n    .cap[_ngcontent-%COMP%] {\n        font-size: 0.75rem;\n        font-weight: 600;\n        color: #94a3b8;\n        display: flex;\n        align-items: center;\n        gap: 6px;\n    }\n    .cap.active[_ngcontent-%COMP%] {\n        color: #3b82f6;\n    }\n\n    .card-footer[_ngcontent-%COMP%] {\n        display: flex;\n        gap: 12px;\n        margin-top: auto;\n    }\n    .config-btn[_ngcontent-%COMP%] {\n        flex: 1;\n        padding: 10px;\n        background: #f8fafc;\n        border: 1px solid #e2e8f0;\n        border-radius: 8px;\n        color: #475569;\n        font-weight: 600;\n        font-size: 0.875rem;\n        cursor: pointer;\n        transition: all 0.2s;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 8px;\n    }\n    .config-btn[_ngcontent-%COMP%]:hover {\n        background: #f1f5f9;\n        border-color: #cbd5e1;\n        color: #1e293b;\n    }\n    .view-logs-btn[_ngcontent-%COMP%] {\n        padding: 10px 16px;\n        background: transparent;\n        border: 1px solid transparent;\n        color: #64748b;\n        font-weight: 600;\n        font-size: 0.875rem;\n        cursor: pointer;\n    }\n    .view-logs-btn[_ngcontent-%COMP%]:hover {\n        color: #3b82f6;\n    }\n\n    .add-card[_ngcontent-%COMP%] {\n        border: 2px dashed #e2e8f0;\n        border-radius: 20px;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        gap: 16px;\n        color: #94a3b8;\n        cursor: pointer;\n        transition: all 0.2s;\n        min-height: 240px;\n    }\n    .add-card[_ngcontent-%COMP%]:hover {\n        border-color: #3b82f6;\n        background: #eff6ff;\n        color: #3b82f6;\n    }\n    .add-card[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n        font-size: 3rem;\n    }\n    .add-card[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n        font-weight: 600;\n    }"] });
+            i0.ɵɵconditional(!ctx.isLoading ? 11 : -1);
+        } }, dependencies: [i2.NgClass, i3.LoadingComponent], styles: [".providers-wrapper[_ngcontent-%COMP%] {\n        height: 100%;\n        padding: 24px;\n        overflow-y: auto;\n        background: var(--mat-sys-surface-container);\n    }\n    .providers-header[_ngcontent-%COMP%] {\n        display: flex;\n        justify-content: space-between;\n        align-items: flex-start;\n        margin-bottom: 20px;\n    }\n    .providers-header[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\n        margin: 0;\n        font-size: 18px;\n        font-weight: 800;\n        color: var(--mat-sys-on-surface);\n    }\n    .providers-header[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n        margin: 4px 0 0;\n        font-size: 13px;\n        color: var(--mat-sys-on-surface-variant);\n    }\n\n    .tb-btn[_ngcontent-%COMP%] {\n        display: inline-flex; align-items: center;\n        gap: 6px; padding: 8px 16px;\n        border: 1px solid var(--mat-sys-outline-variant);\n        border-radius: var(--mat-sys-corner-extra-small, 4px);\n        background: var(--mat-sys-surface-container-lowest);\n        color: var(--mat-sys-on-surface-variant);\n        font-size: 12px; font-weight: 600;\n        cursor: pointer; transition: all 0.15s ease;\n        font-family: inherit;\n    }\n    .tb-btn.primary[_ngcontent-%COMP%] {\n        background: var(--mat-sys-primary);\n        color: var(--mat-sys-on-primary, #fff);\n        border-color: var(--mat-sys-primary);\n    }\n    .tb-btn.primary[_ngcontent-%COMP%]:hover { filter: brightness(1.1); }\n\n    .loading-state[_ngcontent-%COMP%] {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        padding: 80px 0;\n    }\n\n    \n\n    .providers-grid[_ngcontent-%COMP%] {\n        display: grid;\n        grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));\n        gap: 16px;\n    }\n    .provider-card[_ngcontent-%COMP%] {\n        background: var(--mat-sys-surface-container-lowest);\n        border: 1px solid var(--mat-sys-outline-variant);\n        border-radius: var(--mat-sys-corner-medium, 12px);\n        overflow: hidden;\n        transition: all 0.15s ease;\n    }\n    .provider-card[_ngcontent-%COMP%]:hover {\n        box-shadow: 0 2px 6px 2px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);\n        border-color: var(--mat-sys-outline);\n    }\n    .provider-card.disabled[_ngcontent-%COMP%] { opacity: 0.65; }\n\n    .provider-card-header[_ngcontent-%COMP%] {\n        display: flex;\n        align-items: center;\n        gap: 14px;\n        padding: 20px 20px 16px;\n    }\n    .provider-card-logo[_ngcontent-%COMP%] {\n        width: 48px; height: 48px;\n        border-radius: var(--mat-sys-corner-medium, 12px);\n        display: flex; align-items: center; justify-content: center;\n        font-size: 22px; flex-shrink: 0;\n        background: var(--mat-sys-surface-container);\n    }\n    .provider-card-logo.sendgrid[_ngcontent-%COMP%] { background: #E8F4FD; color: #1A82E2; }\n    .provider-card-logo.twilio[_ngcontent-%COMP%] { background: #FEECEE; color: #F22F46; }\n    .provider-card-logo.gmail[_ngcontent-%COMP%] { background: #FEECED; color: #EA4335; }\n    .provider-card-logo.msgraph[_ngcontent-%COMP%] { background: #E6F0FA; color: #0078D4; }\n\n    .provider-card-title[_ngcontent-%COMP%] { flex: 1; min-width: 0; }\n    .provider-card-name[_ngcontent-%COMP%] {\n        font-size: 15px; font-weight: 700;\n        color: var(--mat-sys-on-surface);\n        white-space: nowrap; overflow: hidden; text-overflow: ellipsis;\n    }\n    .provider-card-desc[_ngcontent-%COMP%] {\n        font-size: 12px;\n        color: var(--mat-sys-on-surface-variant);\n        margin-top: 2px;\n    }\n    .provider-card-status[_ngcontent-%COMP%] {\n        font-size: 10px; font-weight: 700;\n        text-transform: uppercase; letter-spacing: 0.5px;\n        padding: 3px 10px; border-radius: 10px;\n        flex-shrink: 0;\n    }\n    .provider-card-status.active[_ngcontent-%COMP%] { background: #d4f8e0; color: #1b873f; }\n    .provider-card-status.disabled[_ngcontent-%COMP%] { background: var(--mat-sys-surface-container-high); color: var(--mat-sys-on-surface-variant); }\n\n    .provider-card-body[_ngcontent-%COMP%] { padding: 0 20px 16px; }\n\n    .provider-capabilities[_ngcontent-%COMP%] {\n        display: flex; flex-wrap: wrap;\n        gap: 6px; margin-bottom: 16px;\n    }\n    .capability-chip[_ngcontent-%COMP%] {\n        display: inline-flex; align-items: center;\n        gap: 4px; padding: 4px 10px;\n        border-radius: 12px; font-size: 11px; font-weight: 500;\n    }\n    .capability-chip.supported[_ngcontent-%COMP%] { background: #d4f8e0; color: #1b873f; }\n    .capability-chip.unsupported[_ngcontent-%COMP%] {\n        background: var(--mat-sys-surface-container);\n        color: var(--mat-sys-outline);\n        text-decoration: line-through;\n    }\n\n    .provider-card-stats[_ngcontent-%COMP%] {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 12px; padding: 12px;\n        background: var(--mat-sys-surface-container-low);\n        border-radius: var(--mat-sys-corner-small, 8px);\n    }\n    .provider-stat[_ngcontent-%COMP%] { text-align: center; }\n    .provider-stat-value[_ngcontent-%COMP%] {\n        font-size: 16px; font-weight: 800;\n        color: var(--mat-sys-on-surface);\n    }\n    .provider-stat-label[_ngcontent-%COMP%] {\n        font-size: 10px;\n        color: var(--mat-sys-on-surface-variant);\n        text-transform: uppercase; letter-spacing: 0.3px;\n    }\n\n    .provider-card-footer[_ngcontent-%COMP%] {\n        display: flex;\n        border-top: 1px solid var(--mat-sys-outline-variant);\n    }\n    .provider-card-footer[_ngcontent-%COMP%]   button[_ngcontent-%COMP%] {\n        flex: 1; padding: 12px;\n        border: none; background: transparent;\n        font-size: 12px; font-weight: 600;\n        color: var(--mat-sys-primary);\n        cursor: pointer; transition: background 0.15s;\n        font-family: inherit;\n        display: flex; align-items: center;\n        justify-content: center; gap: 6px;\n    }\n    .provider-card-footer[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:hover {\n        background: var(--mat-sys-surface-container-low);\n    }\n    .provider-card-footer[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]    + button[_ngcontent-%COMP%] {\n        border-left: 1px solid var(--mat-sys-outline-variant);\n    }"] });
 };
 CommunicationProvidersResourceComponent = __decorate([
     RegisterClass(BaseResourceComponent, 'CommunicationProvidersResource')
@@ -188,66 +279,98 @@ CommunicationProvidersResourceComponent = __decorate([
 export { CommunicationProvidersResourceComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CommunicationProvidersResourceComponent, [{
         type: Component,
-        args: [{ selector: 'mj-communication-providers-resource', template: `
-    <div class="providers-container">
-        <header class="providers-header">
-            <div class="title-area">
-                <h1>Communication Providers</h1>
-                <p>Manage your messaging integrations and services</p>
-            </div>
-            <div class="header-actions">
-                <button class="add-btn" (click)="addNewProvider()">
-                    <i class="fa-solid fa-plus"></i>
-                    <span>Add Provider</span>
-                </button>
-            </div>
-        </header>
-
-        <div *ngIf="isLoading" class="loader-container">
-            <div class="spinner"></div>
-            <p>Loading providers...</p>
+        args: [{ standalone: false, selector: 'mj-communication-providers-resource', template: `
+    <div class="providers-wrapper">
+      <div class="providers-header">
+        <div>
+          <h2>Communication Providers</h2>
+          <p>Manage your messaging service integrations</p>
+        </div>
+        <button class="tb-btn primary" (click)="addNewProvider()">
+          <i class="fa-solid fa-plus"></i> Add Provider
+        </button>
+      </div>
+    
+      @if (isLoading) {
+        <div class="loading-state">
+          <mj-loading text="Loading providers..."></mj-loading>
         </div>
-
-        <div *ngIf="!isLoading" class="providers-grid">
-            <div *ngFor="let provider of providers" class="provider-card" [class.disabled]="provider.Status === 'Disabled'">
-                <div class="card-header">
-                    <div class="provider-logo">
-                        <i [class]="getProviderIcon(provider.Name)"></i>
-                    </div>
-                    <div class="status-badge" [class]="provider.Status.toLowerCase()">
-                        {{provider.Status}}
-                    </div>
+      }
+    
+      @if (!isLoading) {
+        <div class="providers-grid">
+          @for (card of providerCards; track card) {
+            <div class="provider-card" [class.disabled]="card.Entity.Status === 'Disabled'">
+              <div class="provider-card-header">
+                <div class="provider-card-logo" [ngClass]="card.LogoClass">
+                  <i [class]="card.IconClass"></i>
                 </div>
-                <div class="card-body">
-                    <h3>{{provider.Name}}</h3>
-                    <p>{{provider.Description || 'No description provided.'}}</p>
-                    
-                    <div class="capabilities">
-                        <span class="cap" [class.active]="provider.SupportsSending">
-                            <i class="fa-solid fa-paper-plane"></i> Sending
-                        </span>
-                        <span class="cap" [class.active]="provider.SupportsReceiving">
-                            <i class="fa-solid fa-inbox"></i> Receiving
-                        </span>
-                    </div>
+                <div class="provider-card-title">
+                  <div class="provider-card-name">{{card.Entity.Name}}</div>
+                  <div class="provider-card-desc">{{card.Entity.Description || 'No description'}}</div>
                 </div>
-                <div class="card-footer">
-                    <button class="config-btn" (click)="configureProvider(provider)">
-                        <i class="fa-solid fa-gear"></i> Configure
-                    </button>
-                    <button class="view-logs-btn" (click)="viewProviderLogs(provider)">
-                        Logs
-                    </button>
+                <span class="provider-card-status" [ngClass]="card.Entity.Status.toLowerCase()">
+                  {{card.Entity.Status}}
+                </span>
+              </div>
+              <div class="provider-card-body">
+                <div class="provider-capabilities">
+                  <span class="capability-chip" [class.supported]="card.Entity.SupportsSending" [class.unsupported]="!card.Entity.SupportsSending">
+                    <i [class]="card.Entity.SupportsSending ? 'fa-solid fa-check' : 'fa-solid fa-xmark'"></i> Sending
+                  </span>
+                  <span class="capability-chip" [class.supported]="card.Entity.SupportsReceiving" [class.unsupported]="!card.Entity.SupportsReceiving">
+                    <i [class]="card.Entity.SupportsReceiving ? 'fa-solid fa-check' : 'fa-solid fa-xmark'"></i> Receiving
+                  </span>
+                  @if (card.Entity.SupportsScheduledSending) {
+                    <span class="capability-chip supported">
+                      <i class="fa-solid fa-check"></i> Scheduled
+                    </span>
+                  }
+                  @if (card.Entity.SupportsDrafts) {
+                    <span class="capability-chip supported">
+                      <i class="fa-solid fa-check"></i> Drafts
+                    </span>
+                  }
+                  @if (card.Entity.SupportsForwarding) {
+                    <span class="capability-chip supported">
+                      <i class="fa-solid fa-check"></i> Forward
+                    </span>
+                  }
+                  @if (card.Entity.SupportsReplying) {
+                    <span class="capability-chip supported">
+                      <i class="fa-solid fa-check"></i> Reply
+                    </span>
+                  }
                 </div>
+                <div class="provider-card-stats">
+                  <div class="provider-stat">
+                    <div class="provider-stat-value">{{card.SentCount}}</div>
+                    <div class="provider-stat-label">Sent (24h)</div>
+                  </div>
+                  <div class="provider-stat">
+                    <div class="provider-stat-value">{{card.SuccessRate}}%</div>
+                    <div class="provider-stat-label">Success</div>
+                  </div>
+                  <div class="provider-stat">
+                    <div class="provider-stat-value">{{card.FailedCount}}</div>
+                    <div class="provider-stat-label">Failed</div>
+                  </div>
+                </div>
+              </div>
+              <div class="provider-card-footer">
+                <button (click)="configureProvider(card.Entity)">
+                  <i class="fa-solid fa-gear"></i> Configure
+                </button>
+                <button (click)="viewProviderLogs(card.Entity)">
+                  <i class="fa-solid fa-chart-line"></i> Analytics
+                </button>
+              </div>
             </div>
-
-            <div class="add-card" (click)="addNewProvider()">
-                <i class="fa-solid fa-circle-plus"></i>
-                <span>Connect New Service</span>
-            </div>
+          }
         </div>
+      }
     </div>
-  `, styles: ["\n    .providers-container {\n        padding: 32px;\n        background-color: #f8fafc;\n        min-height: 100%;\n        font-family: 'Inter', system-ui, -apple-system, sans-serif;\n    }\n    .providers-header {\n        display: flex;\n        justify-content: space-between;\n        align-items: flex-start;\n        margin-bottom: 32px;\n    }\n    .title-area h1 {\n        margin: 0;\n        font-size: 1.875rem;\n        font-weight: 800;\n        color: #0f172a;\n    }\n    .title-area p {\n        margin: 4px 0 0;\n        color: #64748b;\n        font-size: 1rem;\n    }\n    .add-btn {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        padding: 12px 24px;\n        background: #3b82f6;\n        border: none;\n        border-radius: 10px;\n        color: white;\n        font-weight: 600;\n        cursor: pointer;\n        transition: all 0.2s;\n        box-shadow: 0 4px 6px -1px rgba(59, 130, 246, 0.2);\n    }\n    .add-btn:hover {\n        background: #2563eb;\n        transform: translateY(-1px);\n        box-shadow: 0 10px 15px -3px rgba(59, 130, 246, 0.3);\n    }\n\n    .loader-container {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        padding: 100px 0;\n        color: #64748b;\n    }\n    .spinner {\n        width: 40px;\n        height: 40px;\n        border: 4px solid #e2e8f0;\n        border-top-color: #3b82f6;\n        border-radius: 50%;\n        animation: spin 1s linear infinite;\n        margin-bottom: 16px;\n    }\n    @keyframes spin {\n        to { transform: rotate(360deg); }\n    }\n\n    .providers-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));\n        gap: 24px;\n    }\n    .provider-card {\n        background: white;\n        border-radius: 20px;\n        border: 1px solid #f1f5f9;\n        padding: 24px;\n        display: flex;\n        flex-direction: column;\n        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n        box-shadow: 0 1px 3px rgba(0,0,0,0.05);\n    }\n    .provider-card:hover {\n        transform: translateY(-4px);\n        box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1), 0 10px 10px -5px rgba(0,0,0,0.04);\n    }\n    .provider-card.disabled {\n        opacity: 0.7;\n        background: #fcfcfc;\n    }\n\n    .card-header {\n        display: flex;\n        justify-content: space-between;\n        align-items: flex-start;\n        margin-bottom: 20px;\n    }\n    .provider-logo {\n        width: 56px;\n        height: 56px;\n        background: #f8fafc;\n        border-radius: 14px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 1.75rem;\n        color: #334155;\n        border: 1px solid #f1f5f9;\n    }\n    .status-badge {\n        font-size: 0.75rem;\n        font-weight: 700;\n        padding: 4px 12px;\n        border-radius: 20px;\n        text-transform: uppercase;\n        letter-spacing: 0.025em;\n    }\n    .status-badge.active { background: #dcfce7; color: #166534; }\n    .status-badge.disabled { background: #f1f5f9; color: #475569; }\n\n    .card-body h3 {\n        margin: 0 0 8px;\n        font-size: 1.25rem;\n        font-weight: 700;\n        color: #0f172a;\n    }\n    .card-body p {\n        margin: 0 0 20px;\n        font-size: 0.9375rem;\n        color: #64748b;\n        line-height: 1.5;\n        height: 45px;\n        overflow: hidden;\n        display: -webkit-box;\n        -webkit-line-clamp: 2;\n        -webkit-box-orient: vertical;\n    }\n\n    .capabilities {\n        display: flex;\n        gap: 12px;\n        margin-bottom: 24px;\n    }\n    .cap {\n        font-size: 0.75rem;\n        font-weight: 600;\n        color: #94a3b8;\n        display: flex;\n        align-items: center;\n        gap: 6px;\n    }\n    .cap.active {\n        color: #3b82f6;\n    }\n\n    .card-footer {\n        display: flex;\n        gap: 12px;\n        margin-top: auto;\n    }\n    .config-btn {\n        flex: 1;\n        padding: 10px;\n        background: #f8fafc;\n        border: 1px solid #e2e8f0;\n        border-radius: 8px;\n        color: #475569;\n        font-weight: 600;\n        font-size: 0.875rem;\n        cursor: pointer;\n        transition: all 0.2s;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 8px;\n    }\n    .config-btn:hover {\n        background: #f1f5f9;\n        border-color: #cbd5e1;\n        color: #1e293b;\n    }\n    .view-logs-btn {\n        padding: 10px 16px;\n        background: transparent;\n        border: 1px solid transparent;\n        color: #64748b;\n        font-weight: 600;\n        font-size: 0.875rem;\n        cursor: pointer;\n    }\n    .view-logs-btn:hover {\n        color: #3b82f6;\n    }\n\n    .add-card {\n        border: 2px dashed #e2e8f0;\n        border-radius: 20px;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        gap: 16px;\n        color: #94a3b8;\n        cursor: pointer;\n        transition: all 0.2s;\n        min-height: 240px;\n    }\n    .add-card:hover {\n        border-color: #3b82f6;\n        background: #eff6ff;\n        color: #3b82f6;\n    }\n    .add-card i {\n        font-size: 3rem;\n    }\n    .add-card span {\n        font-weight: 600;\n    }\n  "] }]
+    `, styles: ["\n    .providers-wrapper {\n        height: 100%;\n        padding: 24px;\n        overflow-y: auto;\n        background: var(--mat-sys-surface-container);\n    }\n    .providers-header {\n        display: flex;\n        justify-content: space-between;\n        align-items: flex-start;\n        margin-bottom: 20px;\n    }\n    .providers-header h2 {\n        margin: 0;\n        font-size: 18px;\n        font-weight: 800;\n        color: var(--mat-sys-on-surface);\n    }\n    .providers-header p {\n        margin: 4px 0 0;\n        font-size: 13px;\n        color: var(--mat-sys-on-surface-variant);\n    }\n\n    .tb-btn {\n        display: inline-flex; align-items: center;\n        gap: 6px; padding: 8px 16px;\n        border: 1px solid var(--mat-sys-outline-variant);\n        border-radius: var(--mat-sys-corner-extra-small, 4px);\n        background: var(--mat-sys-surface-container-lowest);\n        color: var(--mat-sys-on-surface-variant);\n        font-size: 12px; font-weight: 600;\n        cursor: pointer; transition: all 0.15s ease;\n        font-family: inherit;\n    }\n    .tb-btn.primary {\n        background: var(--mat-sys-primary);\n        color: var(--mat-sys-on-primary, #fff);\n        border-color: var(--mat-sys-primary);\n    }\n    .tb-btn.primary:hover { filter: brightness(1.1); }\n\n    .loading-state {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        padding: 80px 0;\n    }\n\n    /* GRID */\n    .providers-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));\n        gap: 16px;\n    }\n    .provider-card {\n        background: var(--mat-sys-surface-container-lowest);\n        border: 1px solid var(--mat-sys-outline-variant);\n        border-radius: var(--mat-sys-corner-medium, 12px);\n        overflow: hidden;\n        transition: all 0.15s ease;\n    }\n    .provider-card:hover {\n        box-shadow: 0 2px 6px 2px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);\n        border-color: var(--mat-sys-outline);\n    }\n    .provider-card.disabled { opacity: 0.65; }\n\n    .provider-card-header {\n        display: flex;\n        align-items: center;\n        gap: 14px;\n        padding: 20px 20px 16px;\n    }\n    .provider-card-logo {\n        width: 48px; height: 48px;\n        border-radius: var(--mat-sys-corner-medium, 12px);\n        display: flex; align-items: center; justify-content: center;\n        font-size: 22px; flex-shrink: 0;\n        background: var(--mat-sys-surface-container);\n    }\n    .provider-card-logo.sendgrid { background: #E8F4FD; color: #1A82E2; }\n    .provider-card-logo.twilio { background: #FEECEE; color: #F22F46; }\n    .provider-card-logo.gmail { background: #FEECED; color: #EA4335; }\n    .provider-card-logo.msgraph { background: #E6F0FA; color: #0078D4; }\n\n    .provider-card-title { flex: 1; min-width: 0; }\n    .provider-card-name {\n        font-size: 15px; font-weight: 700;\n        color: var(--mat-sys-on-surface);\n        white-space: nowrap; overflow: hidden; text-overflow: ellipsis;\n    }\n    .provider-card-desc {\n        font-size: 12px;\n        color: var(--mat-sys-on-surface-variant);\n        margin-top: 2px;\n    }\n    .provider-card-status {\n        font-size: 10px; font-weight: 700;\n        text-transform: uppercase; letter-spacing: 0.5px;\n        padding: 3px 10px; border-radius: 10px;\n        flex-shrink: 0;\n    }\n    .provider-card-status.active { background: #d4f8e0; color: #1b873f; }\n    .provider-card-status.disabled { background: var(--mat-sys-surface-container-high); color: var(--mat-sys-on-surface-variant); }\n\n    .provider-card-body { padding: 0 20px 16px; }\n\n    .provider-capabilities {\n        display: flex; flex-wrap: wrap;\n        gap: 6px; margin-bottom: 16px;\n    }\n    .capability-chip {\n        display: inline-flex; align-items: center;\n        gap: 4px; padding: 4px 10px;\n        border-radius: 12px; font-size: 11px; font-weight: 500;\n    }\n    .capability-chip.supported { background: #d4f8e0; color: #1b873f; }\n    .capability-chip.unsupported {\n        background: var(--mat-sys-surface-container);\n        color: var(--mat-sys-outline);\n        text-decoration: line-through;\n    }\n\n    .provider-card-stats {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 12px; padding: 12px;\n        background: var(--mat-sys-surface-container-low);\n        border-radius: var(--mat-sys-corner-small, 8px);\n    }\n    .provider-stat { text-align: center; }\n    .provider-stat-value {\n        font-size: 16px; font-weight: 800;\n        color: var(--mat-sys-on-surface);\n    }\n    .provider-stat-label {\n        font-size: 10px;\n        color: var(--mat-sys-on-surface-variant);\n        text-transform: uppercase; letter-spacing: 0.3px;\n    }\n\n    .provider-card-footer {\n        display: flex;\n        border-top: 1px solid var(--mat-sys-outline-variant);\n    }\n    .provider-card-footer button {\n        flex: 1; padding: 12px;\n        border: none; background: transparent;\n        font-size: 12px; font-weight: 600;\n        color: var(--mat-sys-primary);\n        cursor: pointer; transition: background 0.15s;\n        font-family: inherit;\n        display: flex; align-items: center;\n        justify-content: center; gap: 6px;\n    }\n    .provider-card-footer button:hover {\n        background: var(--mat-sys-surface-container-low);\n    }\n    .provider-card-footer button + button {\n        border-left: 1px solid var(--mat-sys-outline-variant);\n    }\n  "] }]
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i1.NavigationService }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CommunicationProvidersResourceComponent, { className: "CommunicationProvidersResourceComponent", filePath: "src/Communication/communication-providers-resource.component.ts", lineNumber: 295 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CommunicationProvidersResourceComponent, { className: "CommunicationProvidersResourceComponent", filePath: "src/communication/communication-providers-resource.component.ts", lineNumber: 276 }); })();
 //# sourceMappingURL=communication-providers-resource.component.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"communication-providers-resource.component.js","sourceRoot":"","sources":["../../src/Communication/communication-providers-resource.component.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"communication-providers-resource.component.js","sourceRoot":"","sources":["../../src/Communication/communication-providers-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,EAAqB,MAAM,2BAA2B,CAAC;AACrF,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;;;;;;IA2B/D,8BAA2B;IACzB,gCAAqD;IACvD,iBAAM;;;IA4BM,gCAAwC;IACtC,wBAAiC;IAAC,2BACpC;IAAA,iBAAO;;;IAGP,gCAAwC;IACtC,wBAAiC;IAAC,wBACpC;IAAA,iBAAO;;;IAGP,gCAAwC;IACtC,wBAAiC;IAAC,yBACpC;IAAA,iBAAO;;;IAGP,gCAAwC;IACtC,wBAAiC;IAAC,uBACpC;IAAA,iBAAO;;;;IArCX,AADF,AADF,8BAAgF,aAC5C,cAC2B;IACzD,oBAAgC;IAClC,iBAAM;IAEJ,AADF,+BAAiC,cACC;IAAA,YAAoB;IAAA,iBAAM;IAC1D,+BAAgC;IAAA,YAA+C;IACjF,AADiF,iBAAM,EACjF;IACN,gCAAgF;IAC9E,aACF;IACF,AADE,iBAAO,EACH;IAGF,AADF,AADF,gCAAgC,eACK,gBACgG;IAC/H,qBAAyF;IAAC,0BAC5F;IAAA,iBAAO;IACP,iCAAqI;IACnI,qBAA2F;IAAC,4BAC9F;IAAA,iBAAO;IACP,kIAA4C;IAK5C,kIAAkC;IAKlC,kIAAsC;IAKtC,kIAAoC;IAKtC,iBAAM;IAGF,AADF,AADF,gCAAiC,eACJ,eACQ;IAAA,aAAkB;IAAA,iBAAM;IACzD,gCAAiC;IAAA,2BAAU;IAC7C,AAD6C,iBAAM,EAC7C;IAEJ,AADF,gCAA2B,eACQ;IAAA,aAAqB;IAAA,iBAAM;IAC5D,gCAAiC;IAAA,wBAAO;IAC1C,AAD0C,iBAAM,EAC1C;IAEJ,AADF,gCAA2B,eACQ;IAAA,aAAoB;IAAA,iBAAM;IAC3D,gCAAiC;IAAA,uBAAM;IAG7C,AADE,AADE,AADyC,iBAAM,EACzC,EACF,EACF;IAEJ,AADF,gCAAkC,kBACiB;IAAzC,8OAAS,wCAA8B,KAAC;IAC9C,yBAAgC;IAAC,4BACnC;IAAA,iBAAS;IACT,mCAAgD;IAAxC,8OAAS,uCAA6B,KAAC;IAC7C,yBAAsC;IAAC,4BACzC;IAEJ,AADE,AADE,iBAAS,EACL,EACF;;;IAjEqB,gEAAoD;IAE3C,eAA0B;IAA1B,2CAA0B;IACrD,cAAwB;IAAxB,gCAAwB;IAGK,eAAoB;IAApB,yCAAoB;IACpB,eAA+C;IAA/C,oEAA+C;IAE9C,cAA4C;IAA5C,6DAA4C;IAC7E,cACF;IADE,sDACF;IAIgC,eAA+C;IAAC,AAAhD,2DAA+C,gDAAmD;IAC3H,cAAiF;IAAjF,yFAAiF;IAExD,eAAiD;IAAC,AAAlD,6DAAiD,kDAAqD;IAC/H,cAAmF;IAAnF,2FAAmF;IAExF,eAIC;IAJD,mEAIC;IACD,cAIC;IAJD,yDAIC;IACD,cAIC;IAJD,6DAIC;IACD,cAIC;IAJD,2DAIC;IAIkC,eAAkB;IAAlB,uCAAkB;IAIlB,eAAqB;IAArB,mDAAqB;IAIrB,eAAoB;IAApB,yCAAoB;;;IAtDjE,8BAA4B;IAC1B,6IAmEC;IACH,iBAAM;;;IApEJ,cAmEC;IAnED,mCAmEC;;AA0KJ,IAAM,uCAAuC,GAA7C,MAAM,uCAAwC,SAAQ,qBAAqB;IAI1D;IAAgC;IAH7C,SAAS,GAAG,KAAK,CAAC;IAClB,aAAa,GAAuB,EAAE,CAAC;IAE9C,YAAoB,GAAsB,EAAU,UAA6B;QAC7E,KAAK,EAAE,CAAC;QADQ,QAAG,GAAH,GAAG,CAAmB;QAAU,eAAU,GAAV,UAAU,CAAmB;IAEjF,CAAC;IAED,KAAK,CAAC,QAAQ;QACV,MAAM,IAAI,CAAC,QAAQ,EAAE,CAAC;QACtB,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC9B,CAAC;IAED,WAAW,KAAW,CAAC;IAEhB,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,IAAI,OAAO,EAAE,CAAC;YACzB,MAAM,SAAS,GAAG,IAAI,IAAI,EAAE,CAAC;YAC7B,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC;YAC3C,MAAM,YAAY,GAAG,SAAS,CAAC,WAAW,EAAE,CAAC;YAE7C,MAAM,CAAC,eAAe,EAAE,UAAU,CAAC,GAAG,MAAM,OAAO,CAAC,GAAG,CAAC;gBACpD,EAAE,CAAC,OAAO,CAA8B;oBACpC,UAAU,EAAE,yBAAyB;oBACrC,OAAO,EAAE,UAAU;oBACnB,UAAU,EAAE,eAAe;iBAC9B,CAAC;gBACF,EAAE,CAAC,OAAO,CAAyB;oBAC/B,UAAU,EAAE,oBAAoB;oBAChC,WAAW,EAAE,mBAAmB,YAAY,GAAG;oBAC/C,UAAU,EAAE,eAAe;iBAC9B,CAAC;aACL,CAAC,CAAC;YAEH,IAAI,eAAe,CAAC,OAAO,EAAE,CAAC;gBAC1B,MAAM,IAAI,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;gBAC1D,IAAI,CAAC,aAAa,GAAG,eAAe,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC;YAC3F,CAAC;QACL,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACb,OAAO,CAAC,KAAK,CAAC,0BAA0B,EAAE,KAAK,CAAC,CAAC;QACrD,CAAC;gBAAS,CAAC;YACP,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;YACvB,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;QAC7B,CAAC;IACL,CAAC;IAEO,iBAAiB,CAAC,QAAqC,EAAE,IAA8B;QAC3F,MAAM,YAAY,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,qBAAqB,KAAK,QAAQ,CAAC,IAAI,CAAC,CAAC;QACjF,MAAM,IAAI,GAAG,YAAY,CAAC,MAAM,CAAC;QACjC,MAAM,MAAM,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,KAAK,QAAQ,CAAC,CAAC,MAAM,CAAC;QACtE,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,GAAG,MAAM,CAAC,GAAG,IAAI,GAAG,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;QAEpF,OAAO;YACH,MAAM,EAAE,QAAQ;YAChB,SAAS,EAAE,IAAI;YACf,WAAW,EAAE,IAAI;YACjB,WAAW,EAAE,MAAM;YACnB,SAAS,EAAE,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,IAAI,CAAC;YAC9C,SAAS,EAAE,IAAI,CAAC,oBAAoB,CAAC,QAAQ,CAAC,IAAI,CAAC;SACtD,CAAC;IACN,CAAC;IAEO,eAAe,CAAC,IAAY;QAChC,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,IAAI,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC;YAAE,OAAO,wBAAwB,CAAC;QAC7G,IAAI,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC;YAAE,OAAO,kBAAkB,CAAC;QACtE,IAAI,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC;YAAE,OAAO,oBAAoB,CAAC;QACrD,OAAO,oBAAoB,CAAC;IAChC,CAAC;IAEO,oBAAoB,CAAC,IAAY;QACrC,MAAM,CAAC,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;QAC7B,IAAI,CAAC,CAAC,QAAQ,CAAC,UAAU,CAAC;YAAE,OAAO,UAAU,CAAC;QAC9C,IAAI,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC;YAAE,OAAO,QAAQ,CAAC;QAC1C,IAAI,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC;YAAE,OAAO,OAAO,CAAC;QAChE,IAAI,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC;YAAE,OAAO,SAAS,CAAC;QAC9F,OAAO,EAAE,CAAC;IACd,CAAC;IAEM,iBAAiB,CAAC,QAAqC;QAC1D,MAAM,EAAE,GAAG,IAAI,YAAY,EAAE,CAAC;QAC9B,EAAE,CAAC,2BAA2B,CAAC,IAAI,QAAQ,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,yBAAyB,CAAE,EAAE,QAAQ,CAAC,CAAC;QACnH,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,yBAAyB,EAAE,EAAE,CAAC,CAAC;IACpE,CAAC;IAEM,gBAAgB,CAAC,QAAqC;QACzD,OAAO,CAAC,GAAG,CAAC,8BAA8B,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC/D,CAAC;IAEM,cAAc;QACjB,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,yBAAyB,EAAE,IAAI,YAAY,EAAE,CAAC,CAAC;IACpF,CAAC;IAED,KAAK,CAAC,sBAAsB,CAAC,IAAkB;QAC3C,OAAO,WAAW,CAAC;IACvB,CAAC;IAED,KAAK,CAAC,oBAAoB,CAAC,IAAkB;QACzC,OAAO,oBAAoB,CAAC;IAChC,CAAC;iIA1GQ,uCAAuC;6DAAvC,uCAAuC;YA7P1C,AADF,AADF,AADF,8BAA+B,aACC,UACvB,SACC;YAAA,uCAAuB;YAAA,iBAAK;YAChC,yBAAG;YAAA,0DAA0C;YAC/C,AAD+C,iBAAI,EAC7C;YACN,iCAA0D;YAA3B,oHAAS,oBAAgB,IAAC;YACvD,uBAAgC;YAAC,8BACnC;YACF,AADE,iBAAS,EACL;YAEN,2GAAiB;YAMjB,2GAAkB;YAwEpB,iBAAM;;YA9EJ,gBAIC;YAJD,yCAIC;YAED,cAuEC;YAvED,0CAuEC;;;AAwKM,uCAAuC;IArQnD,aAAa,CAAC,qBAAqB,EAAE,gCAAgC,CAAC;GAqQ1D,uCAAuC,CA2GnD;;iFA3GY,uCAAuC;cApQnD,SAAS;6BACI,KAAK,YACL,qCAAqC,YACrC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA2FT;;kFAsKQ,uCAAuC"}