@memberjunction/ng-entity-communications 5.39.0 → 5.40.0

package/dist/lib/preview.component.js

@@ -72,6 +72,7 @@ function EntityCommunicationsPreviewComponent_Conditional_2_Conditional_1_Condit
     i0.ɵɵtext(17);
     i0.ɵɵelementEnd();
     i0.ɵɵelement(18, "div", 17);
+    i0.ɵɵpipe(19, "mjSafeRichHtml");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(3);
@@ -90,10 +91,10 @@ function EntityCommunicationsPreviewComponent_Conditional_2_Conditional_1_Condit
     i0.ɵɵadvance(4);
     i0.ɵɵtextInterpolate(ctx_r2.currentPreviewItemSubject());
     i0.ɵɵadvance();
-    i0.ɵɵproperty("innerHTML", ctx_r2.currentPreviewItemBody(), i0.ɵɵsanitizeHtml);
+    i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind1(19, 9, ctx_r2.currentPreviewItemBody()), i0.ɵɵsanitizeHtml);
 } }
 function EntityCommunicationsPreviewComponent_Conditional_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, EntityCommunicationsPreviewComponent_Conditional_2_Conditional_1_Conditional_0_Template, 4, 0)(1, EntityCommunicationsPreviewComponent_Conditional_2_Conditional_1_Conditional_1_Template, 19, 9);
