@firestitch/app-message 9.1.4 → 9.1.5

package/app/modules/message-queues/components/queues/queues.component.d.ts

@@ -3,16 +3,18 @@ import { MatDialog } from '@angular/material/dialog';
 import { FsListComponent, FsListConfig } from '@firestitch/list';
 import { MessageQueueState } from '../../enums/message-queue-state.enum';
 import { FsAppMessageConfig } from '../../../app-message/interfaces';
+import { FsMessageQueueService } from '../../services/message-queue.service';
 export declare class QueuesComponent implements OnInit, OnDestroy {
     private _config;
     private _dialog;
+    private _messageQueueService;
     list: FsListComponent;
     query: {};
     config: FsListConfig;
     messageQueueStates: {};
     MessageQueueState: typeof MessageQueueState;
     private _destroy$;
-    constructor(_config: FsAppMessageConfig, _dialog: MatDialog);
+    constructor(_config: FsAppMessageConfig, _dialog: MatDialog, _messageQueueService: FsMessageQueueService);
     ngOnInit(): void;
     open(messageQueue: any): void;
     ngOnDestroy(): void;

package/app/modules/message-queues/services/message-queue.service.d.ts

@@ -0,0 +1,9 @@
+import { OnDestroy } from "@angular/core";
+import { MatDialog } from "@angular/material/dialog";
+export declare class FsMessageQueueService implements OnDestroy {
+    private _dialog;
+    private _destroy$;
+    constructor(_dialog: MatDialog);
+    openMessageQueue(messageQueueId: number, options?: any): import("rxjs").Observable<any>;
+    ngOnDestroy(): void;
+}

package/bundles/firestitch-app-message.umd.js

@@ -521,19 +521,6 @@
         return FsAppMessagesModule;
     }());
 
-    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 MessageQueueState;
     (function (MessageQueueState) {
         MessageQueueState["Sent"] = "S";
@@ -555,6 +542,19 @@
         { 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;
@@ -571,7 +571,7 @@
             this.messageQueueStates = indexNameValue(MessageQueueStates);
             this.resendMessageQueue = this._config.resendMessageQueue;
             this.forwardMessageQueue = this._config.forwardMessageQueue;
-            this._config.loadMessageQueue(this._data.messageQueue.id)
+            this._config.loadMessageQueue(this._data.messageQueueId)
                 .subscribe(function (messageQueue) {
                 _this.messageQueue = messageQueue;
                 if (_this.messageQueue.emailMessageQueue) {
@@ -732,10 +732,37 @@
         return QueueComponent;
     }());
 
+    var FsMessageQueueService = /** @class */ (function () {
+        function FsMessageQueueService(_dialog) {
+            this._dialog = _dialog;
+            this._destroy$ = new rxjs.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(operators.takeUntil(this._destroy$));
+        };
+        FsMessageQueueService.prototype.ngOnDestroy = function () {
+            this._destroy$.next();
+            this._destroy$.complete();
+        };
+        FsMessageQueueService.ctorParameters = function () { return [
+            { type: dialog.MatDialog }
+        ]; };
+        FsMessageQueueService = __decorate([
+            core.Injectable(),
+            __metadata("design:paramtypes", [dialog.MatDialog])
+        ], FsMessageQueueService);
+        return FsMessageQueueService;
+    }());
+
     var QueuesComponent = /** @class */ (function () {
-        function QueuesComponent(_config, _dialog) {
+        function QueuesComponent(_config, _dialog, _messageQueueService) {
             this._config = _config;
             this._dialog = _dialog;
+            this._messageQueueService = _messageQueueService;
             this.list = null;
             this.query = {};
             this.config = null;
@@ -824,13 +851,7 @@
         };
         QueuesComponent.prototype.open = function (messageQueue) {
             var _this = this;
-            this._dialog.open(QueueComponent, {
-                data: {
-                    messageQueue: messageQueue,
-                },
-                width: '85%'
-            })
-                .afterClosed()
+            this._messageQueueService.openMessageQueue(messageQueue.id)
                 .pipe(operators.takeUntil(this._destroy$))
                 .subscribe(function () {
                 _this.list.reload();
@@ -842,7 +863,8 @@
         };
         QueuesComponent.ctorParameters = function () { return [
             { type: undefined, decorators: [{ type: core.Inject, args: [FS_APP_MESSAGE_CONFIG,] }] },
-            { type: dialog.MatDialog }
+            { type: dialog.MatDialog },
+            { type: FsMessageQueueService }
         ]; };
         __decorate([
             core.ViewChild(list.FsListComponent, { static: true }),
@@ -859,11 +881,41 @@
                 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, core.Inject(FS_APP_MESSAGE_CONFIG)),
-            __metadata("design:paramtypes", [Object, dialog.MatDialog])
+            __metadata("design:paramtypes", [Object, dialog.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([
+            core.Input(),
+            __metadata("design:type", Object)
+        ], RecipientComponent.prototype, "name", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", Object)
+        ], RecipientComponent.prototype, "state", void 0);
+        RecipientComponent = __decorate([
+            core.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() {
         }
@@ -906,35 +958,6 @@
         return TruncatePipe;
     }());
 
-    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([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], RecipientComponent.prototype, "name", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], RecipientComponent.prototype, "state", void 0);
-        RecipientComponent = __decorate([
-            core.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 FsAppMessageQueuesModule = /** @class */ (function () {
         function FsAppMessageQueuesModule() {
         }
@@ -970,6 +993,9 @@
                 exports: [
                     QueuesComponent,
                     QueueComponent,
+                ],
+                providers: [
+                    FsMessageQueueService
                 ]
             })
         ], FsAppMessageQueuesModule);
@@ -1269,6 +1295,7 @@
     exports.FsAppMessageTemplatesModule = FsAppMessageTemplatesModule;
     exports.FsAppMessageWebhooksModule = FsAppMessageWebhooksModule;
     exports.FsAppMessagesModule = FsAppMessagesModule;
+    exports.FsMessageQueueService = FsMessageQueueService;
     exports.MessageComponent = MessageComponent;
     exports.MessagesComponent = MessagesComponent;
     exports.QueueComponent = QueueComponent;