@memberjunction/ng-entity-communications 2.0.0

package/dist/lib/preview.component.d.ts

@@ -0,0 +1,32 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import { ProcessedMessage } from '@memberjunction/communication-types';
+import { EntityInfo, RunViewParams } from '@memberjunction/core';
+import { TemplateEntityExtended } from '@memberjunction/templates-base-types';
+import * as i0 from "@angular/core";
+export declare class EntityCommunicationsPreviewComponent implements OnInit {
+    templateFilter: string | undefined;
+    entityInfo: EntityInfo | undefined;
+    runViewParams: RunViewParams | undefined;
+    templateSelected: EventEmitter<TemplateEntityExtended>;
+    templates: TemplateEntityExtended[];
+    selectedTemplate: TemplateEntityExtended | null;
+    step: number;
+    previewMessages: ProcessedMessage[];
+    currentMessageIndex: number;
+    loading: boolean;
+    constructor();
+    ngOnInit(): Promise<void>;
+    loadTemplates(): Promise<void>;
+    selectTemplate(template: TemplateEntityExtended): void;
+    protected loadMessagePreviews(): Promise<void>;
+    currentPreviewItemSubject(): string;
+    currentPreviewItemBody(): string;
+    goBack(): void;
+    firstMessage(): void;
+    lastMessage(): void;
+    nextMessage(): void;
+    previousMessage(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EntityCommunicationsPreviewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EntityCommunicationsPreviewComponent, "mj-entity-communications-preview", never, { "templateFilter": { "alias": "templateFilter"; "required": false; }; "entityInfo": { "alias": "entityInfo"; "required": false; }; "runViewParams": { "alias": "runViewParams"; "required": false; }; }, { "templateSelected": "templateSelected"; }, never, never, false, never>;
+}
+//# sourceMappingURL=preview.component.d.ts.map

package/dist/lib/preview.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview.component.d.ts","sourceRoot":"","sources":["../../src/lib/preview.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,YAAY,EAAS,MAAM,EAAE,MAAM,eAAe,CAAC;AAC/E,OAAO,EAAoC,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AACzG,OAAO,EAAE,UAAU,EAAW,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAI1E,OAAO,EAAsB,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;;AAElG,qBAKa,oCAAqC,YAAW,MAAM;IACxD,cAAc,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,UAAU,EAAE,UAAU,GAAG,SAAS,CAAC;IACnC,aAAa,EAAE,aAAa,GAAG,SAAS,CAAC;IACxC,gBAAgB,uCAA8C;IAExE,SAAS,EAAE,sBAAsB,EAAE,CAAM;IACzC,gBAAgB,EAAE,sBAAsB,GAAG,IAAI,CAAQ;IACvD,IAAI,EAAE,MAAM,CAAK;IAEV,eAAe,EAAE,gBAAgB,EAAE,CAAM;IAChD,mBAAmB,EAAE,MAAM,CAAK;IACzB,OAAO,EAAE,OAAO,CAAS;;IAI1B,QAAQ;IAOR,aAAa;IAoBnB,cAAc,CAAC,QAAQ,EAAE,sBAAsB;cAO/B,mBAAmB;IAwCnC,yBAAyB,IAAI,MAAM;IASnC,sBAAsB,IAAI,MAAM;IAUhC,MAAM;IAKN,YAAY;IAIZ,WAAW;IAIX,WAAW;IAMX,eAAe;yCAhIJ,oCAAoC;2CAApC,oCAAoC;CAqIhD"}

package/dist/lib/preview.component.js

@@ -0,0 +1,256 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { Component, Output, EventEmitter, Input } from '@angular/core';
+import { CommunicationEngineBase, Message } from '@memberjunction/communication-types';
+import { RunView } from '@memberjunction/core';
+import { EntityCommunicationsEngineClient } from '@memberjunction/entity-communications-client';
+import { TemplateEngineBase } from '@memberjunction/templates-base-types';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@progress/kendo-angular-buttons";
+import * as i3 from "@progress/kendo-angular-indicators";
+function EntityCommunicationsPreviewComponent_div_1_li_4_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "li", 4);
+    i0.ɵɵlistener("click", function EntityCommunicationsPreviewComponent_div_1_li_4_Template_li_click_0_listener() { const template_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.selectTemplate(template_r2)); });
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const template_r2 = ctx.$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", template_r2.Name, " ");
+} }
+function EntityCommunicationsPreviewComponent_div_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 2)(1, "h2");
+    i0.ɵɵtext(2, "Select a Template");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "ul");
+    i0.ɵɵtemplate(4, EntityCommunicationsPreviewComponent_div_1_li_4_Template, 2, 1, "li", 3);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("ngForOf", ctx_r2.templates);
+} }
+function EntityCommunicationsPreviewComponent_div_2_Conditional_1_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "h2");
+    i0.ɵɵtext(1, "No Messages Available");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(2, "button", 6);
+    i0.ɵɵlistener("click", function EntityCommunicationsPreviewComponent_div_2_Conditional_1_Conditional_0_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r4); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.goBack()); });
+    i0.ɵɵtext(3, "Back");
+    i0.ɵɵelementEnd();
+} }
+function EntityCommunicationsPreviewComponent_div_2_Conditional_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "h2");
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(2, "button", 6);
+    i0.ɵɵlistener("click", function EntityCommunicationsPreviewComponent_div_2_Conditional_1_Conditional_1_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r5); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.goBack()); });
+    i0.ɵɵtext(3, "Back");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "div", 7)(5, "button", 8);
+    i0.ɵɵlistener("click", function EntityCommunicationsPreviewComponent_div_2_Conditional_1_Conditional_1_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r5); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.firstMessage()); });
+    i0.ɵɵelement(6, "span", 9);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "button", 10);
+    i0.ɵɵlistener("click", function EntityCommunicationsPreviewComponent_div_2_Conditional_1_Conditional_1_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r5); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.previousMessage()); });
+    i0.ɵɵelement(8, "span", 11);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "span", 12);
+    i0.ɵɵtext(10);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(11, "button", 13);
+    i0.ɵɵlistener("click", function EntityCommunicationsPreviewComponent_div_2_Conditional_1_Conditional_1_Template_button_click_11_listener() { i0.ɵɵrestoreView(_r5); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.nextMessage()); });
+    i0.ɵɵelement(12, "span", 14);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(13, "button", 15);
+    i0.ɵɵlistener("click", function EntityCommunicationsPreviewComponent_div_2_Conditional_1_Conditional_1_Template_button_click_13_listener() { i0.ɵɵrestoreView(_r5); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.lastMessage()); });
+    i0.ɵɵelement(14, "span", 16);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(15, "div", 17)(16, "div", 18);
+    i0.ɵɵtext(17);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(18, "div", 19);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1("Preview ", ctx_r2.selectedTemplate == null ? null : ctx_r2.selectedTemplate.Name, "");
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("disabled", ctx_r2.currentMessageIndex === 0);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("disabled", ctx_r2.currentMessageIndex === 0);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate2("", ctx_r2.currentMessageIndex + 1, " of ", ctx_r2.previewMessages.length, "");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("disabled", ctx_r2.currentMessageIndex >= ctx_r2.previewMessages.length - 1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("disabled", ctx_r2.currentMessageIndex >= ctx_r2.previewMessages.length - 1);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(ctx_r2.currentPreviewItemSubject());
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("innerHTML", ctx_r2.currentPreviewItemBody(), i0.ɵɵsanitizeHtml);
+} }
+function EntityCommunicationsPreviewComponent_div_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, EntityCommunicationsPreviewComponent_div_2_Conditional_1_Conditional_0_Template, 4, 0)(1, EntityCommunicationsPreviewComponent_div_2_Conditional_1_Conditional_1_Template, 19, 9);
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵconditional(ctx_r2.previewMessages.length === 0 ? 0 : 1);
+} }
+function EntityCommunicationsPreviewComponent_div_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "kendo-loader");
+} }
+function EntityCommunicationsPreviewComponent_div_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 5);
+    i0.ɵɵtemplate(1, EntityCommunicationsPreviewComponent_div_2_Conditional_1_Template, 2, 1)(2, EntityCommunicationsPreviewComponent_div_2_Conditional_2_Template, 1, 0, "kendo-loader");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(!ctx_r2.loading ? 1 : 2);
+} }
+export class EntityCommunicationsPreviewComponent {
+    constructor() {
+        this.templateSelected = new EventEmitter();
+        this.templates = [];
+        this.selectedTemplate = null;
+        this.step = 1;
+        this.previewMessages = [];
+        this.currentMessageIndex = 0;
+        this.loading = false;
+    }
+    ngOnInit() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!this.entityInfo || !this.runViewParams)
+                throw new Error("EntityInfo and RunViewParams are required");
+            yield this.loadTemplates();
+        });
+    }
+    loadTemplates() {
+        return __awaiter(this, void 0, void 0, function* () {
+            // load up all template metadata
+            const rv = new RunView();
+            const result = yield rv.RunView({
+                EntityName: "Templates",
+                ExtraFilter: `(IsActive = 1 AND (ActiveAt IS NULL OR ActiveAt <= GETDATE())) ${this.templateFilter ? `AND ${this.templateFilter}` : ''}`,
+                ResultType: 'entity_object'
+            });
+            const content = yield rv.RunView({
+                EntityName: "Template Contents",
+                ResultType: 'entity_object'
+            });
+            this.templates = result.Results;
+            this.templates.forEach(template => {
+                template.Content = content.Results.filter(c => c.TemplateID === template.ID);
+            });
+        });
+    }
+    selectTemplate(template) {
+        this.selectedTemplate = template;
+        this.templateSelected.emit(template);
+        this.step = 2;
+        this.loadMessagePreviews();
+    }
+    loadMessagePreviews() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.loading = true;
+            const msg = new Message();
+            msg.From = "amith@bluecypress.io";
+            msg.Subject = "Test Subject";
+            const sendGrid = CommunicationEngineBase.Instance.Providers.find(p => p.Name === "SendGrid");
+            if (!sendGrid)
+                throw new Error("SendGrid provider not found");
+            const email = sendGrid.MessageTypes.find(mt => mt.Name === "Email");
+            if (!email)
+                throw new Error("Email message type not found");
+            if (!this.selectedTemplate)
+                throw new Error("No template selected");
+            msg.MessageType = email;
+            msg.HTMLBodyTemplate = this.selectedTemplate;
+            msg.SubjectTemplate = TemplateEngineBase.Instance.FindTemplate('Test Subject Template');
+            const commParams = {
+                EntityID: this.entityInfo.ID,
+                RunViewParams: this.runViewParams,
+                ProviderName: "SendGrid",
+                ProviderMessageTypeName: "Email",
+                Message: msg,
+                PreviewOnly: true,
+                IncludeProcessedMessages: true
+            };
+            const result = yield EntityCommunicationsEngineClient.Instance.RunEntityCommunication(commParams);
+            if (result && result.Success && result.Results) {
+                this.previewMessages = result.Results.map(r => r.Message);
+            }
+            this.loading = false;
+        });
+    }
+    currentPreviewItemSubject() {
+        if (this.previewMessages && this.previewMessages.length > 0) {
+            if (this.currentMessageIndex >= 0 && this.currentMessageIndex < this.previewMessages.length) {
+                return this.previewMessages[this.currentMessageIndex].ProcessedSubject;
+            }
+        }
+        return 'Error processing template content';
+    }
+    currentPreviewItemBody() {
+        if (this.previewMessages && this.previewMessages.length > 0) {
+            if (this.currentMessageIndex >= 0 && this.currentMessageIndex < this.previewMessages.length) {
+                return this.previewMessages[this.currentMessageIndex].ProcessedHTMLBody;
+            }
+        }
+        return 'Error processing template content';
+    }
+    goBack() {
+        this.step = 1;
+    }
+    firstMessage() {
+        this.currentMessageIndex = 0;
+    }
+    lastMessage() {
+        this.currentMessageIndex = this.previewMessages.length - 1;
+    }
+    nextMessage() {
+        if (this.currentMessageIndex < this.previewMessages.length - 1) {
+            this.currentMessageIndex++;
+        }
+    }
+    previousMessage() {
+        if (this.currentMessageIndex > 0) {
+            this.currentMessageIndex--;
+        }
+    }
+}
+EntityCommunicationsPreviewComponent.ɵfac = function EntityCommunicationsPreviewComponent_Factory(t) { return new (t || EntityCommunicationsPreviewComponent)(); };
+EntityCommunicationsPreviewComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EntityCommunicationsPreviewComponent, selectors: [["mj-entity-communications-preview"]], inputs: { templateFilter: "templateFilter", entityInfo: "entityInfo", runViewParams: "runViewParams" }, outputs: { templateSelected: "templateSelected" }, decls: 3, vars: 2, consts: [["class", "step-1", 4, "ngIf"], ["class", "step-2", 4, "ngIf"], [1, "step-1"], [3, "click", 4, "ngFor", "ngForOf"], [3, "click"], [1, "step-2"], ["kendoButton", "", 3, "click"], [1, "vcr-controls"], ["aria-label", "First", 3, "click", "disabled"], [1, "fas", "fa-angle-double-left"], ["aria-label", "Previous", 3, "click", "disabled"], [1, "fas", "fa-angle-left"], [1, "index-indicator"], ["aria-label", "Next", 3, "click", "disabled"], [1, "fas", "fa-angle-right"], ["aria-label", "Last", 3, "click", "disabled"], [1, "fas", "fa-angle-double-right"], [1, "template-preview"], [1, "subject-line"], [1, "preview-body", 3, "innerHTML"]], template: function EntityCommunicationsPreviewComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "div");
+        i0.ɵɵtemplate(1, EntityCommunicationsPreviewComponent_div_1_Template, 5, 1, "div", 0)(2, EntityCommunicationsPreviewComponent_div_2_Template, 3, 1, "div", 1);
+        i0.ɵɵelementEnd();
+    } if (rf & 2) {
+        i0.ɵɵadvance();
+        i0.ɵɵproperty("ngIf", ctx.step === 1);
+        i0.ɵɵadvance();
+        i0.ɵɵproperty("ngIf", ctx.step === 2);
+    } }, dependencies: [i1.NgForOf, i1.NgIf, i2.ButtonComponent, i3.LoaderComponent], styles: [".step-1[_ngcontent-%COMP%], .step-2[_ngcontent-%COMP%] {\n    margin: 20px 0;\n}\n\n.template-preview[_ngcontent-%COMP%] {\n    border: 1px solid #ccc;\n    margin-top: 10px;\n}\n\n.subject-line[_ngcontent-%COMP%] {\n    font-weight: bolder;\n    border-bottom: 1px solid #ccc;\n    padding: 5px;\n}\n\n.preview-body[_ngcontent-%COMP%] {\n    padding: 5px;\n}\n\nul[_ngcontent-%COMP%] {\n    list-style: none;\n    padding: 0;\n}\n\nli[_ngcontent-%COMP%] {\n    padding: 10px;\n    border: 1px solid #ccc;\n    margin: 5px 0;\n    cursor: pointer;\n}\n\nli[_ngcontent-%COMP%]:hover {\n    background-color: #f0f0f0;\n}\n\n.vcr-controls[_ngcontent-%COMP%] {\n    margin-top: 5px;\n    margin-bottom: 15px;\n}\n\n.vcr-controls[_ngcontent-%COMP%]   button[_ngcontent-%COMP%] {\n    margin-right: 5px;\n    background: none;\n    border: none;\n    cursor: pointer;\n    font-size: 20px;\n    color: #007bff;\n}\n\n.vcr-controls[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:hover {\n    color: #0056b3;\n}\n\n.vcr-controls[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:disabled {\n    color: #ccc;\n    cursor: not-allowed;\n}\n\n.vcr-controls[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:disabled   span[_ngcontent-%COMP%] {\n    color: #ccc;\n}\n\n.index-indicator[_ngcontent-%COMP%] {\n    margin: 0 10px;\n}"] });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EntityCommunicationsPreviewComponent, [{
+        type: Component,
+        args: [{ selector: 'mj-entity-communications-preview', template: "<div> \n  <div *ngIf=\"step === 1\" class=\"step-1\">\n    <h2>Select a Template</h2>\n    <ul>\n      <li *ngFor=\"let template of templates\" (click)=\"selectTemplate(template)\">\n        {{ template.Name }}\n      </li>\n    </ul>\n  </div>\n\n  <div *ngIf=\"step === 2\" class=\"step-2\">\n    @if(!loading) {\n      @if (previewMessages.length === 0) {\n          <h2>No Messages Available</h2>\n          <button kendoButton (click)=\"goBack()\">Back</button>\n      }\n      @else {\n        <h2>Preview {{ selectedTemplate?.Name }}</h2>\n        <button kendoButton (click)=\"goBack()\">Back</button>\n        <div class=\"vcr-controls\">\n          <button (click)=\"firstMessage()\" aria-label=\"First\" [disabled]=\"currentMessageIndex === 0\">\n            <span class=\"fas fa-angle-double-left\"></span>\n          </button>\n          <button (click)=\"previousMessage()\" aria-label=\"Previous\" [disabled]=\"currentMessageIndex === 0\">\n            <span class=\"fas fa-angle-left\"></span>\n          </button>\n          <span class=\"index-indicator\">{{ currentMessageIndex + 1 }} of {{ previewMessages.length }}</span>\n          <button (click)=\"nextMessage()\" aria-label=\"Next\" [disabled]=\"currentMessageIndex >= previewMessages.length - 1\">\n            <span class=\"fas fa-angle-right\"></span>\n          </button>\n          <button (click)=\"lastMessage()\" aria-label=\"Last\" [disabled]=\"currentMessageIndex >= previewMessages.length - 1\">\n            <span class=\"fas fa-angle-double-right\"></span>\n          </button>\n        </div>\n        <div class=\"template-preview\">\n          <div class=\"subject-line\">{{currentPreviewItemSubject()}}</div>\n          <div class=\"preview-body\" [innerHTML]=\"currentPreviewItemBody()\"></div>\n        </div>  \n      }\n    }\n    @else {\n      <kendo-loader></kendo-loader> \n    }\n  </div>\n</div>", styles: [".step-1, .step-2 {\n    margin: 20px 0;\n}\n\n.template-preview {\n    border: 1px solid #ccc;\n    margin-top: 10px;\n}\n\n.subject-line {\n    font-weight: bolder;\n    border-bottom: 1px solid #ccc;\n    padding: 5px;\n}\n\n.preview-body {\n    padding: 5px;\n}\n\nul {\n    list-style: none;\n    padding: 0;\n}\n\nli {\n    padding: 10px;\n    border: 1px solid #ccc;\n    margin: 5px 0;\n    cursor: pointer;\n}\n\nli:hover {\n    background-color: #f0f0f0;\n}\n\n.vcr-controls {\n    margin-top: 5px;\n    margin-bottom: 15px;\n}\n\n.vcr-controls button {\n    margin-right: 5px;\n    background: none;\n    border: none;\n    cursor: pointer;\n    font-size: 20px;\n    color: #007bff;\n}\n\n.vcr-controls button:hover {\n    color: #0056b3;\n}\n\n.vcr-controls button:disabled {\n    color: #ccc;\n    cursor: not-allowed;\n}\n\n.vcr-controls button:disabled span {\n    color: #ccc;\n}\n\n.index-indicator {\n    margin: 0 10px;\n}"] }]
+    }], () => [], { templateFilter: [{
+            type: Input
+        }], entityInfo: [{
+            type: Input
+        }], runViewParams: [{
+            type: Input
+        }], templateSelected: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(EntityCommunicationsPreviewComponent, { className: "EntityCommunicationsPreviewComponent" }); })();