+    i0.ɵɵconditionalCreate(0, EntityCommunicationsPreviewComponent_Conditional_2_Conditional_1_Conditional_0_Template, 4, 0)(1, EntityCommunicationsPreviewComponent_Conditional_2_Conditional_1_Conditional_1_Template, 20, 11);
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵconditional(ctx_r2.previewMessages.length === 0 ? 0 : 1);
@@ -232,11 +233,11 @@ export class EntityCommunicationsPreviewComponent {
             i0.ɵɵconditional(ctx.step === 1 ? 1 : -1);
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.step === 2 ? 2 : -1);
-        } }, dependencies: [i1.MJButtonDirective, i2.LoadingComponent], styles: [".step-1[_ngcontent-%COMP%], .step-2[_ngcontent-%COMP%] {\n    margin: 20px 0;\n}\n\n.template-preview[_ngcontent-%COMP%] {\n    border: 1px solid var(--mj-border-strong);\n    margin-top: 10px;\n}\n\n.subject-line[_ngcontent-%COMP%] {\n    font-weight: bolder;\n    border-bottom: 1px solid var(--mj-border-strong);\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 var(--mj-border-strong);\n    margin: 5px 0;\n    cursor: pointer;\n}\n\nli[_ngcontent-%COMP%]:hover {\n    background-color: var(--mj-bg-surface-sunken);\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: var(--mj-brand-primary);\n}\n\n.vcr-controls[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:hover {\n    color: var(--mj-brand-primary-hover);\n}\n\n.vcr-controls[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:disabled {\n    color: var(--mj-border-strong);\n    cursor: not-allowed;\n}\n\n.vcr-controls[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:disabled   span[_ngcontent-%COMP%] {\n    color: var(--mj-border-strong);\n}\n\n.index-indicator[_ngcontent-%COMP%] {\n    margin: 0 10px;\n}"] });
+        } }, dependencies: [i1.MJButtonDirective, i2.LoadingComponent, i2.MJSafeRichHtmlPipe], styles: [".step-1[_ngcontent-%COMP%], .step-2[_ngcontent-%COMP%] {\n    margin: 20px 0;\n}\n\n.template-preview[_ngcontent-%COMP%] {\n    border: 1px solid var(--mj-border-strong);\n    margin-top: 10px;\n}\n\n.subject-line[_ngcontent-%COMP%] {\n    font-weight: bolder;\n    border-bottom: 1px solid var(--mj-border-strong);\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 var(--mj-border-strong);\n    margin: 5px 0;\n    cursor: pointer;\n}\n\nli[_ngcontent-%COMP%]:hover {\n    background-color: var(--mj-bg-surface-sunken);\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: var(--mj-brand-primary);\n}\n\n.vcr-controls[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:hover {\n    color: var(--mj-brand-primary-hover);\n}\n\n.vcr-controls[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:disabled {\n    color: var(--mj-border-strong);\n    cursor: not-allowed;\n}\n\n.vcr-controls[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:disabled   span[_ngcontent-%COMP%] {\n    color: var(--mj-border-strong);\n}\n\n.index-indicator[_ngcontent-%COMP%] {\n    margin: 0 10px;\n}"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EntityCommunicationsPreviewComponent, [{
         type: Component,
-        args: [{ standalone: false, selector: 'mj-entity-communications-preview', template: "<div>\n  @if (step === 1) {\n    <div class=\"step-1\">\n      <h2>Select a Template</h2>\n      <ul>\n        @for (template of templates; track template) {\n          <li (click)=\"selectTemplate(template)\">\n            {{ template.Name }}\n          </li>\n        }\n      </ul>\n    </div>\n  }\n\n  @if (step === 2) {\n    <div class=\"step-2\">\n      @if(!loading) {\n        @if (previewMessages.length === 0) {\n          <h2>No Messages Available</h2>\n          <button mjButton (click)=\"goBack()\">Back</button>\n        }\n        @else {\n        <h2>Preview {{ selectedTemplate?.Name }}</h2>\n        <button mjButton (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    <mj-loading [showText]=\"false\" size=\"medium\"></mj-loading>\n  }\n</div>\n}\n</div>", styles: [".step-1, .step-2 {\n    margin: 20px 0;\n}\n\n.template-preview {\n    border: 1px solid var(--mj-border-strong);\n    margin-top: 10px;\n}\n\n.subject-line {\n    font-weight: bolder;\n    border-bottom: 1px solid var(--mj-border-strong);\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 var(--mj-border-strong);\n    margin: 5px 0;\n    cursor: pointer;\n}\n\nli:hover {\n    background-color: var(--mj-bg-surface-sunken);\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: var(--mj-brand-primary);\n}\n\n.vcr-controls button:hover {\n    color: var(--mj-brand-primary-hover);\n}\n\n.vcr-controls button:disabled {\n    color: var(--mj-border-strong);\n    cursor: not-allowed;\n}\n\n.vcr-controls button:disabled span {\n    color: var(--mj-border-strong);\n}\n\n.index-indicator {\n    margin: 0 10px;\n}"] }]
+        args: [{ standalone: false, selector: 'mj-entity-communications-preview', template: "<div>\n  @if (step === 1) {\n    <div class=\"step-1\">\n      <h2>Select a Template</h2>\n      <ul>\n        @for (template of templates; track template) {\n          <li (click)=\"selectTemplate(template)\">\n            {{ template.Name }}\n          </li>\n        }\n      </ul>\n    </div>\n  }\n\n  @if (step === 2) {\n    <div class=\"step-2\">\n      @if(!loading) {\n        @if (previewMessages.length === 0) {\n          <h2>No Messages Available</h2>\n          <button mjButton (click)=\"goBack()\">Back</button>\n        }\n        @else {\n        <h2>Preview {{ selectedTemplate?.Name }}</h2>\n        <button mjButton (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          <!-- XSS: mjSafeRichHtml pipe sanitizes with DOMPurify (HTML + SVG profiles) so template body cannot contain malicious scripts -->\n          <div class=\"preview-body\" [innerHTML]=\"currentPreviewItemBody() | mjSafeRichHtml\"></div>\n        </div>\n      }\n    }\n    @else {\n    <mj-loading [showText]=\"false\" size=\"medium\"></mj-loading>\n  }\n</div>\n}\n</div>", styles: [".step-1, .step-2 {\n    margin: 20px 0;\n}\n\n.template-preview {\n    border: 1px solid var(--mj-border-strong);\n    margin-top: 10px;\n}\n\n.subject-line {\n    font-weight: bolder;\n    border-bottom: 1px solid var(--mj-border-strong);\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 var(--mj-border-strong);\n    margin: 5px 0;\n    cursor: pointer;\n}\n\nli:hover {\n    background-color: var(--mj-bg-surface-sunken);\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: var(--mj-brand-primary);\n}\n\n.vcr-controls button:hover {\n    color: var(--mj-brand-primary-hover);\n}\n\n.vcr-controls button:disabled {\n    color: var(--mj-border-strong);\n    cursor: not-allowed;\n}\n\n.vcr-controls button:disabled span {\n    color: var(--mj-border-strong);\n}\n\n.index-indicator {\n    margin: 0 10px;\n}"] }]
     }], () => [], { templateFilter: [{
             type: Input
         }], entityInfo: [{

package/dist/lib/preview.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"preview.component.js","sourceRoot":"","sources":["../../src/lib/preview.component.ts","../../src/lib/preview.component.html"],"names":[],"mappings":"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","sourcesContent":["import { Component, Output, EventEmitter, Input, OnInit } from '@angular/core';\nimport { CommunicationEngineBase, Message, ProcessedMessage } from '@memberjunction/communication-types';\nimport { EntityInfo, RunView, RunViewParams } from '@memberjunction/core';\nimport { UUIDsEqual } from '@memberjunction/global';\nimport { MJTemplateContentEntity, MJTemplateEntityExtended } from '@memberjunction/core-entities';\nimport { EntityCommunicationParams } from '@memberjunction/entity-communications-base';\nimport { EntityCommunicationsEngineClient } from '@memberjunction/entity-communications-client';\nimport { TemplateEngineBase } from '@memberjunction/templates-base-types';\n\n/**\n * Component for previewing in the UI what a communication will look like when sent using a specific entity and parameters for running a view that drive a dataset against a given template\n */\n@Component({\n  standalone: false,\n  selector: 'mj-entity-communications-preview',\n  templateUrl: './preview.component.html',\n  styleUrls: ['./preview.component.css']\n})\nexport class EntityCommunicationsPreviewComponent implements OnInit  {\n  @Input() templateFilter: string | undefined;\n  @Input() entityInfo: EntityInfo | undefined;\n  @Input() runViewParams: RunViewParams | undefined;\n  @Output() templateSelected = new EventEmitter<MJTemplateEntityExtended>();\n\n  templates: MJTemplateEntityExtended[] = [];\n  selectedTemplate: MJTemplateEntityExtended | null = null;\n  step: number = 1;\n\n  public previewMessages: ProcessedMessage[] = [];\n  currentMessageIndex: number = 0;\n  public loading: boolean = false;\n\n  constructor() {}\n\n  async ngOnInit() {\n    if (!this.entityInfo || !this.runViewParams)\n      throw new Error(\"EntityInfo and RunViewParams are required\");\n\n    await this.loadTemplates();\n  }\n\n  async loadTemplates() {\n    // load up all template metadata\n    const rv = new RunView();\n    const result = await rv.RunView<MJTemplateEntityExtended>(\n      {\n        EntityName: \"MJ: Templates\",\n        ExtraFilter: `(IsActive = 1 AND (ActiveAt IS NULL OR ActiveAt <= GETDATE())) ${this.templateFilter ? `AND ${this.templateFilter}` : ''}`,\n        ResultType: 'entity_object'\n      }\n    );\n    const content = await rv.RunView<MJTemplateContentEntity>({\n      EntityName: \"MJ: Template Contents\",\n      ResultType: 'entity_object'\n    })\n    this.templates = result.Results;\n    this.templates.forEach(template => {\n      template.Content = content.Results.filter(c => UUIDsEqual(c.TemplateID, template.ID));\n    });\n  }\n\n  selectTemplate(template: MJTemplateEntityExtended) {\n    this.selectedTemplate = template;\n    this.templateSelected.emit(template);\n    this.step = 2;\n    this.loadMessagePreviews();    \n  }\n\n  protected async loadMessagePreviews() {\n    this.loading = true;\n\n    const msg: Message = new Message();\n    msg.From = \"amith@bluecypress.io\"\n    msg.Subject = \"Test Subject\";\n\n    const sendGrid = CommunicationEngineBase.Instance.Providers.find(p => p.Name === \"SendGrid\")\n    if (!sendGrid)\n      throw new Error(\"SendGrid provider not found\");\n\n    const email = sendGrid.MessageTypes.find(mt => mt.Name === \"Email\");\n    if (!email) \n      throw new Error(\"Email message type not found\");\n\n    if (!this.selectedTemplate)\n      throw new Error(\"No template selected\");\n\n    msg.MessageType = email;\n\n    msg.HTMLBodyTemplate =  this.selectedTemplate;\n    msg.SubjectTemplate = TemplateEngineBase.Instance.FindTemplate('Test Subject Template')\n    \n    const commParams: EntityCommunicationParams = {\n      EntityID: this.entityInfo!.ID, \n      RunViewParams: this.runViewParams!, \n      ProviderName: \"SendGrid\", \n      ProviderMessageTypeName: \"Email\", \n      Message: msg,\n      PreviewOnly: true,\n      IncludeProcessedMessages: true\n    }\n    const result = await EntityCommunicationsEngineClient.Instance.RunEntityCommunication(commParams);\n    if (result && result.Success && result.Results) {\n      this.previewMessages = result.Results.map(r => r.Message)\n    }\n\n    this.loading = false;\n  }\n\n  currentPreviewItemSubject(): string {\n    if (this.previewMessages && this.previewMessages.length > 0) {\n      if (this.currentMessageIndex >=0 && this.currentMessageIndex < this.previewMessages.length) {\n        return this.previewMessages[this.currentMessageIndex].ProcessedSubject!;      \n      }\n    }\n\n    return 'Error processing template content';\n  }\n  currentPreviewItemBody(): string {\n    if (this.previewMessages && this.previewMessages.length > 0) {\n      if (this.currentMessageIndex >=0 && this.currentMessageIndex < this.previewMessages.length) {\n        return this.previewMessages[this.currentMessageIndex].ProcessedHTMLBody!;      \n      }\n    }\n\n    return 'Error processing template content';\n  }\n\n  goBack() {\n    this.step = 1;\n  }\n\n\n  firstMessage() {\n    this.currentMessageIndex = 0;\n  }\n\n  lastMessage() {\n    this.currentMessageIndex = this.previewMessages.length - 1;\n  }\n\n  nextMessage() {\n    if (this.currentMessageIndex < this.previewMessages.length - 1) {\n      this.currentMessageIndex++;\n    }\n  }\n\n  previousMessage() {\n    if (this.currentMessageIndex > 0) {\n      this.currentMessageIndex--;\n    }\n  }\n}\n\n ","<div>\n  @if (step === 1) {\n    <div class=\"step-1\">\n      <h2>Select a Template</h2>\n      <ul>\n        @for (template of templates; track template) {\n          <li (click)=\"selectTemplate(template)\">\n            {{ template.Name }}\n          </li>\n        }\n      </ul>\n    </div>\n  }\n\n  @if (step === 2) {\n    <div class=\"step-2\">\n      @if(!loading) {\n        @if (previewMessages.length === 0) {\n          <h2>No Messages Available</h2>\n          <button mjButton (click)=\"goBack()\">Back</button>\n        }\n        @else {\n        <h2>Preview {{ selectedTemplate?.Name }}</h2>\n        <button mjButton (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    <mj-loading [showText]=\"false\" size=\"medium\"></mj-loading>\n  }\n</div>\n}\n</div>"]}
+{"version":3,"file":"preview.component.js","sourceRoot":"","sources":["../../src/lib/preview.component.ts","../../src/lib/preview.component.html"],"names":[],"mappings":"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","sourcesContent":["import { Component, Output, EventEmitter, Input, OnInit } from '@angular/core';\nimport { CommunicationEngineBase, Message, ProcessedMessage } from '@memberjunction/communication-types';\nimport { EntityInfo, RunView, RunViewParams } from '@memberjunction/core';\nimport { UUIDsEqual } from '@memberjunction/global';\nimport { MJTemplateContentEntity, MJTemplateEntityExtended } from '@memberjunction/core-entities';\nimport { EntityCommunicationParams } from '@memberjunction/entity-communications-base';\nimport { EntityCommunicationsEngineClient } from '@memberjunction/entity-communications-client';\nimport { TemplateEngineBase } from '@memberjunction/templates-base-types';\n\n/**\n * Component for previewing in the UI what a communication will look like when sent using a specific entity and parameters for running a view that drive a dataset against a given template\n */\n@Component({\n  standalone: false,\n  selector: 'mj-entity-communications-preview',\n  templateUrl: './preview.component.html',\n  styleUrls: ['./preview.component.css']\n})\nexport class EntityCommunicationsPreviewComponent implements OnInit  {\n  @Input() templateFilter: string | undefined;\n  @Input() entityInfo: EntityInfo | undefined;\n  @Input() runViewParams: RunViewParams | undefined;\n  @Output() templateSelected = new EventEmitter<MJTemplateEntityExtended>();\n\n  templates: MJTemplateEntityExtended[] = [];\n  selectedTemplate: MJTemplateEntityExtended | null = null;\n  step: number = 1;\n\n  public previewMessages: ProcessedMessage[] = [];\n  currentMessageIndex: number = 0;\n  public loading: boolean = false;\n\n  constructor() {}\n\n  async ngOnInit() {\n    if (!this.entityInfo || !this.runViewParams)\n      throw new Error(\"EntityInfo and RunViewParams are required\");\n\n    await this.loadTemplates();\n  }\n\n  async loadTemplates() {\n    // load up all template metadata\n    const rv = new RunView();\n    const result = await rv.RunView<MJTemplateEntityExtended>(\n      {\n        EntityName: \"MJ: Templates\",\n        ExtraFilter: `(IsActive = 1 AND (ActiveAt IS NULL OR ActiveAt <= GETDATE())) ${this.templateFilter ? `AND ${this.templateFilter}` : ''}`,\n        ResultType: 'entity_object'\n      }\n    );\n    const content = await rv.RunView<MJTemplateContentEntity>({\n      EntityName: \"MJ: Template Contents\",\n      ResultType: 'entity_object'\n    })\n    this.templates = result.Results;\n    this.templates.forEach(template => {\n      template.Content = content.Results.filter(c => UUIDsEqual(c.TemplateID, template.ID));\n    });\n  }\n\n  selectTemplate(template: MJTemplateEntityExtended) {\n    this.selectedTemplate = template;\n    this.templateSelected.emit(template);\n    this.step = 2;\n    this.loadMessagePreviews();    \n  }\n\n  protected async loadMessagePreviews() {\n    this.loading = true;\n\n    const msg: Message = new Message();\n    msg.From = \"amith@bluecypress.io\"\n    msg.Subject = \"Test Subject\";\n\n    const sendGrid = CommunicationEngineBase.Instance.Providers.find(p => p.Name === \"SendGrid\")\n    if (!sendGrid)\n      throw new Error(\"SendGrid provider not found\");\n\n    const email = sendGrid.MessageTypes.find(mt => mt.Name === \"Email\");\n    if (!email) \n      throw new Error(\"Email message type not found\");\n\n    if (!this.selectedTemplate)\n      throw new Error(\"No template selected\");\n\n    msg.MessageType = email;\n\n    msg.HTMLBodyTemplate =  this.selectedTemplate;\n    msg.SubjectTemplate = TemplateEngineBase.Instance.FindTemplate('Test Subject Template')\n    \n    const commParams: EntityCommunicationParams = {\n      EntityID: this.entityInfo!.ID, \n      RunViewParams: this.runViewParams!, \n      ProviderName: \"SendGrid\", \n      ProviderMessageTypeName: \"Email\", \n      Message: msg,\n      PreviewOnly: true,\n      IncludeProcessedMessages: true\n    }\n    const result = await EntityCommunicationsEngineClient.Instance.RunEntityCommunication(commParams);\n    if (result && result.Success && result.Results) {\n      this.previewMessages = result.Results.map(r => r.Message)\n    }\n\n    this.loading = false;\n  }\n\n  currentPreviewItemSubject(): string {\n    if (this.previewMessages && this.previewMessages.length > 0) {\n      if (this.currentMessageIndex >=0 && this.currentMessageIndex < this.previewMessages.length) {\n        return this.previewMessages[this.currentMessageIndex].ProcessedSubject!;      \n      }\n    }\n\n    return 'Error processing template content';\n  }\n  currentPreviewItemBody(): string {\n    if (this.previewMessages && this.previewMessages.length > 0) {\n      if (this.currentMessageIndex >=0 && this.currentMessageIndex < this.previewMessages.length) {\n        return this.previewMessages[this.currentMessageIndex].ProcessedHTMLBody!;      \n      }\n    }\n\n    return 'Error processing template content';\n  }\n\n  goBack() {\n    this.step = 1;\n  }\n\n\n  firstMessage() {\n    this.currentMessageIndex = 0;\n  }\n\n  lastMessage() {\n    this.currentMessageIndex = this.previewMessages.length - 1;\n  }\n\n  nextMessage() {\n    if (this.currentMessageIndex < this.previewMessages.length - 1) {\n      this.currentMessageIndex++;\n    }\n  }\n\n  previousMessage() {\n    if (this.currentMessageIndex > 0) {\n      this.currentMessageIndex--;\n    }\n  }\n}\n\n ","<div>\n  @if (step === 1) {\n    <div class=\"step-1\">\n      <h2>Select a Template</h2>\n      <ul>\n        @for (template of templates; track template) {\n          <li (click)=\"selectTemplate(template)\">\n            {{ template.Name }}\n          </li>\n        }\n      </ul>\n    </div>\n  }\n\n  @if (step === 2) {\n    <div class=\"step-2\">\n      @if(!loading) {\n        @if (previewMessages.length === 0) {\n          <h2>No Messages Available</h2>\n          <button mjButton (click)=\"goBack()\">Back</button>\n        }\n        @else {\n        <h2>Preview {{ selectedTemplate?.Name }}</h2>\n        <button mjButton (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          <!-- XSS: mjSafeRichHtml pipe sanitizes with DOMPurify (HTML + SVG profiles) so template body cannot contain malicious scripts -->\n          <div class=\"preview-body\" [innerHTML]=\"currentPreviewItemBody() | mjSafeRichHtml\"></div>\n        </div>\n      }\n    }\n    @else {\n    <mj-loading [showText]=\"false\" size=\"medium\"></mj-loading>\n  }\n</div>\n}\n</div>"]}

package/dist/module.d.ts

@@ -7,7 +7,7 @@ import * as i5 from "@memberjunction/ng-ui-components";
 import * as i6 from "@memberjunction/ng-shared-generic";
 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.ContainerDirectivesModule, typeof i5.MJButtonDirective, typeof i5.MJWindowComponent, typeof i6.SharedGenericModule], [typeof i1.EntityCommunicationsPreviewComponent, typeof i2.EntityCommunicationsPreviewWindowComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<EntityCommunicationsModule, [typeof i1.EntityCommunicationsPreviewComponent, typeof i2.EntityCommunicationsPreviewWindowComponent], [typeof i3.CommonModule, typeof i4.ContainerDirectivesModule, typeof i5.MJButtonDirective, typeof i5.MJWindowComponent, typeof i6.SharedGenericModule, typeof i6.MJSafeRichHtmlPipe], [typeof i1.EntityCommunicationsPreviewComponent, typeof i2.EntityCommunicationsPreviewWindowComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<EntityCommunicationsModule>;
 }
 //# sourceMappingURL=module.d.ts.map

package/dist/module.d.ts.map

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

package/dist/module.js

@@ -3,7 +3,7 @@ import { CommonModule } from '@angular/common';
 // MJ UI Components
 import { MJButtonDirective, MJWindowComponent } from '@memberjunction/ng-ui-components';
 import { ContainerDirectivesModule } from '@memberjunction/ng-container-directives';
-import { SharedGenericModule } from '@memberjunction/ng-shared-generic';
+import { SharedGenericModule, MJSafeRichHtmlPipe } from '@memberjunction/ng-shared-generic';
 import { EntityCommunicationsPreviewWindowComponent } from './lib/window.component';
 import { EntityCommunicationsPreviewComponent } from './lib/preview.component';
 import * as i0 from "@angular/core";
@@ -27,7 +27,8 @@ export class EntityCommunicationsModule {
                     ContainerDirectivesModule,
                     MJButtonDirective,
                     MJWindowComponent,
-                    SharedGenericModule
+                    SharedGenericModule,
+                    MJSafeRichHtmlPipe
                 ],
                 exports: [
                     EntityCommunicationsPreviewComponent,
@@ -40,6 +41,7 @@ export class EntityCommunicationsModule {
         ContainerDirectivesModule,
         MJButtonDirective,
         MJWindowComponent,
-        SharedGenericModule], exports: [EntityCommunicationsPreviewComponent,
+        SharedGenericModule,
+        MJSafeRichHtmlPipe], exports: [EntityCommunicationsPreviewComponent,
         EntityCommunicationsPreviewWindowComponent] }); })();
 //# sourceMappingURL=module.js.map

