@firestitch/app-message 9.1.1 → 9.1.5

package/esm5/app/modules/webhooks/components/webhooks/webhooks.component.js

@@ -0,0 +1,65 @@
+import { __decorate, __metadata, __param } from "tslib";
+import { Component, Inject, ViewChild } from '@angular/core';
+import { FsListComponent } from '@firestitch/list';
+import { FsMessage } from '@firestitch/message';
+import { map } from 'rxjs/operators';
+import { FS_APP_MESSAGE_CONFIG } from '../../../app-message/injectors';
+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;
+}());
+export { WebhooksComponent };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2ViaG9va3MuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGZpcmVzdGl0Y2gvYXBwLW1lc3NhZ2UvIiwic291cmNlcyI6WyJhcHAvbW9kdWxlcy93ZWJob29rcy9jb21wb25lbnRzL3dlYmhvb2tzL3dlYmhvb2tzLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQVUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXJFLE9BQU8sRUFBRSxlQUFlLEVBQWdCLE1BQU0sa0JBQWtCLENBQUM7QUFDakUsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBRWhELE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUVyQyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQVF2RTtJQU9FLDJCQUN5QyxPQUEyQixFQUMxRCxRQUFtQjtRQURZLFlBQU8sR0FBUCxPQUFPLENBQW9CO1FBQzFELGFBQVEsR0FBUixRQUFRLENBQVc7SUFDMUIsQ0FBQztJQUVHLG9DQUFRLEdBQWY7UUFBQSxpQkFrQ0M7UUFqQ0MsSUFBSSxDQUFDLFVBQVUsR0FBRztZQUNoQixNQUFNLEVBQUUsS0FBSztZQUNiLE9BQU8sRUFBRTtnQkFDUDtvQkFDRSxLQUFLLEVBQUU7d0JBQ0wsS0FBSSxDQUFDLE9BQU8sQ0FBQyxhQUFhLEVBQUU7NkJBQ3pCLFNBQVMsQ0FBQzs0QkFDVCxLQUFJLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDOzRCQUN6QyxLQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDO3dCQUNyQixDQUFDLENBQUMsQ0FBQztvQkFDUCxDQUFDO29CQUNELEtBQUssRUFBRSxRQUFRO2lCQUNoQjthQUNGO1lBQ0QsVUFBVSxFQUFFO2dCQUNWO29CQUNFLEtBQUssRUFBRSxVQUFDLE9BQU87d0JBQ2IsS0FBSSxDQUFDLE9BQU8sQ0FBQyxhQUFhLENBQUMsT0FBTyxDQUFDOzZCQUNoQyxTQUFTLENBQUM7NEJBQ1QsS0FBSSxDQUFDLFFBQVEsQ0FBQyxPQUFPLENBQUMsaUJBQWlCLENBQUMsQ0FBQzs0QkFDekMsS0FBSSxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQzt3QkFDckIsQ0FBQyxDQUFDLENBQUM7b0JBQ1AsQ0FBQztvQkFDRCxLQUFLLEVBQUUsUUFBUTtpQkFDaEI7YUFDRjtZQUNELEtBQUssRUFBRTtnQkFDTCxPQUFPLEtBQUksQ0FBQyxPQUFPLENBQUMsWUFBWSxFQUFFO3FCQUMvQixJQUFJLENBQ0gsR0FBRyxDQUFDLFVBQUMsUUFBUSxJQUFLLE9BQUEsQ0FBQyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsQ0FBQyxFQUFwQixDQUFvQixDQUFDLENBQ3hDLENBQUM7WUFDTixDQUFDO1NBQ0YsQ0FBQztJQUNKLENBQUM7O2dEQXRDRSxNQUFNLFNBQUMscUJBQXFCO2dCQUNYLFNBQVM7O0lBTjdCO1FBREMsU0FBUyxDQUFDLGVBQWUsQ0FBQztrQ0FDZCxlQUFlO21EQUFDO0lBSGxCLGlCQUFpQjtRQUo3QixTQUFTLENBQUM7WUFDVCxRQUFRLEVBQUUseUJBQXlCO1lBQ25DLCtYQUF3QztTQUN6QyxDQUFDO1FBU0csV0FBQSxNQUFNLENBQUMscUJBQXFCLENBQUMsQ0FBQTtpREFDWixTQUFTO09BVGxCLGlCQUFpQixDQStDN0I7SUFBRCx3QkFBQztDQUFBLEFBL0NELElBK0NDO1NBL0NZLGlCQUFpQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5qZWN0LCBPbkluaXQsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuaW1wb3J0IHsgRnNMaXN0Q29tcG9uZW50LCBGc0xpc3RDb25maWcgfSBmcm9tICdAZmlyZXN0aXRjaC9saXN0JztcclxuaW1wb3J0IHsgRnNNZXNzYWdlIH0gZnJvbSAnQGZpcmVzdGl0Y2gvbWVzc2FnZSc7XHJcblxyXG5pbXBvcnQgeyBtYXAgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XHJcblxyXG5pbXBvcnQgeyBGU19BUFBfTUVTU0FHRV9DT05GSUcgfSBmcm9tICcuLi8uLi8uLi9hcHAtbWVzc2FnZS9pbmplY3RvcnMnO1xyXG5pbXBvcnQgeyBGc0FwcE1lc3NhZ2VDb25maWcgfSBmcm9tICcuLi8uLi8uLi9hcHAtbWVzc2FnZS9pbnRlcmZhY2VzJztcclxuXHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2ZzLWFwcC1tZXNzYWdlLXdlYmhvb2tzJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vd2ViaG9va3MuY29tcG9uZW50Lmh0bWwnLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgV2ViaG9va3NDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICBAVmlld0NoaWxkKEZzTGlzdENvbXBvbmVudClcclxuICBwdWJsaWMgbGlzdDogRnNMaXN0Q29tcG9uZW50O1xyXG5cclxuICBwdWJsaWMgbGlzdENvbmZpZzogRnNMaXN0Q29uZmlnO1xyXG5cclxuICBjb25zdHJ1Y3RvcihcclxuICAgIEBJbmplY3QoRlNfQVBQX01FU1NBR0VfQ09ORklHKSBwcml2YXRlIF9jb25maWc6IEZzQXBwTWVzc2FnZUNvbmZpZyxcclxuICAgIHByaXZhdGUgX21lc3NhZ2U6IEZzTWVzc2FnZSxcclxuICApIHt9XHJcblxyXG4gIHB1YmxpYyBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMubGlzdENvbmZpZyA9IHtcclxuICAgICAgcGFnaW5nOiBmYWxzZSxcclxuICAgICAgYWN0aW9uczogW1xyXG4gICAgICAgIHtcclxuICAgICAgICAgIGNsaWNrOiAoKSA9PiB7XHJcbiAgICAgICAgICAgIHRoaXMuX2NvbmZpZy5jcmVhdGVXZWJob29rKClcclxuICAgICAgICAgICAgICAuc3Vic2NyaWJlKCgpID0+IHtcclxuICAgICAgICAgICAgICAgIHRoaXMuX21lc3NhZ2Uuc3VjY2VzcygnQ3JlYXRlZCB3ZWJob29rJyk7XHJcbiAgICAgICAgICAgICAgICB0aGlzLmxpc3QucmVsb2FkKCk7XHJcbiAgICAgICAgICAgICAgfSk7XHJcbiAgICAgICAgICB9LFxyXG4gICAgICAgICAgbGFiZWw6ICdDcmVhdGUnLFxyXG4gICAgICAgIH0sXHJcbiAgICAgIF0sXHJcbiAgICAgIHJvd0FjdGlvbnM6IFtcclxuICAgICAgICB7XHJcbiAgICAgICAgICBjbGljazogKHdlYmhvb2spID0+IHtcclxuICAgICAgICAgICAgdGhpcy5fY29uZmlnLmRlbGV0ZVdlYmhvb2sod2ViaG9vaylcclxuICAgICAgICAgICAgICAuc3Vic2NyaWJlKCgpID0+IHtcclxuICAgICAgICAgICAgICAgIHRoaXMuX21lc3NhZ2Uuc3VjY2VzcygnRGVsZXRlZCB3ZWJob29rJyk7XHJcbiAgICAgICAgICAgICAgICB0aGlzLmxpc3QucmVsb2FkKCk7XHJcbiAgICAgICAgICAgICAgfSk7XHJcbiAgICAgICAgICB9LFxyXG4gICAgICAgICAgbGFiZWw6ICdEZWxldGUnLFxyXG4gICAgICAgIH0sXHJcbiAgICAgIF0sXHJcbiAgICAgIGZldGNoOiAoKSA9PiB7XHJcbiAgICAgICAgcmV0dXJuIHRoaXMuX2NvbmZpZy5sb2FkV2ViaG9va3MoKVxyXG4gICAgICAgICAgLnBpcGUoXHJcbiAgICAgICAgICAgIG1hcCgod2ViaG9va3MpID0+ICh7IGRhdGE6IHdlYmhvb2tzIH0pKSxcclxuICAgICAgICAgICk7XHJcbiAgICAgIH0sXHJcbiAgICB9O1xyXG4gIH1cclxufVxyXG4iXX0=