package/dist/lib/window.component.d.ts

@@ -0,0 +1,34 @@
+import { EventEmitter } from '@angular/core';
+import { BaseEntity, EntityInfo, RunViewParams } from '@memberjunction/core';
+import { ListBoxToolbarConfig } from '@progress/kendo-angular-listbox';
+import * as i0 from "@angular/core";
+export declare class EntityCommunicationsPreviewWindowComponent {
+    Title: string;
+    Width: number;
+    Height: number;
+    MinWidth: number;
+    MinHeight: number;
+    Resizable: boolean;
+    entityInfo: EntityInfo | undefined;
+    runViewParams: RunViewParams | undefined;
+    get DialogVisible(): boolean;
+    set DialogVisible(value: boolean);
+    private _dialogVisible;
+    /**
+     * Emits when the dialog is closed, the parameter is true if the dialog was closed with the OK button, false if it was closed with the Cancel button
+     */
+    DialogClosed: EventEmitter<boolean>;
+    /**
+     * Configurable settings for the toolbar
+     */
+    ToolbarSettings: ListBoxToolbarConfig;
+    RecordSelected: EventEmitter<BaseEntity[]>;
+    RecordUnselected: EventEmitter<BaseEntity[]>;
+    protected _initialSelected: BaseEntity[];
+    protected _initialUnselected: BaseEntity[];
+    OnCancel(): void;
+    OnOK(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EntityCommunicationsPreviewWindowComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EntityCommunicationsPreviewWindowComponent, "mj-entity-communications-preview-window", never, { "Title": { "alias": "Title"; "required": false; }; "Width": { "alias": "Width"; "required": false; }; "Height": { "alias": "Height"; "required": false; }; "MinWidth": { "alias": "MinWidth"; "required": false; }; "MinHeight": { "alias": "MinHeight"; "required": false; }; "Resizable": { "alias": "Resizable"; "required": false; }; "entityInfo": { "alias": "entityInfo"; "required": false; }; "runViewParams": { "alias": "runViewParams"; "required": false; }; "DialogVisible": { "alias": "DialogVisible"; "required": false; }; "ToolbarSettings": { "alias": "ToolbarSettings"; "required": false; }; }, { "DialogClosed": "DialogClosed"; "RecordSelected": "RecordSelected"; "RecordUnselected": "RecordUnselected"; }, never, never, false, never>;
+}
+//# sourceMappingURL=window.component.d.ts.map

package/dist/lib/window.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"window.component.d.ts","sourceRoot":"","sources":["../../src/lib/window.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4C,YAAY,EAAkD,MAAM,eAAe,CAAC;AAEvI,OAAO,EAAY,UAAU,EAAoD,UAAU,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAGzI,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;;AAEvE,qBAKa,0CAA0C;IAC5C,KAAK,EAAE,MAAM,CAA4B;IACzC,KAAK,SAAO;IACZ,MAAM,SAAO;IACb,QAAQ,SAAO;IACf,SAAS,SAAO;IAChB,SAAS,UAAQ;IAEjB,UAAU,EAAE,UAAU,GAAG,SAAS,CAAC;IACnC,aAAa,EAAE,aAAa,GAAG,SAAS,CAAC;IAElD,IAAa,aAAa,IAAI,OAAO,CAEpC;IACD,IAAI,aAAa,CAAC,KAAK,EAAE,OAAO,EAM/B;IACD,OAAO,CAAC,cAAc,CAAkB;IACxC;;OAEG;IACO,YAAY,wBAA+B;IAIrD;;OAEG;IACa,eAAe,EAAE,oBAAoB,CAGnD;IAEQ,cAAc,6BAAoC;IAClD,gBAAgB,6BAAoC;IAE9D,SAAS,CAAC,gBAAgB,EAAE,UAAU,EAAE,CAAM;IAC9C,SAAS,CAAC,kBAAkB,EAAE,UAAU,EAAE,CAAM;IAGzC,QAAQ;IAKR,IAAI;yCAjDA,0CAA0C;2CAA1C,0CAA0C;CAqDtD"}

package/dist/lib/window.component.js

@@ -0,0 +1,97 @@
+import { Component, Output, EventEmitter, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-dialog";
+import * as i2 from "./preview.component";
+function EntityCommunicationsPreviewWindowComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "kendo-window", 1);
+    i0.ɵɵlistener("close", function EntityCommunicationsPreviewWindowComponent_Conditional_0_Template_kendo_window_close_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnCancel()); });
+    i0.ɵɵelement(1, "mj-entity-communications-preview", 2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("width", ctx_r1.Width)("height", ctx_r1.Height)("minWidth", ctx_r1.MinWidth)("minHeight", ctx_r1.MinHeight)("title", ctx_r1.Title)("resizable", ctx_r1.Resizable);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("entityInfo", ctx_r1.entityInfo)("runViewParams", ctx_r1.runViewParams);
+} }
+export class EntityCommunicationsPreviewWindowComponent {
+    constructor() {
+        this.Title = 'Communications Preview';
+        this.Width = 650;
+        this.Height = 600;
+        this.MinWidth = 400;
+        this.MinHeight = 350;
+        this.Resizable = true;
+        this._dialogVisible = false;
+        /**
+         * Emits when the dialog is closed, the parameter is true if the dialog was closed with the OK button, false if it was closed with the Cancel button
+         */
+        this.DialogClosed = new EventEmitter();
+        /**
+         * Configurable settings for the toolbar
+         */
+        this.ToolbarSettings = {
+            position: "right",
+            tools: ["moveUp", "transferFrom", "transferAllFrom", "transferAllTo", "transferTo", "moveDown"],
+        };
+        this.RecordSelected = new EventEmitter();
+        this.RecordUnselected = new EventEmitter();
+        this._initialSelected = [];
+        this._initialUnselected = [];
+    }
+    get DialogVisible() {
+        return this._dialogVisible;
+    }
+    set DialogVisible(value) {
+        if (value !== this._dialogVisible && value) {
+            // showing the dialog
+            //this.RefreshInitialValues();
+        }
+        this._dialogVisible = value;
+    }
+    OnCancel() {
+        this.DialogVisible = false;
+        this.DialogClosed.emit(false);
+    }
+    OnOK() {
+        this.DialogVisible = false;
+        this.DialogClosed.emit(true);
+    }
+}
+EntityCommunicationsPreviewWindowComponent.ɵfac = function EntityCommunicationsPreviewWindowComponent_Factory(t) { return new (t || EntityCommunicationsPreviewWindowComponent)(); };
+EntityCommunicationsPreviewWindowComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EntityCommunicationsPreviewWindowComponent, selectors: [["mj-entity-communications-preview-window"]], inputs: { Title: "Title", Width: "Width", Height: "Height", MinWidth: "MinWidth", MinHeight: "MinHeight", Resizable: "Resizable", entityInfo: "entityInfo", runViewParams: "runViewParams", DialogVisible: "DialogVisible", ToolbarSettings: "ToolbarSettings" }, outputs: { DialogClosed: "DialogClosed", RecordSelected: "RecordSelected", RecordUnselected: "RecordUnselected" }, decls: 1, vars: 1, consts: [[3, "width", "height", "minWidth", "minHeight", "title", "resizable"], [3, "close", "width", "height", "minWidth", "minHeight", "title", "resizable"], [3, "entityInfo", "runViewParams"]], template: function EntityCommunicationsPreviewWindowComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵtemplate(0, EntityCommunicationsPreviewWindowComponent_Conditional_0_Template, 2, 8, "kendo-window", 0);
+    } if (rf & 2) {
+        i0.ɵɵconditional(ctx.DialogVisible ? 0 : -1);
+    } }, dependencies: [i1.WindowComponent, i2.EntityCommunicationsPreviewComponent] });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EntityCommunicationsPreviewWindowComponent, [{
+        type: Component,
+        args: [{ selector: 'mj-entity-communications-preview-window', template: "@if (DialogVisible) {\n    <kendo-window\n        [width]=\"Width\"\n        [height]=\"Height\"\n        [minWidth]=\"MinWidth\"\n        [minHeight]=\"MinHeight\"\n        [title]=\"Title\"        \n        (close)=\"OnCancel()\"\n        [resizable]=\"Resizable\"\n    >\n        <mj-entity-communications-preview\n            [entityInfo]=\"entityInfo\"\n            [runViewParams]=\"runViewParams\"\n        >\n        </mj-entity-communications-preview>\n    </kendo-window>    \n}" }]
+    }], null, { Title: [{
+            type: Input
+        }], Width: [{
+            type: Input
+        }], Height: [{
+            type: Input
+        }], MinWidth: [{
+            type: Input
+        }], MinHeight: [{
+            type: Input
+        }], Resizable: [{
+            type: Input
+        }], entityInfo: [{
+            type: Input
+        }], runViewParams: [{
+            type: Input
+        }], DialogVisible: [{
+            type: Input
+        }], DialogClosed: [{
+            type: Output
+        }], ToolbarSettings: [{
+            type: Input
+        }], RecordSelected: [{
+            type: Output
+        }], RecordUnselected: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(EntityCommunicationsPreviewWindowComponent, { className: "EntityCommunicationsPreviewWindowComponent" }); })();