package/dist/module.js.map

@@ -1 +1 @@
-{"version":3,"file":"module.js","sourceRoot":"","sources":["../src/module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,mBAAmB;AACnB,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAExF,OAAO,EAAE,yBAAyB,EAAE,MAAM,yCAAyC,CAAC;AACpF,OAAO,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;AACxE,OAAO,EAAE,0CAA0C,EAAE,MAAM,wBAAwB,CAAC;AACpF,OAAO,EAAE,oCAAoC,EAAE,MAAM,yBAAyB,CAAC;;AAmB/E,MAAM,OAAO,0BAA0B;oHAA1B,0BAA0B;4DAA1B,0BAA0B;gEAXnC,YAAY;YACZ,yBAAyB;YAEzB,iBAAiB;YACjB,mBAAmB;;iFAOV,0BAA0B;cAjBtC,QAAQ;eAAC;gBACR,YAAY,EAAE;oBACZ,oCAAoC;oBACpC,0CAA0C;iBAC3C;gBACD,OAAO,EAAE;oBACP,YAAY;oBACZ,yBAAyB;oBACzB,iBAAiB;oBACjB,iBAAiB;oBACjB,mBAAmB;iBACpB;gBACD,OAAO,EAAE;oBACP,oCAAoC;oBACpC,0CAA0C;iBAC3C;aACF;;wFACY,0BAA0B,mBAfnC,oCAAoC;QACpC,0CAA0C,aAG1C,YAAY;QACZ,yBAAyB;QACzB,iBAAiB;QACjB,iBAAiB;QACjB,mBAAmB,aAGnB,oCAAoC;QACpC,0CAA0C","sourcesContent":["import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n// MJ UI Components\nimport { MJButtonDirective, MJWindowComponent } from '@memberjunction/ng-ui-components';\n\nimport { ContainerDirectivesModule } from '@memberjunction/ng-container-directives';\nimport { SharedGenericModule } from '@memberjunction/ng-shared-generic';\nimport { EntityCommunicationsPreviewWindowComponent } from './lib/window.component';\nimport { EntityCommunicationsPreviewComponent } from './lib/preview.component';\n\n@NgModule({\n  declarations: [\n    EntityCommunicationsPreviewComponent,\n    EntityCommunicationsPreviewWindowComponent\n  ],\n  imports: [\n    CommonModule,\n    ContainerDirectivesModule,\n    MJButtonDirective,\n    MJWindowComponent,\n    SharedGenericModule\n  ],\n  exports: [\n    EntityCommunicationsPreviewComponent,\n    EntityCommunicationsPreviewWindowComponent\n  ]\n})\nexport class EntityCommunicationsModule { }"]}
+{"version":3,"file":"module.js","sourceRoot":"","sources":["../src/module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,mBAAmB;AACnB,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAExF,OAAO,EAAE,yBAAyB,EAAE,MAAM,yCAAyC,CAAC;AACpF,OAAO,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAC5F,OAAO,EAAE,0CAA0C,EAAE,MAAM,wBAAwB,CAAC;AACpF,OAAO,EAAE,oCAAoC,EAAE,MAAM,yBAAyB,CAAC;;AAoB/E,MAAM,OAAO,0BAA0B;oHAA1B,0BAA0B;4DAA1B,0BAA0B;gEAZnC,YAAY;YACZ,yBAAyB;YAEzB,iBAAiB;YACjB,mBAAmB;;iFAQV,0BAA0B;cAlBtC,QAAQ;eAAC;gBACR,YAAY,EAAE;oBACZ,oCAAoC;oBACpC,0CAA0C;iBAC3C;gBACD,OAAO,EAAE;oBACP,YAAY;oBACZ,yBAAyB;oBACzB,iBAAiB;oBACjB,iBAAiB;oBACjB,mBAAmB;oBACnB,kBAAkB;iBACnB;gBACD,OAAO,EAAE;oBACP,oCAAoC;oBACpC,0CAA0C;iBAC3C;aACF;;wFACY,0BAA0B,mBAhBnC,oCAAoC;QACpC,0CAA0C,aAG1C,YAAY;QACZ,yBAAyB;QACzB,iBAAiB;QACjB,iBAAiB;QACjB,mBAAmB;QACnB,kBAAkB,aAGlB,oCAAoC;QACpC,0CAA0C","sourcesContent":["import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n// MJ UI Components\nimport { MJButtonDirective, MJWindowComponent } from '@memberjunction/ng-ui-components';\n\nimport { ContainerDirectivesModule } from '@memberjunction/ng-container-directives';\nimport { SharedGenericModule, MJSafeRichHtmlPipe } from '@memberjunction/ng-shared-generic';\nimport { EntityCommunicationsPreviewWindowComponent } from './lib/window.component';\nimport { EntityCommunicationsPreviewComponent } from './lib/preview.component';\n\n@NgModule({\n  declarations: [\n    EntityCommunicationsPreviewComponent,\n    EntityCommunicationsPreviewWindowComponent\n  ],\n  imports: [\n    CommonModule,\n    ContainerDirectivesModule,\n    MJButtonDirective,\n    MJWindowComponent,\n    SharedGenericModule,\n    MJSafeRichHtmlPipe\n  ],\n  exports: [\n    EntityCommunicationsPreviewComponent,\n    EntityCommunicationsPreviewWindowComponent\n  ]\n})\nexport class EntityCommunicationsModule { }"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@memberjunction/ng-entity-communications",
-  "version": "5.39.0",
+  "version": "5.40.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",
@@ -27,17 +27,17 @@
     "@angular/router": "21.1.3"
   },
   "dependencies": {
-    "@memberjunction/communication-types": "5.39.0",
-    "@memberjunction/core": "5.39.0",
-    "@memberjunction/core-entities": "5.39.0",
-    "@memberjunction/entity-communications-base": "5.39.0",
-    "@memberjunction/entity-communications-client": "5.39.0",
-    "@memberjunction/global": "5.39.0",
-    "@memberjunction/ng-container-directives": "5.39.0",
-    "@memberjunction/ng-shared": "5.39.0",
-    "@memberjunction/ng-shared-generic": "5.39.0",
-    "@memberjunction/ng-ui-components": "5.39.0",
-    "@memberjunction/templates-base-types": "5.39.0",
+    "@memberjunction/communication-types": "5.40.0",
+    "@memberjunction/core": "5.40.0",
+    "@memberjunction/core-entities": "5.40.0",
+    "@memberjunction/entity-communications-base": "5.40.0",
+    "@memberjunction/entity-communications-client": "5.40.0",
+    "@memberjunction/global": "5.40.0",
+    "@memberjunction/ng-container-directives": "5.40.0",
+    "@memberjunction/ng-shared": "5.40.0",
+    "@memberjunction/ng-shared-generic": "5.40.0",
+    "@memberjunction/ng-ui-components": "5.40.0",
+    "@memberjunction/templates-base-types": "5.40.0",
     "tslib": "^2.8.1"
   },
   "sideEffects": false,