package/esm5/app/modules/webhooks/webhooks.module.js

@@ -0,0 +1,26 @@
+import { __decorate } from "tslib";
+import { NgModule } from '@angular/core';
+import { FsDateModule } from '@firestitch/date';
+import { FsListModule } from '@firestitch/list';
+import { WebhooksComponent } from './components/webhooks/webhooks.component';
+var FsAppMessageWebhooksModule = /** @class */ (function () {
+    function FsAppMessageWebhooksModule() {
+    }
+    FsAppMessageWebhooksModule = __decorate([
+        NgModule({
+            imports: [
+                FsListModule,
+                FsDateModule,
+            ],
+            declarations: [
+                WebhooksComponent,
+            ],
+            exports: [
+                WebhooksComponent,
+            ],
+        })
+    ], FsAppMessageWebhooksModule);
+    return FsAppMessageWebhooksModule;
+}());
+export { FsAppMessageWebhooksModule };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2ViaG9va3MubW9kdWxlLmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGZpcmVzdGl0Y2gvYXBwLW1lc3NhZ2UvIiwic291cmNlcyI6WyJhcHAvbW9kdWxlcy93ZWJob29rcy93ZWJob29rcy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBRWhELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUVoRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQztBQWU3RTtJQUFBO0lBQXlDLENBQUM7SUFBN0IsMEJBQTBCO1FBYnRDLFFBQVEsQ0FBQztZQUNSLE9BQU8sRUFBRTtnQkFDUCxZQUFZO2dCQUVaLFlBQVk7YUFDYjtZQUNELFlBQVksRUFBRTtnQkFDWixpQkFBaUI7YUFDbEI7WUFDRCxPQUFPLEVBQUU7Z0JBQ1AsaUJBQWlCO2FBQ2xCO1NBQ0YsQ0FBQztPQUNXLDBCQUEwQixDQUFHO0lBQUQsaUNBQUM7Q0FBQSxBQUExQyxJQUEwQztTQUE3QiwwQkFBMEIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRnNEYXRlTW9kdWxlIH0gZnJvbSAnQGZpcmVzdGl0Y2gvZGF0ZSc7XG5cbmltcG9ydCB7IEZzTGlzdE1vZHVsZSB9IGZyb20gJ0BmaXJlc3RpdGNoL2xpc3QnO1xuXG5pbXBvcnQgeyBXZWJob29rc0NvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy93ZWJob29rcy93ZWJob29rcy5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbXG4gICAgRnNMaXN0TW9kdWxlLFxuXG4gICAgRnNEYXRlTW9kdWxlLFxuICBdLFxuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBXZWJob29rc0NvbXBvbmVudCxcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIFdlYmhvb2tzQ29tcG9uZW50LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBGc0FwcE1lc3NhZ2VXZWJob29rc01vZHVsZSB7fVxuIl19