package/dist/module.d.ts

@@ -0,0 +1,15 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./lib/preview.component";
+import * as i2 from "./lib/window.component";
+import * as i3 from "@angular/common";
+import * as i4 from "@progress/kendo-angular-dialog";
+import * as i5 from "@memberjunction/ng-container-directives";
+import * as i6 from "@progress/kendo-angular-buttons";
+import * as i7 from "@progress/kendo-angular-listbox";
+import * as i8 from "@progress/kendo-angular-indicators";
+export declare class EntityCommunicationsModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<EntityCommunicationsModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<EntityCommunicationsModule, [typeof i1.EntityCommunicationsPreviewComponent, typeof i2.EntityCommunicationsPreviewWindowComponent], [typeof i3.CommonModule, typeof i4.DialogsModule, typeof i5.ContainerDirectivesModule, typeof i6.ButtonsModule, typeof i7.ListBoxModule, typeof i8.IndicatorsModule], [typeof i1.EntityCommunicationsPreviewComponent, typeof i2.EntityCommunicationsPreviewWindowComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<EntityCommunicationsModule>;
+}
+//# sourceMappingURL=module.d.ts.map

package/dist/module.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../src/module.ts"],"names":[],"mappings":";;;;;;;;;AAaA,qBAkBa,0BAA0B;yCAA1B,0BAA0B;0CAA1B,0BAA0B;0CAA1B,0BAA0B;CAAI"}

