@firestitch/app-message 9.1.5 → 12.0.0

package/fesm5/firestitch-app-message.js

@@ -1,1107 +0,0 @@
-import { __decorate, __param, __metadata, __assign, __spread } from 'tslib';
-import { Inject, Component, InjectionToken, ChangeDetectorRef, ChangeDetectionStrategy, ViewChild, NgModule, Injectable, Input, Pipe } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { RouterModule } from '@angular/router';
-import { FlexLayoutModule } from '@angular/flex-layout';
-import { MatButtonModule } from '@angular/material/button';
-import { MatOptionModule } from '@angular/material/core';
-import { MAT_DIALOG_DATA, MatDialog, MatDialogModule, MatDialogRef } from '@angular/material/dialog';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-import { MatSelectModule } from '@angular/material/select';
-import { MatTabsModule } from '@angular/material/tabs';
-import { MatCheckboxModule } from '@angular/material/checkbox';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import { FsLabelModule } from '@firestitch/label';
-import { FsDialogModule } from '@firestitch/dialog';
-import { FsListComponent, FsListModule } from '@firestitch/list';
-import { FsSkeletonModule } from '@firestitch/skeleton';
-import { FormsModule } from '@angular/forms';
-import { FsFormModule } from '@firestitch/form';
-import { FsTextEditorModule } from '@firestitch/text-editor';
-import { FsEditorRichTextModule } from '@firestitch/editor';
-import { tap, switchMap, map, takeUntil } from 'rxjs/operators';
-import { of, Subject } from 'rxjs';
-import { ItemType } from '@firestitch/filter';
-import { FsMessage } from '@firestitch/message';
-import { FsPrompt, FsPromptInputModule } from '@firestitch/prompt';
-import { FsIFrameModule } from '@firestitch/iframe';
-import { MatIconModule } from '@angular/material/icon';
-import { FsDateModule } from '@firestitch/date';
-import { SelectionActionType } from '@firestitch/selection';
-import anchorme from 'anchorme';
-
-var EmailMessageFormat;
-(function (EmailMessageFormat) {
-    EmailMessageFormat["Text"] = "T";
-    EmailMessageFormat["HTML"] = "H";
-    EmailMessageFormat["RichText"] = "R";
-})(EmailMessageFormat || (EmailMessageFormat = {}));
-
-var EmailMessageFormats = [
-    { name: 'Text', value: EmailMessageFormat.Text },
-    { name: 'HTML', value: EmailMessageFormat.HTML },
-    { name: 'Rich Text', value: EmailMessageFormat.RichText }
-];
-
-var PreviewComponent = /** @class */ (function () {
-    function PreviewComponent(_data) {
-        this._data = _data;
-        this.html = _data.html;
-        this.styles = _data.styles;
-    }
-    PreviewComponent.prototype.ngOnInit = function () {
-    };
-    PreviewComponent.ctorParameters = function () { return [
-        { type: undefined, decorators: [{ type: Inject, args: [MAT_DIALOG_DATA,] }] }
-    ]; };
-    PreviewComponent = __decorate([
-        Component({
-            template: "<fs-dialog>\n  <div mat-dialog-title>Preview</div>\n  <mat-dialog-content>\n    <fs-iframe\n      [html]=\"html\"\n      [styles]=\"styles\">\n    </fs-iframe>\n  </mat-dialog-content>\n  <mat-dialog-actions>\n    <button mat-button [mat-dialog-close]=\"null\" color=\"primary\" type=\"button\">Done</button>\n  </mat-dialog-actions>\n</fs-dialog>\n",
-            styles: [""]
-        }),
-        __param(0, Inject(MAT_DIALOG_DATA)),
-        __metadata("design:paramtypes", [Object])
-    ], PreviewComponent);
-    return PreviewComponent;
-}());
-
-var FS_APP_MESSAGE_ROOT_CONFIG = new InjectionToken('fs-app-message-root-config');
-var FS_APP_MESSAGE_CONFIG = new InjectionToken('fs-app-message-config');
-
-var MessageComponent = /** @class */ (function () {
-    function MessageComponent(_config, _data, _prompt, _message, _dialog, _cdRef) {
-        var _this = this;
-        this._config = _config;
-        this._data = _data;
-        this._prompt = _prompt;
-        this._message = _message;
-        this._dialog = _dialog;
-        this._cdRef = _cdRef;
-        this.messageTemplates = [];
-        this.emailMessageFormats = EmailMessageFormats;
-        this.emailMessageFormat = EmailMessageFormat;
-        this.save = function () {
-            return _this._config.saveMessage(_this.message)
-                .pipe(tap(function () {
-                _this._message.success('Saved Changes');
-            }));
-        };
-    }
-    MessageComponent.prototype.ngOnInit = function () {
-        var _this = this;
-        this._config.loadMessage(this._data.message)
-            .subscribe(function (response) {
-            _this.message = response;
-            if (_this.message.emailMessage && _this.message.emailMessage.customize === undefined) {
-                _this.message.emailMessage.customize = true;
-            }
-            if (_this.message.smsMessage && _this.message.smsMessage.customize === undefined) {
-                _this.message.smsMessage.customize = true;
-            }
-            _this._cdRef.markForCheck();
-        });
-        this._config.loadMessageTemplates()
-            .subscribe(function (data) {
-            _this.messageTemplates = data.data;
-            _this._cdRef.markForCheck();
-        });
-    };
-    MessageComponent.prototype.tabChange = function (event) {
-        switch (event.tab.textLabel) {
-            case 'SMS Message':
-                this.tab = 'sms';
-                break;
-            case 'Email Message':
-                this.tab = 'email';
-                break;
-            default:
-                this.tab = null;
-        }
-    };
-    MessageComponent.prototype.openPreview = function () {
-        var _this = this;
-        var html = this.message.emailMessage.body;
-        var styles = this.message.emailMessage.styles;
-        if (this.message.emailMessage.messageTemplateId) {
-            var messageTemplate = this.messageTemplates
-                .find(function (item) {
-                return _this.message.emailMessage.messageTemplateId === item.id;
-            });
-            if (messageTemplate) {
-                html = messageTemplate.content.replace('{$content}', html);
-                styles = messageTemplate.styles.concat(styles);
-            }
-        }
-        this._dialog.open(PreviewComponent, {
-            data: {
-                styles: styles,
-                html: html,
-            },
-            width: '95%'
-        });
-    };
-    MessageComponent.prototype.sendTest = function (type) {
-        var _this = this;
-        of(true)
-            .pipe(switchMap(function () {
-            return type === 'email' ? _this._config.getTestEmail() : of('');
-        }), switchMap(function (default_) {
-            var typeName = type === 'email' ? 'an email' : 'phone number';
-            return _this._prompt.input({
-                label: "Please enter " + typeName + " to send test to",
-                title: 'Send Test',
-                commitLabel: 'Send',
-                default: default_,
-                required: true
-            });
-        }))
-            .subscribe(function (value) {
-            _this._config.testMessage(_this.message, value, type)
-                .subscribe(function () {
-                _this._message.success('Test Sent');
-            });
-        });
-    };
-    MessageComponent.ctorParameters = function () { return [
-        { type: undefined, decorators: [{ type: Inject, args: [FS_APP_MESSAGE_CONFIG,] }] },
-        { type: undefined, decorators: [{ type: Inject, args: [MAT_DIALOG_DATA,] }] },
-        { type: FsPrompt },
-        { type: FsMessage },
-        { type: MatDialog },
-        { type: ChangeDetectorRef }
-    ]; };
-    MessageComponent = __decorate([
-        Component({
-            template: "<form\n    fsForm\n    [submit]=\"save\"\n    #form=\"ngForm\"\n    *fsSkeleton=\"message\"\n    [dirtyConfirmTabs]=\"false\">\n  <fs-dialog *ngIf=\"message\">\n    <div mat-dialog-title>Edit Message</div>\n    <mat-dialog-content>\n\n      <mat-tab-group (selectedTabChange)=\"tabChange($event)\">\n        <mat-tab label=\"General\">\n          <ng-template matTabContent>\n            <div fxLayout=\"column\">\n              <mat-form-field>\n                <input\n                  matInput\n                  placeholder=\"Name\"\n                  [(ngModel)]=\"message.name\"\n                  name=\"Name\"\n                  required>\n              </mat-form-field>\n              <mat-form-field>\n                <input\n                  matInput\n                  placeholder=\"Description\"\n                  [(ngModel)]=\"message.description\"\n                  name=\"description\">\n              </mat-form-field>\n\n              <div\n                fxLayout=\"row\"\n                fxLayoutGap=\"10px\"\n                fxLayout.xs=\"column\"\n                fxLayout.sm=\"column\">\n                <mat-form-field fxFlex>\n                  <input\n                    matInput\n                    placeholder=\"From Email\"\n                    [(ngModel)]=\"message.emailMessage.fromEmail\"\n                    name=\"from_email\">\n                </mat-form-field>\n                <mat-form-field fxFlex>\n                  <input\n                    matInput\n                    placeholder=\"From Name\"\n                    [(ngModel)]=\"message.emailMessage.fromName\"\n                    name=\"from_name\">\n                </mat-form-field>\n                <mat-form-field fxFlex>\n                  <input\n                    matInput\n                    placeholder=\"Reply To\"\n                    [(ngModel)]=\"message.emailMessage.replyTo\"\n                    name=\"reply_to\">\n                </mat-form-field>\n              </div>\n\n              <div\n                fxLayout=\"row\"\n                fxLayoutGap=\"10px\"\n                fxLayout.xs=\"column\"\n                fxLayout.sm=\"column\">\n                <mat-form-field fxFlex>\n                  <input\n                    matInput\n                    placeholder=\"To\"\n                    [(ngModel)]=\"message.emailMessage.toRecipients\"\n                    name=\"to\">\n                </mat-form-field>\n                <mat-form-field fxFlex>\n                  <input\n                    matInput\n                    placeholder=\"CC\"\n                    [(ngModel)]=\"message.emailMessage.ccRecipients\"\n                    name=\"cc\">\n                </mat-form-field>\n                <mat-form-field fxFlex>\n                  <input\n                    matInput\n                    placeholder=\"BCC\"\n                    [(ngModel)]=\"message.emailMessage.bccRecipients\"\n                    name=\"bcc\">\n                </mat-form-field>\n              </div>\n            </div>\n          </ng-template>\n        </mat-tab>\n        <mat-tab label=\"Email Message\" *ngIf=\"message.emailMessage\">\n          <ng-template matTabContent>\n            <div fxLayout=\"column\">\n              <div fxLayout=\"row\" fxLayoutGap=\"10px\">\n                <mat-form-field>\n                  <mat-select\n                    required\n                    placeholder=\"Customize Message\"\n                    [(ngModel)]=\"message.emailMessage.customize\"\n                    name=\"customizeEmail\">\n                      <mat-option [value]=\"true\">Yes</mat-option>\n                      <mat-option [value]=\"false\">No</mat-option>\n                    </mat-select>\n                </mat-form-field>\n                <mat-form-field>\n                  <mat-select\n                    required\n                    placeholder=\"Format\"\n                    [(ngModel)]=\"message.emailMessage.format\"\n                    name=\"format\">\n                      <mat-option *ngFor=\"let item of emailMessageFormats\" [value]=\"item.value\">\n                        {{item.name}}\n                      </mat-option>\n                    </mat-select>\n                </mat-form-field>\n                <mat-form-field>\n                  <mat-select\n                    placeholder=\"Template\"\n                    [(ngModel)]=\"message.emailMessage.messageTemplateId\"\n                    name=\"template\">\n                      <mat-option [value]=\"null\">None</mat-option>\n                      <mat-option *ngFor=\"let item of messageTemplates\" [value]=\"item.id\">\n                        {{item.name}}\n                      </mat-option>\n                    </mat-select>\n                </mat-form-field>\n              </div>\n              <ng-container *ngIf=\"message.emailMessage.customize\">\n                <mat-form-field fxFlex>\n                  <input\n                    matInput\n                    placeholder=\"Subject\"\n                    [(ngModel)]=\"message.emailMessage.subject\"\n                    name=\"name\"\n                    required>\n                </mat-form-field>\n\n                <div [@.disabled]=\"true\">\n                  <mat-tab-group [dynamicHeight]=\"false\">\n                    <mat-tab label=\"Content\">\n                      <ng-template matTabContent>\n                        <fs-text-editor\n                          *ngIf=\"message.emailMessage.format===emailMessageFormat.HTML\"\n                          [(ngModel)]=\"message.emailMessage.body\"\n                          name=\"body\"\n                          [config]=\"{ language: 'html '}\">\n                        </fs-text-editor>\n\n                        <fs-editor-rich-text\n                          *ngIf=\"message.emailMessage.format===emailMessageFormat.RichText\"\n                          [(ngModel)]=\"message.emailMessage.body\"\n                          name=\"body\">\n                        </fs-editor-rich-text>\n\n                        <fs-text-editor\n                            *ngIf=\"message.emailMessage.format===emailMessageFormat.Text\"\n                          [(ngModel)]=\"message.emailMessage.body\"\n                          name=\"emailMessageBody\"\n                          [config]=\"{ language: 'text' }\">\n                        </fs-text-editor>\n                      </ng-template>\n                    </mat-tab>\n                    <mat-tab\n                        *ngIf=\"message.emailMessage.format===emailMessageFormat.HTML\"\n                        label=\"Styles\">\n                      <ng-template matTabContent>\n                        <fs-text-editor\n                          [(ngModel)]=\"message.emailMessage.styles\"\n                          name=\"styles\"\n                          [config]=\"{ language: 'scss' }\">\n                        </fs-text-editor>\n                      </ng-template>\n                    </mat-tab>\n                  </mat-tab-group>\n                </div>\n\n              </ng-container>\n\n              <ng-container *ngIf=\"!message.emailMessage.customize\">\n                <fs-label-field>\n                  <fs-label>Subject</fs-label>\n                  {{message.defaultEmailSubject}}\n                </fs-label-field>\n                <div>\n                  <fs-label-field>\n                    <fs-label>Content</fs-label>\n                    <div\n                      class=\"email-body-html-default\"\n                      *ngIf=\"message.emailMessage.format===emailMessageFormat.HTML\">\n                      {{message.defaultEmailBody}}\n                    </div>\n                    <div\n                      *ngIf=\"message.emailMessage.format===emailMessageFormat.RichText\"\n                      fsEditorRenderer\n                      name=\"defaultEmailBody\"\n                      [ngModel]=\"message.defaultEmailBody\">\n                    </div>\n                    <div\n                      class=\"email-body-text-default\"\n                      *ngIf=\"message.emailMessage.format===emailMessageFormat.Text\">\n                      {{message.defaultEmailBody}}\n                    </div>\n                  </fs-label-field>\n                </div>\n              </ng-container>\n            </div>\n          </ng-template>\n        </mat-tab>\n\n        <mat-tab label=\"SMS Message\" *ngIf=\"message.smsMessage\">\n          <ng-template matTabContent>\n            <mat-form-field>\n              <mat-select\n                required\n                placeholder=\"Customize Message\"\n                [(ngModel)]=\"message.smsMessage.customize\"\n                name=\"customizeSms\">\n                  <mat-option [value]=\"true\">Yes</mat-option>\n                  <mat-option [value]=\"false\">No</mat-option>\n                </mat-select>\n            </mat-form-field>\n            <div\n                *ngIf=\"message.smsMessage.customize\"\n                [@.disabled]=\"true\">\n              <mat-tab-group [dynamicHeight]=\"false\">\n                <mat-tab label=\"Content\">\n                  <ng-template matTabContent>\n                    <fs-text-editor\n                      [(ngModel)]=\"message.smsMessage.message\"\n                      name=\"smsMessageMessage\"\n                      [config]=\"{ language: 'text '}\">\n                    </fs-text-editor>\n                  </ng-template>\n                </mat-tab>\n              </mat-tab-group>\n            </div>\n             <fs-label-field *ngIf=\"!message.smsMessage.customize\">\n                <fs-label>Message</fs-label>\n                {{message.defaultSmsMessage}}\n            </fs-label-field>\n          </ng-template>\n        </mat-tab>\n\n        <mat-tab label=\"Variables\" *ngIf=\"message.variables\">\n          <ng-template matTabContent>\n            <div *ngFor=\"let variable of message.variables\" class=\"variable\">\n              {{variable.name}}\n            </div>\n          </ng-template>\n        </mat-tab>\n\n        <mat-tab label=\"Defaults\">\n          <ng-template matTabContent>\n            <ng-container *ngIf=\"message.emailMessage\">\n              <h2 *ngIf=\"message.emailMessage && message.smsMessage\">Email</h2>\n              <fs-label-field>\n                <fs-label>Subject</fs-label>\n                <div class=\"content\">{{message.defaultEmailSubject}}</div>\n              </fs-label-field>\n              <fs-label-field>\n                <fs-label>Content</fs-label>\n                <div class=\"content\">{{message.defaultEmailBody}}</div>\n              </fs-label-field>\n            </ng-container>\n            <ng-container *ngIf=\"message.smsMessage\">\n              <h2 *ngIf=\"message.emailMessage && message.smsMessage\">SMS</h2>\n              <fs-label-field>\n                <fs-label>Content</fs-label>\n                <div class=\"content\">{{message.defaultSmsMessage}}</div>\n              </fs-label-field>\n            </ng-container>\n          </ng-template>\n        </mat-tab>\n      </mat-tab-group>\n\n    </mat-dialog-content>\n    <mat-dialog-actions>\n      <button mat-button color=\"primary\">Save</button>\n      <button\n          *ngIf=\"tab==='email' && message.emailMessage.format===emailMessageFormat.HTML\"\n          mat-button\n          type=\"button\"\n          (click)=\"openPreview()\"\n          type=\"button\">\n        Preview\n      </button>\n      <button\n          *ngIf=\"tab==='email'\"\n          mat-button\n          type=\"button\"\n          (click)=\"sendTest('email')\"\n          type=\"button\">\n        Send Test Email\n      </button>\n      <button\n          *ngIf=\"tab==='sms'\"\n          mat-button\n          type=\"button\"\n          (click)=\"sendTest('sms')\"\n          type=\"button\">\n        Send Test SMS\n      </button>\n      <button mat-button [mat-dialog-close]=\"null\" type=\"button\">Cancel</button>\n    </mat-dialog-actions>\n  </fs-dialog>\n</form>\n",
-            changeDetection: ChangeDetectionStrategy.OnPush,
-            styles: ["fs-label-field .content{white-space:pre-wrap}:host ::ng-deep .mat-tab-body,:host ::ng-deep .mat-tab-body-content{overflow:visible}:host ::ng-deep .sms-message{width:100%}:host ::ng-deep .email-body-html-default,:host ::ng-deep .email-body-text-default{white-space:pre-line}.email-body-text{width:100%}.variable{margin-bottom:4px}"]
-        }),
-        __param(0, Inject(FS_APP_MESSAGE_CONFIG)),
-        __param(1, Inject(MAT_DIALOG_DATA)),
-        __metadata("design:paramtypes", [Object, Object, FsPrompt,
-            FsMessage,
-            MatDialog,
-            ChangeDetectorRef])
-    ], MessageComponent);
-    return MessageComponent;
-}());
-
-function indexNameValue(arry) {
-    var obj = {};
-    arry.forEach(function (item) {
-        obj[item.value] = item.name;
-    });
-    return obj;
-}
-
-var MessagesComponent = /** @class */ (function () {
-    function MessagesComponent(_config, _dialog) {
-        this._config = _config;
-        this._dialog = _dialog;
-        this.list = null;
-        this.config = null;
-        this.emailMessageFormats = {};
-        this._destroy$ = new Subject();
-    }
-    MessagesComponent.prototype.ngOnInit = function () {
-        var _this = this;
-        this.emailMessageFormats = indexNameValue(EmailMessageFormats);
-        this.config = {
-            filters: [
-                {
-                    name: 'keyword',
-                    type: ItemType.Keyword,
-                    label: 'Search'
-                }
-            ],
-            fetch: function (query) {
-                return _this._config.loadMessages(query)
-                    .pipe(map(function (response) {
-                    return ({ data: response.data, paging: response.paging });
-                }));
-            }
-        };
-    };
-    MessagesComponent.prototype.open = function (message) {
-        var _this = this;
-        var dialogRef = this._dialog.open(MessageComponent, {
-            data: {
-                message: message,
-            },
-            width: '85%'
-        });
-        dialogRef.afterClosed()
-            .pipe(takeUntil(this._destroy$))
-            .subscribe(function (response) {
-            if (response) {
-                _this.list.updateData(response, function (row) {
-                    return row.id === response.id;
-                });
-            }
-        });
-    };
-    MessagesComponent.prototype.ngOnDestroy = function () {
-        this._destroy$.next();
-        this._destroy$.complete();
-    };
-    MessagesComponent.ctorParameters = function () { return [
-        { type: undefined, decorators: [{ type: Inject, args: [FS_APP_MESSAGE_CONFIG,] }] },
-        { type: MatDialog }
-    ]; };
-    __decorate([
-        ViewChild(FsListComponent, { static: true }),
-        __metadata("design:type", FsListComponent)
-    ], MessagesComponent.prototype, "list", void 0);
-    MessagesComponent = __decorate([
-        Component({
-            selector: 'fs-app-messages',
-            template: "<fs-list [config]=\"config\">\n  <fs-list-column title=\"Name\" name=\"name\" sortable=\"true\">\n    <ng-template fs-list-cell let-row=\"row\">\n      <a (click)=\"open(row)\">{{row.name}}</a>\n    </ng-template>\n  </fs-list-column>\n  <fs-list-column title=\"Email Format\">\n    <ng-template fs-list-cell let-row=\"row\">\n      {{emailMessageFormats[row.emailMessage.format]}}\n    </ng-template>\n  </fs-list-column>\n</fs-list>\n"
-        }),
-        __param(0, Inject(FS_APP_MESSAGE_CONFIG)),
-        __metadata("design:paramtypes", [Object, MatDialog])
-    ], MessagesComponent);
-    return MessagesComponent;
-}());
-
-var FsAppMessagePreviewModule = /** @class */ (function () {
-    function FsAppMessagePreviewModule() {
-    }
-    FsAppMessagePreviewModule = __decorate([
-        NgModule({
-            imports: [
-                MatDialogModule,
-                MatButtonModule,
-                FsDialogModule,
-                FsIFrameModule,
-            ],
-            declarations: [
-                PreviewComponent,
-            ],
-            exports: [
-                PreviewComponent,
-            ]
-        })
-    ], FsAppMessagePreviewModule);
-    return FsAppMessagePreviewModule;
-}());
-
-var FsAppMessagesModule = /** @class */ (function () {
-    function FsAppMessagesModule() {
-    }
-    FsAppMessagesModule = __decorate([
-        NgModule({
-            imports: [
-                RouterModule,
-                CommonModule,
-                FormsModule,
-                MatDialogModule,
-                MatButtonModule,
-                MatTabsModule,
-                MatFormFieldModule,
-                MatInputModule,
-                MatOptionModule,
-                MatSelectModule,
-                MatTooltipModule,
-                MatCheckboxModule,
-                FsDialogModule,
-                FsListModule,
-                FsLabelModule,
-                FlexLayoutModule,
-                FsSkeletonModule,
-                FsFormModule,
-                FsTextEditorModule,
-                FsEditorRichTextModule,
-                FsAppMessagePreviewModule,
-            ],
-            declarations: [
-                MessagesComponent,
-                MessageComponent,
-            ],
-            exports: [
-                MessagesComponent,
-                MessageComponent,
-            ],
-        })
-    ], FsAppMessagesModule);
-    return FsAppMessagesModule;
-}());
-
-var MessageQueueState;
-(function (MessageQueueState) {
-    MessageQueueState["Sent"] = "S";
-    MessageQueueState["PartiallySent"] = "P";
-    MessageQueueState["Sending"] = "E";
-    MessageQueueState["Queued"] = "Q";
-    MessageQueueState["Canceled"] = "C";
-    MessageQueueState["InvalidRecipients"] = "I";
-    MessageQueueState["Failed"] = "F";
-})(MessageQueueState || (MessageQueueState = {}));
-
-var MessageQueueStates = [
-    { name: 'Sent', value: MessageQueueState.Sent },
-    { name: 'Partially Sent', value: MessageQueueState.PartiallySent },
-    { name: 'Sending', value: MessageQueueState.Sending },
-    { name: 'Queued', value: MessageQueueState.Queued },
-    { name: 'Canceled', value: MessageQueueState.Canceled },
-    { name: 'Invalid Recipients', value: MessageQueueState.InvalidRecipients },
-    { name: 'Failed', value: MessageQueueState.Failed }
-];
-
-var EmailMessageQueueFormat;
-(function (EmailMessageQueueFormat) {
-    EmailMessageQueueFormat["Text"] = "T";
-    EmailMessageQueueFormat["HTML"] = "H";
-    EmailMessageQueueFormat["RichText"] = "R";
-})(EmailMessageQueueFormat || (EmailMessageQueueFormat = {}));
-
-var MessageQueueType;
-(function (MessageQueueType) {
-    MessageQueueType["Sms"] = "S";
-    MessageQueueType["Email"] = "E";
-})(MessageQueueType || (MessageQueueType = {}));
-
-var QueueComponent = /** @class */ (function () {
-    function QueueComponent(_config, _message, _prompt, _dialog, _data) {
-        this._config = _config;
-        this._message = _message;
-        this._prompt = _prompt;
-        this._dialog = _dialog;
-        this._data = _data;
-        this.messageQueueRecipients = {};
-        this.emailMessageQueueFormat = EmailMessageQueueFormat;
-        this._destroy$ = new Subject();
-    }
-    QueueComponent.prototype.ngOnInit = function () {
-        var _this = this;
-        this.messageQueueStates = indexNameValue(MessageQueueStates);
-        this.resendMessageQueue = this._config.resendMessageQueue;
-        this.forwardMessageQueue = this._config.forwardMessageQueue;
-        this._config.loadMessageQueue(this._data.messageQueueId)
-            .subscribe(function (messageQueue) {
-            _this.messageQueue = messageQueue;
-            if (_this.messageQueue.emailMessageQueue) {
-                var body = _this.messageQueue.emailMessageQueue.body;
-                if (_this.messageQueue.emailMessageQueue.format === EmailMessageQueueFormat.HTML) {
-                    try {
-                        var doc = new DOMParser().parseFromString(body, 'text/html');
-                        doc.querySelectorAll('a').forEach(function (el) {
-                            el.setAttribute('target', '_blank');
-                        });
-                        body = doc.documentElement.innerHTML;
-                    }
-                    catch (e) {
-                    }
-                }
-                else {
-                    body = _this.anchorme(body);
-                }
-                _this.messageQueue.emailMessageQueue.body = body;
-            }
-            if (_this.messageQueue.smsMessageQueue) {
-                _this.messageQueue.smsMessageQueue.body = _this.anchorme(_this.messageQueue.smsMessageQueue.body);
-            }
-            _this.messageQueueRecipients = _this.messageQueue.messageQueueRecipients
-                .reduce(function (accum, messageQueueRecipient) {
-                accum[messageQueueRecipient.recipient] = messageQueueRecipient.state;
-                return accum;
-            }, {});
-            _this._setLogsConfig(messageQueue);
-            _this._setAttachmentsConfig(messageQueue);
-        });
-    };
-    QueueComponent.prototype.anchorme = function (html) {
-        return anchorme(html, {
-            options: {
-                attributes: [
-                    {
-                        name: 'target',
-                        value: '_blank'
-                    },
-                ],
-            },
-        });
-    };
-    QueueComponent.prototype.openMessage = function (message) {
-        this._dialog.open(MessageComponent, {
-            data: {
-                message: message,
-            },
-            width: '85%'
-        });
-    };
-    QueueComponent.prototype.resend = function () {
-        var _this = this;
-        this._prompt.confirm({
-            title: 'Confirm',
-            template: 'Are you sure you would like to resend this message?'
-        }).subscribe(function () {
-            _this.resendMessageQueue(_this.messageQueue)
-                .subscribe(function (messageQueue) {
-                Object.assign(_this.messageQueue, messageQueue);
-                _this._message.success('Successfully resent');
-                if (_this.logList) {
-                    _this.logList.reload();
-                }
-            });
-        });
-    };
-    QueueComponent.prototype.forward = function () {
-        var _this = this;
-        var typeName = this.messageQueue.type === MessageQueueType.Email ? 'an email' : 'a phone number';
-        this._prompt.input({
-            label: "Please enter " + typeName + " to forward to",
-            title: 'Forward Message',
-            commitLabel: 'Forward',
-            required: true
-        }).subscribe(function (value) {
-            if (value) {
-                _this.forwardMessageQueue(_this.messageQueue, value)
-                    .subscribe(function (messageQueue) {
-                    _this.messageQueue = __assign(__assign({}, _this.messageQueue), { messageQueue: messageQueue });
-                    _this._message.success('Successfully forwarded');
-                    if (_this.logList) {
-                        _this.logList.reload();
-                    }
-                });
-            }
-        });
-    };
-    QueueComponent.prototype.ngOnDestroy = function () {
-        this._destroy$.next();
-        this._destroy$.complete();
-    };
-    QueueComponent.prototype._setLogsConfig = function (messageQueue) {
-        var _this = this;
-        this.logConfig = {
-            loadMore: true,
-            queryParam: false,
-            fetch: function (query) {
-                return _this._config.loadLogs(messageQueue, query);
-            }
-        };
-    };
-    QueueComponent.prototype._setAttachmentsConfig = function (messageQueue) {
-        var _this = this;
-        this.attachmentConfig = {
-            queryParam: false,
-            fetch: function (query) {
-                return _this._config.loadMessageQueueAttachments(messageQueue, query)
-                    .pipe(map(function (response) { return ({
-                    data: response.data.map(function (value) {
-                        value.prettyFilesize = _this._prettyFilesize(value.filesize);
-                        return value;
-                    }), paging: response.paging
-                }); }));
-            }
-        };
-        if (this._config.downloadMessageQueueAttachment) {
-            this.attachmentConfig.rowActions = [
-                {
-                    click: function (messageAttachment) {
-                        _this._config.downloadMessageQueueAttachment(messageAttachment, _this.messageQueue);
-                    },
-                    label: 'Download',
-                }
-            ];
-        }
-    };
-    QueueComponent.prototype._prettyFilesize = function (bytes) {
-        if (bytes === 0) {
-            return '0.00 B';
-        }
-        var e = Math.floor(Math.log(bytes) / Math.log(1024));
-        return (bytes / Math.pow(1024, e)).toFixed(2) + ' ' + ' KMGTP'.charAt(e) + 'B';
-    };
-    QueueComponent.ctorParameters = function () { return [
-        { type: undefined, decorators: [{ type: Inject, args: [FS_APP_MESSAGE_CONFIG,] }] },
-        { type: FsMessage },
-        { type: FsPrompt },
-        { type: MatDialog },
-        { type: undefined, decorators: [{ type: Inject, args: [MAT_DIALOG_DATA,] }] }
-    ]; };
-    __decorate([
-        ViewChild('logList'),
-        __metadata("design:type", FsListComponent)
-    ], QueueComponent.prototype, "logList", void 0);
-    QueueComponent = __decorate([
-        Component({
-            template: "<fs-dialog *fsSkeleton=\"messageQueue\">\n  <div mat-dialog-title>Message Queue</div>\n  <mat-dialog-content>\n    <mat-tab-group>\n      <mat-tab label=\"Overview\">\n        <ng-template matTabContent>\n          <div fxLayout=\"row wrap\" fxLayoutGap=\"25px\">\n            <ng-container *ngIf=\"messageQueue.emailMessageQueue\">\n              <fs-label-field>\n                <fs-label>\n                  To Recipients\n                </fs-label>\n                <app-recipient \n                  *ngFor=\"let recipient of messageQueue.emailMessageQueue.toRecipients\"\n                  [state]=\"messageQueueRecipients[recipient]\"\n                  [name]=\"recipient\">\n                </app-recipient>\n              </fs-label-field>\n\n              <fs-label-field *ngIf=\"messageQueue.emailMessageQueue.ccRecipients.length\">\n                <fs-label>\n                  CC\n                </fs-label>\n                <app-recipient \n                  *ngFor=\"let recipient of messageQueue.emailMessageQueue.ccRecipients\"\n                  [state]=\"messageQueueRecipients[recipient]\"\n                  [name]=\"recipient\">\n                </app-recipient>                \n              </fs-label-field>\n\n              <fs-label-field *ngIf=\"messageQueue.emailMessageQueue.bccRecipients.length\">\n                <fs-label>\n                  BCC\n                </fs-label>\n                <app-recipient \n                  *ngFor=\"let recipient of messageQueue.emailMessageQueue.bccRecipients\"\n                  [state]=\"messageQueueRecipients[recipient]\"\n                  [name]=\"recipient\">\n                </app-recipient>                \n              </fs-label-field>\n\n              <fs-label-field *ngIf=\"messageQueue.emailMessageQueue.fromName || messageQueue.emailMessageQueue.fromEmail\">\n                <fs-label>\n                  From\n                </fs-label>\n                <ng-container *ngIf=\"messageQueue.emailMessageQueue.fromName === messageQueue.emailMessageQueue.fromEmail; else fromEmailName\">\n                  {{messageQueue.emailMessageQueue.fromName}}\n                </ng-container>\n\n                <ng-template #fromEmailName>\n                  {{messageQueue.emailMessageQueue.fromName}}\n                  <ng-container *ngIf=\"messageQueue.emailMessageQueue.fromEmail\">\n                    ({{messageQueue.emailMessageQueue.fromEmail}})\n                  </ng-container>\n                </ng-template>\n              </fs-label-field>\n\n              <fs-label-field *ngIf=\"messageQueue.emailMessageQueue.replyEmail && messageQueue.emailMessageQueue.replyEmail.length\">\n                <fs-label>\n                  Reply To\n                </fs-label>\n                {{messageQueue.emailMessageQueue.replyEmail.join(', ')}}\n              </fs-label-field>\n            </ng-container>\n\n            <ng-container *ngIf=\"messageQueue.smsMessageQueue\">\n              <fs-label-field>\n                <fs-label>\n                  To Number\n                </fs-label>\n                <app-recipient \n                  [state]=\"messageQueue.state\"\n                  [name]=\"messageQueue.smsMessageQueue.toNumber\">\n                </app-recipient>                 \n              </fs-label-field>\n\n              <fs-label-field *ngIf=\"messageQueue.smsMessageQueue.fromNumber\">\n                <fs-label>\n                  From Number\n                </fs-label>\n                {{messageQueue.smsMessageQueue.fromNumber}}\n              </fs-label-field>\n            </ng-container>\n  \n            <fs-label-field>\n              <fs-label>\n                Date\n              </fs-label>\n              {{messageQueue.scheduledDate | fsDateFormat: 'full-date-time'}}\n            </fs-label-field>\n\n            <fs-label-field>\n              <fs-label>\n                Status\n              </fs-label>\n              {{messageQueueStates[messageQueue.state]}}\n            </fs-label-field>\n\n            <fs-label-field *ngIf=\"messageQueue.message\">\n              <fs-label>\n                Message Type\n              </fs-label>\n              <a\n                (click)=\"openMessage(messageQueue.message)\"\n                *ngIf=\"loadMessage; else elseMessage\">\n                {{messageQueue.message.name}}\n              </a>\n              <ng-template #elseMessage>\n                {{messageQueue.message.name}}\n              </ng-template>\n            </fs-label-field>\n          </div>\n\n          <ng-container *ngIf=\"messageQueue.emailMessageQueue\">\n            <fs-label-field class=\"subject\">\n              <fs-label>\n                Subject\n              </fs-label>\n              {{messageQueue.emailMessageQueue.subject}}\n            </fs-label-field>\n\n            <fs-label-field class=\"body\">\n              <fs-label>\n                Body\n              </fs-label>\n              <div\n                  *ngIf=\"messageQueue.emailMessageQueue.format===emailMessageQueueFormat.Text\"\n                  class=\"format-text\"\n                  [innerHTML]=\"messageQueue.emailMessageQueue.body\">\n              </div>\n              <fs-iframe\n                *ngIf=\"messageQueue.emailMessageQueue.format===emailMessageQueueFormat.HTML || messageQueue.emailMessageQueue.format===emailMessageQueueFormat.RichText\"\n                [html]=\"messageQueue.emailMessageQueue.body\">\n              </fs-iframe>\n            </fs-label-field>\n          </ng-container>\n\n          <ng-container *ngIf=\"messageQueue.smsMessageQueue\">\n            <fs-label-field>\n              <fs-label>\n                Message\n              </fs-label>\n              <div\n                class=\"format-text\"\n                [innerHTML]=\"messageQueue.smsMessageQueue.body\">\n              </div>\n            </fs-label-field>\n          </ng-container>\n\n        </ng-template>\n      </mat-tab>\n      <mat-tab label=\"Logs\">\n        <ng-template matTabContent>\n          <fs-list [config]=\"logConfig\" #logList>\n            <fs-list-column title=\"Message\">\n              <ng-template fs-list-cell let-row=\"row\">\n                {{row.message}}\n              </ng-template>\n            </fs-list-column>\n            <fs-list-column title=\"Date\">\n              <ng-template fs-list-cell let-row=\"row\">\n                <fs-date-ago [date]=\"row.createdDate\"></fs-date-ago>\n              </ng-template>\n            </fs-list-column>\n          </fs-list>\n        </ng-template>\n      </mat-tab>\n      <mat-tab label=\"Attachments\">\n        <ng-template matTabContent>\n          <fs-list [config]=\"attachmentConfig\">\n            <fs-list-column title=\"File Name\">\n              <ng-template fs-list-cell let-row=\"row\">\n                {{row.filename}}\n              </ng-template>\n            </fs-list-column>\n            <fs-list-column title=\"File Size\">\n              <ng-template fs-list-cell let-row=\"row\">\n                {{row.prettyFilesize}}\n              </ng-template>\n            </fs-list-column>\n          </fs-list>\n        </ng-template>\n      </mat-tab>\n    </mat-tab-group>\n  </mat-dialog-content>\n  <mat-dialog-actions>\n    <button\n        mat-button\n        [mat-dialog-close]=\"null\"\n        color=\"primary\">\n      Done\n    </button>\n    <button\n        mat-button\n        *ngIf=\"resendMessageQueue\"\n        type=\"button\"\n        (click)=\"resend()\"\n        type=\"button\">\n      Resend\n    </button>\n    <button\n        mat-button\n        *ngIf=\"forwardMessageQueue\"\n        type=\"button\"\n        (click)=\"forward()\"\n        type=\"button\">\n      Forward\n    </button>\n  </mat-dialog-actions>\n</fs-dialog>\n",
-            styles: [".body,.subject{display:block;margin-top:15px}.body .format-text{white-space:pre-wrap}.body .body-frame{border:0}.body ::ng-deep .field-label{margin-bottom:10px}app-recipient{display:block}[hidden]{display:none!important}"]
-        }),
-        __param(0, Inject(FS_APP_MESSAGE_CONFIG)),
-        __param(4, Inject(MAT_DIALOG_DATA)),
-        __metadata("design:paramtypes", [Object, FsMessage,
-            FsPrompt,
-            MatDialog, Object])
-    ], QueueComponent);
-    return QueueComponent;
-}());
-
-var FsMessageQueueService = /** @class */ (function () {
-    function FsMessageQueueService(_dialog) {
-        this._dialog = _dialog;
-        this._destroy$ = new Subject();
-    }
-    FsMessageQueueService.prototype.openMessageQueue = function (messageQueueId, options) {
-        if (options === void 0) { options = {}; }
-        return this._dialog.open(QueueComponent, __assign(__assign({}, options), { data: {
-                messageQueueId: messageQueueId,
-            }, width: options.width || '85%' })).afterClosed()
-            .pipe(takeUntil(this._destroy$));
-    };
-    FsMessageQueueService.prototype.ngOnDestroy = function () {
-        this._destroy$.next();
-        this._destroy$.complete();
-    };
-    FsMessageQueueService.ctorParameters = function () { return [
-        { type: MatDialog }
-    ]; };
-    FsMessageQueueService = __decorate([
-        Injectable(),
-        __metadata("design:paramtypes", [MatDialog])
-    ], FsMessageQueueService);
-    return FsMessageQueueService;
-}());
-
-var QueuesComponent = /** @class */ (function () {
-    function QueuesComponent(_config, _dialog, _messageQueueService) {
-        this._config = _config;
-        this._dialog = _dialog;
-        this._messageQueueService = _messageQueueService;
-        this.list = null;
-        this.query = {};
-        this.config = null;
-        this.messageQueueStates = {};
-        this.MessageQueueState = MessageQueueState;
-        this._destroy$ = new Subject();
-    }
-    QueuesComponent.prototype.ngOnInit = function () {
-        var _this = this;
-        this.messageQueueStates = indexNameValue(MessageQueueStates);
-        this.config = {
-            filters: [
-                {
-                    name: 'keyword',
-                    type: ItemType.Keyword,
-                    label: 'Search'
-                },
-                {
-                    name: 'state',
-                    type: ItemType.Select,
-                    label: 'Status',
-                    values: function () {
-                        return MessageQueueStates;
-                    }
-                },
-                {
-                    name: 'date',
-                    type: ItemType.DateRange,
-                    label: ['From Date', 'To Date'],
-                },
-            ],
-            sort: { value: 'created_date', direction: 'desc' },
-            fetch: function (query) {
-                query = __assign(__assign(__assign({}, query), _this.query), { messageQueueAttachmentCounts: true, emailMessageQueues: true, emailMessageQueueBodies: false, smsMessageQueues: true });
-                return _this._config.loadMessageQueues(query)
-                    .pipe(map(function (response) { return ({ data: response.data
-                        .map(function (messageQueue) {
-                        return __assign(__assign({}, messageQueue), { messageQueueRecipients: messageQueue.messageQueueRecipients
-                                .reduce(function (accum, messageQueueRecipient) {
-                                accum[messageQueueRecipient.recipient] = messageQueueRecipient.state;
-                                return accum;
-                            }, {}) });
-                    }), paging: response.paging }); }));
-            }
-        };
-        // if any bulk actions add the selection object to config.
-        if (this._config.cancelMessageQueues) {
-            this.config.selection = {
-                selectAll: false,
-                actions: [],
-                actionSelected: function (action) {
-                    return of(true)
-                        .pipe(switchMap(function () {
-                        if (action.action.name === 'cancel') {
-                            return _this._config.cancelMessageQueues(action);
-                        }
-                        return of(true);
-                    }), tap(function () {
-                        _this.list.reload();
-                    }));
-                }
-            };
-        }
-        // add each individual bulk action to select actions
-        if (this._config.cancelMessageQueues) {
-            this.config.selection.actions.push({
-                type: SelectionActionType.Action,
-                name: 'cancel',
-                label: 'Cancel Queued',
-            });
-        }
-        this.config.filters.push({
-            name: 'message_id',
-            type: ItemType.Select,
-            label: 'Message Type',
-            values: function (query) {
-                query = __assign(__assign({}, query), { limit: 50 });
-                return _this._config.loadMessages(query)
-                    .pipe(map(function (response) {
-                    return __spread([
-                        { value: null, name: 'All', }
-                    ], response.data.map(function (item) { return ({ name: item.name, value: item.id }); }));
-                }));
-            }
-        });
-    };
-    QueuesComponent.prototype.open = function (messageQueue) {
-        var _this = this;
-        this._messageQueueService.openMessageQueue(messageQueue.id)
-            .pipe(takeUntil(this._destroy$))
-            .subscribe(function () {
-            _this.list.reload();
-        });
-    };
-    QueuesComponent.prototype.ngOnDestroy = function () {
-        this._destroy$.next();
-        this._destroy$.complete();
-    };
-    QueuesComponent.ctorParameters = function () { return [
-        { type: undefined, decorators: [{ type: Inject, args: [FS_APP_MESSAGE_CONFIG,] }] },
-        { type: MatDialog },
-        { type: FsMessageQueueService }
-    ]; };
-    __decorate([
-        ViewChild(FsListComponent, { static: true }),
-        __metadata("design:type", FsListComponent)
-    ], QueuesComponent.prototype, "list", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", Object)
-    ], QueuesComponent.prototype, "query", void 0);
-    QueuesComponent = __decorate([
-        Component({
-            selector: 'fs-app-message-queues',
-            template: "<fs-list [config]=\"config\" #list>\n  <fs-list-column title=\"Message\" name=\"subject\" sortable=\"true\">\n    <ng-template fs-list-cell let-row=\"row\">\n      <ng-container *ngIf=\"row.emailMessageQueue\">\n        <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\n          <a (click)=\"open(row)\">{{row.emailMessageQueue.subject|truncate:100}}</a>\n          <mat-icon *ngIf=\"row.messageQueueAttachmentCount\" [matTooltip]=\"row.messageQueueAttachmentCount + ' Attachment(s)'\">attach_file</mat-icon>\n        </div>\n      </ng-container>\n      <ng-container *ngIf=\"row.smsMessageQueue\">\n        <a (click)=\"open(row)\">{{row.smsMessageQueue.body|truncate:100}}</a>\n      </ng-container>\n    </ng-template>\n  </fs-list-column>\n  <fs-list-column title=\"Recipients\" class=\"col-recipients\">\n    <ng-template fs-list-cell let-row=\"row\">\n      <ng-container *ngIf=\"row.emailMessageQueue\">\n        <ng-container *ngIf=\"row.emailMessageQueue.toRecipients.length; else unspecified\">\n          <div class=\"small\" *ngFor=\"let recipient of row.emailMessageQueue.toRecipients\">\n            <app-recipient \n              [state]=\"row.messageQueueRecipients[recipient] || row.state\"\n              [name]=\"recipient\">\n            </app-recipient>\n          </div>\n        </ng-container>\n        <div class=\"small\" *ngFor=\"let recipient of row.emailMessageQueue.ccRecipients\">\n          <app-recipient \n            [state]=\"row.messageQueueRecipients[recipient] || row.state\"\n            [name]=\"recipient\">\n          </app-recipient>\n        </div>\n        <div class=\"small\" *ngFor=\"let recipient of row.emailMessageQueue.bccRecipients\">\n          <app-recipient             \n            [state]=\"row.messageQueueRecipients[recipient] || row.state\"\n            [name]=\"recipient\">\n          </app-recipient>\n        </div>\n      </ng-container>\n      <ng-container *ngIf=\"row.smsMessageQueue\">\n        <ng-container *ngIf=\"row.smsMessageQueue.toNumber; else unspecified\">\n          <app-recipient \n            class=\"small\"\n            [state]=\"row.state\"\n            [name]=\"row.smsMessageQueue.toNumber\">\n          </app-recipient>\n        </ng-container>\n      </ng-container>\n    </ng-template>\n  </fs-list-column> \n  <fs-list-column title=\"Status\" class=\"col-state\">\n    <ng-template fs-list-cell let-row=\"row\">\n      <span [class]=\"'state-' + row.state\">{{messageQueueStates[row.state]}}</span>\n    </ng-template>\n  </fs-list-column> \n  <fs-list-column title=\"Date\" name=\"created_date\" sortable=\"true\">\n    <ng-template fs-list-cell let-row=\"row\">\n      {{ row.createdDate | fsDateFormat: 'date-time-yeardiff' }}\n    </ng-template>\n  </fs-list-column>\n</fs-list>\n\n<ng-template #unspecified>\n  <app-recipient \n    class=\"small\"\n    [state]=\"MessageQueueState.Failed\"\n    name=\"Unspecified\">\n  </app-recipient>\n</ng-template>",
-            styles: [":host ::ng-deep .col-recipients small+small:before{content:\", \"}:host ::ng-deep .col-state .state-F,:host ::ng-deep .col-state .state-P{color:#d8524e}"]
-        }),
-        __param(0, Inject(FS_APP_MESSAGE_CONFIG)),
-        __metadata("design:paramtypes", [Object, MatDialog,
-            FsMessageQueueService])
-    ], QueuesComponent);
-    return QueuesComponent;
-}());
-
-var RecipientComponent = /** @class */ (function () {
-    function RecipientComponent() {
-    }
-    RecipientComponent.prototype.ngOnInit = function () {
-        var icons = {
-            'S': { name: 'check_circle', tooltip: 'Sent' },
-            'E': { name: 'offline_bolt', tooltip: 'Sending' },
-            'F': { name: 'info', tooltip: 'Failed' },
-        };
-        this.icon = icons[this.state];
-    };
-    __decorate([
-        Input(),
-        __metadata("design:type", Object)
-    ], RecipientComponent.prototype, "name", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", Object)
-    ], RecipientComponent.prototype, "state", void 0);
-    RecipientComponent = __decorate([
-        Component({
-            selector: 'app-recipient',
-            template: "<span class=\"recipient\">\n  <span class=\"name\">{{name}}</span>\n  <mat-icon *ngIf=\"icon\" [class]=\"'state-' + state\" [matTooltip]=\"icon.tooltip\">{{icon.name}}</mat-icon>\n</span>",
-            styles: ["mat-icon{font-size:14px;width:14px;height:14px;line-height:normal;margin-left:2px}mat-icon.state-S{color:#5fa099}mat-icon.state-E{color:#fbbc04}mat-icon.state-F{color:#d8524e}.recipient{display:inline-flex;align-items:center}"]
-        })
-    ], RecipientComponent);
-    return RecipientComponent;
-}());
-
-var LinkifyPipe = /** @class */ (function () {
-    function LinkifyPipe() {
-    }
-    LinkifyPipe.prototype.transform = function (value) {
-        return anchorme(value, {
-            attributes: [
-                {
-                    name: 'target',
-                    value: '_blank'
-                },
-            ]
-        });
-    };
-    LinkifyPipe = __decorate([
-        Pipe({ name: 'linkify' })
-    ], LinkifyPipe);
-    return LinkifyPipe;
-}());
-
-var TruncatePipe = /** @class */ (function () {
-    function TruncatePipe() {
-    }
-    TruncatePipe.prototype.transform = function (value, limit, completeWords, ellipsis) {
-        if (limit === void 0) { limit = 25; }
-        if (completeWords === void 0) { completeWords = false; }
-        if (ellipsis === void 0) { ellipsis = '...'; }
-        if (value.length < limit) {
-            return "" + value.substr(0, limit);
-        }
-        if (completeWords) {
-            limit = value.substr(0, limit).lastIndexOf(' ');
-        }
-        return "" + value.substr(0, limit) + ellipsis;
-    };
-    TruncatePipe = __decorate([
-        Pipe({
-            name: 'truncate'
-        })
-    ], TruncatePipe);
-    return TruncatePipe;
-}());
-
-var FsAppMessageQueuesModule = /** @class */ (function () {
-    function FsAppMessageQueuesModule() {
-    }
-    FsAppMessageQueuesModule = __decorate([
-        NgModule({
-            imports: [
-                RouterModule,
-                FormsModule,
-                CommonModule,
-                FlexLayoutModule,
-                MatTooltipModule,
-                MatDialogModule,
-                MatButtonModule,
-                MatIconModule,
-                MatTabsModule,
-                FsListModule,
-                FsDialogModule,
-                FsLabelModule,
-                FsDateModule,
-                FsSkeletonModule,
-                FsAppMessagesModule,
-                FsFormModule,
-                FsPromptInputModule,
-                FsIFrameModule,
-            ],
-            declarations: [
-                QueuesComponent,
-                QueueComponent,
-                LinkifyPipe,
-                TruncatePipe,
-                RecipientComponent,
-            ],
-            exports: [
-                QueuesComponent,
-                QueueComponent,
-            ],
-            providers: [
-                FsMessageQueueService
-            ]
-        })
-    ], FsAppMessageQueuesModule);
-    return FsAppMessageQueuesModule;
-}());
-
-var TemplateComponent = /** @class */ (function () {
-    function TemplateComponent(_data, _config, _dialogRef, _message, _dialog) {
-        var _this = this;
-        this._data = _data;
-        this._config = _config;
-        this._dialogRef = _dialogRef;
-        this._message = _message;
-        this._dialog = _dialog;
-        this.htmlEditorconfig = {
-            language: 'html',
-            insertSpaces: true,
-            tabSize: 2,
-        };
-        this.cssEditorconfig = {
-            language: 'scss',
-            insertSpaces: true,
-            tabSize: 2,
-        };
-        this.save = function (event) {
-            return _this._config.saveMessageTemplate(_this.messageTemplate)
-                .pipe(tap(function (messageTemplate) {
-                _this._message.success('Saved Changes');
-                if (event.submitter === 'save-close') {
-                    _this._dialogRef.close(messageTemplate);
-                }
-            }));
-        };
-    }
-    TemplateComponent.prototype.ngOnInit = function () {
-        var _this = this;
-        if (this._data.messageTemplate.id) {
-            this._config.loadMessageTemplate(this._data.messageTemplate)
-                .subscribe(function (messageTemplate) {
-                _this.messageTemplate = messageTemplate;
-            });
-        }
-        else {
-            this.messageTemplate = {};
-        }
-    };
-    TemplateComponent.prototype.openPreview = function () {
-        this._dialog.open(PreviewComponent, {
-            data: {
-                styles: this.messageTemplate.styles,
-                html: this.messageTemplate.content,
-            },
-            width: '95%'
-        });
-    };
-    TemplateComponent.ctorParameters = function () { return [
-        { type: undefined, decorators: [{ type: Inject, args: [MAT_DIALOG_DATA,] }] },
-        { type: undefined, decorators: [{ type: Inject, args: [FS_APP_MESSAGE_CONFIG,] }] },
-        { type: MatDialogRef },
-        { type: FsMessage },
-        { type: MatDialog }
-    ]; };
-    TemplateComponent = __decorate([
-        Component({
-            template: "<form\n    fsForm\n    [submit]=\"save\"\n    #form=\"ngForm\"\n    *fsSkeleton=\"messageTemplate\"\n    [dirtyConfirmTabs]=\"false\">\n  <fs-dialog *ngIf=\"messageTemplate\">\n    <div mat-dialog-title>Message Template</div>\n    <mat-dialog-content>\n      <mat-form-field class=\"name\">\n        <input\n          matInput\n          placeholder=\"Name\"\n          [(ngModel)]=\"messageTemplate.name\"\n          name=\"name\"\n          >\n      </mat-form-field>\n      <div [@.disabled]=\"true\">\n        <mat-tab-group\n            mat-align-tabs=\"start\"\n            [dynamicHeight]=\"false\">\n          <mat-tab label=\"Content\">\n            <ng-template matTabContent>\n              <div class=\"content\">\n                <fs-label-field>\n                  <fs-text-editor\n                    [(ngModel)]=\"messageTemplate.content\"\n                    name=\"body\"\n                    [config]=\"htmlEditorconfig\">\n                  </fs-text-editor>\n                  <fs-label-message>\n                    &#123;$content&#125; will be replaced with the message content.\n                  </fs-label-message>\n                </fs-label-field>\n              </div>\n            </ng-template>\n          </mat-tab>\n          <mat-tab label=\"Styles\">\n            <ng-template matTabContent>\n              <div class=\"styles\">\n                <fs-text-editor\n                  [(ngModel)]=\"messageTemplate.styles\"\n                  name=\"styles\"\n                  [config]=\"cssEditorconfig\">\n                </fs-text-editor>\n              </div>\n            </ng-template>\n          </mat-tab>\n        </mat-tab-group>\n      </div>\n    </mat-dialog-content>\n    <mat-dialog-actions>\n      <button mat-button color=\"primary\" name=\"close\">Save</button>\n      <button mat-button name=\"save-close\">Save & Close</button>\n      <button mat-button (click)=\"openPreview()\" type=\"button\">Preview</button>\n      <button mat-button [mat-dialog-close]=\"null\" type=\"button\">Cancel</button>\n    </mat-dialog-actions>\n  </fs-dialog>\n</form>\n",
-            styles: [".name{width:100%}:host ::ng-deep .mat-tab-body,:host ::ng-deep .mat-tab-body-content{overflow:visible}"]
-        }),
-        __param(0, Inject(MAT_DIALOG_DATA)),
-        __param(1, Inject(FS_APP_MESSAGE_CONFIG)),
-        __metadata("design:paramtypes", [Object, Object, MatDialogRef,
-            FsMessage,
-            MatDialog])
-    ], TemplateComponent);
-    return TemplateComponent;
-}());
-
-var TemplatesComponent = /** @class */ (function () {
-    function TemplatesComponent(_config, _dialog) {
-        this._config = _config;
-        this._dialog = _dialog;
-        this.list = null;
-        this.config = null;
-        this.messageQueueStates = [];
-        this._destroy$ = new Subject();
-    }
-    TemplatesComponent.prototype.ngOnInit = function () {
-        var _this = this;
-        this.config = {
-            actions: [
-                {
-                    label: 'Create',
-                    click: function () {
-                        _this.open({});
-                    }
-                }
-            ],
-            status: false,
-            fetch: function (query) {
-                return _this._config.loadMessageTemplates(query);
-            }
-        };
-        if (this._config.deleteMessageTemplate) {
-            this.config.rowActions = [
-                {
-                    click: function (data) {
-                        return _this._config.deleteMessageTemplate(data);
-                    },
-                    remove: {
-                        title: 'Confirm',
-                        template: 'Are you sure you would like to delete this template?',
-                    },
-                    menu: true,
-                    label: 'Delete'
-                }
-            ];
-        }
-    };
-    TemplatesComponent.prototype.open = function (messageTemplate) {
-        var _this = this;
-        var dialogRef = this._dialog.open(TemplateComponent, {
-            data: {
-                messageTemplate: messageTemplate,
-            },
-            width: '85%'
-        });
-        dialogRef.afterClosed()
-            .pipe(takeUntil(this._destroy$))
-            .subscribe(function (response) {
-            if (response) {
-                var update = _this.list.updateData(response, function (row) {
-                    return row.id === response.id;
-                });
-                if (!update) {
-                    _this.list.reload();
-                }
-            }
-        });
-    };
-    TemplatesComponent.prototype.ngOnDestroy = function () {
-        this._destroy$.next();
-        this._destroy$.complete();
-    };
-    TemplatesComponent.ctorParameters = function () { return [
-        { type: undefined, decorators: [{ type: Inject, args: [FS_APP_MESSAGE_CONFIG,] }] },
-        { type: MatDialog }
-    ]; };
-    __decorate([
-        ViewChild(FsListComponent, { static: true }),
-        __metadata("design:type", FsListComponent)
-    ], TemplatesComponent.prototype, "list", void 0);
-    TemplatesComponent = __decorate([
-        Component({
-            selector: 'fs-app-message-templates',
-            template: "<fs-list [config]=\"config\">\n  <fs-list-column title=\"Name\">\n    <ng-template fs-list-cell let-row=\"row\">\n      <a (click)=\"open(row)\">{{row.name}}</a>\n    </ng-template>\n  </fs-list-column>\n</fs-list>"
-        }),
-        __param(0, Inject(FS_APP_MESSAGE_CONFIG)),
-        __metadata("design:paramtypes", [Object, MatDialog])
-    ], TemplatesComponent);
-    return TemplatesComponent;
-}());
-
-var FsAppMessageTemplatesModule = /** @class */ (function () {
-    function FsAppMessageTemplatesModule() {
-    }
-    FsAppMessageTemplatesModule = __decorate([
-        NgModule({
-            imports: [
-                RouterModule,
-                CommonModule,
-                FormsModule,
-                MatTooltipModule,
-                MatDialogModule,
-                MatButtonModule,
-                MatTabsModule,
-                MatFormFieldModule,
-                MatFormFieldModule,
-                MatInputModule,
-                FsListModule,
-                FsDialogModule,
-                FsLabelModule,
-                FlexLayoutModule,
-                FsSkeletonModule,
-                FsFormModule,
-                FsTextEditorModule,
-                FsAppMessagePreviewModule,
-            ],
-            declarations: [
-                TemplatesComponent,
-                TemplateComponent,
-            ],
-            exports: [
-                TemplatesComponent,
-                TemplateComponent,
-            ],
-        })
-    ], FsAppMessageTemplatesModule);
-    return FsAppMessageTemplatesModule;
-}());
-
-var WebhooksComponent = /** @class */ (function () {
-    function WebhooksComponent(_config, _message) {
-        this._config = _config;
-        this._message = _message;
-    }
-    WebhooksComponent.prototype.ngOnInit = function () {
-        var _this = this;
-        this.listConfig = {
-            paging: false,
-            actions: [
-                {
-                    click: function () {
-                        _this._config.createWebhook()
-                            .subscribe(function () {
-                            _this._message.success('Created webhook');
-                            _this.list.reload();
-                        });
-                    },
-                    label: 'Create',
-                },
-            ],
-            rowActions: [
-                {
-                    click: function (webhook) {
-                        _this._config.deleteWebhook(webhook)
-                            .subscribe(function () {
-                            _this._message.success('Deleted webhook');
-                            _this.list.reload();
-                        });
-                    },
-                    label: 'Delete',
-                },
-            ],
-            fetch: function () {
-                return _this._config.loadWebhooks()
-                    .pipe(map(function (webhooks) { return ({ data: webhooks }); }));
-            },
-        };
-    };
-    WebhooksComponent.ctorParameters = function () { return [
-        { type: undefined, decorators: [{ type: Inject, args: [FS_APP_MESSAGE_CONFIG,] }] },
-        { type: FsMessage }
-    ]; };
-    __decorate([
-        ViewChild(FsListComponent),
-        __metadata("design:type", FsListComponent)
-    ], WebhooksComponent.prototype, "list", void 0);
-    WebhooksComponent = __decorate([
-        Component({
-            selector: 'fs-app-message-webhooks',
-            template: "<fs-list [config]=\"listConfig\">\r\n  <fs-list-column title=\"URL\">\r\n    <ng-template fs-list-cell let-row=\"row\">\r\n      {{row.url}}\r\n    </ng-template>\r\n  </fs-list-column>\r\n  <fs-list-column title=\"Created\">\r\n    <ng-template fs-list-cell let-row=\"row\">\r\n      {{row.createDate | fsDate}}\r\n    </ng-template>\r\n  </fs-list-column>\r\n</fs-list>"
-        }),
-        __param(0, Inject(FS_APP_MESSAGE_CONFIG)),
-        __metadata("design:paramtypes", [Object, FsMessage])
-    ], WebhooksComponent);
-    return WebhooksComponent;
-}());
-
-var FsAppMessageWebhooksModule = /** @class */ (function () {
-    function FsAppMessageWebhooksModule() {
-    }
-    FsAppMessageWebhooksModule = __decorate([
-        NgModule({
-            imports: [
-                FsListModule,
-                FsDateModule,
-            ],
-            declarations: [
-                WebhooksComponent,
-            ],
-            exports: [
-                WebhooksComponent,
-            ],
-        })
-    ], FsAppMessageWebhooksModule);
-    return FsAppMessageWebhooksModule;
-}());
-
-var FsAppMessageModule = /** @class */ (function () {
-    function FsAppMessageModule() {
-    }
-    FsAppMessageModule_1 = FsAppMessageModule;
-    FsAppMessageModule.forRoot = function () {
-        return {
-            ngModule: FsAppMessageModule_1,
-        };
-    };
-    var FsAppMessageModule_1;
-    FsAppMessageModule = FsAppMessageModule_1 = __decorate([
-        NgModule({})
-    ], FsAppMessageModule);
-    return FsAppMessageModule;
-}());
-
-/*
- * Public API Surface of fs-menu
- */
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { FS_APP_MESSAGE_CONFIG, FsAppMessageModule, FsAppMessageQueuesModule, FsAppMessageTemplatesModule, FsAppMessageWebhooksModule, FsAppMessagesModule, FsMessageQueueService, MessageComponent, MessagesComponent, QueueComponent, QueuesComponent, TemplatesComponent, FsAppMessagePreviewModule as ɵa, PreviewComponent as ɵb, FS_APP_MESSAGE_CONFIG as ɵc, LinkifyPipe as ɵd, TruncatePipe as ɵe, RecipientComponent as ɵf, TemplateComponent as ɵg, WebhooksComponent as ɵh };
-//# sourceMappingURL=firestitch-app-message.js.map