package/esm5/firestitch-app-message.js

@@ -5,8 +5,9 @@ export * from './public_api';
 export { FS_APP_MESSAGE_CONFIG as ɵc } from './app/modules/app-message/injectors';
 export { PreviewComponent as ɵb } from './app/modules/message-preview/components/preview';
 export { FsAppMessagePreviewModule as ɵa } from './app/modules/message-preview/message-preview.module';
-export { RecipientComponent as ɵf } from './app/modules/message-queues/components';
+export { RecipientComponent as ɵf } from './app/modules/message-queues/components/recipient/recipient.component';
 export { LinkifyPipe as ɵd } from './app/modules/message-queues/pipes/linkify.pipe';
 export { TruncatePipe as ɵe } from './app/modules/message-queues/pipes/truncate.pipe';
 export { TemplateComponent as ɵg } from './app/modules/message-templates/components/template/template.component';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlyZXN0aXRjaC1hcHAtbWVzc2FnZS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BmaXJlc3RpdGNoL2FwcC1tZXNzYWdlLyIsInNvdXJjZXMiOlsiZmlyZXN0aXRjaC1hcHAtbWVzc2FnZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDO0FBRTdCLE9BQU8sRUFBQyxxQkFBcUIsSUFBSSxFQUFFLEVBQUMsTUFBTSxxQ0FBcUMsQ0FBQztBQUNoRixPQUFPLEVBQUMsZ0JBQWdCLElBQUksRUFBRSxFQUFDLE1BQU0sa0RBQWtELENBQUM7QUFDeEYsT0FBTyxFQUFDLHlCQUF5QixJQUFJLEVBQUUsRUFBQyxNQUFNLHNEQUFzRCxDQUFDO0FBQ3JHLE9BQU8sRUFBQyxrQkFBa0IsSUFBSSxFQUFFLEVBQUMsTUFBTSx5Q0FBeUMsQ0FBQztBQUNqRixPQUFPLEVBQUMsV0FBVyxJQUFJLEVBQUUsRUFBQyxNQUFNLGlEQUFpRCxDQUFDO0FBQ2xGLE9BQU8sRUFBQyxZQUFZLElBQUksRUFBRSxFQUFDLE1BQU0sa0RBQWtELENBQUM7QUFDcEYsT0FBTyxFQUFDLGlCQUFpQixJQUFJLEVBQUUsRUFBQyxNQUFNLHdFQUF3RSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpY19hcGknO1xuXG5leHBvcnQge0ZTX0FQUF9NRVNTQUdFX0NPTkZJRyBhcyDJtWN9IGZyb20gJy4vYXBwL21vZHVsZXMvYXBwLW1lc3NhZ2UvaW5qZWN0b3JzJztcbmV4cG9ydCB7UHJldmlld0NvbXBvbmVudCBhcyDJtWJ9IGZyb20gJy4vYXBwL21vZHVsZXMvbWVzc2FnZS1wcmV2aWV3L2NvbXBvbmVudHMvcHJldmlldyc7XG5leHBvcnQge0ZzQXBwTWVzc2FnZVByZXZpZXdNb2R1bGUgYXMgybVhfSBmcm9tICcuL2FwcC9tb2R1bGVzL21lc3NhZ2UtcHJldmlldy9tZXNzYWdlLXByZXZpZXcubW9kdWxlJztcbmV4cG9ydCB7UmVjaXBpZW50Q29tcG9uZW50IGFzIMm1Zn0gZnJvbSAnLi9hcHAvbW9kdWxlcy9tZXNzYWdlLXF1ZXVlcy9jb21wb25lbnRzJztcbmV4cG9ydCB7TGlua2lmeVBpcGUgYXMgybVkfSBmcm9tICcuL2FwcC9tb2R1bGVzL21lc3NhZ2UtcXVldWVzL3BpcGVzL2xpbmtpZnkucGlwZSc7XG5leHBvcnQge1RydW5jYXRlUGlwZSBhcyDJtWV9IGZyb20gJy4vYXBwL21vZHVsZXMvbWVzc2FnZS1xdWV1ZXMvcGlwZXMvdHJ1bmNhdGUucGlwZSc7XG5leHBvcnQge1RlbXBsYXRlQ29tcG9uZW50IGFzIMm1Z30gZnJvbSAnLi9hcHAvbW9kdWxlcy9tZXNzYWdlLXRlbXBsYXRlcy9jb21wb25lbnRzL3RlbXBsYXRlL3RlbXBsYXRlLmNvbXBvbmVudCc7Il19