package/dist/module.js

@@ -0,0 +1,50 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+// Kendo UI Angular imports
+import { DialogsModule } from "@progress/kendo-angular-dialog";
+import { ButtonsModule } from '@progress/kendo-angular-buttons';
+import { ListBoxModule } from '@progress/kendo-angular-listbox';
+import { ContainerDirectivesModule } from '@memberjunction/ng-container-directives';
+import { EntityCommunicationsPreviewWindowComponent } from './lib/window.component';
+import { EntityCommunicationsPreviewComponent } from './lib/preview.component';
+import { IndicatorsModule } from '@progress/kendo-angular-indicators';
+import * as i0 from "@angular/core";
+export class EntityCommunicationsModule {
+}
+EntityCommunicationsModule.ɵfac = function EntityCommunicationsModule_Factory(t) { return new (t || EntityCommunicationsModule)(); };
+EntityCommunicationsModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: EntityCommunicationsModule });
+EntityCommunicationsModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
+        DialogsModule,
+        ContainerDirectivesModule,
+        ButtonsModule,
+        ListBoxModule,
+        IndicatorsModule] });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EntityCommunicationsModule, [{
+        type: NgModule,
+        args: [{
+                declarations: [
+                    EntityCommunicationsPreviewComponent,
+                    EntityCommunicationsPreviewWindowComponent
+                ],
+                imports: [
+                    CommonModule,
+                    DialogsModule,
+                    ContainerDirectivesModule,
+                    ButtonsModule,
+                    ListBoxModule,
+                    IndicatorsModule
+                ],
+                exports: [
+                    EntityCommunicationsPreviewComponent,
+                    EntityCommunicationsPreviewWindowComponent
+                ]
+            }]
+    }], null, null); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(EntityCommunicationsModule, { declarations: [EntityCommunicationsPreviewComponent,
+        EntityCommunicationsPreviewWindowComponent], imports: [CommonModule,
+        DialogsModule,
+        ContainerDirectivesModule,
+        ButtonsModule,
+        ListBoxModule,
+        IndicatorsModule], exports: [EntityCommunicationsPreviewComponent,
+        EntityCommunicationsPreviewWindowComponent] }); })();