+export { WebhooksComponent as ɵh } from './app/modules/webhooks/components/webhooks/webhooks.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlyZXN0aXRjaC1hcHAtbWVzc2FnZS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BmaXJlc3RpdGNoL2FwcC1tZXNzYWdlLyIsInNvdXJjZXMiOlsiZmlyZXN0aXRjaC1hcHAtbWVzc2FnZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDO0FBRTdCLE9BQU8sRUFBQyxxQkFBcUIsSUFBSSxFQUFFLEVBQUMsTUFBTSxxQ0FBcUMsQ0FBQztBQUNoRixPQUFPLEVBQUMsZ0JBQWdCLElBQUksRUFBRSxFQUFDLE1BQU0sa0RBQWtELENBQUM7QUFDeEYsT0FBTyxFQUFDLHlCQUF5QixJQUFJLEVBQUUsRUFBQyxNQUFNLHNEQUFzRCxDQUFDO0FBQ3JHLE9BQU8sRUFBQyxrQkFBa0IsSUFBSSxFQUFFLEVBQUMsTUFBTSx1RUFBdUUsQ0FBQztBQUMvRyxPQUFPLEVBQUMsV0FBVyxJQUFJLEVBQUUsRUFBQyxNQUFNLGlEQUFpRCxDQUFDO0FBQ2xGLE9BQU8sRUFBQyxZQUFZLElBQUksRUFBRSxFQUFDLE1BQU0sa0RBQWtELENBQUM7QUFDcEYsT0FBTyxFQUFDLGlCQUFpQixJQUFJLEVBQUUsRUFBQyxNQUFNLHdFQUF3RSxDQUFDO0FBQy9HLE9BQU8sRUFBQyxpQkFBaUIsSUFBSSxFQUFFLEVBQUMsTUFBTSwrREFBK0QsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9wdWJsaWNfYXBpJztcblxuZXhwb3J0IHtGU19BUFBfTUVTU0FHRV9DT05GSUcgYXMgybVjfSBmcm9tICcuL2FwcC9tb2R1bGVzL2FwcC1tZXNzYWdlL2luamVjdG9ycyc7XG5leHBvcnQge1ByZXZpZXdDb21wb25lbnQgYXMgybVifSBmcm9tICcuL2FwcC9tb2R1bGVzL21lc3NhZ2UtcHJldmlldy9jb21wb25lbnRzL3ByZXZpZXcnO1xuZXhwb3J0IHtGc0FwcE1lc3NhZ2VQcmV2aWV3TW9kdWxlIGFzIMm1YX0gZnJvbSAnLi9hcHAvbW9kdWxlcy9tZXNzYWdlLXByZXZpZXcvbWVzc2FnZS1wcmV2aWV3Lm1vZHVsZSc7XG5leHBvcnQge1JlY2lwaWVudENvbXBvbmVudCBhcyDJtWZ9IGZyb20gJy4vYXBwL21vZHVsZXMvbWVzc2FnZS1xdWV1ZXMvY29tcG9uZW50cy9yZWNpcGllbnQvcmVjaXBpZW50LmNvbXBvbmVudCc7XG5leHBvcnQge0xpbmtpZnlQaXBlIGFzIMm1ZH0gZnJvbSAnLi9hcHAvbW9kdWxlcy9tZXNzYWdlLXF1ZXVlcy9waXBlcy9saW5raWZ5LnBpcGUnO1xuZXhwb3J0IHtUcnVuY2F0ZVBpcGUgYXMgybVlfSBmcm9tICcuL2FwcC9tb2R1bGVzL21lc3NhZ2UtcXVldWVzL3BpcGVzL3RydW5jYXRlLnBpcGUnO1xuZXhwb3J0IHtUZW1wbGF0ZUNvbXBvbmVudCBhcyDJtWd9IGZyb20gJy4vYXBwL21vZHVsZXMvbWVzc2FnZS10ZW1wbGF0ZXMvY29tcG9uZW50cy90ZW1wbGF0ZS90ZW1wbGF0ZS5jb21wb25lbnQnO1xuZXhwb3J0IHtXZWJob29rc0NvbXBvbmVudCBhcyDJtWh9IGZyb20gJy4vYXBwL21vZHVsZXMvd2ViaG9va3MvY29tcG9uZW50cy93ZWJob29rcy93ZWJob29rcy5jb21wb25lbnQnOyJdfQ==