package/dist/public-api.d.ts

@@ -0,0 +1,4 @@
+export * from './module';
+export * from './lib/preview.component';
+export * from './lib/window.component';
+//# sourceMappingURL=public-api.d.ts.map

package/dist/public-api.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"public-api.d.ts","sourceRoot":"","sources":["../src/public-api.ts"],"names":[],"mappings":"AAIA,cAAc,UAAU,CAAC;AACzB,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC"}

package/dist/public-api.js

@@ -0,0 +1,6 @@
+/*
+ * Public API Surface
+ */
+export * from './module';
+export * from './lib/preview.component';
+export * from './lib/window.component';

package/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "@memberjunction/ng-entity-communications",
+  "version": "2.0.0",
+  "description": "MemberJunction: Angular Components to allow a user to select templates, preview the messages with those tempaltes, and send them",
+  "main": "./dist/public-api.js",
+  "typings": "./dist/public-api.d.ts",
+  "files": [
+    "/dist"
+  ],
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "build": "ngc"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "devDependencies": {
+    "@angular/compiler": "18.0.2",
+    "@angular/compiler-cli": "18.0.2"
+  },
+  "peerDependencies": {
+    "@angular/common": "18.0.2",
+    "@angular/core": "18.0.2",
+    "@angular/forms": "18.0.2",
+    "@angular/router": "18.0.2",
+    "@progress/kendo-angular-buttons": "16.2.0",
+    "@progress/kendo-angular-dialog": "16.2.0",
+    "@progress/kendo-angular-listbox": "16.2.0",
+    "@progress/kendo-angular-indicators": "16.2.0"
+  },
+  "dependencies": {
+    "@memberjunction/core-entities": "2.0.0",
+    "@memberjunction/global": "2.0.0",
+    "@memberjunction/core": "2.0.0",
+    "@memberjunction/communication-types": "2.0.0",
+    "@memberjunction/entity-communications-base": "2.0.0",
+    "@memberjunction/entity-communications-client": "2.0.0",
+    "@memberjunction/ng-container-directives": "2.0.0",
+    "@memberjunction/ng-shared": "2.0.0",
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false
+}