package/esm5/public_api.js

@@ -4,11 +4,13 @@
 export { FsAppMessagesModule } from './app/modules/messages/messages.module';
 export { FsAppMessageQueuesModule } from './app/modules/message-queues/message-queues.module';
 export { FsAppMessageTemplatesModule } from './app/modules/message-templates/message-templates.module';
+export { FsAppMessageWebhooksModule } from './app/modules/webhooks/webhooks.module';
 export { FsAppMessageModule } from './app/modules/app-message/app-message.module';
 export { MessagesComponent } from './app/modules/messages/components/messages/messages.component';
 export { MessageComponent } from './app/modules/messages/components/message/message.component';
 export { QueuesComponent } from './app/modules/message-queues/components/queues/queues.component';
 export { QueueComponent } from './app/modules/message-queues/components/queue/queue.component';
 export { TemplatesComponent } from './app/modules/message-templates/components/templates/templates.component';
+export { FsMessageQueueService } from './app/modules/message-queues/services/message-queue.service';
 export { FS_APP_MESSAGE_CONFIG } from './app/modules/app-message/injectors/app-message-config.injector';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BmaXJlc3RpdGNoL2FwcC1tZXNzYWdlLyIsInNvdXJjZXMiOlsicHVibGljX2FwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHdDQUF3QyxDQUFDO0FBQzdFLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLG9EQUFvRCxDQUFDO0FBQzlGLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLDBEQUEwRCxDQUFDO0FBQ3ZHLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDhDQUE4QyxDQUFDO0FBRWxGLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLCtEQUErRCxDQUFDO0FBQ2xHLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDZEQUE2RCxDQUFDO0FBQy9GLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxpRUFBaUUsQ0FBQztBQUNsRyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sK0RBQStELENBQUM7QUFDL0YsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sMEVBQTBFLENBQUM7QUFJOUcsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0saUVBQWlFLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIGZzLW1lbnVcbiAqL1xuXG5leHBvcnQgeyBGc0FwcE1lc3NhZ2VzTW9kdWxlIH0gZnJvbSAnLi9hcHAvbW9kdWxlcy9tZXNzYWdlcy9tZXNzYWdlcy5tb2R1bGUnO1xuZXhwb3J0IHsgRnNBcHBNZXNzYWdlUXVldWVzTW9kdWxlIH0gZnJvbSAnLi9hcHAvbW9kdWxlcy9tZXNzYWdlLXF1ZXVlcy9tZXNzYWdlLXF1ZXVlcy5tb2R1bGUnO1xuZXhwb3J0IHsgRnNBcHBNZXNzYWdlVGVtcGxhdGVzTW9kdWxlIH0gZnJvbSAnLi9hcHAvbW9kdWxlcy9tZXNzYWdlLXRlbXBsYXRlcy9tZXNzYWdlLXRlbXBsYXRlcy5tb2R1bGUnO1xuZXhwb3J0IHsgRnNBcHBNZXNzYWdlTW9kdWxlIH0gZnJvbSAnLi9hcHAvbW9kdWxlcy9hcHAtbWVzc2FnZS9hcHAtbWVzc2FnZS5tb2R1bGUnO1xuXG5leHBvcnQgeyBNZXNzYWdlc0NvbXBvbmVudCB9IGZyb20gJy4vYXBwL21vZHVsZXMvbWVzc2FnZXMvY29tcG9uZW50cy9tZXNzYWdlcy9tZXNzYWdlcy5jb21wb25lbnQnO1xuZXhwb3J0IHsgTWVzc2FnZUNvbXBvbmVudCB9IGZyb20gJy4vYXBwL21vZHVsZXMvbWVzc2FnZXMvY29tcG9uZW50cy9tZXNzYWdlL21lc3NhZ2UuY29tcG9uZW50JztcbmV4cG9ydCB7IFF1ZXVlc0NvbXBvbmVudCB9IGZyb20gJy4vYXBwL21vZHVsZXMvbWVzc2FnZS1xdWV1ZXMvY29tcG9uZW50cy9xdWV1ZXMvcXVldWVzLmNvbXBvbmVudCc7XG5leHBvcnQgeyBRdWV1ZUNvbXBvbmVudCB9IGZyb20gJy4vYXBwL21vZHVsZXMvbWVzc2FnZS1xdWV1ZXMvY29tcG9uZW50cy9xdWV1ZS9xdWV1ZS5jb21wb25lbnQnO1xuZXhwb3J0IHsgVGVtcGxhdGVzQ29tcG9uZW50IH0gZnJvbSAnLi9hcHAvbW9kdWxlcy9tZXNzYWdlLXRlbXBsYXRlcy9jb21wb25lbnRzL3RlbXBsYXRlcy90ZW1wbGF0ZXMuY29tcG9uZW50JztcblxuZXhwb3J0IHsgRnNBcHBNZXNzYWdlQ29uZmlnIH0gZnJvbSAnLi9hcHAvbW9kdWxlcy9hcHAtbWVzc2FnZS9pbnRlcmZhY2VzJztcblxuZXhwb3J0IHsgRlNfQVBQX01FU1NBR0VfQ09ORklHIH0gZnJvbSAnLi9hcHAvbW9kdWxlcy9hcHAtbWVzc2FnZS9pbmplY3RvcnMvYXBwLW1lc3NhZ2UtY29uZmlnLmluamVjdG9yJztcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BmaXJlc3RpdGNoL2FwcC1tZXNzYWdlLyIsInNvdXJjZXMiOlsicHVibGljX2FwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHdDQUF3QyxDQUFDO0FBQzdFLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLG9EQUFvRCxDQUFDO0FBQzlGLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLDBEQUEwRCxDQUFDO0FBQ3ZHLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLHdDQUF3QyxDQUFDO0FBQ3BGLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDhDQUE4QyxDQUFDO0FBRWxGLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLCtEQUErRCxDQUFDO0FBQ2xHLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDZEQUE2RCxDQUFDO0FBQy9GLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxpRUFBaUUsQ0FBQztBQUNsRyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sK0RBQStELENBQUM7QUFDL0YsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sMEVBQTBFLENBQUM7QUFJOUcsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sNkRBQTZELENBQUM7QUFFcEcsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0saUVBQWlFLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIGZzLW1lbnVcbiAqL1xuXG5leHBvcnQgeyBGc0FwcE1lc3NhZ2VzTW9kdWxlIH0gZnJvbSAnLi9hcHAvbW9kdWxlcy9tZXNzYWdlcy9tZXNzYWdlcy5tb2R1bGUnO1xuZXhwb3J0IHsgRnNBcHBNZXNzYWdlUXVldWVzTW9kdWxlIH0gZnJvbSAnLi9hcHAvbW9kdWxlcy9tZXNzYWdlLXF1ZXVlcy9tZXNzYWdlLXF1ZXVlcy5tb2R1bGUnO1xuZXhwb3J0IHsgRnNBcHBNZXNzYWdlVGVtcGxhdGVzTW9kdWxlIH0gZnJvbSAnLi9hcHAvbW9kdWxlcy9tZXNzYWdlLXRlbXBsYXRlcy9tZXNzYWdlLXRlbXBsYXRlcy5tb2R1bGUnO1xuZXhwb3J0IHsgRnNBcHBNZXNzYWdlV2ViaG9va3NNb2R1bGUgfSBmcm9tICcuL2FwcC9tb2R1bGVzL3dlYmhvb2tzL3dlYmhvb2tzLm1vZHVsZSc7XG5leHBvcnQgeyBGc0FwcE1lc3NhZ2VNb2R1bGUgfSBmcm9tICcuL2FwcC9tb2R1bGVzL2FwcC1tZXNzYWdlL2FwcC1tZXNzYWdlLm1vZHVsZSc7XG5cbmV4cG9ydCB7IE1lc3NhZ2VzQ29tcG9uZW50IH0gZnJvbSAnLi9hcHAvbW9kdWxlcy9tZXNzYWdlcy9jb21wb25lbnRzL21lc3NhZ2VzL21lc3NhZ2VzLmNvbXBvbmVudCc7XG5leHBvcnQgeyBNZXNzYWdlQ29tcG9uZW50IH0gZnJvbSAnLi9hcHAvbW9kdWxlcy9tZXNzYWdlcy9jb21wb25lbnRzL21lc3NhZ2UvbWVzc2FnZS5jb21wb25lbnQnO1xuZXhwb3J0IHsgUXVldWVzQ29tcG9uZW50IH0gZnJvbSAnLi9hcHAvbW9kdWxlcy9tZXNzYWdlLXF1ZXVlcy9jb21wb25lbnRzL3F1ZXVlcy9xdWV1ZXMuY29tcG9uZW50JztcbmV4cG9ydCB7IFF1ZXVlQ29tcG9uZW50IH0gZnJvbSAnLi9hcHAvbW9kdWxlcy9tZXNzYWdlLXF1ZXVlcy9jb21wb25lbnRzL3F1ZXVlL3F1ZXVlLmNvbXBvbmVudCc7XG5leHBvcnQgeyBUZW1wbGF0ZXNDb21wb25lbnQgfSBmcm9tICcuL2FwcC9tb2R1bGVzL21lc3NhZ2UtdGVtcGxhdGVzL2NvbXBvbmVudHMvdGVtcGxhdGVzL3RlbXBsYXRlcy5jb21wb25lbnQnO1xuXG5leHBvcnQgeyBGc0FwcE1lc3NhZ2VDb25maWcgfSBmcm9tICcuL2FwcC9tb2R1bGVzL2FwcC1tZXNzYWdlL2ludGVyZmFjZXMnO1xuXG5leHBvcnQgeyBGc01lc3NhZ2VRdWV1ZVNlcnZpY2UgfSBmcm9tICcuL2FwcC9tb2R1bGVzL21lc3NhZ2UtcXVldWVzL3NlcnZpY2VzL21lc3NhZ2UtcXVldWUuc2VydmljZSc7XG5cbmV4cG9ydCB7IEZTX0FQUF9NRVNTQUdFX0NPTkZJRyB9IGZyb20gJy4vYXBwL21vZHVsZXMvYXBwLW1lc3NhZ2UvaW5qZWN0b3JzL2FwcC1tZXNzYWdlLWNvbmZpZy5pbmplY3Rvcic7XG4iXX0=

package/fesm2015/firestitch-app-message.js

@@ -1,5 +1,5 @@
 import { __decorate, __param, __metadata } from 'tslib';
-import { Inject, Component, InjectionToken, ChangeDetectorRef, ChangeDetectionStrategy, ViewChild, NgModule, Input, Pipe } from '@angular/core';
+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';
@@ -312,19 +312,6 @@ FsAppMessagesModule = __decorate([
     })
 ], 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";
@@ -346,6 +333,19 @@ const MessageQueueStates = [
     { 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 = {}));
+
 let QueueComponent = class QueueComponent {
     constructor(_config, _message, _prompt, _dialog, _data) {
         this._config = _config;
@@ -361,7 +361,7 @@ let QueueComponent = class QueueComponent {
         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((messageQueue) => {
             this.messageQueue = messageQueue;
             if (this.messageQueue.emailMessageQueue) {
@@ -517,10 +517,35 @@ QueueComponent = __decorate([
         MatDialog, Object])
 ], QueueComponent);
 
+let FsMessageQueueService = class FsMessageQueueService {
+    constructor(_dialog) {
+        this._dialog = _dialog;
+        this._destroy$ = new Subject();
+    }
+    openMessageQueue(messageQueueId, options = {}) {
+        return this._dialog.open(QueueComponent, Object.assign(Object.assign({}, options), { data: {
+                messageQueueId,
+            }, width: options.width || '85%' })).afterClosed()
+            .pipe(takeUntil(this._destroy$));
+    }
+    ngOnDestroy() {
+        this._destroy$.next();
+        this._destroy$.complete();
+    }
+};
+FsMessageQueueService.ctorParameters = () => [
+    { type: MatDialog }
+];
+FsMessageQueueService = __decorate([
+    Injectable(),
+    __metadata("design:paramtypes", [MatDialog])
+], FsMessageQueueService);
+
 let QueuesComponent = class QueuesComponent {
-    constructor(_config, _dialog) {
+    constructor(_config, _dialog, _messageQueueService) {
         this._config = _config;
         this._dialog = _dialog;
+        this._messageQueueService = _messageQueueService;
         this.list = null;
         this.query = {};
         this.config = null;
@@ -608,13 +633,7 @@ let QueuesComponent = class QueuesComponent {
         });
     }
     open(messageQueue) {
-        this._dialog.open(QueueComponent, {
-            data: {
-                messageQueue: messageQueue,
-            },
-            width: '85%'
-        })
-            .afterClosed()
+        this._messageQueueService.openMessageQueue(messageQueue.id)
             .pipe(takeUntil(this._destroy$))
             .subscribe(() => {
             this.list.reload();
@@ -627,7 +646,8 @@ let QueuesComponent = class QueuesComponent {
 };
 QueuesComponent.ctorParameters = () => [
     { type: undefined, decorators: [{ type: Inject, args: [FS_APP_MESSAGE_CONFIG,] }] },
-    { type: MatDialog }
+    { type: MatDialog },
+    { type: FsMessageQueueService }
 ];
 __decorate([
     ViewChild(FsListComponent, { static: true }),
@@ -640,13 +660,40 @@ __decorate([
 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]\"\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]\"\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]\"\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      <fs-date-ago [date]=\"row.createdDate\"></fs-date-ago>\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>",
+        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])
+    __metadata("design:paramtypes", [Object, MatDialog,
+        FsMessageQueueService])
 ], QueuesComponent);
 
+let RecipientComponent = class RecipientComponent {
+    ngOnInit() {
+        const 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);
+
 let LinkifyPipe = class LinkifyPipe {
     transform(value) {
         return anchorme(value, {
@@ -680,32 +727,6 @@ TruncatePipe = __decorate([
     })
 ], TruncatePipe);
 
-let RecipientComponent = class RecipientComponent {
-    ngOnInit() {
-        const 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  <mat-icon *ngIf=\"icon\" [class]=\"'state-' + state\" [matTooltip]=\"icon.tooltip\">{{icon.name}}</mat-icon>\n  <span class=\"name\">{{name}}</span>\n</span>",
-        styles: ["mat-icon{font-size:14px;width:14px;height:14px;line-height:normal;margin-right: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);
-
 let FsAppMessageQueuesModule = class FsAppMessageQueuesModule {
 };
 FsAppMessageQueuesModule = __decorate([
@@ -740,6 +761,9 @@ FsAppMessageQueuesModule = __decorate([
         exports: [
             QueuesComponent,
             QueueComponent,
+        ],
+        providers: [
+            FsMessageQueueService
         ]
     })
 ], FsAppMessageQueuesModule);
@@ -928,6 +952,79 @@ FsAppMessageTemplatesModule = __decorate([
     })
 ], FsAppMessageTemplatesModule);
 
+let WebhooksComponent = class WebhooksComponent {
+    constructor(_config, _message) {
+        this._config = _config;
+        this._message = _message;
+    }
+    ngOnInit() {
+        this.listConfig = {
+            paging: false,
+            actions: [
+                {
+                    click: () => {
+                        this._config.createWebhook()
+                            .subscribe(() => {
+                            this._message.success('Created webhook');
+                            this.list.reload();
+                        });
+                    },
+                    label: 'Create',
+                },
+            ],
+            rowActions: [
+                {
+                    click: (webhook) => {
+                        this._config.deleteWebhook(webhook)
+                            .subscribe(() => {
+                            this._message.success('Deleted webhook');
+                            this.list.reload();
+                        });
+                    },
+                    label: 'Delete',
+                },
+            ],
+            fetch: () => {
+                return this._config.loadWebhooks()
+                    .pipe(map((webhooks) => ({ data: webhooks })));
+            },
+        };
+    }
+};
+WebhooksComponent.ctorParameters = () => [
+    { 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);
+
+let FsAppMessageWebhooksModule = class FsAppMessageWebhooksModule {
+};
+FsAppMessageWebhooksModule = __decorate([
+    NgModule({
+        imports: [
+            FsListModule,
+            FsDateModule,
+        ],
+        declarations: [
+            WebhooksComponent,
+        ],
+        exports: [
+            WebhooksComponent,
+        ],
+    })
+], FsAppMessageWebhooksModule);
+
 var FsAppMessageModule_1;
 let FsAppMessageModule = FsAppMessageModule_1 = class FsAppMessageModule {
     static forRoot() {
@@ -948,5 +1045,5 @@ FsAppMessageModule = FsAppMessageModule_1 = __decorate([
  * Generated bundle index. Do not edit.
  */
 
-export { FS_APP_MESSAGE_CONFIG, FsAppMessageModule, FsAppMessageQueuesModule, FsAppMessageTemplatesModule, FsAppMessagesModule, 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 };
+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